Merge pull request #826 from mattnickles/FSPE-7378-Prepare-311-release

[FSPE-7378] Prepared release for 3.11.0
CenturyLinkCloud · Mar 4, 2021 · cd81c07 · cd81c07
2 parents 63b9bda + 6fb7f9f
commit cd81c07
Show file tree

Hide file tree

Showing 15 changed files with 83 additions and 51 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,16 @@
 # CHANGELOG
+## 3.11.0 (March 4, 2021)
+### Components
+#### Added
+* Added: Marketing icon component to render Lumen full-color marketing icons.
+#### Changed
+* Changed: Popover component positioning has been improved to render more accurately in scenarios where the reference element is located within an overflow or narrow container.
+### Documentation
+#### Changed
+* Changed: Copyright date in Footer component documentation has been changed from 2020 to 2021.
+* Changed: Elements used to trigger tooltips in Tooltip documentation have been updated with more intuitive text.
+
+
 ## 3.10.0 (February 25, 2021)
 ### Components
 #### Added

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@centurylink/chi",
-  "version": "3.10.0",
+  "version": "3.11.0",
   "description": "Chi is Lumen's design system for building consistent digital products and experiences.",
   "license": "MIT",
   "main": "bin/chi.js",

diff --git a/src/boilerplates/angular/chi-angular-boilerplate/src/index.html b/src/boilerplates/angular/chi-angular-boilerplate/src/index.html
@@ -5,12 +5,12 @@
   <title>AngularBoilerplate</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="https://assets.ctl.io/chi/3.10.0/chi.css">
-  <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.svg">
-  <link rel="alternate icon" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.ico">
-  <script src="https://assets.ctl.io/chi/3.10.0/js/chi.js"></script>
-  <script type="module" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-  <script nomodule="" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+  <link rel="stylesheet" href="https://assets.ctl.io/chi/3.11.0/chi.css">
+  <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.svg">
+  <link rel="alternate icon" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.ico">
+  <script src="https://assets.ctl.io/chi/3.11.0/js/chi.js"></script>
+  <script type="module" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+  <script nomodule="" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
 </head>
 <body>
   <app-root></app-root>

diff --git a/src/boilerplates/es6/chi-vue-es6-boilerplate/public/index.html b/src/boilerplates/es6/chi-vue-es6-boilerplate/public/index.html
@@ -5,11 +5,11 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>Vue Boilerplate</title>
-    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.10.0/chi.css">
-    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.ico">
-    <script type="module" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-    <script nomodule="" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.11.0/chi.css">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.ico">
+    <script type="module" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+    <script nomodule="" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
   </head>
   <body>
     <noscript>

diff --git a/src/boilerplates/react/chi-react-boilerplate/public/index.html b/src/boilerplates/react/chi-react-boilerplate/public/index.html
@@ -24,12 +24,12 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>React App</title>
-    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.10.0/chi.css">
-    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.ico">
-    <script src="https://assets.ctl.io/chi/3.10.0/js/chi.js"></script>
-    <script type="module" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-    <script nomodule="" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.11.0/chi.css">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.ico">
+    <script src="https://assets.ctl.io/chi/3.11.0/js/chi.js"></script>
+    <script type="module" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+    <script nomodule="" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html b/src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html
@@ -14,12 +14,12 @@
   <link href="/build/app.css" rel="stylesheet">
 
   <link rel="apple-touch-icon" href="/assets/icon/icon.png">
-  <link rel="stylesheet" href="https://assets.ctl.io/chi/3.10.0/chi.css">
-  <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.svg">
-  <link rel="alternate icon" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.ico">
-  <script src="https://assets.ctl.io/chi/3.10.0/js/chi.js"></script>
-  <script type="module" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-  <script nomodule="" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+  <link rel="stylesheet" href="https://assets.ctl.io/chi/3.11.0/chi.css">
+  <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.svg">
+  <link rel="alternate icon" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.ico">
+  <script src="https://assets.ctl.io/chi/3.11.0/js/chi.js"></script>
+  <script type="module" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+  <script nomodule="" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
   <link rel="manifest" href="/manifest.json">
 </head>
 <body>

