diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7f62f81fb0..f842971d7a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,16 +1,30 @@
# CHANGELOG
+## 5.61.0 (April 26, 2024)
+
+### Components
+
+#### Added
+
+- Added: Date picker `format` property now supports hyphens also: `"DD-MM-YYYY" | "MM-DD-YYYY" | "YYYY-MM-DD"`.
+
+### Documentation
+
+#### Changed
+
+- Changed: Accessibility other page to WCAG 2.2.
+
## 5.60.0 (April 24, 2024)
### Components
#### Added
-- Added: Link icon web component now supports mutationObserver functionality.
+- Added: Link icon web component now supports `mutationObserver` functionality.
#### Fixed
-- Fixed: Date picker in mode="datetime"prevented selecting the time when the min and max attributes were specified, and if the chosen date was outside this range.
+- Fixed: Date picker in `mode="datetime"`prevented selecting the time when the `min` and `max` attributes were specified, and if the chosen date was outside this range.
### Documentation
diff --git a/package.json b/package.json
index 1c6bbd1173..d90c527bef 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@centurylink/chi",
- "version": "5.60.0",
+ "version": "5.61.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/chi-vue/index.html b/src/chi-vue/index.html
index 581a83fa33..43114508b7 100644
--- a/src/chi-vue/index.html
+++ b/src/chi-vue/index.html
@@ -5,11 +5,11 @@
Chi Vue
-
diff --git a/src/chi-vue/package-lock.json b/src/chi-vue/package-lock.json
index 949aa50e15..67151adee2 100644
--- a/src/chi-vue/package-lock.json
+++ b/src/chi-vue/package-lock.json
@@ -2180,39 +2180,39 @@
}
},
"node_modules/@vue/compiler-core": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.24.tgz",
- "integrity": "sha512-vbW/tgbwJYj62N/Ww99x0zhFTkZDTcGh3uwJEuadZ/nF9/xuFMC4693P9r+3sxGXISABpDKvffY5ApH9pmdd1A==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.25.tgz",
+ "integrity": "sha512-Y2pLLopaElgWnMNolgG8w3C5nNUVev80L7hdQ5iIKPtMJvhVpG0zhnBG/g3UajJmZdvW0fktyZTotEHD1Srhbg==",
"dev": true,
"dependencies": {
"@babel/parser": "^7.24.4",
- "@vue/shared": "3.4.24",
+ "@vue/shared": "3.4.25",
"entities": "^4.5.0",
"estree-walker": "^2.0.2",
"source-map-js": "^1.2.0"
}
},
"node_modules/@vue/compiler-dom": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.24.tgz",
- "integrity": "sha512-4XgABML/4cNndVsQndG6BbGN7+EoisDwi3oXNovqL/4jdNhwvP8/rfRMTb6FxkxIxUUtg6AI1/qZvwfSjxJiWA==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.25.tgz",
+ "integrity": "sha512-Ugz5DusW57+HjllAugLci19NsDK+VyjGvmbB2TXaTcSlQxwL++2PETHx/+Qv6qFwNLzSt7HKepPe4DcTE3pBWg==",
"dev": true,
"dependencies": {
- "@vue/compiler-core": "3.4.24",
- "@vue/shared": "3.4.24"
+ "@vue/compiler-core": "3.4.25",
+ "@vue/shared": "3.4.25"
}
},
"node_modules/@vue/compiler-sfc": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.24.tgz",
- "integrity": "sha512-nRAlJUK02FTWfA2nuvNBAqsDZuERGFgxZ8sGH62XgFSvMxO2URblzulExsmj4gFZ8e+VAyDooU9oAoXfEDNxTA==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.25.tgz",
+ "integrity": "sha512-m7rryuqzIoQpOBZ18wKyq05IwL6qEpZxFZfRxlNYuIPDqywrXQxgUwLXIvoU72gs6cRdY6wHD0WVZIFE4OEaAQ==",
"dev": true,
"dependencies": {
"@babel/parser": "^7.24.4",
- "@vue/compiler-core": "3.4.24",
- "@vue/compiler-dom": "3.4.24",
- "@vue/compiler-ssr": "3.4.24",
- "@vue/shared": "3.4.24",
+ "@vue/compiler-core": "3.4.25",
+ "@vue/compiler-dom": "3.4.25",
+ "@vue/compiler-ssr": "3.4.25",
+ "@vue/shared": "3.4.25",
"estree-walker": "^2.0.2",
"magic-string": "^0.30.10",
"postcss": "^8.4.38",
@@ -2220,13 +2220,13 @@
}
},
"node_modules/@vue/compiler-ssr": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.24.tgz",
- "integrity": "sha512-ZsAtr4fhaUFnVcDqwW3bYCSDwq+9Gk69q2r/7dAHDrOMw41kylaMgOP4zRnn6GIEJkQznKgrMOGPMFnLB52RbQ==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.25.tgz",
+ "integrity": "sha512-H2ohvM/Pf6LelGxDBnfbbXFPyM4NE3hrw0e/EpwuSiYu8c819wx+SVGdJ65p/sFrYDd6OnSDxN1MB2mN07hRSQ==",
"dev": true,
"dependencies": {
- "@vue/compiler-dom": "3.4.24",
- "@vue/shared": "3.4.24"
+ "@vue/compiler-dom": "3.4.25",
+ "@vue/shared": "3.4.25"
}
},
"node_modules/@vue/devtools-api": {
@@ -2299,52 +2299,52 @@
}
},
"node_modules/@vue/reactivity": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.24.tgz",
- "integrity": "sha512-nup3fSYg4i4LtNvu9slF/HF/0dkMQYfepUdORBcMSsankzRPzE7ypAFurpwyRBfU1i7Dn1kcwpYsE1wETSh91g==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.25.tgz",
+ "integrity": "sha512-mKbEtKr1iTxZkAG3vm3BtKHAOhuI4zzsVcN0epDldU/THsrvfXRKzq+lZnjczZGnTdh3ojd86/WrP+u9M51pWQ==",
"dev": true,
"dependencies": {
- "@vue/shared": "3.4.24"
+ "@vue/shared": "3.4.25"
}
},
"node_modules/@vue/runtime-core": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.24.tgz",
- "integrity": "sha512-c7iMfj6cJMeAG3s5yOn9Rc5D9e2/wIuaozmGf/ICGCY3KV5H7mbTVdvEkd4ZshTq7RUZqj2k7LMJWVx+EBiY1g==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.25.tgz",
+ "integrity": "sha512-3qhsTqbEh8BMH3pXf009epCI5E7bKu28fJLi9O6W+ZGt/6xgSfMuGPqa5HRbUxLoehTNp5uWvzCr60KuiRIL0Q==",
"dev": true,
"dependencies": {
- "@vue/reactivity": "3.4.24",
- "@vue/shared": "3.4.24"
+ "@vue/reactivity": "3.4.25",
+ "@vue/shared": "3.4.25"
}
},
"node_modules/@vue/runtime-dom": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.24.tgz",
- "integrity": "sha512-uXKzuh/Emfad2Y7Qm0ABsLZZV6H3mAJ5ZVqmAOlrNQRf+T5mxpPGZBfec1hkP41t6h6FwF6RSGCs/gd8WbuySQ==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.25.tgz",
+ "integrity": "sha512-ode0sj77kuwXwSc+2Yhk8JMHZh1sZp9F/51wdBiz3KGaWltbKtdihlJFhQG4H6AY+A06zzeMLkq6qu8uDSsaoA==",
"dev": true,
"dependencies": {
- "@vue/runtime-core": "3.4.24",
- "@vue/shared": "3.4.24",
+ "@vue/runtime-core": "3.4.25",
+ "@vue/shared": "3.4.25",
"csstype": "^3.1.3"
}
},
"node_modules/@vue/server-renderer": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.24.tgz",
- "integrity": "sha512-H+DLK4sQF6sRgzKyofmlEVBIV/9KrQU6HIV7nt6yIwSGGKvSwlV8pqJlebUKLpbXaNHugdSfAbP6YmXF69lxow==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.25.tgz",
+ "integrity": "sha512-8VTwq0Zcu3K4dWV0jOwIVINESE/gha3ifYCOKEhxOj6MEl5K5y8J8clQncTcDhKF+9U765nRw4UdUEXvrGhyVQ==",
"dev": true,
"dependencies": {
- "@vue/compiler-ssr": "3.4.24",
- "@vue/shared": "3.4.24"
+ "@vue/compiler-ssr": "3.4.25",
+ "@vue/shared": "3.4.25"
},
"peerDependencies": {
- "vue": "3.4.24"
+ "vue": "3.4.25"
}
},
"node_modules/@vue/shared": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.24.tgz",
- "integrity": "sha512-BW4tajrJBM9AGAknnyEw5tO2xTmnqgup0VTnDAMcxYmqOX0RG0b9aSUGAbEKolD91tdwpA6oCwbltoJoNzpItw==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.25.tgz",
+ "integrity": "sha512-k0yappJ77g2+KNrIaF0FFnzwLvUBLUYr8VOwz+/6vLsmItFp51AcxLL7Ey3iPd7BIRyWPOcqUjMnm7OkahXllA==",
"dev": true
},
"node_modules/acorn": {
@@ -2770,9 +2770,9 @@
}
},
"node_modules/electron-to-chromium": {
- "version": "1.4.746",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.746.tgz",
- "integrity": "sha512-jeWaIta2rIG2FzHaYIhSuVWqC6KJYo7oSBX4Jv7g+aVujKztfvdpf+n6MGwZdC5hQXbax4nntykLH2juIQrfPg==",
+ "version": "1.4.749",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.749.tgz",
+ "integrity": "sha512-LRMMrM9ITOvue0PoBrvNIraVmuDbJV5QC9ierz/z5VilMdPOVMjOtpICNld3PuXuTZ3CHH/UPxX9gHhAPwi+0Q==",
"dev": true
},
"node_modules/entities": {
@@ -5092,16 +5092,16 @@
"dev": true
},
"node_modules/vue": {
- "version": "3.4.24",
- "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.24.tgz",
- "integrity": "sha512-NPdx7dLGyHmKHGRRU5bMRYVE+rechR+KDU5R2tSTNG36PuMwbfAJ+amEvOAw7BPfZp5sQulNELSLm5YUkau+Sg==",
+ "version": "3.4.25",
+ "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.25.tgz",
+ "integrity": "sha512-HWyDqoBHMgav/OKiYA2ZQg+kjfMgLt/T0vg4cbIF7JbXAjDexRf5JRg+PWAfrAkSmTd2I8aPSXtooBFWHB98cg==",
"dev": true,
"dependencies": {
- "@vue/compiler-dom": "3.4.24",
- "@vue/compiler-sfc": "3.4.24",
- "@vue/runtime-dom": "3.4.24",
- "@vue/server-renderer": "3.4.24",
- "@vue/shared": "3.4.24"
+ "@vue/compiler-dom": "3.4.25",
+ "@vue/compiler-sfc": "3.4.25",
+ "@vue/runtime-dom": "3.4.25",
+ "@vue/server-renderer": "3.4.25",
+ "@vue/shared": "3.4.25"
},
"peerDependencies": {
"typescript": "*"
@@ -5327,9 +5327,9 @@
}
},
"node_modules/zod": {
- "version": "3.23.3",
- "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.3.tgz",
- "integrity": "sha512-tPvq1B/2Yu/dh2uAIH2/BhUlUeLIUvAjr6dpL/75I0pCYefHgjhXk1o1Kob3kTU8C7yU1j396jFHlsVWFi9ogg==",
+ "version": "3.23.4",
+ "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.4.tgz",
+ "integrity": "sha512-/AtWOKbBgjzEYYQRNfoGKHObgfAZag6qUJX1VbHo2PRBgS+wfWagEY2mizjfyAPcGesrJOcx/wcl0L9WnVrHFw==",
"dev": true,
"funding": {
"url": "https://github.com/sponsors/colinhacks"
diff --git a/src/chi-vue/src/build/plugin/constants.ts b/src/chi-vue/src/build/plugin/constants.ts
index f04d9b84ee..2ca244b613 100644
--- a/src/chi-vue/src/build/plugin/constants.ts
+++ b/src/chi-vue/src/build/plugin/constants.ts
@@ -1,2 +1,2 @@
-export const CHI_VERSION = '5.60.0';
+export const CHI_VERSION = '5.61.0';
export const CHI_LIB_LUMEN = 'https://lib.lumen.com/chi';
diff --git a/src/custom-elements/docs/docs.json b/src/custom-elements/docs/docs.json
index 4d53f3c467..46c6913c30 100644
--- a/src/custom-elements/docs/docs.json
+++ b/src/custom-elements/docs/docs.json
@@ -1,8 +1,8 @@
{
- "timestamp": "2024-04-23T13:58:58",
+ "timestamp": "2024-04-26T14:20:37",
"compiler": {
"name": "@stencil/core",
- "version": "4.17.0",
+ "version": "4.17.1",
"typescriptVersion": "5.4.5"
},
"components": [
@@ -1441,10 +1441,10 @@
},
{
"name": "format",
- "type": "\"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\"",
+ "type": "\"DD-MM-YYYY\" | \"DD/MM/YYYY\" | \"MM-DD-YYYY\" | \"MM/DD/YYYY\" | \"YYYY-MM-DD\" | \"YYYY/MM/DD\"",
"complexType": {
"original": "DateFormats",
- "resolved": "\"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\"",
+ "resolved": "\"DD-MM-YYYY\" | \"DD/MM/YYYY\" | \"MM-DD-YYYY\" | \"MM/DD/YYYY\" | \"YYYY-MM-DD\" | \"YYYY/MM/DD\"",
"references": {
"DateFormats": {
"location": "import",
@@ -1460,14 +1460,26 @@
"docsTags": [],
"default": "'MM/DD/YYYY'",
"values": [
+ {
+ "value": "DD-MM-YYYY",
+ "type": "string"
+ },
{
"value": "DD/MM/YYYY",
"type": "string"
},
+ {
+ "value": "MM-DD-YYYY",
+ "type": "string"
+ },
{
"value": "MM/DD/YYYY",
"type": "string"
},
+ {
+ "value": "YYYY-MM-DD",
+ "type": "string"
+ },
{
"value": "YYYY/MM/DD",
"type": "string"
@@ -1807,10 +1819,10 @@
},
{
"name": "format",
- "type": "\"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\"",
+ "type": "\"DD-MM-YYYY\" | \"DD/MM/YYYY\" | \"MM-DD-YYYY\" | \"MM/DD/YYYY\" | \"YYYY-MM-DD\" | \"YYYY/MM/DD\"",
"complexType": {
"original": "DateFormats",
- "resolved": "\"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\"",
+ "resolved": "\"DD-MM-YYYY\" | \"DD/MM/YYYY\" | \"MM-DD-YYYY\" | \"MM/DD/YYYY\" | \"YYYY-MM-DD\" | \"YYYY/MM/DD\"",
"references": {
"DateFormats": {
"location": "import",
@@ -1826,14 +1838,26 @@
"docsTags": [],
"default": "'MM/DD/YYYY'",
"values": [
+ {
+ "value": "DD-MM-YYYY",
+ "type": "string"
+ },
{
"value": "DD/MM/YYYY",
"type": "string"
},
+ {
+ "value": "MM-DD-YYYY",
+ "type": "string"
+ },
{
"value": "MM/DD/YYYY",
"type": "string"
},
+ {
+ "value": "YYYY-MM-DD",
+ "type": "string"
+ },
{
"value": "YYYY/MM/DD",
"type": "string"
@@ -2782,7 +2806,7 @@
"resolved": "boolean",
"references": {}
},
- "mutable": false,
+ "mutable": true,
"attr": "fluid",
"reflectToAttr": false,
"docs": "To render Dropdowns that span the full width of the parent container",
@@ -3042,7 +3066,7 @@
"resolved": "boolean",
"references": {}
},
- "mutable": false,
+ "mutable": true,
"attr": "retain-selection",
"reflectToAttr": false,
"docs": "To retain the selection of the menu item and display it as the trigger",
@@ -3055,6 +3079,38 @@
"optional": true,
"required": false
},
+ {
+ "name": "selectMode",
+ "type": "\"multi\" | \"single\"",
+ "complexType": {
+ "original": "DropdownSelectModes",
+ "resolved": "\"multi\" | \"single\"",
+ "references": {
+ "DropdownSelectModes": {
+ "location": "import",
+ "path": "../../constants/types",
+ "id": "src/constants/types.ts::DropdownSelectModes"
+ }
+ }
+ },
+ "mutable": true,
+ "attr": "select-mode",
+ "reflectToAttr": true,
+ "docs": "To apply select-like functionality and styles",
+ "docsTags": [],
+ "values": [
+ {
+ "value": "multi",
+ "type": "string"
+ },
+ {
+ "value": "single",
+ "type": "string"
+ }
+ ],
+ "optional": true,
+ "required": false
+ },
{
"name": "size",
"type": "string",
@@ -3246,6 +3302,20 @@
"docs": "Triggered when hiding the Dropdown",
"docsTags": []
},
+ {
+ "event": "chiDropdownItemDeselected",
+ "detail": "any",
+ "bubbles": true,
+ "complexType": {
+ "original": "any",
+ "resolved": "any",
+ "references": {}
+ },
+ "cancelable": true,
+ "composed": true,
+ "docs": "Triggered when an item is deselected in the dropdown menu",
+ "docsTags": []
+ },
{
"event": "chiDropdownItemSelected",
"detail": "any",
@@ -3287,6 +3357,20 @@
"composed": true,
"docs": "Triggered when showing the Dropdown",
"docsTags": []
+ },
+ {
+ "event": "chiDropdownValueChanged",
+ "detail": "any",
+ "bubbles": true,
+ "complexType": {
+ "original": "any",
+ "resolved": "any",
+ "references": {}
+ },
+ "cancelable": true,
+ "composed": true,
+ "docs": "Triggered when selected items have changed in the dropdown menu. Payload is an array\nof strings.",
+ "docsTags": []
}
],
"listeners": [],
@@ -3850,11 +3934,17 @@
},
{
"name": "size",
- "type": "string",
+ "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
"complexType": {
- "original": "string",
- "resolved": "string",
- "references": {}
+ "original": "LabelSizes",
+ "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
+ "references": {
+ "LabelSizes": {
+ "location": "import",
+ "path": "../../constants/size",
+ "id": "src/constants/size.ts::LabelSizes"
+ }
+ }
},
"mutable": false,
"attr": "size",
@@ -3864,6 +3954,23 @@
"default": "'md'",
"values": [
{
+ "value": "lg",
+ "type": "string"
+ },
+ {
+ "value": "md",
+ "type": "string"
+ },
+ {
+ "value": "sm",
+ "type": "string"
+ },
+ {
+ "value": "xl",
+ "type": "string"
+ },
+ {
+ "value": "xs",
"type": "string"
}
],
@@ -9668,7 +9775,7 @@
"path": "src/constants/constants.ts"
},
"src/constants/constants.ts::DateFormats": {
- "declaration": "\"MM/DD/YYYY\" | \"DD/MM/YYYY\" | \"YYYY/MM/DD\"",
+ "declaration": "\"MM/DD/YYYY\" | \"DD/MM/YYYY\" | \"YYYY/MM/DD\" | \"MM-DD-YYYY\" | \"DD-MM-YYYY\" | \"YYYY-MM-DD\"",
"docstring": "",
"path": "src/constants/constants.ts"
},
@@ -9692,6 +9799,16 @@
"docstring": "",
"path": "src/constants/types.ts"
},
+ "src/constants/types.ts::DropdownSelectModes": {
+ "declaration": "\"single\" | \"multi\"",
+ "docstring": "",
+ "path": "src/constants/types.ts"
+ },
+ "src/constants/size.ts::LabelSizes": {
+ "declaration": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"",
+ "docstring": "",
+ "path": "src/constants/size.ts"
+ },
"src/constants/size.ts::MarketingIconSizes": {
"declaration": "string",
"docstring": "",
diff --git a/src/custom-elements/package-lock.json b/src/custom-elements/package-lock.json
index ec5c0feadb..3fee0b1d0a 100644
--- a/src/custom-elements/package-lock.json
+++ b/src/custom-elements/package-lock.json
@@ -179,9 +179,9 @@
"dev": true
},
"node_modules/@stencil/core": {
- "version": "4.17.0",
- "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.0.tgz",
- "integrity": "sha512-EtdDJvXfq/mR4l1N4p2P03lF5SB0E6bWtd/yRCCOSsdEsViziALR3QxnflMQRwDN/9R8OhishyuuwUq1s8+zbA==",
+ "version": "4.17.1",
+ "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.1.tgz",
+ "integrity": "sha512-nlARe1QtK5abnCG8kPQKJMWiELg39vKabvf3ebm6YEhQA35CgrxC1pVYTsYq3yktJKoY+k+VzGRnATLKyaLbvA==",
"dev": true,
"bin": {
"stencil": "bin/stencil"
@@ -807,9 +807,9 @@
}
},
"node_modules/react-is": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
- "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+ "version": "18.3.0",
+ "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.0.tgz",
+ "integrity": "sha512-wRiUsea88TjKDc4FBEn+sLvIDesp6brMbGWnJGjew2waAc9evdhja/2LvePc898HJbHw0L+MTWy7NhpnELAvLQ==",
"dev": true
},
"node_modules/resolve": {
diff --git a/src/documentation/constants/configs.ts b/src/documentation/constants/configs.ts
index 78a4f97001..74ce73bf16 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 = '5.60.0';
+export const CHI_VERSION = '5.61.0';
diff --git a/src/documentation/constants/constants.ts b/src/documentation/constants/constants.ts
index 49ead1b6a4..c8e8cbf1b8 100644
--- a/src/documentation/constants/constants.ts
+++ b/src/documentation/constants/constants.ts
@@ -384,6 +384,7 @@ export const NAVIGATION_FOUNDATIONS = [
];
export const CHI_VISIBLE_VERSION = [
+ '5.61.0',
'5.60.0',
'5.59.0',
'5.58.0',
diff --git a/src/website/assets/scripts/globalConfigs.js b/src/website/assets/scripts/globalConfigs.js
index 2aab9d7b9e..47d388d41e 100644
--- a/src/website/assets/scripts/globalConfigs.js
+++ b/src/website/assets/scripts/globalConfigs.js
@@ -1 +1 @@
-window.chiCurrentVersion="5.60.0";
\ No newline at end of file
+window.chiCurrentVersion="5.61.0";
\ No newline at end of file
diff --git a/src/website/layouts/default.pug b/src/website/layouts/default.pug
index 78a22831e3..01278198d1 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('5.60.0');
+ const redirectionURL = pageURL.split('latest').join('5.61.0');
window.location.href = redirectionURL;
}
diff --git a/src/website/layouts/partials/header.pug b/src/website/layouts/partials/header.pug
index 7810424531..344d0ba5e9 100644
--- a/src/website/layouts/partials/header.pug
+++ b/src/website/layouts/partials/header.pug
@@ -238,9 +238,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") v5.60.0
+ button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v5.61.0
.chi-dropdown__menu(style='width:10rem;')#versionDropdown
- a.chi-dropdown__menu-item.-active(href='https://lib.lumen.com/chi/5.60.0') v5.60.0
+ a.chi-dropdown__menu-item.-active(href='https://lib.lumen.com/chi/5.61.0') v5.61.0
+ a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/5.60.0') v5.60.0
a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/5.59.0') v5.59.0
a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/5.58.0') v5.58.0
a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/5.57.0') v5.57.0
diff --git a/src/website/layouts/partials/sriDoc.pug b/src/website/layouts/partials/sriDoc.pug
index 6e665ebad0..d02b36a590 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/5.60.0/chi.css
+ | https://lib.lumen.com/chi/5.61.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/5.60.0/chi-centurylink.css
+ | https://lib.lumen.com/chi/5.61.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/5.60.0/chi-portal.css
+ | https://lib.lumen.com/chi/5.61.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/5.60.0/js/chi.js
+ | https://lib.lumen.com/chi/5.61.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/5.60.0/assets/themes/lumen/images/favicon.svg
+ | https://lib.lumen.com/chi/5.61.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/5.60.0/assets/themes/lumen/images/favicon.ico
+ | https://lib.lumen.com/chi/5.61.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/5.60.0/assets/themes/centurylink/images/favicon.svg
+ | https://lib.lumen.com/chi/5.61.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/5.60.0/assets/themes/centurylink/images/favicon.ico
+ | https://lib.lumen.com/chi/5.61.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/5.60.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js
+ | https://lib.lumen.com/chi/5.61.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/5.60.0/js/ce/ux-chi-ce/ux-chi-ce.js
+ | https://lib.lumen.com/chi/5.61.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 a6f2b242d4..87f9875146 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 v5.60.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 v5.61.0
else
.chi-grid__container
h1.docs-titlebar__title=title
diff --git a/src/website/views/components/forms/checkbox/_accessibility.pug b/src/website/views/components/forms/checkbox/_accessibility.pug
index d7f8244dd0..e0bc17eaab 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/radio-button/_accessibility.pug b/src/website/views/components/forms/radio-button/_accessibility.pug
index acff81c197..c5999bf79e 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/text-input/_accessibility.pug b/src/website/views/components/forms/text-input/_accessibility.pug
index ae065f461a..5ebd37946e 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 989e124e67..0b7b58ccd7 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 3e9d3b759d..5e29d41998 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 9d1648c471..8887e3209b 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/getting-started/installation.pug b/src/website/views/getting-started/installation.pug
index c1cf558528..4057ea0e06 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 166445a6e4..1b1a1b828b 100644
--- a/src/website/views/getting-started/whats-new.pug
+++ b/src/website/views/getting-started/whats-new.pug
@@ -3,6 +3,21 @@ title: What's new
order: 5
---
+.changelog__version.-py--1
+ h2.-text--h2.-text--bold.-mb--1 Chi v5.61.0
+ .-text--grey.-text--md April 28, 2024
+ .-pt--1
+ h3.-text--h3.-text--bold Components
+ h4.-text--h4.-text--bold Added
+ ul.-text.-pl--2
+ li Added: Date picker format property now supports hyphens also: "DD-MM-YYYY" | "MM-DD-YYYY" | "YYYY-MM-DD".
+ h3.-text--h3.-text--bold Documentation
+ h4.-text--h4.-text--bold Changed
+ ul.-text.-pl--2
+ li Changed: Accessibility other page to WCAG 2.2.
+
+.chi-divider.-my--4
+
.changelog__version.-py--1
h2.-text--h2.-text--bold.-mb--1 Chi v5.60.0
.-text--grey.-text--md April 24, 2024
diff --git a/sri.json b/sri.json
index 984fbb8187..f8278377c2 100644
--- a/sri.json
+++ b/sri.json
@@ -1 +1 @@
-{"dist/chi.css":"sha256-OKCsesPwhscb5QuWr6nbBr7ltUCgvvWEOvK7HDQEY6k=","dist/chi-centurylink.css":"sha256-p33AZPQK+r++EupqRT1T+66n3UX9HLHzKdOlqpTYlag=","dist/chi-portal.css":"sha256-NxXjZPSm8Wrq/dLnGXjOqCDWE2OcoQ1VFVWbEAyHGMI=","dist/chi-brightspeed.css":"sha256-lX5dw66E2i5U5KlztxVjEpti0dd1kVOofGsTdQueAXA=","dist/chi-colt.css":"sha256-7RGlxNjAo4PmlvL5IvdSix1Fj0uVFtNOwvR6f6p4+s8=","dist/js/chi.js":"sha256-Qyk85r9sIsP8AQ9hGlV+bkIFp/MQw0cWNtRrjHcZlCU=","dist/assets/themes/lumen/images/favicon.svg":"sha256-s8cfYbPxhcrLj+FL/OxALhZoDmlCwvX2/K3I0hq1PAs=","dist/assets/themes/lumen/images/favicon.ico":"sha256-EkKmbH+i/VIQAtUl7NF4bPVaaJZCeBc5xWx8LTcMJp0=","dist/assets/themes/centurylink/images/favicon.svg":"sha256-5RkYwEB1kGRtp6mggDQTuEY/wsmVdIG+AYurQhglosI=","dist/assets/themes/centurylink/images/favicon.ico":"sha256-CT3YteLQVYlkdxGsjd628GvTzCD9ViZWmJ3zheSnl3w=","dist/assets/themes/brightspeed/images/favicon.svg":"sha256-Tow8P9bccUnR/KKuuDzR4lajh5RdslRk8w3AdQAJeXA=","dist/assets/themes/brightspeed/images/favicon.ico":"sha256-EuXQy8CJJQ2WkSbZWd7RG3FdvyWyCuR4c6kp34KjXR0=","dist/assets/themes/colt/images/favicon.svg":"sha256-sigGNEeyEtgqhz99ctL2fxj6TlptlNjDkDpOcakIz0Y=","dist/assets/themes/colt/images/favicon.ico":"sha256-01eRZwbyuQHUlu+olKBDR6JW2BpEIQgJvyvtgnJ8aoc=","dist/assets/themes/colt/images/background-hero.png":"sha256-z3ObQ7Ovb1KKHLyl1nO5adiyxC++90EZQ6QYVmGs6FA=","dist/assets/themes/colt/images/background-login.png":"sha256-MZx40tUnQEqxT7M7GiCGsosBUR6utO2stfoS5cjlnDs=","dist/js/ce/ux-chi-ce/ux-chi-ce.esm.js":"sha256-6siEe8kNLLQ11AgMSnIrM9Yswu6Mm/vmoyjthZMTtnc=","dist/js/ce/ux-chi-ce/ux-chi-ce.js":"sha256-+cYIX0KYJR4ji+ZADsFxtrV0fOiRlY7rBzXf8LgVrMw="}
\ No newline at end of file
+{"dist/chi.css":"sha256-OKCsesPwhscb5QuWr6nbBr7ltUCgvvWEOvK7HDQEY6k=","dist/chi-centurylink.css":"sha256-p33AZPQK+r++EupqRT1T+66n3UX9HLHzKdOlqpTYlag=","dist/chi-portal.css":"sha256-NxXjZPSm8Wrq/dLnGXjOqCDWE2OcoQ1VFVWbEAyHGMI=","dist/chi-brightspeed.css":"sha256-lX5dw66E2i5U5KlztxVjEpti0dd1kVOofGsTdQueAXA=","dist/chi-colt.css":"sha256-7RGlxNjAo4PmlvL5IvdSix1Fj0uVFtNOwvR6f6p4+s8=","dist/js/chi.js":"sha256-Qyk85r9sIsP8AQ9hGlV+bkIFp/MQw0cWNtRrjHcZlCU=","dist/assets/themes/lumen/images/favicon.svg":"sha256-s8cfYbPxhcrLj+FL/OxALhZoDmlCwvX2/K3I0hq1PAs=","dist/assets/themes/lumen/images/favicon.ico":"sha256-EkKmbH+i/VIQAtUl7NF4bPVaaJZCeBc5xWx8LTcMJp0=","dist/assets/themes/centurylink/images/favicon.svg":"sha256-5RkYwEB1kGRtp6mggDQTuEY/wsmVdIG+AYurQhglosI=","dist/assets/themes/centurylink/images/favicon.ico":"sha256-CT3YteLQVYlkdxGsjd628GvTzCD9ViZWmJ3zheSnl3w=","dist/assets/themes/brightspeed/images/favicon.svg":"sha256-Tow8P9bccUnR/KKuuDzR4lajh5RdslRk8w3AdQAJeXA=","dist/assets/themes/brightspeed/images/favicon.ico":"sha256-EuXQy8CJJQ2WkSbZWd7RG3FdvyWyCuR4c6kp34KjXR0=","dist/assets/themes/colt/images/favicon.svg":"sha256-sigGNEeyEtgqhz99ctL2fxj6TlptlNjDkDpOcakIz0Y=","dist/assets/themes/colt/images/favicon.ico":"sha256-01eRZwbyuQHUlu+olKBDR6JW2BpEIQgJvyvtgnJ8aoc=","dist/assets/themes/colt/images/background-hero.png":"sha256-z3ObQ7Ovb1KKHLyl1nO5adiyxC++90EZQ6QYVmGs6FA=","dist/assets/themes/colt/images/background-login.png":"sha256-MZx40tUnQEqxT7M7GiCGsosBUR6utO2stfoS5cjlnDs=","dist/js/ce/ux-chi-ce/ux-chi-ce.esm.js":"sha256-2L3cz7wQ8+waase9XeUN/kDo9QBpB6RftbNMBltboa0=","dist/js/ce/ux-chi-ce/ux-chi-ce.js":"sha256-vfiE9jeI7ZL+PqTgAVdjHubuPWzyyA8vG3b6WcDYV70="}
\ No newline at end of file