[DPEDE-2463] Prepare Chi 6.5.0 release (#1374)

CenturyLink · Aug 29, 2024 · 7d8b0bb · 7d8b0bb
1 parent 8ab62f8
commit 7d8b0bb
Show file tree

Hide file tree

Showing 30 changed files with 92 additions and 65 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,17 @@
 # CHANGELOG
 
+## 6.5.0 (August 29, 2024)
+
+### Components
+
+#### Added
+
+- Added: Tabs web component now supports `panels` slot to include content.
+
+#### Fixed
+
+- Fixed: Dropdown web component `select-mode` focus state.
+
 ## 6.4.0 (August 23, 2024)
 
 ### Documentation

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@centurylink/chi",
-  "version": "6.4.0",
+  "version": "6.5.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/stencil/chi-stencil-boilerplate/src/index.html b/src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html
@@ -14,7 +14,7 @@
     <link href="/build/app.css" rel="stylesheet" />
 
     <link rel="apple-touch-icon" href="/assets/icon/icon.png" />
-    <link rel="stylesheet" href="https://lib.lumen.com/chi/6.4.0/chi.css" integrity="sha256-DBp6W98pui9eup8CMix2agcg17KE9qxfo5lw2ngw6Kw=" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://lib.lumen.com/chi/6.5.0/chi.css" integrity="sha256-WINhhvBGhK3KakisAnA3TsOqCnPj9OzReOhPvjuWoJ4=" crossorigin="anonymous">
     <link
       rel="icon"
       type="image/svg+xml"
@@ -28,7 +28,7 @@
       integrity="sha256-EkKmbH+i/VIQAtUl7NF4bPVaaJZCeBc5xWx8LTcMJp0="
       crossorigin="anonymous"
     />
-    <script src="https://lib.lumen.com/chi/6.4.0/js/chi.js" integrity="sha256-L81pvhALLfdUMDqFgdf7vmWFChqs/HrsHU4oLqbJtn0=" crossorigin="anonymous"></script>
+    <script src="https://lib.lumen.com/chi/6.5.0/js/chi.js" integrity="sha256-L81pvhALLfdUMDqFgdf7vmWFChqs/HrsHU4oLqbJtn0=" crossorigin="anonymous"></script>
     <script
       type="module"
       src="https://lib.lumen.com/chi/6.3.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"

diff --git a/src/custom-elements/docs/docs.json b/src/custom-elements/docs/docs.json
@@ -1,8 +1,8 @@
 {
-  "timestamp": "2024-08-21T13:10:45",
+  "timestamp": "2024-08-28T14:21:22",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.20.0",
+    "version": "4.21.0",
     "typescriptVersion": "5.5.3"
   },
   "components": [
@@ -10518,4 +10518,4 @@
       "path": "src/constants/constants.ts"
     }
   }
-}
+}
diff --git a/src/custom-elements/package-lock.json b/src/custom-elements/package-lock.json
diff --git a/src/custom-elements/src/index.html b/src/custom-elements/src/index.html
@@ -6,11 +6,11 @@
     <link
       rel="icon"
       type="image/svg+xml"
-      href="https://lib.lumen.com/chi/6.4.0/assets/themes/lumen/images/favicon.svg"
+      href="https://lib.lumen.com/chi/6.5.0/assets/themes/lumen/images/favicon.svg"
     />
-    <link rel="alternate icon" href="https://lib.lumen.com/chi/6.4.0/assets/themes/lumen/images/favicon.ico" />
-    <link rel="stylesheet" href="https://lib.lumen.com/chi/6.4.0/chi-portal.css" />
-    <script src="https://lib.lumen.com/chi/6.4.0/js/chi.js"></script>
+    <link rel="alternate icon" href="https://lib.lumen.com/chi/6.5.0/assets/themes/lumen/images/favicon.ico" />
+    <link rel="stylesheet" href="https://lib.lumen.com/chi/6.5.0/chi-portal.css" />
+    <script src="https://lib.lumen.com/chi/6.5.0/js/chi.js"></script>
     <link rel="icon" href="assets/favicon.ico" />
     <title>Chi - Custom elements</title>
     <script type="module" src="/build/ux-chi-ce.esm.js"></script>