diff --git a/src/boilerplates/vue/chi-vue-boilerplate/public/index.html b/src/boilerplates/vue/chi-vue-boilerplate/public/index.html
@@ -5,12 +5,12 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>Vue Boilerplate</title>
-    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.10.0/chi.css">
-    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.ico">
-    <script src="https://assets.ctl.io/chi/3.10.0/js/chi.js"></script>
-    <script type="module" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-    <script nomodule="" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.11.0/chi.css">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.ico">
+    <script src="https://assets.ctl.io/chi/3.11.0/js/chi.js"></script>
+    <script type="module" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+    <script nomodule="" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
   </head>
   <body>
     <noscript>

diff --git a/src/chi-vue/public/index.html b/src/chi-vue/public/index.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>Chi Vue</title>
     <link rel="stylesheet" href="http://localhost:8000/chi.css">
-    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.ico">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.ico">
     <script src="http://localhost:8000/js/chi.js"></script>
   </head>
   <body>

diff --git a/src/custom-elements/src/index.html b/src/custom-elements/src/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
-  <link rel="stylesheet" href="https://assets.ctl.io/chi/3.10.0/chi.css">
+  <link rel="stylesheet" href="https://assets.ctl.io/chi/3.11.0/chi.css">
   <title>Stencil Component Starter</title>
   <script src="/build/ux-chi-ce.js"></script>
 

diff --git a/src/website/assets/scripts/globalConfigs.js b/src/website/assets/scripts/globalConfigs.js
@@ -1 +1 @@
-window.chiCurrentVersion="3.10.0";
+window.chiCurrentVersion="3.11.0";
diff --git a/src/website/layouts/partials/header.pug b/src/website/layouts/partials/header.pug
@@ -60,9 +60,10 @@ header.chi-header.docs-header.-z--20
           i.chi-icon.icon-search
     .chi-header__end
       .chi-dropdown
-        button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v3.10.0
+        button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v3.11.0
         .chi-dropdown__menu(style='width:10rem;')#versionDropdown
-          a.chi-dropdown__menu-item.-active(href='https://assets.ctl.io/chi/3.10.0') v3.10.0
+          a.chi-dropdown__menu-item.-active(href='https://assets.ctl.io/chi/3.11.0') v3.11.0
+          a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.10.0') v3.10.0
           a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.9.0') v3.9.0
           a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.8.0') v3.8.0
           a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.7.0') v3.7.0

diff --git a/src/website/layouts/partials/titlebar.pug b/src/website/layouts/partials/titlebar.pug
@@ -15,7 +15,7 @@ if introduction
                     h2.docs-titlebar__description=introductionSubtitle
                 .docs-titlebar__buttons
                     a.chi-button.-primary.-xl.-uppercase.-px--4.-mb--2.-mb-sm--0(href='../getting-started/installation') Install Chi
-                    a.chi-button.-dark.-outline.-xl.-uppercase.-px--4.-ml-sm--2.-mb--2.-mb-sm--0(href='../getting-started/whats-new') See What's New In v3.10.0
+                    a.chi-button.-dark.-outline.-xl.-uppercase.-px--4.-ml-sm--2.-mb--2.-mb-sm--0(href='../getting-started/whats-new') See What's New In v3.11.0
 else
     .chi-grid__container
         h1.docs-titlebar__title=title

diff --git a/src/website/views/components/tooltip/_examples.pug b/src/website/views/components/tooltip/_examples.pug
@@ -5,7 +5,7 @@ p.-text
   | initialize it with the chi.tooltip factory method.
 .example.-mb--3
   .-p--3
