Merge pull request #818 from mattnickles/FSPE-7310-Prepare-390-release

[FSPE-7310] Prepared 3.9.0 release
CenturyLinkCloud · Feb 18, 2021 · bae32ee · bae32ee
2 parents f526f48 + 47bae49
commit bae32ee
Show file tree

Hide file tree

Showing 15 changed files with 79 additions and 43 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,16 @@
 # CHANGELOG
+## 3.9.0 (February 18, 2021)
+### Components
+#### Added
+* Added: Icons `icon-circle-wrench`, `icon-date-alt`, `icon-spinner`, `icon-triangle-wrench`.
+* Added: Header component now supports a collapsible search input.
+* Added: Image utility to change the responsive behavior of image elements.
+* Added: Text utility now supports coloring text orange with `-text--orange`.
+* Added: Icon component now supports coloring icons orange with color value `orange`.
+#### Changed
+* Changed: Mobile navigation drawer target validation has been improved.
+* Changed: Header component external links (Explore Lumen, Help, Contact Us) now open in a new window/tab.
+
 ## 3.8.0 (January 28, 2021)
 ### Components
 #### Added

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@centurylink/chi",
-  "version": "3.8.0",
+  "version": "3.9.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.8.0/chi.css">
-  <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.svg">
-  <link rel="alternate icon" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.ico">
-  <script src="https://assets.ctl.io/chi/3.8.0/js/chi.js"></script>
-  <script type="module" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-  <script nomodule="" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+  <link rel="stylesheet" href="https://assets.ctl.io/chi/3.9.0/chi.css">
+  <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.svg">
+  <link rel="alternate icon" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.ico">
+  <script src="https://assets.ctl.io/chi/3.9.0/js/chi.js"></script>
+  <script type="module" src="https://assets.ctl.io/chi/3.9.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+  <script nomodule="" src="https://assets.ctl.io/chi/3.9.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.8.0/chi.css">
-    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.ico">
-    <script type="module" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-    <script nomodule="" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.9.0/chi.css">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.ico">
+    <script type="module" src="https://assets.ctl.io/chi/3.9.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+    <script nomodule="" src="https://assets.ctl.io/chi/3.9.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.8.0/chi.css">
-    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.ico">
-    <script src="https://assets.ctl.io/chi/3.8.0/js/chi.js"></script>
-    <script type="module" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-    <script nomodule="" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.9.0/chi.css">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.ico">
+    <script src="https://assets.ctl.io/chi/3.9.0/js/chi.js"></script>
+    <script type="module" src="https://assets.ctl.io/chi/3.9.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+    <script nomodule="" src="https://assets.ctl.io/chi/3.9.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.8.0/chi.css">
-  <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.svg">
-  <link rel="alternate icon" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.ico">
-  <script src="https://assets.ctl.io/chi/3.8.0/js/chi.js"></script>
-  <script type="module" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-  <script nomodule="" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+  <link rel="stylesheet" href="https://assets.ctl.io/chi/3.9.0/chi.css">
+  <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.svg">
+  <link rel="alternate icon" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.ico">
+  <script src="https://assets.ctl.io/chi/3.9.0/js/chi.js"></script>
+  <script type="module" src="https://assets.ctl.io/chi/3.9.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+  <script nomodule="" src="https://assets.ctl.io/chi/3.9.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.8.0/chi.css">
-    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.ico">
-    <script src="https://assets.ctl.io/chi/3.8.0/js/chi.js"></script>
-    <script type="module" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-    <script nomodule="" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.9.0/chi.css">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.ico">
+    <script src="https://assets.ctl.io/chi/3.9.0/js/chi.js"></script>
+    <script type="module" src="https://assets.ctl.io/chi/3.9.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+    <script nomodule="" src="https://assets.ctl.io/chi/3.9.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.8.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.ico">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.9.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.8.0/chi.css">
+  <link rel="stylesheet" href="https://assets.ctl.io/chi/3.9.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.8.0";
+window.chiCurrentVersion="3.9.0";
diff --git a/src/website/assets/styles/_docs-header.scss b/src/website/assets/styles/_docs-header.scss
@@ -220,5 +220,9 @@
         }
       }
     }
+
+    #versionDropdown {
+      max-height: 30rem;
+    }
   }
 }
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.8.0
+        button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v3.9.0
         .chi-dropdown__menu(style='width:10rem;')#versionDropdown
-          a.chi-dropdown__menu-item.-active(href='https://assets.ctl.io/chi/3.8.0') v3.8.0
+          a.chi-dropdown__menu-item.-active(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
           a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.6.0') v3.6.0
           a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.5.0') v3.5.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.8.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.9.0
 else
     .chi-grid__container
         h1.docs-titlebar__title=title

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.8.0/chi.css">
+    <link rel="stylesheet" href="https://assets.ctl.io/chi/3.9.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.8.0/assets/images/favicon.svg">
-    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.8.0/assets/images/favicon.ico">
+    <link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.9.0/assets/images/favicon.svg">
+    <link rel="alternate icon" href="https://assets.ctl.io/chi/3.9.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.8.0/js/chi.js"></script>
+      <script src="https://assets.ctl.io/chi/3.9.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.8.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
-    <script nomodule="" src="https://assets.ctl.io/chi/3.8.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
+    <script type="module" src="https://assets.ctl.io/chi/3.9.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+    <script nomodule="" src="https://assets.ctl.io/chi/3.9.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.9.0" target="_blank">Chi v3.9.0</a>
+  .-text--grey.-text--md February 18, 2021
+  .-pt--1
+    h3.-text--h3.-text--bold Components
+    h4.-text--h4.-text--bold Added
+    ul.-text.-pl--2
+      li Added: Icons <code>icon-circle-wrench</code>, <code>icon-date-alt</code>, <code>icon-spinner</code>, <code>icon-triangle-wrench</code>.
+      li Added: Header component now supports a collapsible search input.
+      li Added: Image utility to change the responsive behavior of image elements.
+      li Added: Text utility now supports coloring text orange with <code>-text--orange</code>.
+      li Added: Icon component now supports coloring icons orange with color value <code>orange</code>.
+    h4.-text--h4.-text--bold Changed
+    ul.-text.-pl--2
+      li Changed: Mobile navigation drawer target validation has been improved.
+      li Changed: Header component external links (Explore Lumen, Help, Contact Us) now open in a new window/tab.
+
+.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.8.0" target="_blank">Chi v3.8.0</a>
   .-text--grey.-text--md January 28, 2021
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		window.chiCurrentVersion="3.8.0";
		window.chiCurrentVersion="3.9.0";
-Original file line number
+Diff line change
@@ Expand Up / @@ -220,5 +220,9 @@ @@
             }
           }
         }
+        #versionDropdown {
+          max-height: 30rem;
+        }
       }
     }