diff --git a/src/documentation/constants/configs.ts b/src/documentation/constants/configs.ts
@@ -1,2 +1,2 @@
 export const DEFAULT_THEME = 'lumen';
-export const CHI_VERSION = '6.4.0';
+export const CHI_VERSION = '6.5.0';
diff --git a/src/documentation/constants/constants.ts b/src/documentation/constants/constants.ts
@@ -394,6 +394,7 @@ export const NAVIGATION_FOUNDATIONS = [
 ];
 
 export const CHI_VISIBLE_VERSION = [
+  '6.5.0',
   '6.4.0',
   '6.3.0',
   '6.2.0',

diff --git a/src/website/assets/scripts/globalConfigs.js b/src/website/assets/scripts/globalConfigs.js
@@ -1 +1 @@
-window.chiCurrentVersion="6.4.0";
+window.chiCurrentVersion="6.5.0";
diff --git a/src/website/layouts/default.pug b/src/website/layouts/default.pug
@@ -35,7 +35,7 @@ html.chi(lang="en")
         const pageURL = window.location.href;
 
         if (pageURL.includes('latest')) {
-            const redirectionURL = pageURL.split('latest').join('6.4.0');
+            const redirectionURL = pageURL.split('latest').join('6.5.0');
 
             window.location.href = redirectionURL;
         }

diff --git a/src/website/layouts/partials/header.pug b/src/website/layouts/partials/header.pug
@@ -250,9 +250,10 @@ header.chi-header.docs-header.-z--20
       #docsearch.-chi-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") v6.4.0
+        button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v6.5.0
         .chi-dropdown__menu(style='width:10rem;')#versionDropdown
-          a.chi-dropdown__menu-item.-active(href='https://lib.lumen.com/chi/6.4.0') v6.4.0
+          a.chi-dropdown__menu-item.-active(href='https://lib.lumen.com/chi/6.5.0') v6.5.0
+          a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/6.4.0') v6.4.0
           a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/6.3.0') v6.3.0
           a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/6.2.0') v6.2.0
           a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/6.1.0') v6.1.0

diff --git a/src/website/layouts/partials/sriDoc.pug b/src/website/layouts/partials/sriDoc.pug
@@ -15,7 +15,7 @@ if name === 'css-lumen'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/chi.css
+          | https://lib.lumen.com/chi/6.5.0/chi.css
           span.token.punctuation &quot; 
           span.token.attr-name integrity
         span.token.attr-value
@@ -48,7 +48,7 @@ if name === 'css-centurylink'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/chi-centurylink.css
+          | https://lib.lumen.com/chi/6.5.0/chi-centurylink.css
           span.token.punctuation &quot; 
           span.token.attr-name integrity
         span.token.attr-value
@@ -81,7 +81,7 @@ if name === 'css-portal'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/chi-portal.css
+          | https://lib.lumen.com/chi/6.5.0/chi-portal.css
           span.token.punctuation &quot; 
           span.token.attr-name integrity
         span.token.attr-value
@@ -108,7 +108,7 @@ if name === 'js'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/js/chi.js
+          | https://lib.lumen.com/chi/6.5.0/js/chi.js
           span.token.punctuation &quot; 
         span.token.attr-name integrity
         span.token.attr-value
@@ -153,7 +153,7 @@ if name === 'favicon-lumen'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/assets/themes/lumen/images/favicon.svg
+          | https://lib.lumen.com/chi/6.5.0/assets/themes/lumen/images/favicon.svg
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -182,7 +182,7 @@ if name === 'favicon-lumen'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/assets/themes/lumen/images/favicon.ico
+          | https://lib.lumen.com/chi/6.5.0/assets/themes/lumen/images/favicon.ico
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -221,7 +221,7 @@ if name === 'favicon-centurylink'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/assets/themes/centurylink/images/favicon.svg
+          | https://lib.lumen.com/chi/6.5.0/assets/themes/centurylink/images/favicon.svg
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -250,7 +250,7 @@ if name === 'favicon-centurylink'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/assets/themes/centurylink/images/favicon.ico
+          | https://lib.lumen.com/chi/6.5.0/assets/themes/centurylink/images/favicon.ico
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -283,7 +283,7 @@ if name === 'web-components'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js
+          | https://lib.lumen.com/chi/6.5.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -317,7 +317,7 @@ if name === 'web-components'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/6.4.0/js/ce/ux-chi-ce/ux-chi-ce.js
+          | https://lib.lumen.com/chi/6.5.0/js/ce/ux-chi-ce/ux-chi-ce.js
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value

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.-lg.-uppercase.-px--4.-mb--2.-mb-sm--0(href='../getting-started/installation') Install Chi
-                    a.chi-button.-dark.-outline.-lg.-uppercase.-px--4.-ml-sm--2.-mb--2.-mb-sm--0(href='../getting-started/whats-new') See What's New In v6.4.0
+                    a.chi-button.-dark.-outline.-lg.-uppercase.-px--4.-ml-sm--2.-mb--2.-mb-sm--0(href='../getting-started/whats-new') See What's New In v6.5.0
 else
     .chi-grid__container
         h1.docs-titlebar__title=title

diff --git a/src/website/views/components/button/_accessibility.pug b/src/website/views/components/button/_accessibility.pug
@@ -16,7 +16,7 @@ table.chi-table
       td <code>Enter</code>,<code>Space</code>
       td Activates the button
 p.-text
-  | For comprehensive details on keyboard support for buttons, refer to our <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support for buttons, refer to our <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -85,7 +85,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/date-picker/_accessibility.pug b/src/website/views/components/date-picker/_accessibility.pug
@@ -33,7 +33,7 @@ table.chi-table
 
 
 p.-text
-  | For comprehensive details on keyboard support, refer to our <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support, refer to our <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -81,7 +81,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/forms/checkbox/_accessibility.pug b/src/website/views/components/forms/checkbox/_accessibility.pug
@@ -16,7 +16,7 @@ table.chi-table
       td <code>Space</code>
       td Toggles checkbox between checked and unchecked states
 p.-text
-  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -84,7 +84,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/forms/number-input/_accessibility.pug b/src/website/views/components/forms/number-input/_accessibility.pug
@@ -23,7 +23,7 @@ table.chi-table
       td Submits the entered value.
 
 p.-text
-  | For comprehensive details on keyboard support, refer to our <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support, refer to our <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -74,7 +74,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/6.4.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/6.5.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/forms/radio-button/_accessibility.pug b/src/website/views/components/forms/radio-button/_accessibility.pug
@@ -16,7 +16,7 @@ table.chi-table
       td <code>Space</code>
       td Toggles the selection state of the radio button between checked and unchecked
 p.-text
-  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -81,7 +81,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/forms/select/_accessibility.pug b/src/website/views/components/forms/select/_accessibility.pug
@@ -27,7 +27,7 @@ table.chi-table
 
 
 p.-text
-  | For comprehensive details on keyboard support, refer to our <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support, refer to our <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -92,7 +92,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/forms/text-input/_accessibility.pug b/src/website/views/components/forms/text-input/_accessibility.pug
@@ -17,7 +17,7 @@ table.chi-table
       td Activates the button             
 
 p.-text
-  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -69,7 +69,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/links-and-forms/" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/links-and-forms/" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/forms/textarea/_accessibility.pug b/src/website/views/components/forms/textarea/_accessibility.pug
@@ -17,7 +17,7 @@ table.chi-table
       td Activates the button             
 
 p.-text
-  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -69,7 +69,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.4.0/foundations/accessibility/links-and-forms/" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.5.0/foundations/accessibility/links-and-forms/" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text