-    button(data-tooltip='Your tooltip text on a button').chi-button Tooltip
+    button(data-tooltip='Your tooltip text on a button').chi-button Hover me to see tooltip
   .example-tabs.-pl--2
     ul.chi-tabs#example-base
       li.-disabled
@@ -20,7 +20,7 @@ p.-text
         | You may use your own solution, or use Chi's vanilla JavaScript solution,
         | <a href="../../getting-started/installation">Chi.js</a>.
     :code(lang='html')
-      <button id="tooltip-1" class="chi-button" data-tooltip="Your tooltip text on a button">Tooltip</button>
+      <button id="tooltip-1" class="chi-button" data-tooltip="Your tooltip text on a button">Hover me to see tooltip</button>
 
       <script>chi.tooltip(document.getElementById('tooltip-1'));</script>
 
@@ -29,7 +29,7 @@ p.-text
   | Use light tooltips for rendering tooltips on dark backgrounds. To use, apply the <code>data-tooltip-color="light"</code> attribute to the Tooltip trigger element.
 .example.-bg--black.-mb--3
   .-p--3
-    button.-outline.-light(data-tooltip='Your tooltip text on a button' data-tooltip-color='light').chi-button Tooltip
+    button.-outline.-light(data-tooltip='Your tooltip text on a button' data-tooltip-color='light').chi-button Hover me to see tooltip
   .example-tabs.-pl--2
     ul.chi-tabs#example-light
       li.-disabled
@@ -44,7 +44,7 @@ p.-text
         | You may use your own solution, or use Chi's vanilla JavaScript solution,
         | <a href="../../getting-started/installation">Chi.js</a>.
     :code(lang='html')
-      <button id="tooltip-2" class="chi-button -outline -light" data-tooltip="Your tooltip text on a button" data-tooltip-color="light">Tooltip</button>
+      <button id="tooltip-2" class="chi-button -outline -light" data-tooltip="Your tooltip text on a button" data-tooltip-color="light">Hover me to see tooltip</button>
 
       <script>chi.tooltip(document.getElementById('tooltip-2'));</script>
 
@@ -56,7 +56,7 @@ p.-text
 .example.-mb--3
   .-p--3
     span#tooltip-disabled-button(data-tooltip='Tooltip message for a disabled button')
-      button(disabled).chi-button Disabled
+      button(disabled).chi-button Hover me to see tooltip
   .example-tabs.-pl--2
     ul.chi-tabs#example-disabled
       li.-disabled
@@ -67,7 +67,7 @@ p.-text
   .chi-tabs-panel.-active#html-disabled
     :code(lang='html')
       <span data-tooltip="Tooltip message for a disabled button" id="tooltip-disabled-button">
-        <button class="chi-button" disabled>Disabled Tooltip</button>
+        <button class="chi-button" disabled>Hover me to see tooltip</button>
       </span>
 
       <script>chi.tooltip(document.getElementById('tooltip-disabled-button'));</script>
@@ -113,7 +113,7 @@ p.-text
   .-p--3
     button(data-tooltip='Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et interdum purus. ' +
     'Curabitur varius libero, vel hendrerit enim tincidunt sit amet. Ut eros purus, semper nec ipsum et, ' +
-    'maximus faucibus suscipit nibh.').chi-button.-mr--2.-mb--2.-mb-md--0 Long Tooltip
+    'maximus faucibus suscipit nibh.').chi-button.-mr--2.-mb--2.-mb-md--0 Hover me to see tooltip
   .example-tabs.-pl--2
     ul.chi-tabs#example-long
       li.-disabled
@@ -128,7 +128,7 @@ p.-text
         | You may use your own solution, or use Chi's vanilla JavaScript solution,
         | <a href="../../getting-started/installation">Chi.js</a>.
     :code(lang='html')
