[DPEDE-2822] Prepare Chi 6.12.0 release (#1419)

CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## 6.12.0 (November 5, 2024)
+
+### Components
+
+#### Added
+
+- Added: Tabs web component now support dynamically content change in `panels` dynamically depending on the `activeTab`.
+
 ## 6.11.0 (October 29, 2024)
 
 ### Documentation

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centurylink/chi",
-  "version": "6.11.0",
+  "version": "6.12.0",
   "description": "Chi is Lumen's design system for building consistent digital products and experiences.",
   "license": "MIT",
   "main": "bin/chi.js",

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.11.0/chi.css" integrity="sha256-dTZULQ5pWZi5LGK6y6Qyl+S8pjnl7aaXl9Y8FVFHrvU=" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://lib.lumen.com/chi/6.12.0/chi.css" integrity="sha256-dTZULQ5pWZi5LGK6y6Qyl+S8pjnl7aaXl9Y8FVFHrvU=" crossorigin="anonymous">
     <link
       rel="icon"
       type="image/svg+xml"
@@ -28,10 +28,10 @@
       integrity="sha256-EkKmbH+i/VIQAtUl7NF4bPVaaJZCeBc5xWx8LTcMJp0="
       crossorigin="anonymous"
     />
-    <script src="https://lib.lumen.com/chi/6.11.0/js/chi.js" integrity="sha256-EVoPuMqk72qbdw1lZZ1eA8cNZoxY8BkI0l2XJlj/BTg=" crossorigin="anonymous"></script>
+    <script src="https://lib.lumen.com/chi/6.12.0/js/chi.js" integrity="sha256-EVoPuMqk72qbdw1lZZ1eA8cNZoxY8BkI0l2XJlj/BTg=" crossorigin="anonymous"></script>
     <script
       type="module"
-      src="https://lib.lumen.com/chi/6.11.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"
+      src="https://lib.lumen.com/chi/6.12.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"
       integrity="sha256-a0ZSR7NiZJKPthjDZsYVLrCU3rLgDiVK8yhyCQ15gfg="
       crossorigin="anonymous"
     ></script>

src/documentation/constants/configs.ts

@@ -1,2 +1,2 @@
 export const DEFAULT_THEME = 'lumen';
-export const CHI_VERSION = '6.11.0';
+export const CHI_VERSION = '6.12.0';

src/documentation/constants/constants.ts

@@ -394,6 +394,7 @@ export const NAVIGATION_FOUNDATIONS = [
 ];
 
 export const CHI_VISIBLE_VERSION = [
+  '6.12.0',
   '6.11.0',
   '6.10.0',
   '6.9.0',

src/website/assets/scripts/globalConfigs.js

@@ -1 +1 @@
-window.chiCurrentVersion="6.11.0";
+window.chiCurrentVersion="6.12.0";

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.11.0');
+            const redirectionURL = pageURL.split('latest').join('6.12.0');
 
             window.location.href = redirectionURL;
         }

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.11.0
+        button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v6.12.0
         .chi-dropdown__menu(style='width:10rem;')#versionDropdown
-          a.chi-dropdown__menu-item.-active(href='https://lib.lumen.com/chi/6.11.0') v6.11.0
+          a.chi-dropdown__menu-item.-active(href='https://lib.lumen.com/chi/6.12.0') v6.12.0
+          a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/6.11.0') v6.11.0
           a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/6.10.0') v6.10.0
           a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/6.9.0') v6.9.0
           a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/6.8.0') v6.8.0

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 "
-          | https://lib.lumen.com/chi/6.11.0/chi.css
+          | https://lib.lumen.com/chi/6.12.0/chi.css
           span.token.punctuation " 
           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 "
-          | https://lib.lumen.com/chi/6.11.0/chi-centurylink.css
+          | https://lib.lumen.com/chi/6.12.0/chi-centurylink.css
           span.token.punctuation " 
           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 "
-          | https://lib.lumen.com/chi/6.11.0/chi-portal.css
+          | https://lib.lumen.com/chi/6.12.0/chi-portal.css
           span.token.punctuation " 
           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 "
-          | https://lib.lumen.com/chi/6.11.0/js/chi.js
+          | https://lib.lumen.com/chi/6.12.0/js/chi.js
           span.token.punctuation " 
         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 "
-          | https://lib.lumen.com/chi/6.11.0/assets/themes/lumen/images/favicon.svg
+          | https://lib.lumen.com/chi/6.12.0/assets/themes/lumen/images/favicon.svg
           span.token.punctuation " 
           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 "
-          | https://lib.lumen.com/chi/6.11.0/assets/themes/lumen/images/favicon.ico
+          | https://lib.lumen.com/chi/6.12.0/assets/themes/lumen/images/favicon.ico
           span.token.punctuation " 
           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 "
-          | https://lib.lumen.com/chi/6.11.0/assets/themes/centurylink/images/favicon.svg
+          | https://lib.lumen.com/chi/6.12.0/assets/themes/centurylink/images/favicon.svg
           span.token.punctuation " 
           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 "
-          | https://lib.lumen.com/chi/6.11.0/assets/themes/centurylink/images/favicon.ico
+          | https://lib.lumen.com/chi/6.12.0/assets/themes/centurylink/images/favicon.ico
           span.token.punctuation " 
           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 "
-          | https://lib.lumen.com/chi/6.11.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js
+          | https://lib.lumen.com/chi/6.12.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js
           span.token.punctuation " 
           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 "
-          | https://lib.lumen.com/chi/6.11.0/js/ce/ux-chi-ce/ux-chi-ce.js
+          | https://lib.lumen.com/chi/6.12.0/js/ce/ux-chi-ce/ux-chi-ce.js
           span.token.punctuation " 
           span.token.attr-name integrity
           span.token.attr-value

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.11.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.12.0
 else
     .chi-grid__container
         h1.docs-titlebar__title=title

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.11.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.12.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.11.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.12.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

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.11.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.12.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.11.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.12.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

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.11.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.12.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.11.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.12.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

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.11.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.12.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.11.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/6.12.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

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.11.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.12.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.11.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.12.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

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.11.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.12.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.11.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.12.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

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.11.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.12.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.11.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.12.0/foundations/accessibility/links-and-forms/" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

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.11.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.12.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.11.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.12.0/foundations/accessibility/links-and-forms/" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

src/website/views/components/forms/toggle-switch/_accessibility.pug

@@ -13,7 +13,7 @@ table.chi-table
       td <code>Space</code>,<code>Enter</code>
       td Changes state of the switch to checked or not checked.
 p.-text
-  | For comprehensive details on keyboard support for toggle switch, refer to our <a href="https://lib.lumen.com/chi/6.11.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support for toggle switch, refer to our <a href="https://lib.lumen.com/chi/6.12.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.
 
@@ -75,7 +75,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.11.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.12.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

src/website/views/components/link/_accessibility.pug

@@ -16,7 +16,7 @@ table.chi-table
       td <code>Enter</code>
       td Activates the link
 p.-text
-  | For comprehensive details on keyboard support for buttons, refer to our <a href="https://lib.lumen.com/chi/6.11.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.12.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.
 
@@ -97,7 +97,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.11.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/6.12.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text