diff --git a/CHANGELOG.md b/CHANGELOG.md
index e54d0992e4..20e3f8142e 100644
--- a/CHANGELOG.md
+++ b/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
diff --git a/package.json b/package.json
index 17ecf7b99d..f1f9580a73 100644
--- a/package.json
+++ b/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",
diff --git a/src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html b/src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html
index 12008f6eaf..5556913b4d 100644
--- a/src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html
+++ b/src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html
@@ -14,7 +14,7 @@
-
+
-
+
diff --git a/src/documentation/constants/configs.ts b/src/documentation/constants/configs.ts
index e72012102d..7df3ee8413 100644
--- 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.11.0';
+export const CHI_VERSION = '6.12.0';
diff --git a/src/documentation/constants/constants.ts b/src/documentation/constants/constants.ts
index ff348e58e0..a79f18d3d9 100644
--- 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.12.0',
'6.11.0',
'6.10.0',
'6.9.0',
diff --git a/src/website/assets/scripts/globalConfigs.js b/src/website/assets/scripts/globalConfigs.js
index 9828968fdc..b453bc6fe4 100644
--- a/src/website/assets/scripts/globalConfigs.js
+++ b/src/website/assets/scripts/globalConfigs.js
@@ -1 +1 @@
-window.chiCurrentVersion="6.11.0";
\ No newline at end of file
+window.chiCurrentVersion="6.12.0";
\ No newline at end of file
diff --git a/src/website/layouts/default.pug b/src/website/layouts/default.pug
index b96aa40533..2b6044df6d 100644
--- 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.11.0');
+ const redirectionURL = pageURL.split('latest').join('6.12.0');
window.location.href = redirectionURL;
}
diff --git a/src/website/layouts/partials/header.pug b/src/website/layouts/partials/header.pug
index 360fc07795..b82941af78 100644
--- 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.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
diff --git a/src/website/layouts/partials/sriDoc.pug b/src/website/layouts/partials/sriDoc.pug
index ed93bc9db8..908c92a36c 100644
--- 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 "
- | 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
diff --git a/src/website/layouts/partials/titlebar.pug b/src/website/layouts/partials/titlebar.pug
index 6863505114..ead2372d12 100644
--- 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.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
diff --git a/src/website/views/components/button/_accessibility.pug b/src/website/views/components/button/_accessibility.pug
index 02b338ae83..691af86c71 100644
--- a/src/website/views/components/button/_accessibility.pug
+++ b/src/website/views/components/button/_accessibility.pug
@@ -16,7 +16,7 @@ table.chi-table
td Enter,Space
td Activates the button
p.-text
- | For comprehensive details on keyboard support for buttons, refer to our Keyboard Control Guide.
+ | For comprehensive details on keyboard support for buttons, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -85,7 +85,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
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
index abc6f704a0..77bd35accc 100644
--- 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 Keyboard Control Guide.
+ | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -81,7 +81,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
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
index 33bd465605..eb3dc5b2cd 100644
--- 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 Space
td Toggles checkbox between checked and unchecked states
p.-text
- | For comprehensive details on keyboard support for input fields, refer to our Keyboard Control Guide.
+ | For comprehensive details on keyboard support for input fields, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -84,7 +84,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
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
index cde39a992e..4d3ac17675 100644
--- 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 Keyboard Control Guide.
+ | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -74,7 +74,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
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
index 419db221a2..36799f11a6 100644
--- 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 Space
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 Keyboard Control Guide.
+ | For comprehensive details on keyboard support for input fields, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -81,7 +81,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
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
index 297a0fc0e0..2c8bdc0ece 100644
--- 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 Keyboard Control Guide.
+ | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -92,7 +92,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
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
index 597d03b7c9..73eb8b2cd8 100644
--- 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 Keyboard Control Guide.
+ | For comprehensive details on keyboard support for input fields, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -69,7 +69,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
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
index f67fd54713..6b8fbad290 100644
--- 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 Keyboard Control Guide.
+ | For comprehensive details on keyboard support for input fields, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -69,7 +69,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
h3 WCAG 2.2 Guidelines
ul.-text
diff --git a/src/website/views/components/forms/toggle-switch/_accessibility.pug b/src/website/views/components/forms/toggle-switch/_accessibility.pug
index 1579a7b009..0f68ab428f 100644
--- a/src/website/views/components/forms/toggle-switch/_accessibility.pug
+++ b/src/website/views/components/forms/toggle-switch/_accessibility.pug
@@ -13,7 +13,7 @@ table.chi-table
td Space,Enter
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 Keyboard Control Guide.
+ | For comprehensive details on keyboard support for toggle switch, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -75,7 +75,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
h3 WCAG 2.2 Guidelines
ul.-text
diff --git a/src/website/views/components/link/_accessibility.pug b/src/website/views/components/link/_accessibility.pug
index a341b300e0..3c811b1b31 100644
--- a/src/website/views/components/link/_accessibility.pug
+++ b/src/website/views/components/link/_accessibility.pug
@@ -16,7 +16,7 @@ table.chi-table
td Enter
td Activates the link
p.-text
- | For comprehensive details on keyboard support for buttons, refer to our Keyboard Control Guide.
+ | For comprehensive details on keyboard support for buttons, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -97,7 +97,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
h3 WCAG 2.2 Guidelines
ul.-text
diff --git a/src/website/views/components/phone-input/_accessibility.pug b/src/website/views/components/phone-input/_accessibility.pug
index 09b93f1c46..389f6d1602 100644
--- a/src/website/views/components/phone-input/_accessibility.pug
+++ b/src/website/views/components/phone-input/_accessibility.pug
@@ -17,7 +17,7 @@ table.chi-table
td Submits the entered value.
p.-text
- | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
+ | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -68,7 +68,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
h3 WCAG 2.2 Guidelines
ul.-text
diff --git a/src/website/views/components/picker-group/_accessibility.pug b/src/website/views/components/picker-group/_accessibility.pug
index 8ace981cda..f8a66d8707 100644
--- a/src/website/views/components/picker-group/_accessibility.pug
+++ b/src/website/views/components/picker-group/_accessibility.pug
@@ -18,7 +18,7 @@ table.chi-table
p.-text
- | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
+ | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -64,7 +64,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
h3 WCAG 2.2 Guidelines
ul.-text
diff --git a/src/website/views/components/picker/_accessibility.pug b/src/website/views/components/picker/_accessibility.pug
index 2a017a5d06..77df48de2b 100644
--- a/src/website/views/components/picker/_accessibility.pug
+++ b/src/website/views/components/picker/_accessibility.pug
@@ -18,7 +18,7 @@ table.chi-table
p.-text
- | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
+ | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -69,7 +69,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
h3 WCAG 2.2 Guidelines
ul.-text
diff --git a/src/website/views/components/time-picker/_accessibility.pug b/src/website/views/components/time-picker/_accessibility.pug
index eef3217ca8..980a0f50a7 100644
--- a/src/website/views/components/time-picker/_accessibility.pug
+++ b/src/website/views/components/time-picker/_accessibility.pug
@@ -24,7 +24,7 @@ table.chi-table
p.-text
- | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
+ | For comprehensive details on keyboard support, refer to our Keyboard Control Guide.
p.-text
| Visit WebAIM for keyboard techniques.
@@ -69,7 +69,7 @@ ul.-text
h3 Other recommendations
p.-text
- | Explore additional accessibility tips in the general Accessibility Guide.
+ | Explore additional accessibility tips in the general Accessibility Guide.
h3 WCAG 2.2 Guidelines
ul.-text
diff --git a/src/website/views/getting-started/installation.pug b/src/website/views/getting-started/installation.pug
index f2310fc4c0..9985ccea73 100644
--- a/src/website/views/getting-started/installation.pug
+++ b/src/website/views/getting-started/installation.pug
@@ -269,7 +269,7 @@ ul#chi-vue-tabs.chi-tabs.-border
-
+
const exampleVueComponent = Vue.createApp({
diff --git a/src/website/views/getting-started/whats-new.pug b/src/website/views/getting-started/whats-new.pug
index 9ca35bd19c..204a24f8b0 100644
--- a/src/website/views/getting-started/whats-new.pug
+++ b/src/website/views/getting-started/whats-new.pug
@@ -3,6 +3,16 @@ title: What's new
order: 5
---
+.changelog__version.-py--1
+ h2.-text--h2.-text--bold.-mb--1 Chi v6.12.0
+ .-text--grey.-text--md November 5, 2024
+ .-pt--1
+ h3.-text--h3.-text--bold Components
+ h4.-text--h4.-text--bold Added
+ ul.-text.-pl--2
+ li Added: Tabs web component now support dynamically content change in panels depending on the activeTab.
+.chi-divider.-my--4
+
.changelog__version.-py--1
h2.-text--h2.-text--bold.-mb--1 Chi v6.11.0
.-text--grey.-text--md October 29, 2024