-      <button class="chi-button" data-tooltip="Lorem ipsum...">Long Tooltip</button>
+      <button class="chi-button" data-tooltip="Lorem ipsum...">Hover me to see tooltip</button>
 
       <script>chi.tooltip(document.querySelectorAll('[data-tooltip]'));</script>
 

diff --git a/src/website/views/getting-started/installation.pug b/src/website/views/getting-started/installation.pug
@@ -10,7 +10,7 @@ p.-text
   | performant option for loading assets into your Lumen project.
 .-mb--2
   :code(lang='html')
-    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.10.0/chi.css">
+    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.11.0/chi.css">
 
 p.-text
   | Next, add the <code>chi</code> CSS class to the <code>&lt;html&gt;</code> tag of your document to properly scope the styles.
@@ -35,8 +35,8 @@ p.-text
   | code before the closing <code>&lt;head&gt;</code> tag.
   .-mb--2
   :code(lang='html')
-    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.10.0/assets/images/favicon.ico">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.11.0/assets/images/favicon.ico">
 
 h2.-text--h2.-text--bold JavaScript
 .chi-badge.-dark.-outline.-xs.-mb--1
@@ -65,7 +65,7 @@ ul#chi-js-tabs.chi-tabs.-border
     | file from the Lumen Assets Server. In this solution Popper.js and Day.js are bundled into the file.
   .-mb--2
     :code(lang='html')
-      <script src="https://assets.ctl.io/chi/3.10.0/js/chi.js"></script>
+      <script src="https://assets.ctl.io/chi/3.11.0/js/chi.js"></script>
 #chi-js-tabs--amd.chi-tabs-panel
   p.-text
     | If you use RequireJS or any other AMD compatible module loader in your project, you will find the AMD compatible
@@ -101,8 +101,8 @@ p.-text
 
 .-mb--2
   :code(lang='html')
-    <script type="module" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-    <script nomodule="" src="https://assets.ctl.io/chi/3.10.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+    <script type="module" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+    <script nomodule="" src="https://assets.ctl.io/chi/3.11.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
 
 p.-text.-mb--3
   | After placing the files in your header, you are now ready to use the Web Components described in this documentation.

diff --git a/src/website/views/getting-started/whats-new.pug b/src/website/views/getting-started/whats-new.pug
@@ -5,6 +5,25 @@ order: 5
 script(type='module' src='../../js/ce/ux-chi-ce/ux-chi-ce.esm.js')
 script(nomodule='' src='../../js/ce/ux-chi-ce/ux-chi-ce.js')
 
+.changelog__version.-py--1
+  h2.-text--h2.-text--bold.-mb--1 <a href="https://github.com/CenturyLinkCloud/ux-chi/releases/tag/v3.11.0" target="_blank">Chi v3.11.0</a>
+  .-text--grey.-text--md March 4, 2021
+  .-pt--1
+    h3.-text--h3.-text--bold Components
+    h4.-text--h4.-text--bold Added
+    ul.-text.-pl--2
+      li Added: Marketing icon component to render Lumen full-color marketing icons.
+    h4.-text--h4.-text--bold Changed
+    ul.-text.-pl--2
+      li Changed: Popover component positioning has been improved to render more accurately in scenarios where the reference element is located within an overflow or narrow container.
+    h3.-text--h3.-text--bold Documentation
+    h4.-text--h4.-text--bold Changed
+    ul.-text.-pl--2
+      li Changed: Copyright date in Footer component documentation has been changed from 2020 to 2021.
+      li Changed: Elements used to trigger tooltips in Tooltip documentation have been updated with more intuitive text.
+
+.chi-divider.-my--4
+
 .changelog__version.-py--1
   h2.-text--h2.-text--bold.-mb--1 <a href="https://github.com/CenturyLinkCloud/ux-chi/releases/tag/v3.10.0" target="_blank">Chi v3.10.0</a>
   .-text--grey.-text--md February 25, 2021
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		window.chiCurrentVersion="3.10.0";
		window.chiCurrentVersion="3.11.0";