diff --git a/.yarn/offline-mirror/@carbon-colors-10.37.0.tgz b/.yarn/offline-mirror/@carbon-colors-10.37.1.tgz
similarity index 63%
rename from .yarn/offline-mirror/@carbon-colors-10.37.0.tgz
rename to .yarn/offline-mirror/@carbon-colors-10.37.1.tgz
index 592c60b251e..f80f42fd214 100644
Binary files a/.yarn/offline-mirror/@carbon-colors-10.37.0.tgz and b/.yarn/offline-mirror/@carbon-colors-10.37.1.tgz differ
diff --git a/.yarn/offline-mirror/@carbon-grid-10.43.0.tgz b/.yarn/offline-mirror/@carbon-grid-10.43.0.tgz
deleted file mode 100644
index 748f132a4e5..00000000000
Binary files a/.yarn/offline-mirror/@carbon-grid-10.43.0.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/@carbon-grid-10.43.1.tgz b/.yarn/offline-mirror/@carbon-grid-10.43.1.tgz
new file mode 100644
index 00000000000..940439898b4
Binary files /dev/null and b/.yarn/offline-mirror/@carbon-grid-10.43.1.tgz differ
diff --git a/.yarn/offline-mirror/@carbon-icons-react-10.47.0.tgz b/.yarn/offline-mirror/@carbon-icons-react-10.47.0.tgz
deleted file mode 100644
index 9201a0210a1..00000000000
Binary files a/.yarn/offline-mirror/@carbon-icons-react-10.47.0.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/@carbon-layout-10.37.1.tgz b/.yarn/offline-mirror/@carbon-layout-10.37.1.tgz
new file mode 100644
index 00000000000..efed91d038b
Binary files /dev/null and b/.yarn/offline-mirror/@carbon-layout-10.37.1.tgz differ
diff --git a/.yarn/offline-mirror/@carbon-themes-10.53.1.tgz b/.yarn/offline-mirror/@carbon-themes-10.53.1.tgz
deleted file mode 100644
index 2b5ccc4a997..00000000000
Binary files a/.yarn/offline-mirror/@carbon-themes-10.53.1.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/@carbon-themes-10.53.2.tgz b/.yarn/offline-mirror/@carbon-themes-10.53.2.tgz
new file mode 100644
index 00000000000..b8d8a3e4eec
Binary files /dev/null and b/.yarn/offline-mirror/@carbon-themes-10.53.2.tgz differ
diff --git a/.yarn/offline-mirror/@carbon-type-10.43.1.tgz b/.yarn/offline-mirror/@carbon-type-10.43.1.tgz
deleted file mode 100644
index 4c643e5f3c4..00000000000
Binary files a/.yarn/offline-mirror/@carbon-type-10.43.1.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/@carbon-type-10.43.2.tgz b/.yarn/offline-mirror/@carbon-type-10.43.2.tgz
new file mode 100644
index 00000000000..e5dabea9259
Binary files /dev/null and b/.yarn/offline-mirror/@carbon-type-10.43.2.tgz differ
diff --git a/.yarn/offline-mirror/carbon-components-10.55.2.tgz b/.yarn/offline-mirror/carbon-components-10.55.2.tgz
new file mode 100644
index 00000000000..bcdade93cf0
Binary files /dev/null and b/.yarn/offline-mirror/carbon-components-10.55.2.tgz differ
diff --git a/.yarn/offline-mirror/carbon-components-react-7.54.2.tgz b/.yarn/offline-mirror/carbon-components-react-7.54.2.tgz
deleted file mode 100644
index 6abb6803750..00000000000
Binary files a/.yarn/offline-mirror/carbon-components-react-7.54.2.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/carbon-components-react-7.55.2.tgz b/.yarn/offline-mirror/carbon-components-react-7.55.2.tgz
new file mode 100644
index 00000000000..f802db80991
Binary files /dev/null and b/.yarn/offline-mirror/carbon-components-react-7.55.2.tgz differ
diff --git a/.yarn/offline-mirror/flatpickr-4.6.10.tgz b/.yarn/offline-mirror/flatpickr-4.6.10.tgz
deleted file mode 100644
index 81a89a6dac5..00000000000
Binary files a/.yarn/offline-mirror/flatpickr-4.6.10.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/flatpickr-4.6.11.tgz b/.yarn/offline-mirror/flatpickr-4.6.11.tgz
new file mode 100644
index 00000000000..94fa7597b99
Binary files /dev/null and b/.yarn/offline-mirror/flatpickr-4.6.11.tgz differ
diff --git a/.yarn/offline-mirror/node-notifier-10.0.0.tgz b/.yarn/offline-mirror/node-notifier-10.0.0.tgz
deleted file mode 100644
index 8327c9ea880..00000000000
Binary files a/.yarn/offline-mirror/node-notifier-10.0.0.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/node-notifier-10.0.1.tgz b/.yarn/offline-mirror/node-notifier-10.0.1.tgz
new file mode 100644
index 00000000000..058267ed737
Binary files /dev/null and b/.yarn/offline-mirror/node-notifier-10.0.1.tgz differ
diff --git a/packages/eslint-config-ibmdotcom/CHANGELOG.md b/packages/eslint-config-ibmdotcom/CHANGELOG.md
index 38d8a1c778b..4b0ec7a9b5c 100644
--- a/packages/eslint-config-ibmdotcom/CHANGELOG.md
+++ b/packages/eslint-config-ibmdotcom/CHANGELOG.md
@@ -3,6 +3,22 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.23.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/eslint-config-ibmdotcom@1.23.0-rc.0...@carbon/eslint-config-ibmdotcom@1.23.0-rc.1) (2022-03-17)
+
+**Note:** Version bump only for package @carbon/eslint-config-ibmdotcom
+
+
+
+
+
+# [1.23.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/eslint-config-ibmdotcom@1.22.0...@carbon/eslint-config-ibmdotcom@1.23.0-rc.0) (2022-03-16)
+
+**Note:** Version bump only for package @carbon/eslint-config-ibmdotcom
+
+
+
+
+
# [1.22.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/eslint-config-ibmdotcom@1.22.0-rc.3...@carbon/eslint-config-ibmdotcom@1.22.0) (2022-02-28)
**Note:** Version bump only for package @carbon/eslint-config-ibmdotcom
diff --git a/packages/eslint-config-ibmdotcom/package.json b/packages/eslint-config-ibmdotcom/package.json
index a1795c72719..4fcb65ced83 100644
--- a/packages/eslint-config-ibmdotcom/package.json
+++ b/packages/eslint-config-ibmdotcom/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/eslint-config-ibmdotcom",
"private": true,
- "version": "1.22.0",
+ "version": "1.23.0-rc.1",
"description": "ESLint configuration for Carbon for IBM.com",
"license": "Apache-2.0",
"main": "index.js",
@@ -18,7 +18,7 @@
"eslint": "^6.8.0"
},
"dependencies": {
- "@carbon/eslint-plugin-react-prop-type-comments": "1.21.0",
+ "@carbon/eslint-plugin-react-prop-type-comments": "1.22.0-rc.1",
"babel-eslint": "^10.1.0",
"eslint-config-airbnb": "^18.1.0",
"eslint-config-airbnb-base": "^14.1.0",
diff --git a/packages/eslint-plugin-ibmdotcom-import-rules/CHANGELOG.md b/packages/eslint-plugin-ibmdotcom-import-rules/CHANGELOG.md
index f0091aabbd5..80c1b06870c 100644
--- a/packages/eslint-plugin-ibmdotcom-import-rules/CHANGELOG.md
+++ b/packages/eslint-plugin-ibmdotcom-import-rules/CHANGELOG.md
@@ -3,6 +3,22 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.22.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/eslint-plugin-ibmdotcom-import-rules/compare/@carbon/eslint-plugin-ibmdotcom-import-rules@1.22.0-rc.0...@carbon/eslint-plugin-ibmdotcom-import-rules@1.22.0-rc.1) (2022-03-17)
+
+**Note:** Version bump only for package @carbon/eslint-plugin-ibmdotcom-import-rules
+
+
+
+
+
+# [1.22.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/eslint-plugin-ibmdotcom-import-rules/compare/@carbon/eslint-plugin-ibmdotcom-import-rules@1.21.0...@carbon/eslint-plugin-ibmdotcom-import-rules@1.22.0-rc.0) (2022-03-16)
+
+**Note:** Version bump only for package @carbon/eslint-plugin-ibmdotcom-import-rules
+
+
+
+
+
# [1.21.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/eslint-plugin-ibmdotcom-import-rules/compare/@carbon/eslint-plugin-ibmdotcom-import-rules@1.21.0-rc.3...@carbon/eslint-plugin-ibmdotcom-import-rules@1.21.0) (2022-02-28)
**Note:** Version bump only for package @carbon/eslint-plugin-ibmdotcom-import-rules
diff --git a/packages/eslint-plugin-ibmdotcom-import-rules/package.json b/packages/eslint-plugin-ibmdotcom-import-rules/package.json
index 641fc0bbde4..616370b14b3 100644
--- a/packages/eslint-plugin-ibmdotcom-import-rules/package.json
+++ b/packages/eslint-plugin-ibmdotcom-import-rules/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/eslint-plugin-ibmdotcom-import-rules",
"private": true,
- "version": "1.21.0",
+ "version": "1.22.0-rc.1",
"description": "ESLint plugin for Carbon for IBM.com checking imports",
"license": "Apache-2.0",
"main": "lib/index.js",
diff --git a/packages/eslint-plugin-react-prop-type-comments/CHANGELOG.md b/packages/eslint-plugin-react-prop-type-comments/CHANGELOG.md
index 561a4b29c44..262a49caec4 100644
--- a/packages/eslint-plugin-react-prop-type-comments/CHANGELOG.md
+++ b/packages/eslint-plugin-react-prop-type-comments/CHANGELOG.md
@@ -3,6 +3,22 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.22.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/eslint-plugin-react-prop-type-comments/compare/@carbon/eslint-plugin-react-prop-type-comments@1.22.0-rc.0...@carbon/eslint-plugin-react-prop-type-comments@1.22.0-rc.1) (2022-03-17)
+
+**Note:** Version bump only for package @carbon/eslint-plugin-react-prop-type-comments
+
+
+
+
+
+# [1.22.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/eslint-plugin-react-prop-type-comments/compare/@carbon/eslint-plugin-react-prop-type-comments@1.21.0...@carbon/eslint-plugin-react-prop-type-comments@1.22.0-rc.0) (2022-03-16)
+
+**Note:** Version bump only for package @carbon/eslint-plugin-react-prop-type-comments
+
+
+
+
+
# [1.21.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/eslint-plugin-react-prop-type-comments/compare/@carbon/eslint-plugin-react-prop-type-comments@1.21.0-rc.3...@carbon/eslint-plugin-react-prop-type-comments@1.21.0) (2022-02-28)
**Note:** Version bump only for package @carbon/eslint-plugin-react-prop-type-comments
diff --git a/packages/eslint-plugin-react-prop-type-comments/package.json b/packages/eslint-plugin-react-prop-type-comments/package.json
index fdf9dbd06ed..a86e92f2b96 100644
--- a/packages/eslint-plugin-react-prop-type-comments/package.json
+++ b/packages/eslint-plugin-react-prop-type-comments/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/eslint-plugin-react-prop-type-comments",
"private": true,
- "version": "1.21.0",
+ "version": "1.22.0-rc.1",
"description": "ESLint plugin for Carbon for IBM.com checking React prop type comments",
"license": "Apache-2.0",
"main": "lib/index.js",
diff --git a/packages/react/.storybook/manager-head.html b/packages/react/.storybook/manager-head.html
index 8f574c437bb..93f19be7657 100644
--- a/packages/react/.storybook/manager-head.html
+++ b/packages/react/.storybook/manager-head.html
@@ -46,7 +46,7 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff)
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff)
format('woff');
font-display: auto;
}
@@ -56,7 +56,7 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff)
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff)
format('woff');
font-display: auto;
}
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index f3070912eb9..4342ab3bb15 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,50 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.32.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-react@1.32.0-rc.0...@carbon/ibmdotcom-react@1.32.0-rc.1) (2022-03-17)
+
+
+### Bug Fixes
+
+* **masthead-search:** react searchNoRedirect prop doesn't work on enter ([#8516](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8516)) ([#8541](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8541)) ([d1d1c95](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/d1d1c95)), closes [#8334](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8334)
+* **plex:** replace `gstatic` font references with akamai ([#8502](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8502)) ([e0b3a51](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/e0b3a51))
+
+
+### Features
+
+* **scrolling-utility:** Add new utility to mimic dotcom-shell functionality ([#8434](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8434)) ([d06b45a](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/d06b45a))
+
+
+
+# 1.32.0-rc.0 (2022-03-16)
+
+
+
+
+
+# [1.32.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-react@1.31.0...@carbon/ibmdotcom-react@1.32.0-rc.0) (2022-03-16)
+
+
+### Bug Fixes
+
+* **browserstack:** add axe-core npm dependencies ([#8354](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8354)) ([757514b](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/757514b))
+* **deps:** update dependency carbon-components to v10.54.0 ([#8408](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8408)) ([588981c](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/588981c))
+* **deps:** update dependency carbon-components-react to v7.54.0 ([#8409](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8409)) ([4a704d9](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/4a704d9))
+* **deps:** update dependency carbon-components-react to v7.54.2 ([#8460](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8460)) ([4f5ae2a](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/4f5ae2a))
+* **e2e:** fix to fixtures in e2e integration tests ([#8350](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8350)) ([47e207c](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/47e207c))
+* **masthead:** added menusection null checks ([#8324](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8324)) ([fdfe5ae](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/fdfe5ae)), closes [#8322](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8322)
+* **masthead:** aligned L1 sticky with wc ([#8398](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8398)) ([72bcf21](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/72bcf21)), closes [#8032](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8032)
+* **table-of-contents:** Let VO interact with the destination content ([#8253](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8253)) ([c8f4c56](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/c8f4c56))
+
+
+### Features
+
+* **accessibility-testing:** introduce cypress-axe-core ([#8233](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8233)) ([48fb0f5](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/48fb0f5)), closes [#8063](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8063)
+
+
+
+
+
# [1.31.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-react@1.31.0-rc.3...@carbon/ibmdotcom-react@1.31.0) (2022-02-28)
**Note:** Version bump only for package @carbon/ibmdotcom-react
diff --git a/packages/react/package.json b/packages/react/package.json
index ed04fa39f55..5c6ace2e664 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/ibmdotcom-react",
"description": "Carbon for IBM.com React Components",
- "version": "1.31.1",
+ "version": "1.32.0-rc.1",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -61,13 +61,13 @@
},
"dependencies": {
"@babel/runtime": "^7.5.5",
- "@carbon/ibmdotcom-services": "1.31.0",
- "@carbon/ibmdotcom-styles": "1.31.0",
- "@carbon/ibmdotcom-utilities": "1.31.0",
+ "@carbon/ibmdotcom-services": "1.32.0-rc.1",
+ "@carbon/ibmdotcom-styles": "1.32.0-rc.1",
+ "@carbon/ibmdotcom-utilities": "1.32.0-rc.1",
"@carbon/telemetry": "^0.1.0",
"autosuggest-highlight": "^3.1.1",
- "carbon-components": "10.55.1",
- "carbon-components-react": "7.54.2",
+ "carbon-components": "10.55.2",
+ "carbon-components-react": "7.55.2",
"carbon-icons": "7.0.7",
"classnames": "2.3.1",
"react-autosuggest": "^10.1.0",
@@ -89,7 +89,7 @@
"@babel/register": "^7.10.1",
"@carbon/icons-react": "10.48.0",
"@carbon/pictograms-react": "11.24.0",
- "@carbon/storybook-addon-theme": "1.22.0",
+ "@carbon/storybook-addon-theme": "1.23.0-rc.1",
"@percy-io/in-percy": "^0.1.11",
"@percy/agent": "^0.28.0",
"@percy/cli": "^1.0.0-beta.67",
diff --git a/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap b/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
index 98a6d67d6ce..847b8cdfaa7 100644
--- a/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
+++ b/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
@@ -21,7 +21,7 @@ exports[`Storyshots Components|Back to top Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -100,7 +100,7 @@ exports[`Storyshots Components|Button group Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -375,7 +375,7 @@ exports[`Storyshots Components|CTA Button 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -837,7 +837,7 @@ exports[`Storyshots Components|CTA Card 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -1150,7 +1150,7 @@ exports[`Storyshots Components|CTA Feature 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -1485,7 +1485,7 @@ exports[`Storyshots Components|CTA Text 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -1693,7 +1693,7 @@ exports[`Storyshots Components|CTA section Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -2168,7 +2168,7 @@ exports[`Storyshots Components|CTA section With content items 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -2918,7 +2918,7 @@ exports[`Storyshots Components|Callout quote Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -3172,7 +3172,7 @@ exports[`Storyshots Components|Callout with media Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -3500,7 +3500,7 @@ exports[`Storyshots Components|Card Card static 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -3633,7 +3633,7 @@ exports[`Storyshots Components|Card Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -3847,7 +3847,7 @@ exports[`Storyshots Components|Card group Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -5155,7 +5155,7 @@ exports[`Storyshots Components|Card group With CTA 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -6581,7 +6581,7 @@ exports[`Storyshots Components|Card group With images 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -8119,7 +8119,7 @@ exports[`Storyshots Components|Card group With images and CTA 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -9774,7 +9774,7 @@ exports[`Storyshots Components|Card in card Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -9853,7 +9853,7 @@ exports[`Storyshots Components|Card link Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -10061,7 +10061,7 @@ exports[`Storyshots Components|Card section carousel Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -10140,7 +10140,7 @@ exports[`Storyshots Components|Card section images Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -11769,7 +11769,7 @@ exports[`Storyshots Components|Card section offset Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -11848,7 +11848,7 @@ exports[`Storyshots Components|Card section simple Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -13190,7 +13190,7 @@ exports[`Storyshots Components|Card section simple With CTA 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -14669,7 +14669,7 @@ exports[`Storyshots Components|Carousel Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -14748,7 +14748,7 @@ exports[`Storyshots Components|Content block Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -15069,7 +15069,7 @@ exports[`Storyshots Components|Content block cards Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -16689,7 +16689,7 @@ exports[`Storyshots Components|Content block cards With images 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -18551,7 +18551,7 @@ exports[`Storyshots Components|Content block cards With videos 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -20376,7 +20376,7 @@ exports[`Storyshots Components|Content block horizontal Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -21529,7 +21529,7 @@ exports[`Storyshots Components|Content block media Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -23220,7 +23220,7 @@ exports[`Storyshots Components|Content block media With link list 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -25432,7 +25432,7 @@ exports[`Storyshots Components|Content block mixed Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -27651,7 +27651,7 @@ exports[`Storyshots Components|Content block mixed With link list 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -30393,7 +30393,7 @@ exports[`Storyshots Components|Content block segmented Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -31282,7 +31282,7 @@ exports[`Storyshots Components|Content block segmented With link list 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -32705,7 +32705,7 @@ exports[`Storyshots Components|Content block simple Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -33094,7 +33094,7 @@ exports[`Storyshots Components|Content block simple With image 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -33597,7 +33597,7 @@ exports[`Storyshots Components|Content block simple With link list 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -34623,7 +34623,7 @@ exports[`Storyshots Components|Content block simple With video 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -35078,7 +35078,7 @@ exports[`Storyshots Components|Content group Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -35425,7 +35425,7 @@ exports[`Storyshots Components|Content group banner Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -35504,7 +35504,7 @@ exports[`Storyshots Components|Content group cards Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -36174,7 +36174,7 @@ exports[`Storyshots Components|Content group pictograms Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -37007,7 +37007,7 @@ exports[`Storyshots Components|Content group simple Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -37641,7 +37641,7 @@ exports[`Storyshots Components|Content item Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -37881,7 +37881,7 @@ exports[`Storyshots Components|Content item horizontal Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -38306,7 +38306,7 @@ exports[`Storyshots Components|Content item horizontal With media 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -38397,7 +38397,7 @@ exports[`Storyshots Components|Content item horizontal With thumbnail 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -38488,7 +38488,7 @@ exports[`Storyshots Components|Content section Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -38695,7 +38695,7 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -38914,7 +38914,7 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -39823,6 +39823,7 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -39848,7 +39849,7 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -46250,7 +46251,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -46873,6 +46874,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -46898,7 +46900,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -52325,7 +52327,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -52398,7 +52400,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -53219,6 +53221,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -53244,7 +53247,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -58670,7 +58673,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -59050,7 +59053,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -63808,6 +63811,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
data-autoid="dds--masthead-eco__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -63833,7 +63837,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-eco__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -70256,7 +70260,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -70477,7 +70481,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -71390,6 +71394,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -71415,7 +71420,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -76742,7 +76747,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -76816,7 +76821,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -77435,6 +77440,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -77460,7 +77466,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -82484,7 +82490,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -82560,7 +82566,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -83230,6 +83236,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
data-autoid="dds--masthead-eco__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -83255,7 +83262,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-eco__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -88681,7 +88688,7 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -88901,7 +88908,7 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -89812,6 +89819,7 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -89837,7 +89845,7 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -96237,7 +96245,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -96310,7 +96318,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -96927,6 +96935,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -96952,7 +96961,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -102376,7 +102385,7 @@ exports[`Storyshots Components|Expressive modal Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -102660,7 +102669,7 @@ exports[`Storyshots Components|Expressive modal Expanded 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -102941,7 +102950,7 @@ exports[`Storyshots Components|Feature card Large 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -103323,7 +103332,7 @@ exports[`Storyshots Components|Feature card Medium 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -103568,7 +103577,7 @@ exports[`Storyshots Components|Feature section Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -103644,7 +103653,7 @@ exports[`Storyshots Components|Filter panel Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -103726,7 +103735,7 @@ exports[`Storyshots Components|Footer Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -104246,7 +104255,7 @@ exports[`Storyshots Components|Footer Default language only 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -104455,7 +104464,7 @@ exports[`Storyshots Components|Footer Default language only 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -106091,7 +106100,7 @@ exports[`Storyshots Components|Footer Default with adjunct legal links 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -106635,7 +106644,7 @@ exports[`Storyshots Components|Footer Micro 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -106705,7 +106714,7 @@ exports[`Storyshots Components|Footer Micro 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -106821,7 +106830,7 @@ exports[`Storyshots Components|Footer Micro language only 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -107036,7 +107045,7 @@ exports[`Storyshots Components|Footer Micro language only 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -107596,7 +107605,7 @@ exports[`Storyshots Components|Footer Short 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -107663,7 +107672,7 @@ exports[`Storyshots Components|Footer Short 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -108170,7 +108179,7 @@ exports[`Storyshots Components|Footer Short language only 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -108387,7 +108396,7 @@ exports[`Storyshots Components|Footer Short language only 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -110024,7 +110033,7 @@ exports[`Storyshots Components|Footer Short with adjunct legal links 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -110091,7 +110100,7 @@ exports[`Storyshots Components|Footer Short with adjunct legal links 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -110630,7 +110639,7 @@ exports[`Storyshots Components|Horizontal rule Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -110756,7 +110765,7 @@ exports[`Storyshots Components|Image Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -110896,7 +110905,7 @@ exports[`Storyshots Components|Image with caption Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -111121,7 +111130,7 @@ exports[`Storyshots Components|Layout Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -111193,7 +111202,6 @@ exports[`Storyshots Components|Layout Default 1`] = `
className="bx--layout--sticky"
style={
Object {
- "backgroundColor": "white",
"top": 0,
}
}
@@ -111305,11 +111313,6 @@ exports[`Storyshots Components|Layout Default 1`] = `
>
Column 2.2
@@ -111428,7 +111431,7 @@ exports[`Storyshots Components|Lead space Centered 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -111772,7 +111775,7 @@ exports[`Storyshots Components|Lead space Centered with image 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -112172,7 +112175,7 @@ exports[`Storyshots Components|Lead space Medium 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -112245,7 +112248,7 @@ exports[`Storyshots Components|Lead space Medium 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -112312,7 +112315,7 @@ exports[`Storyshots Components|Lead space Medium 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -112653,7 +112656,7 @@ exports[`Storyshots Components|Lead space Medium with image 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -112742,7 +112745,7 @@ exports[`Storyshots Components|Lead space Medium with image 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -112825,7 +112828,7 @@ exports[`Storyshots Components|Lead space Medium with image 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -113238,7 +113241,7 @@ exports[`Storyshots Components|Lead space Super 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -113311,7 +113314,7 @@ exports[`Storyshots Components|Lead space Super 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -113378,7 +113381,7 @@ exports[`Storyshots Components|Lead space Super 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -113719,7 +113722,7 @@ exports[`Storyshots Components|Lead space Super with image 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -113808,7 +113811,7 @@ exports[`Storyshots Components|Lead space Super with image 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -113891,7 +113894,7 @@ exports[`Storyshots Components|Lead space Super with image 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -114304,7 +114307,7 @@ exports[`Storyshots Components|Lead space Tall 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -114376,7 +114379,7 @@ exports[`Storyshots Components|Lead space Tall 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -114714,7 +114717,7 @@ exports[`Storyshots Components|Lead space Tall with image 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -115127,7 +115130,7 @@ exports[`Storyshots Components|Lead space block Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -116037,7 +116040,7 @@ exports[`Storyshots Components|Lead space block With Video 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -116893,7 +116896,7 @@ exports[`Storyshots Components|Leaving IBM Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -116972,7 +116975,7 @@ exports[`Storyshots Components|Lightbox media viewer Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -117228,7 +117231,7 @@ exports[`Storyshots Components|Lightbox media viewer Embedded video player 1`] =
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -117302,7 +117305,7 @@ exports[`Storyshots Components|Lightbox media viewer Embedded video player 1`] =
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -117538,7 +117541,7 @@ exports[`Storyshots Components|Link list Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -118537,7 +118540,7 @@ exports[`Storyshots Components|Link list End of section 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -119170,7 +119173,7 @@ exports[`Storyshots Components|Link list Horizontal 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -119542,7 +119545,7 @@ exports[`Storyshots Components|Link list Vertical 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -120181,7 +120184,7 @@ exports[`Storyshots Components|Link list Vertical with cards 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -121678,7 +121681,7 @@ exports[`Storyshots Components|Link with icon Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -121805,7 +121808,7 @@ exports[`Storyshots Components|Locale modal Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -122168,7 +122171,7 @@ exports[`Storyshots Components|Logo grid Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -122620,7 +122623,7 @@ exports[`Storyshots Components|Masthead Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -123210,6 +123213,7 @@ exports[`Storyshots Components|Masthead Default 1`] = `
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -123235,7 +123239,7 @@ exports[`Storyshots Components|Masthead Default 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -123326,7 +123330,7 @@ exports[`Storyshots Components|Masthead Search open onload 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -124120,6 +124124,7 @@ exports[`Storyshots Components|Masthead Search open onload 1`] = `
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -124145,7 +124150,7 @@ exports[`Storyshots Components|Masthead Search open onload 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -124236,7 +124241,7 @@ exports[`Storyshots Components|Masthead With L1 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -124610,7 +124615,7 @@ exports[`Storyshots Components|Masthead With L1 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -129038,6 +129043,7 @@ exports[`Storyshots Components|Masthead With L1 1`] = `
data-autoid="dds--masthead-eco__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -129063,7 +129069,7 @@ exports[`Storyshots Components|Masthead With L1 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-eco__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -130159,7 +130165,7 @@ exports[`Storyshots Components|Masthead With alternate logo and tooltip 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -130937,6 +130943,7 @@ exports[`Storyshots Components|Masthead With alternate logo and tooltip 1`] = `
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -130962,7 +130969,7 @@ exports[`Storyshots Components|Masthead With alternate logo and tooltip 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -131053,7 +131060,7 @@ exports[`Storyshots Components|Masthead With custom navigation 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -131422,7 +131429,7 @@ exports[`Storyshots Components|Masthead With custom navigation 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -136824,6 +136831,7 @@ exports[`Storyshots Components|Masthead With custom navigation 1`] = `
data-autoid="dds--masthead-default__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -136849,7 +136857,7 @@ exports[`Storyshots Components|Masthead With custom navigation 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-default__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -136941,7 +136949,7 @@ exports[`Storyshots Components|Masthead With platform 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -137003,7 +137011,7 @@ exports[`Storyshots Components|Masthead With platform 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -137632,6 +137640,7 @@ exports[`Storyshots Components|Masthead With platform 1`] = `
data-autoid="dds--masthead-eco__l0-account"
direction="bottom"
flipped={true}
+ focusTrap={true}
iconDescription="open and close list of options"
innerRef={null}
light={false}
@@ -137657,7 +137666,7 @@ exports[`Storyshots Components|Masthead With platform 1`] = `
aria-expanded={false}
aria-haspopup={true}
aria-label="User Profile"
- className="bx--header__action bx--overflow-menu"
+ className="bx--header__action bx--overflow-menu bx--overflow-menu--md"
data-autoid="dds--masthead-eco__l0-account"
onClick={[Function]}
onClose={[Function]}
@@ -137748,7 +137757,7 @@ exports[`Storyshots Components|Pictogram item Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -138046,7 +138055,7 @@ exports[`Storyshots Components|Quote Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -138255,7 +138264,7 @@ exports[`Storyshots Components|Search With Typeahead Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -138334,7 +138343,7 @@ exports[`Storyshots Components|Table of contents Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -138700,7 +138709,7 @@ exports[`Storyshots Components|Table of contents Horizontal 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -138777,7 +138786,7 @@ exports[`Storyshots Components|Tabs extended Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -138853,7 +138862,7 @@ exports[`Storyshots Components|Tabs extended media Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -138929,7 +138938,7 @@ exports[`Storyshots Components|Tag group Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -139005,7 +139014,7 @@ exports[`Storyshots Components|Tag link Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -139084,7 +139093,7 @@ exports[`Storyshots Components|Video player Aspect ratio 1:1 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -139145,7 +139154,7 @@ exports[`Storyshots Components|Video player Aspect ratio 1:1 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -139278,7 +139287,7 @@ exports[`Storyshots Components|Video player Aspect ratio 4:3 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -139339,7 +139348,7 @@ exports[`Storyshots Components|Video player Aspect ratio 4:3 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -139472,7 +139481,7 @@ exports[`Storyshots Components|Video player Default 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -139610,7 +139619,7 @@ exports[`Storyshots Components|Video player With lightbox media viewer 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
@@ -139671,7 +139680,7 @@ exports[`Storyshots Components|Video player With lightbox media viewer 1`] = `
"barSelectedColor": "#1EA7FD",
"barTextColor": "#999999",
"base": "light",
- "brandTitle": "Carbon for IBM.com React v1.31.1",
+ "brandTitle": "Carbon for IBM.com React v1.32.0-rc.1",
"brandUrl": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react",
"colorPrimary": "#FF4785",
"colorSecondary": "#1EA7FD",
diff --git a/packages/react/src/components/Layout/__stories__/Layout.stories.js b/packages/react/src/components/Layout/__stories__/Layout.stories.js
index d99aa869781..5c122899855 100644
--- a/packages/react/src/components/Layout/__stories__/Layout.stories.js
+++ b/packages/react/src/components/Layout/__stories__/Layout.stories.js
@@ -100,7 +100,6 @@ export const Default = ({ parameters }) => {
[`bx--layout--sticky`]: stickyLeft,
})}
style={{
- backgroundColor: 'white',
top: stickyOffset ? `${stickyOffset}px` : 0,
}}>
Column 1
@@ -199,10 +198,7 @@ export const Default = ({ parameters }) => {
+ })}>
Column 2.2
diff --git a/packages/react/tests/e2e-storybook/cypress/integration/LinkWithIcon/Default.e2e.js b/packages/react/tests/e2e-storybook/cypress/integration/LinkWithIcon/Default.e2e.js
index 073836c1d15..e4dd21e857e 100644
--- a/packages/react/tests/e2e-storybook/cypress/integration/LinkWithIcon/Default.e2e.js
+++ b/packages/react/tests/e2e-storybook/cypress/integration/LinkWithIcon/Default.e2e.js
@@ -59,7 +59,9 @@ const _tests = [
cy.visit(`${_path}&knob-Disabled%20(disabled):_LinkWithIcon=true`)
.get(_selector)
.find('a')
- .should('have.length', 0);
+ .should($link => {
+ expect($link.prop('href')).to.be.empty;
+ });
});
},
() => {
diff --git a/packages/services-store/CHANGELOG.md b/packages/services-store/CHANGELOG.md
index d762adf043b..ce7fac37c26 100644
--- a/packages/services-store/CHANGELOG.md
+++ b/packages/services-store/CHANGELOG.md
@@ -3,6 +3,28 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.32.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/services-store/compare/@carbon/ibmdotcom-services-store@1.32.0-rc.0...@carbon/ibmdotcom-services-store@1.32.0-rc.1) (2022-03-17)
+
+
+### Features
+
+* **scrolling-utility:** Add new utility to mimic dotcom-shell functionality ([#8434](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/services-store/issues/8434)) ([d06b45a](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/services-store/commit/d06b45a))
+
+
+
+
+
+# [1.32.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/services-store/compare/@carbon/ibmdotcom-services-store@1.31.0...@carbon/ibmdotcom-services-store@1.32.0-rc.0) (2022-03-16)
+
+
+### Bug Fixes
+
+* **deps:** update dependency carbon-components to v10.54.0 ([#8408](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/services-store/issues/8408)) ([588981c](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/services-store/commit/588981c))
+
+
+
+
+
# [1.31.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/services-store/compare/@carbon/ibmdotcom-services-store@1.31.0-rc.3...@carbon/ibmdotcom-services-store@1.31.0) (2022-02-28)
**Note:** Version bump only for package @carbon/ibmdotcom-services-store
diff --git a/packages/services-store/package.json b/packages/services-store/package.json
index f54c668bd50..0c168abf394 100644
--- a/packages/services-store/package.json
+++ b/packages/services-store/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/ibmdotcom-services-store",
"private": true,
- "version": "1.31.0",
+ "version": "1.32.0-rc.1",
"description": "Redux store for Carbon for IBM.com Services",
"license": "Apache-2.0",
"main": "lib/store.js",
@@ -39,7 +39,7 @@
"prettier": "^1.19.0"
},
"dependencies": {
- "@carbon/ibmdotcom-services": "1.31.0",
+ "@carbon/ibmdotcom-services": "1.32.0-rc.1",
"@carbon/ibmdotcom-utilities": "1.31.0",
"carbon-components": "10.55.1",
"redux": "^4.0.0",
diff --git a/packages/services/CHANGELOG.md b/packages/services/CHANGELOG.md
index 3aea29051af..0b395ab6575 100644
--- a/packages/services/CHANGELOG.md
+++ b/packages/services/CHANGELOG.md
@@ -3,6 +3,25 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.32.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-services@1.32.0-rc.0...@carbon/ibmdotcom-services@1.32.0-rc.1) (2022-03-17)
+
+
+### Features
+
+* **scrolling-utility:** Add new utility to mimic dotcom-shell functionality ([#8434](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8434)) ([d06b45a](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/d06b45a))
+
+
+
+
+
+# [1.32.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-services@1.31.0...@carbon/ibmdotcom-services@1.32.0-rc.0) (2022-03-16)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-services
+
+
+
+
+
# [1.31.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-services@1.31.0-rc.3...@carbon/ibmdotcom-services@1.31.0) (2022-02-28)
**Note:** Version bump only for package @carbon/ibmdotcom-services
diff --git a/packages/services/package.json b/packages/services/package.json
index c1f89575c02..6e2ded254d4 100644
--- a/packages/services/package.json
+++ b/packages/services/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/ibmdotcom-services",
"description": "Carbon for IBM.com Services",
- "version": "1.31.0",
+ "version": "1.32.0-rc.1",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -51,8 +51,8 @@
"@carbon/ibmdotcom-utilities": "1.31.0",
"@carbon/telemetry": "0.1.0",
"axios": "~0.21.4",
- "window-or-global": "^1.0.1",
- "marked": "^4.0.10"
+ "marked": "^4.0.10",
+ "window-or-global": "^1.0.1"
},
"devDependencies": {
"@babel/cli": "^7.4.3",
diff --git a/packages/storybook-addon-theme/CHANGELOG.md b/packages/storybook-addon-theme/CHANGELOG.md
index adc218849a8..7fa098bfdb8 100644
--- a/packages/storybook-addon-theme/CHANGELOG.md
+++ b/packages/storybook-addon-theme/CHANGELOG.md
@@ -3,6 +3,22 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.23.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/storybook-addon-theme/compare/@carbon/storybook-addon-theme@1.23.0-rc.0...@carbon/storybook-addon-theme@1.23.0-rc.1) (2022-03-17)
+
+**Note:** Version bump only for package @carbon/storybook-addon-theme
+
+
+
+
+
+# [1.23.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/storybook-addon-theme/compare/@carbon/storybook-addon-theme@1.22.0...@carbon/storybook-addon-theme@1.23.0-rc.0) (2022-03-16)
+
+**Note:** Version bump only for package @carbon/storybook-addon-theme
+
+
+
+
+
# [1.22.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/storybook-addon-theme/compare/@carbon/storybook-addon-theme@1.22.0-rc.3...@carbon/storybook-addon-theme@1.22.0) (2022-02-28)
**Note:** Version bump only for package @carbon/storybook-addon-theme
diff --git a/packages/storybook-addon-theme/package.json b/packages/storybook-addon-theme/package.json
index 274553a9d1c..ef1e87efd09 100644
--- a/packages/storybook-addon-theme/package.json
+++ b/packages/storybook-addon-theme/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/storybook-addon-theme",
"private": true,
- "version": "1.22.0",
+ "version": "1.23.0-rc.1",
"description": "Storybook add-on for Carbon theme chooser",
"license": "Apache-2.0",
"main": "es/index.js",
diff --git a/packages/stylelint-config-ibmdotcom/CHANGELOG.md b/packages/stylelint-config-ibmdotcom/CHANGELOG.md
index 4b9fa40de42..3cf4d9cff0d 100644
--- a/packages/stylelint-config-ibmdotcom/CHANGELOG.md
+++ b/packages/stylelint-config-ibmdotcom/CHANGELOG.md
@@ -3,6 +3,22 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.22.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/stylelint-config-ibmdotcom@1.22.0-rc.0...@carbon/stylelint-config-ibmdotcom@1.22.0-rc.1) (2022-03-17)
+
+**Note:** Version bump only for package @carbon/stylelint-config-ibmdotcom
+
+
+
+
+
+# [1.22.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/stylelint-config-ibmdotcom@1.21.0...@carbon/stylelint-config-ibmdotcom@1.22.0-rc.0) (2022-03-16)
+
+**Note:** Version bump only for package @carbon/stylelint-config-ibmdotcom
+
+
+
+
+
# [1.21.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/stylelint-config-ibmdotcom@1.21.0-rc.3...@carbon/stylelint-config-ibmdotcom@1.21.0) (2022-02-28)
**Note:** Version bump only for package @carbon/stylelint-config-ibmdotcom
diff --git a/packages/stylelint-config-ibmdotcom/package.json b/packages/stylelint-config-ibmdotcom/package.json
index f8c68a2186e..484c03d4a89 100644
--- a/packages/stylelint-config-ibmdotcom/package.json
+++ b/packages/stylelint-config-ibmdotcom/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/stylelint-config-ibmdotcom",
"private": true,
- "version": "1.21.0",
+ "version": "1.22.0-rc.1",
"description": "Stylelint configuration for Carbon for IBM.com",
"license": "Apache-2.0",
"main": "index.js",
diff --git a/packages/styles/CHANGELOG.md b/packages/styles/CHANGELOG.md
index a9b7025b29d..bdf1185cc00 100644
--- a/packages/styles/CHANGELOG.md
+++ b/packages/styles/CHANGELOG.md
@@ -3,6 +3,44 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.32.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-styles@1.32.0-rc.0...@carbon/ibmdotcom-styles@1.32.0-rc.1) (2022-03-17)
+
+
+### Features
+
+* **scrolling-utility:** Add new utility to mimic dotcom-shell functionality ([#8434](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8434)) ([d06b45a](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/d06b45a))
+
+
+
+
+
+# [1.32.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-styles@1.31.0...@carbon/ibmdotcom-styles@1.32.0-rc.0) (2022-03-16)
+
+
+### Bug Fixes
+
+* **card-group:** prevent extra top "borders" in Safari ([#8320](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8320)) ([ee94839](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/ee94839))
+* **card-in-card:** implement md breakpoints redesign enhancement ([#8323](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8323)) ([45e2ebb](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/45e2ebb))
+* **deps:** update dependency @carbon/grid to v10.42.0 ([#8403](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8403)) ([9265c5a](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/9265c5a))
+* **deps:** update dependency @carbon/import-once to v10.7.0 ([#8404](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8404)) ([75bef92](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/75bef92))
+* **deps:** update dependency @carbon/layout to v10.37.0 ([#8405](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8405)) ([a1b5292](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/a1b5292))
+* **deps:** update dependency @carbon/motion to v10.29.0 ([#8406](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8406)) ([ab10fa8](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/ab10fa8))
+* **deps:** update dependency @carbon/themes to v10.52.0 ([#8407](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8407)) ([a710831](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/a710831))
+* **deps:** update dependency carbon-components to v10.54.0 ([#8408](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8408)) ([588981c](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/588981c))
+* **link-with-icon:** fix disabled styles ([#8369](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8369)) ([4e4b155](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/4e4b155)), closes [#8368](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8368)
+* **styles:** add visited styles to link with icon ([#8367](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8367)) ([f1502ae](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/f1502ae)), closes [#8332](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8332)
+* **table-of-contents:** Let VO interact with the destination content ([#8253](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8253)) ([c8f4c56](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/c8f4c56))
+* **tabs-extended:** change anchor-based tabs to button-based tabs ([#8365](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8365)) ([2225471](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/2225471)), closes [#8357](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8357)
+
+
+### Features
+
+* **universal-banner:** introducing component ([#8237](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8237)) ([58d7bb1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/58d7bb1)), closes [#6814](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/6814)
+
+
+
+
+
# [1.31.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-styles@1.31.0-rc.3...@carbon/ibmdotcom-styles@1.31.0) (2022-02-28)
**Note:** Version bump only for package @carbon/ibmdotcom-styles
diff --git a/packages/styles/package.json b/packages/styles/package.json
index 64e89b360f4..20bb0bee142 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/ibmdotcom-styles",
"description": "Carbon for IBM.com Styles",
- "version": "1.31.0",
+ "version": "1.32.0-rc.1",
"license": "Apache-2.0",
"main": "dist/ibm-dotcom-styles.min.css",
"module": "src/scss",
@@ -31,18 +31,19 @@
"upgrade-carbon": "yarn upgrade-interactive @carbon/grid @carbon/import-once @carbon/layout @carbon/motion @carbon/themes @carbon/type carbon-components @carbon/icons-react --latest --exact"
},
"dependencies": {
- "@carbon/grid": "10.43.0",
+ "@carbon/grid": "10.43.1",
"@carbon/icons-react": "10.48.0",
"@carbon/import-once": "10.7.0",
- "@carbon/layout": "10.37.0",
+ "@carbon/layout": "10.37.1",
"@carbon/motion": "10.29.0",
"@carbon/telemetry": "0.1.0",
- "@carbon/themes": "10.53.1",
- "@carbon/type": "10.43.1",
- "carbon-components": "10.55.1"
+ "@carbon/themes": "10.53.2",
+ "@carbon/type": "10.43.2",
+ "carbon-components": "10.55.2"
},
"devDependencies": {
"autoprefixer": "^9.8.0",
+ "carbon-components-react": "7.55.2",
"del": "^6.0.0",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^6.1.0",
diff --git a/packages/utilities/CHANGELOG.md b/packages/utilities/CHANGELOG.md
index 084df1ad93a..9d1b76b9fd3 100644
--- a/packages/utilities/CHANGELOG.md
+++ b/packages/utilities/CHANGELOG.md
@@ -3,6 +3,29 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.32.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-utilities@1.32.0-rc.0...@carbon/ibmdotcom-utilities@1.32.0-rc.1) (2022-03-17)
+
+
+### Features
+
+* **scrolling-utility:** Add new utility to mimic dotcom-shell functionality ([#8434](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8434)) ([d06b45a](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/d06b45a))
+
+
+
+
+
+# [1.32.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-utilities@1.31.0...@carbon/ibmdotcom-utilities@1.32.0-rc.0) (2022-03-16)
+
+
+### Bug Fixes
+
+* **cloud-masthead:** remove extra spacing from masthead ([#8451](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8451)) ([6793b47](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/6793b47))
+* **deps:** update dependency carbon-components to v10.54.0 ([#8408](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/8408)) ([588981c](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/588981c))
+
+
+
+
+
# [1.31.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-utilities@1.31.0-rc.3...@carbon/ibmdotcom-utilities@1.31.0) (2022-02-28)
**Note:** Version bump only for package @carbon/ibmdotcom-utilities
diff --git a/packages/utilities/package.json b/packages/utilities/package.json
index 01ecec3c0b0..53ea62589ca 100644
--- a/packages/utilities/package.json
+++ b/packages/utilities/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/ibmdotcom-utilities",
"description": "Carbon for IBM.com Utilities",
- "version": "1.31.1",
+ "version": "1.32.0-rc.1",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -50,7 +50,7 @@
"dependencies": {
"@carbon/telemetry": "0.1.0",
"axios": "~0.21.4",
- "carbon-components": "10.55.1",
+ "carbon-components": "10.55.2",
"isomorphic-dompurify": "0.4.0",
"js-cookie": "^2.2.1",
"marked": "^4.0.10",
diff --git a/packages/utilities/src/utilities/StickyHeader/StickyHeader.js b/packages/utilities/src/utilities/StickyHeader/StickyHeader.js
new file mode 100644
index 00000000000..45bde6200fd
--- /dev/null
+++ b/packages/utilities/src/utilities/StickyHeader/StickyHeader.js
@@ -0,0 +1,251 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { baseFontSize, breakpoints } from '@carbon/layout';
+import ddsSettings from '../settings/settings.js';
+import root from 'window-or-global';
+import settings from 'carbon-components/es/globals/js/settings';
+
+const { prefix } = settings;
+const { stablePrefix: ddsPrefix } = ddsSettings;
+
+const gridBreakpoint = parseFloat(breakpoints.lg.width) * baseFontSize;
+
+class StickyHeader {
+ constructor() {
+ this.ownerDocument = root.document;
+ this._banner = undefined;
+ this._hasBanner = false;
+ this._lastScrollPosition = 0;
+ this._leadspaceWithSearch = undefined;
+ this._leadspaceSearchBar = undefined;
+ this._localeModal = undefined;
+ this._masthead = undefined;
+ this._mastheadL0 = undefined;
+ this._mastheadL1 = undefined;
+ this._tableOfContents = undefined;
+ this._tableOfContentsInnerBar = undefined;
+ this._tableOfContentsLayout = undefined;
+ this._throttled = false;
+ this._resizeObserver = new ResizeObserver(this._handleResize.bind(this));
+ root.addEventListener('scroll', this._throttledHandler.bind(this));
+ }
+
+ /**
+ * Create (if needed) and return the globally-scoped instance of `this`.
+ */
+ static get global() {
+ if (!Object.prototype.hasOwnProperty.call(root, 'stickyHeader')) {
+ root.stickyHeader = new StickyHeader();
+ }
+ return root.stickyHeader;
+ }
+
+ /**
+ * True if dotcom shell is not present on page.
+ *
+ * @returns {boolean} true/false
+ */
+ static isNecessary() {
+ return Boolean(
+ !root.document.querySelector(`${ddsPrefix}-dotcom-shell-container`)
+ );
+ }
+
+ /**
+ * Compares the tag name of the component provided to what we expect it to be
+ *
+ * @param {HTMLElement} component The component provided
+ * @param {string} expected The lowercase tag name expected
+ * @throws {TypeError} Throws error if component tag name doesn't match expected string
+ * @returns {boolean} Returns true if component tag name matches expected string
+ */
+ _validateComponent(component, expected) {
+ const received = component.tagName.toLowerCase();
+ if (received !== expected) {
+ throw new TypeError(`${expected} expected, ${received} provided`);
+ } else {
+ return true;
+ }
+ }
+
+ _tableOfContentsStickyUpdate() {
+ const { _tableOfContents: toc } = this;
+
+ const tocRoot = toc.shadowRoot;
+
+ const desktopSelector = `.${ddsPrefix}-ce--table-of-contents__items-container`;
+
+ if (window.outerWidth > gridBreakpoint) {
+ if (toc.layout === 'horizontal') {
+ this._tableOfContentsInnerBar = tocRoot.querySelector(
+ `.${prefix}--tableofcontents__navbar`
+ );
+ this._tableOfContentsLayout = 'horizontal';
+ } else {
+ this._tableOfContentsInnerBar = tocRoot.querySelector(desktopSelector);
+ }
+ } else {
+ this._tableOfContentsInnerBar = tocRoot.querySelector(
+ `.${prefix}--tableofcontents__sidebar`
+ );
+ }
+ }
+
+ set banner(component) {
+ if (this._validateComponent(component, `${ddsPrefix}-universal-banner`)) {
+ this._banner = component;
+ this.hasBanner = true;
+
+ if (this._masthead) {
+ this._masthead.setAttribute('with-banner', '');
+ }
+ }
+ }
+
+ set leadspaceWithSearch(component) {
+ if (
+ this._validateComponent(component, `${ddsPrefix}-leadspace-with-search`)
+ ) {
+ this._leadspaceWithSearch = component;
+ this._leadspaceWithSearchBar = component.querySelector(
+ 'dds-search-with-typeahead'
+ );
+ }
+ }
+
+ set localeModal(component) {
+ if (this._validateComponent(component, `${ddsPrefix}-locale-modal`)) {
+ this._localeModal = component;
+ }
+ }
+
+ set masthead(component) {
+ if (this._validateComponent(component, `${ddsPrefix}-masthead`)) {
+ this._masthead = component;
+ if (this._banner) this._masthead.setAttribute('with-banner', '');
+
+ this._mastheadL0 = component.shadowRoot.querySelector(
+ `.${prefix}--masthead__l0`
+ );
+ this._mastheadL1 = component.querySelector(`${ddsPrefix}-masthead-l1`);
+ }
+ }
+
+ set tableOfContents(component) {
+ if (this._validateComponent(component, `${ddsPrefix}-table-of-contents`)) {
+ this._tableOfContents = component;
+ this._tableOfContentsStickyUpdate();
+ this._resizeObserver.observe(this._tableOfContents);
+ }
+ }
+
+ /**
+ * Rate-limits the scroll event handler
+ */
+ _throttledHandler() {
+ if (!this._throttled) {
+ this._throttled = true;
+ this._handleScroll();
+
+ setTimeout(() => {
+ this._throttled = false;
+ }, 20);
+ }
+ }
+
+ _handleResize() {
+ const {
+ _hasBanner: hasBanner,
+ _masthead: masthead,
+ _tableOfContents: toc,
+ _tableOfContentsLayout: tocLayout,
+ } = this;
+
+ if (toc && masthead) {
+ this._tableOfContentsStickyUpdate();
+ if (
+ window.innerWidth >= gridBreakpoint &&
+ tocLayout !== 'horizontal' &&
+ !hasBanner
+ ) {
+ masthead.style.top = '0';
+ } else {
+ // This has to happen after the tocStickyUpdate method.
+ const { _tableOfContentsInnerBar: tocInner } = this;
+ if (masthead.offsetTop === 0) {
+ tocInner.style.top = `${masthead.offsetHeight}px`;
+ }
+ }
+ this._handleScroll();
+ }
+ }
+
+ _handleScroll() {
+ const {
+ _lastScrollPosition: oldY,
+ _banner: banner,
+ _masthead: masthead,
+ _mastheadL0: mastheadL0,
+ _mastheadL1: mastheadL1,
+ _localeModal: localeModal,
+ _tableOfContents: toc,
+ _tableOfContentsInnerBar: tocInner,
+ } = StickyHeader.global;
+
+ if (localeModal && localeModal.hasAttribute('open')) return;
+
+ const newY = window.scrollY;
+ this._lastScrollPosition = newY;
+
+ let maxScrollaway = 0;
+
+ const topmostElement = masthead || tocInner;
+
+ if (masthead && tocInner) {
+ const tocIsAtTop =
+ tocInner.getBoundingClientRect().top <=
+ masthead.offsetTop + masthead.offsetHeight + 1;
+
+ const tocShouldStick =
+ toc.layout === 'horizontal' || window.innerWidth < gridBreakpoint;
+
+ if (tocIsAtTop && (tocShouldStick || mastheadL1)) {
+ maxScrollaway += masthead.offsetHeight;
+
+ if (mastheadL1 && !tocShouldStick) {
+ maxScrollaway -= mastheadL1.offsetHeight;
+ }
+ } else if (mastheadL0 && mastheadL1) {
+ maxScrollaway += mastheadL0.offsetHeight;
+ }
+
+ let cumulativeOffset = Math.max(
+ Math.min(topmostElement.offsetTop + oldY - newY, 0),
+ maxScrollaway * -1
+ );
+
+ if (banner) {
+ cumulativeOffset += Math.max(banner.offsetHeight - newY, 0);
+ }
+
+ if (masthead) {
+ masthead.style.transition = 'none';
+ masthead.style.top = `${cumulativeOffset}px`;
+ cumulativeOffset += masthead.offsetHeight;
+ }
+
+ if (tocInner) {
+ tocInner.style.transition = 'none';
+ tocInner.style.top = `${cumulativeOffset}px`;
+ cumulativeOffset += tocInner.offsetHeight;
+ }
+ }
+ }
+}
+
+export default StickyHeader;
diff --git a/packages/utilities/src/utilities/StickyHeader/index.js b/packages/utilities/src/utilities/StickyHeader/index.js
new file mode 100644
index 00000000000..a2dd4d10c36
--- /dev/null
+++ b/packages/utilities/src/utilities/StickyHeader/index.js
@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export { default as StickyHeader } from './StickyHeader';
diff --git a/packages/web-components/.storybook/manager-head.html b/packages/web-components/.storybook/manager-head.html
index fb64da77521..164f3aa5855 100644
--- a/packages/web-components/.storybook/manager-head.html
+++ b/packages/web-components/.storybook/manager-head.html
@@ -30,7 +30,8 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff)
+ format('woff');
font-display: auto;
}
@@ -39,7 +40,8 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff)
+ format('woff');
font-display: auto;
}
diff --git a/packages/web-components/.storybook/react/manager-head.html b/packages/web-components/.storybook/react/manager-head.html
index b2fe05177f2..b9239a59f28 100644
--- a/packages/web-components/.storybook/react/manager-head.html
+++ b/packages/web-components/.storybook/react/manager-head.html
@@ -26,7 +26,8 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff)
+ format('woff');
font-display: auto;
}
@@ -35,7 +36,8 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff)
+ format('woff');
font-display: auto;
}
diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md
index cd26d3c907e..e4fe85a2087 100644
--- a/packages/web-components/CHANGELOG.md
+++ b/packages/web-components/CHANGELOG.md
@@ -3,6 +3,57 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.17.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/compare/@carbon/ibmdotcom-web-components@1.17.0-rc.0...@carbon/ibmdotcom-web-components@1.17.0-rc.1) (2022-03-17)
+
+
+### Bug Fixes
+
+* **plex:** replace `gstatic` font references with akamai ([#8502](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8502)) ([e0b3a51](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/e0b3a51))
+
+
+### Features
+
+* **scrolling-utility:** Add new utility to mimic dotcom-shell functionality ([#8434](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8434)) ([d06b45a](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/d06b45a))
+
+
+
+
+
+# [1.17.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/compare/@carbon/ibmdotcom-web-components@1.16.0...@carbon/ibmdotcom-web-components@1.17.0-rc.0) (2022-03-16)
+
+
+### Bug Fixes
+
+* **browserstack:** add axe-core npm dependencies ([#8354](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8354)) ([757514b](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/757514b))
+* **card-group:** fix grid mode knob and prevent incorrect border colors ([#8373](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8373)) ([815ed71](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/815ed71))
+* **card-group:** prevent extra top "borders" in Safari ([#8320](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8320)) ([ee94839](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/ee94839))
+* **card-in-card:** ensure that the card image is clickable ([#8361](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8361)) ([487e8e9](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/487e8e9))
+* **card-pictogram:** show body copy on both pictogram positions ([#8359](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8359)) ([96f027f](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/96f027f))
+* **carousel:** apply same height function to heading used in dds-card-cta ([#8336](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8336)) ([a7f11f6](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/a7f11f6))
+* **cloud-masthead:** remove extra spacing from masthead ([#8451](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8451)) ([6793b47](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/6793b47))
+* **content-block-horizontal:** ensure border attribute returns correctly ([#8382](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8382)) ([49387fb](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/49387fb))
+* **cta-section:** [CTA section - with content items]: Pictograms have extra spacing ([#8457](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8457)) ([75e1c15](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/75e1c15))
+* **deps:** update dependency @carbon/layout to v10.37.0 ([#8405](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8405)) ([a1b5292](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/a1b5292))
+* **deps:** update dependency carbon-components to v10.54.0 ([#8408](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8408)) ([588981c](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/588981c))
+* **e2e:** fix to fixtures in e2e integration tests ([#8350](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8350)) ([47e207c](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/47e207c))
+* **filter-panel:** update heading when knob changes ([#8362](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8362)) ([1a1079b](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/1a1079b))
+* **masthead:** remove extra spacing above masthead ([#8452](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8452)) ([4cadff9](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/4cadff9))
+* **table-of-contents:** Let VO interact with the destination content ([#8253](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8253)) ([c8f4c56](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/c8f4c56))
+* **tabs-extended:** change anchor-based tabs to button-based tabs ([#8365](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8365)) ([2225471](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/2225471)), closes [#8357](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8357)
+* **various modals:** address focus trapping issues ([#8232](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8232)) ([af2a7af](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/af2a7af)), closes [#8146](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8146) [#7852](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/7852)
+
+
+### Features
+
+* **accessibility-testing:** introduce cypress-axe-core ([#8233](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8233)) ([48fb0f5](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/48fb0f5)), closes [#8063](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8063)
+* **filter-panel:** add view all button for filter groups ([#8258](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8258)) ([d1ecf59](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/d1ecf59)), closes [#7405](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/7405)
+* **toc:** add an event to trigger harvesting of anchor tags ([#8329](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8329)) ([4c2540b](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/4c2540b))
+* **universal-banner:** introducing component ([#8237](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/8237)) ([58d7bb1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/commit/58d7bb1)), closes [#6814](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/issues/6814)
+
+
+
+
+
# [1.16.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/compare/@carbon/ibmdotcom-web-components@1.16.0-rc.3...@carbon/ibmdotcom-web-components@1.16.0) (2022-02-28)
**Note:** Version bump only for package @carbon/ibmdotcom-web-components
diff --git a/packages/web-components/examples/codesandbox/components-react/card-group/src/index.css b/packages/web-components/examples/codesandbox/components-react/card-group/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/card-group/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/card-group/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/card-in-card/src/index.css b/packages/web-components/examples/codesandbox/components-react/card-in-card/src/index.css
index 6062add3a9d..1245616411a 100644
--- a/packages/web-components/examples/codesandbox/components-react/card-in-card/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/card-in-card/src/index.css
@@ -27,7 +27,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -36,6 +36,6 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/card-link/src/index.css b/packages/web-components/examples/codesandbox/components-react/card-link/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/card-link/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/card-link/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/card-section-offset/src/index.css b/packages/web-components/examples/codesandbox/components-react/card-section-offset/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/card-section-offset/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/card-section-offset/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/card/src/index.css b/packages/web-components/examples/codesandbox/components-react/card/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/card/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/card/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/carousel/src/index.css b/packages/web-components/examples/codesandbox/components-react/carousel/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/carousel/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/carousel/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/content-group-banner/src/index.css b/packages/web-components/examples/codesandbox/components-react/content-group-banner/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/content-group-banner/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/content-group-banner/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/content-item-horizontal/src/index.css b/packages/web-components/examples/codesandbox/components-react/content-item-horizontal/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/content-item-horizontal/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/content-item-horizontal/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/cta-section/src/index.css b/packages/web-components/examples/codesandbox/components-react/cta-section/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/cta-section/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/cta-section/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/feature-section/src/index.css b/packages/web-components/examples/codesandbox/components-react/feature-section/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/feature-section/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/feature-section/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/filter-panel/src/index.css b/packages/web-components/examples/codesandbox/components-react/filter-panel/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/filter-panel/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/filter-panel/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/leadspace-with-search/src/index.css b/packages/web-components/examples/codesandbox/components-react/leadspace-with-search/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/leadspace-with-search/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/leadspace-with-search/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/leadspace/src/index.css b/packages/web-components/examples/codesandbox/components-react/leadspace/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/leadspace/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/leadspace/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/leaving-ibm/src/index.css b/packages/web-components/examples/codesandbox/components-react/leaving-ibm/src/index.css
index b565612bea0..899fb24cbd3 100644
--- a/packages/web-components/examples/codesandbox/components-react/leaving-ibm/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/leaving-ibm/src/index.css
@@ -18,7 +18,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -27,7 +27,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/search-with-typeahead/src/index.css b/packages/web-components/examples/codesandbox/components-react/search-with-typeahead/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/search-with-typeahead/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/search-with-typeahead/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/table-of-contents/src/index.css b/packages/web-components/examples/codesandbox/components-react/table-of-contents/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/table-of-contents/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/table-of-contents/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/tabs-extended-media/src/index.css b/packages/web-components/examples/codesandbox/components-react/tabs-extended-media/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/tabs-extended-media/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/tabs-extended-media/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/tabs-extended/src/index.css b/packages/web-components/examples/codesandbox/components-react/tabs-extended/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/tabs-extended/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/tabs-extended/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/tag-group/src/index.css b/packages/web-components/examples/codesandbox/components-react/tag-group/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/tag-group/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/tag-group/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/tag-link/src/index.css b/packages/web-components/examples/codesandbox/components-react/tag-link/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/tag-link/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/tag-link/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/components-react/universal-banner/src/index.css b/packages/web-components/examples/codesandbox/components-react/universal-banner/src/index.css
index cdb0cae7fa0..d858ebb2da4 100644
--- a/packages/web-components/examples/codesandbox/components-react/universal-banner/src/index.css
+++ b/packages/web-components/examples/codesandbox/components-react/universal-banner/src/index.css
@@ -22,7 +22,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -31,7 +31,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn-with-handlebars/index.hbs b/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn-with-handlebars/index.hbs
index c1afd5a74f0..9003f5d0bfe 100644
--- a/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn-with-handlebars/index.hbs
+++ b/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn-with-handlebars/index.hbs
@@ -35,7 +35,7 @@ LICENSE file in the root directory of this source tree.
font-family: 'IBM Plex Sans';
font-style: normal;
src:
- local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ local('IBM Plex Sans'), local('IBMPlexSans'), url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -43,7 +43,7 @@ LICENSE file in the root directory of this source tree.
font-weight: 600;
font-family: 'IBM Plex Sans';
font-style: normal;
- src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn-with-rtl/index.hbs b/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn-with-rtl/index.hbs
index 0253aa27c7d..e73e78629e5 100644
--- a/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn-with-rtl/index.hbs
+++ b/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn-with-rtl/index.hbs
@@ -40,7 +40,7 @@ LICENSE file in the root directory of this source tree.
font-family: 'IBM Plex Sans';
font-style: normal;
src:
- local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ local('IBM Plex Sans'), local('IBMPlexSans'), url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -48,7 +48,7 @@ LICENSE file in the root directory of this source tree.
font-weight: 600;
font-family: 'IBM Plex Sans';
font-style: normal;
- src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn/index.html b/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn/index.html
index 7002dbcf0ad..84b7b68f074 100644
--- a/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn/index.html
+++ b/packages/web-components/examples/codesandbox/usage/dotcom-shell-cdn/index.html
@@ -26,7 +26,7 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -35,7 +35,7 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/usage/react-ssr/src/index.css b/packages/web-components/examples/codesandbox/usage/react-ssr/src/index.css
index 45ac3e40966..f7608646e2b 100644
--- a/packages/web-components/examples/codesandbox/usage/react-ssr/src/index.css
+++ b/packages/web-components/examples/codesandbox/usage/react-ssr/src/index.css
@@ -18,7 +18,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -27,7 +27,7 @@ body {
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/usage/webpack-basic/index.html b/packages/web-components/examples/codesandbox/usage/webpack-basic/index.html
index baa90b6d03e..b83f34349b7 100644
--- a/packages/web-components/examples/codesandbox/usage/webpack-basic/index.html
+++ b/packages/web-components/examples/codesandbox/usage/webpack-basic/index.html
@@ -24,7 +24,7 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -33,7 +33,7 @@
font-family: 'IBM Plex Sans';
font-style: normal;
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/examples/codesandbox/usage/webpack-rtl/index.hbs b/packages/web-components/examples/codesandbox/usage/webpack-rtl/index.hbs
index 105cd7feae3..fa4461a798e 100644
--- a/packages/web-components/examples/codesandbox/usage/webpack-rtl/index.hbs
+++ b/packages/web-components/examples/codesandbox/usage/webpack-rtl/index.hbs
@@ -38,7 +38,7 @@ LICENSE file in the root directory of this source tree.
font-family: 'IBM Plex Sans';
font-style: normal;
src:
- local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format('woff');
+ local('IBM Plex Sans'), local('IBMPlexSans'), url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format('woff');
font-display: auto;
}
@@ -46,7 +46,7 @@ LICENSE file in the root directory of this source tree.
font-weight: 600;
font-family: 'IBM Plex Sans';
font-style: normal;
- src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format('woff');
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(https://1www.s81c.com/common/carbon/plex/fonts/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format('woff');
font-display: auto;
}
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index cd19e3e58e6..d7c695623d1 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -1,6 +1,6 @@
{
"name": "@carbon/ibmdotcom-web-components",
- "version": "1.16.1",
+ "version": "1.17.0-rc.1",
"description": "Carbon for IBM.com Web Components",
"license": "Apache-2.0",
"exports": {
@@ -96,12 +96,12 @@
"prettier": "^1.19.0"
},
"dependencies": {
- "@carbon/ibmdotcom-services": "1.31.0",
- "@carbon/ibmdotcom-styles": "1.31.0",
- "@carbon/ibmdotcom-utilities": "1.31.0",
+ "@carbon/ibmdotcom-services": "1.32.0-rc.1",
+ "@carbon/ibmdotcom-styles": "1.32.0-rc.1",
+ "@carbon/ibmdotcom-utilities": "1.32.0-rc.1",
"@carbon/layout": "10.37.0",
"@carbon/telemetry": "0.1.0",
- "carbon-components": "10.55.1",
+ "carbon-components": "10.55.2",
"carbon-web-components": "1.21.0",
"lit-element": "2.5.1",
"lit-html": "1.4.1",
@@ -135,10 +135,10 @@
"@babel/preset-react": "^7.0.0",
"@babel/template": "^7.8.0",
"@babel/traverse": "^7.8.0",
- "@carbon/ibmdotcom-services-store": "1.31.0",
+ "@carbon/ibmdotcom-services-store": "1.32.0-rc.1",
"@carbon/icon-helpers": "10.28.0",
"@carbon/icons": "10.48.0",
- "@carbon/type": "10.43.1",
+ "@carbon/type": "10.43.2",
"@open-wc/semantic-dom-diff": "^0.15.0",
"@percy-io/in-percy": "^0.1.11",
"@percy/cli": "^1.0.0-beta.67",
@@ -197,7 +197,7 @@
"eslint-plugin-prettier": "^3.0.0",
"eslint-restricted-globals": "^0.2.0",
"file-loader": "^6.2.0",
- "flatpickr": "4.6.10",
+ "flatpickr": "4.6.11",
"fs-extra": "^10.0.0",
"globby": "^10.0.0",
"gulp": "^4.0.0",
diff --git a/packages/web-components/src/components/dotcom-shell/__stories__/dotcom-shell.stories.ts b/packages/web-components/src/components/dotcom-shell/__stories__/dotcom-shell.stories.ts
index 4d6f95f2ddf..d6cbaa4d850 100644
--- a/packages/web-components/src/components/dotcom-shell/__stories__/dotcom-shell.stories.ts
+++ b/packages/web-components/src/components/dotcom-shell/__stories__/dotcom-shell.stories.ts
@@ -1,7 +1,7 @@
/**
* @license
*
- * Copyright IBM Corp. 2020, 2021
+ * Copyright IBM Corp. 2020, 2022
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
@@ -1153,6 +1153,112 @@ WithUniversalBanner.story = {
},
};
+export const WithoutShell = ({ parameters }) => {
+ const { masthead, universalBanner, tocLayout } = parameters?.props?.DotcomShell ?? {};
+
+ return html`
+
+ ${universalBanner
+ ? html`
+
+
+ heading
+ copy
+
+ cta copy
+
+
+ `
+ : ''}
+ ${masthead === 'L0'
+ ? html`
+
+ `
+ : html`
+
+ `}
+
+
+
+
+
+
Leadspace
+
+
+
+
+
Section - 1
+
+
Lorem ipsum dolor sit amet
+
+
+
+
Section - 2
+
+
Lorem ipsum dolor sit amet
+
+
+
+
Section - 3
+
+
Lorem ipsum dolor sit amet
+
+
+
+
Section - 4
+
+
Lorem ipsum dolor sit amet
+
+
+
+
Section - 5
+
+
Lorem ipsum dolor sit amet
+
+
+
+
Section - 6
+
+
Lorem ipsum dolor sit amet
+
+
+
+
Section - 7
+
+
Lorem ipsum dolor sit amet
+
+
+
+
+
+
+
+ `;
+};
+
+WithoutShell.story = {
+ name: 'Without Shell (Fallback Utility)',
+ parameters: {
+ knobs: {
+ DotcomShell: ({ groupId }) => ({
+ masthead: select('Masthead Version', ['L0', 'L1'], 'L0', groupId),
+ universalBanner: boolean('Has Universal Banner', false, groupId),
+ tocLayout: select('Table of Contents Layout', { Vertical: null, Horizontal: 'horizontal' }, null, groupId),
+ }),
+ },
+ propsSet: {
+ default: {
+ FooterComposite: {
+ disableLocaleButton: false,
+ langList: mockLangList,
+ },
+ },
+ },
+ },
+};
+
export default {
title: 'Components/Dotcom shell',
decorators: [
diff --git a/packages/web-components/src/components/filter-panel/filter-panel-checkbox.ts b/packages/web-components/src/components/filter-panel/filter-panel-checkbox.ts
index 3c434e3f39f..ac5b523fc62 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel-checkbox.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel-checkbox.ts
@@ -9,6 +9,7 @@
import { customElement } from 'lit-element';
import BXCheckbox from 'carbon-web-components/es/components/checkbox/checkbox';
+import FocusMixin from 'carbon-web-components/es/globals/mixins/focus.js';
import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
import 'carbon-web-components/es/components/modal/modal';
import styles from './filter-panel.scss';
@@ -23,7 +24,7 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
* @fires dds-checkbox-select - The custom event fired after this changebox changes its checked state.
*/
@customElement(`${ddsPrefix}-filter-panel-checkbox`)
-class DDSFilterPanelCheckbox extends StableSelectorMixin(BXCheckbox) {
+class DDSFilterPanelCheckbox extends FocusMixin(StableSelectorMixin(BXCheckbox)) {
/**
* Handles `click` event on the `` in the shadow DOM.
*/
@@ -51,7 +52,7 @@ class DDSFilterPanelCheckbox extends StableSelectorMixin(BXCheckbox) {
}
static get stableSelector() {
- return `${ddsPrefix}--filter-panel-checkbox`;
+ return `${ddsPrefix}-filter-panel-checkbox`;
}
static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader
diff --git a/packages/web-components/src/components/filter-panel/filter-panel-composite.ts b/packages/web-components/src/components/filter-panel/filter-panel-composite.ts
index eb42bba6fe3..ce516aa0585 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel-composite.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel-composite.ts
@@ -7,10 +7,11 @@
* LICENSE file in the root directory of this source tree.
*/
-import { customElement, html, LitElement, property, TemplateResult } from 'lit-element';
+import { customElement, html, LitElement, property, state, TemplateResult } from 'lit-element';
import settings from 'carbon-components/es/globals/js/settings';
import Filter from 'carbon-web-components/es/icons/filter/16';
import HostListenerMixin from 'carbon-web-components/es/globals/mixins/host-listener';
+import { baseFontSize, breakpoints } from '@carbon/layout';
import './filter-group';
import './filter-panel';
import './filter-panel-modal';
@@ -21,10 +22,15 @@ import StableSelectorMixin from '../../globals/mixins/stable-selector';
import styles from './filter-panel.scss';
import 'carbon-web-components/es/components/checkbox/checkbox';
import DDSFilterGroupItem from './filter-group-item';
+import DDSFilterPanelCheckbox from './filter-panel-checkbox';
+import DDSFilterPanelInputSelect from './filter-panel-input-select';
+import DDSFilterPanelInputSelectItem from './filter-panel-input-select-item';
const { prefix } = settings;
const { stablePrefix: ddsPrefix } = ddsSettings;
+const breakpoint = parseFloat(breakpoints.lg.width) * baseFontSize;
+
/**
* Filter panel composite
*
@@ -32,17 +38,19 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
*/
@customElement(`${ddsPrefix}-filter-panel-composite`)
class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitElement)) {
- /** host listener */
/**
- * Event to filter selected values in the modal and add the 'has-selections' attribute
+ * Host listener for handling the state change when a input select item is selected.
*
* @param event content state change
* @private
*/
- @HostListener('document:eventContentStateChange')
- protected _handleContentStateChangeDocument = (event: CustomEvent) => {
+ @HostListener('document:eventInputSelectItem')
+ protected _handleInputSelectItemStateChange = (event: CustomEvent) => {
const { value, lastValue, headerValue } = event.detail;
+ const { stableSelector } = DDSFilterPanelInputSelectItem;
+ this._focusElement = `${stableSelector}[value="${value}"]`;
+
// remove the DDSInputSelect (header) value from list to add an inner child instead
this._selectedValues = this._selectedValues.filter(e => e !== headerValue);
@@ -50,8 +58,8 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
this._selectedValues = this._selectedValues.filter(e => e !== value);
if (!this._selectedValues.length) {
- this.shadowRoot!.querySelector('dds-filter-panel-modal')?.removeAttribute('has-selections');
- this.shadowRoot!.querySelector('dds-filter-panel')?.removeAttribute('has-selections');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel-modal`)?.removeAttribute('has-selections');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.removeAttribute('has-selections');
}
return;
}
@@ -65,15 +73,14 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
}
// enables the clear button
if (this._selectedValues) {
- this.shadowRoot!.querySelector('dds-filter-panel-modal')?.setAttribute('has-selections', '');
- this.shadowRoot!.querySelector('dds-filter-panel')?.setAttribute('has-selections', '');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel-modal`)?.setAttribute('has-selections', '');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute('has-selections', '');
}
this.renderStatus();
};
- /** host listener */
/**
- * Host listener for handling the statechange when a checkbox is selected
+ * Host listener for handling the state change when a checkbox is selected.
*
* @param event checkbox select event
* @private
@@ -83,15 +90,18 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
const { value } = event.detail;
// toggle checkbox in filter panel modal
- this.querySelectorAll('dds-filter-panel-checkbox').forEach(e => {
+ this.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`).forEach(e => {
if (e.getAttribute('value') === value) {
e.toggleAttribute('checked');
- e.closest('dds-filter-group-item')?.setAttribute('open', '');
+ e.closest(`${ddsPrefix}-filter-group-item`)?.setAttribute('open', '');
+
+ const { stableSelector } = DDSFilterPanelCheckbox;
+ this._focusElement = `${stableSelector}[value="${value}"]`;
}
});
- const filterGroupItems = this.querySelectorAll('dds-filter-group-item');
- this.shadowRoot?.querySelectorAll('dds-filter-group-item').forEach((filterGroupItem, index) => {
+ const filterGroupItems = this.querySelectorAll(`${ddsPrefix}-filter-group-item`);
+ this.shadowRoot?.querySelectorAll(`${ddsPrefix}-filter-group-item`).forEach((filterGroupItem, index) => {
if ((filterGroupItem as DDSFilterGroupItem).open) {
(filterGroupItems[index] as DDSFilterGroupItem).open = true;
}
@@ -106,11 +116,11 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
// shows clear button depending on the list's length
if (!this._selectedValues.length) {
- this.shadowRoot!.querySelector('dds-filter-panel-modal')?.removeAttribute('has-selections');
- this.shadowRoot!.querySelector('dds-filter-panel')?.removeAttribute('has-selections');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel-modal`)?.removeAttribute('has-selections');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.removeAttribute('has-selections');
} else {
- this.shadowRoot!.querySelector('dds-filter-panel-modal')?.setAttribute('has-selections', '');
- this.shadowRoot!.querySelector('dds-filter-panel')?.setAttribute('has-selections', '');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel-modal`)?.setAttribute('has-selections', '');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute('has-selections', '');
}
this.renderStatus();
@@ -143,26 +153,28 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
this.openFilterModal = false;
};
- /** host listener for input select header */
/**
- * Handles the Filter title state changing
+ * Handles the state change when an input select is selected.
*
* @param event title state change
* @private
*/
- @HostListener('document:eventTitleChange')
- protected _handleTitleStateChange = (event: CustomEvent) => {
+ @HostListener('document:eventInputSelect')
+ protected _handleInputSelectStateChange = (event: CustomEvent) => {
const { headerValue } = event.detail;
+ const { stableSelector } = DDSFilterPanelInputSelect;
+ this._focusElement = `${stableSelector}[header-value="${headerValue}"]`;
+
// toggle checkbox in filter panel modal
- this.querySelectorAll('dds-filter-panel-input-select').forEach(e => {
+ this.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`).forEach(e => {
// capture the element counterpart in Filter Panel Modal
if (e.getAttribute('header-value') === headerValue) {
- const currentGroup = e.closest('dds-filter-group-item');
+ const currentGroup = e.closest(`${ddsPrefix}-filter-group-item`);
currentGroup?.setAttribute('open', '');
// Clears all other sibling items in the Filter Group
- currentGroup?.querySelectorAll('dds-filter-panel-input-select').forEach(inputSelect => {
+ currentGroup?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`).forEach(inputSelect => {
if (inputSelect === e) return;
this._selectedValues = this._selectedValues.filter(str => str !== inputSelect.getAttribute('header-value'));
inputSelect.removeAttribute('selected');
@@ -182,14 +194,14 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
}
if (!this._selectedValues.length) {
- this.shadowRoot!.querySelector('dds-filter-panel-modal')?.removeAttribute('has-selections');
- this.shadowRoot!.querySelector('dds-filter-panel')?.removeAttribute('has-selections');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel-modal`)?.removeAttribute('has-selections');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.removeAttribute('has-selections');
}
// enables the clear button
if (this._selectedValues.length > 0) {
- this.shadowRoot!.querySelector('dds-filter-panel-modal')?.setAttribute('has-selections', '');
- this.shadowRoot!.querySelector('dds-filter-panel')?.setAttribute('has-selections', '');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel-modal`)?.setAttribute('has-selections', '');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute('has-selections', '');
}
this.renderStatus();
};
@@ -199,17 +211,12 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
this.renderStatus();
};
- static get selectorInputSelect() {
- return `${ddsPrefix}-filter-panel-input-select`;
- }
-
/**
* selected value property
*/
@property({ type: String, reflect: true })
selectValue = '';
- /** host listener */
/**
* Event handler for the clearing functionality
*
@@ -221,35 +228,35 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
// handles clear when clearing from the static filter panel modal
this._contents.forEach(group => {
- group.querySelectorAll('dds-filter-panel-checkbox').forEach(e => {
+ group.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`).forEach(e => {
e.removeAttribute('checked');
});
- group.querySelectorAll('dds-filter-panel-input-select-item').forEach(e => {
+ group.querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`).forEach(e => {
e.removeAttribute('selected');
e.removeAttribute('is-open');
});
- group.querySelectorAll('dds-filter-panel-input-select').forEach(e => {
+ group.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`).forEach(e => {
e.removeAttribute('selected');
e.removeAttribute('is-open');
});
});
// handles clear when clearing from the filter panel static
- this.shadowRoot?.querySelectorAll('dds-filter-panel-checkbox').forEach(e => {
+ this.shadowRoot?.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`).forEach(e => {
e.removeAttribute('checked');
});
- this.shadowRoot?.querySelectorAll('dds-filter-panel-input-select-item').forEach(e => {
+ this.shadowRoot?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`).forEach(e => {
e.removeAttribute('selected');
e.removeAttribute('is-open');
});
- this.shadowRoot?.querySelectorAll('dds-filter-panel-input-select').forEach(e => {
+ this.shadowRoot?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`).forEach(e => {
e.removeAttribute('selected');
e.removeAttribute('is-open');
});
// disables the button
- this.shadowRoot!.querySelector('dds-filter-panel-modal')?.removeAttribute('has-selections');
- this.shadowRoot!.querySelector('dds-filter-panel')?.removeAttribute('has-selections');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel-modal`)?.removeAttribute('has-selections');
+ this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.removeAttribute('has-selections');
this.renderStatus();
};
@@ -299,6 +306,45 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
@property()
_filterGroupsAllRevealed: { id: string; value: boolean }[] = [];
+ @property()
+ _isMobile: boolean = window.innerWidth < breakpoint;
+
+ /**
+ * An element to set focus to on render.
+ */
+ @state()
+ _focusElement: string | null = null;
+
+ @HostListener('window:resize')
+ // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
+ private _handleWindowResize = (): void => {
+ this._isMobile = window.innerWidth < breakpoint;
+ };
+
+ protected async _querySelectorMobile(id: string): Promise {
+ return this.querySelector(id);
+ }
+
+ protected async _querySelectorDesktop(id: string): Promise {
+ let element;
+ if (this.shadowRoot) {
+ element = this.shadowRoot.querySelector(id);
+ }
+ return element;
+ }
+
+ protected async _querySelector(id: string): Promise {
+ const { _isMobile } = this;
+ let element;
+
+ if (_isMobile) {
+ element = await this._querySelectorMobile(id);
+ } else {
+ element = await this._querySelectorDesktop(id);
+ }
+ return element;
+ }
+
/**
* Handles `slotchange` event.
*
@@ -366,6 +412,20 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
`;
}
+ protected async updated() {
+ const { _focusElement } = this;
+
+ if (_focusElement) {
+ const targetElement = await this._querySelector(_focusElement);
+
+ if (targetElement instanceof HTMLElement) {
+ targetElement?.focus();
+ }
+
+ this._focusElement = null;
+ }
+ }
+
/**
* The name of the custom event captured upon selecting a checkbox
*/
@@ -375,10 +435,10 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
}
/**
- * The name of the custom event captured upon selecting an option
+ * The name of the custom event captured upon selecting an input select item.
*/
- static get eventContentStateChange() {
+ static get eventInputSelectItem() {
return `${ddsPrefix}-filter-panel-input-select`;
}
@@ -400,10 +460,10 @@ class DDSFilterPanelComposite extends HostListenerMixin(StableSelectorMixin(LitE
}
/**
- * The name of the custom event capture upon selecting a title
+ * The name of the custom event capture upon selecting an input select item
*/
- static get eventTitleChange() {
+ static get eventInputSelect() {
return `${ddsPrefix}-filter-panel-input-select-title`;
}
diff --git a/packages/web-components/src/components/filter-panel/filter-panel-input-select-item.ts b/packages/web-components/src/components/filter-panel/filter-panel-input-select-item.ts
index 5f04f7d6251..7c77303f27d 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel-input-select-item.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel-input-select-item.ts
@@ -10,6 +10,7 @@
import { customElement, html, property, LitElement } from 'lit-element';
import settings from 'carbon-components/es/globals/js/settings';
import Close from 'carbon-web-components/es/icons/close/16';
+import FocusMixin from 'carbon-web-components/es/globals/mixins/focus.js';
import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
import StableSelectorMixin from '../../globals/mixins/stable-selector';
import styles from './filter-panel.scss';
@@ -23,7 +24,7 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
* @element dds-filter-panel-input-select-item
*/
@customElement(`${ddsPrefix}-filter-panel-input-select-item`)
-class DDSFilterPanelInputSelectItem extends StableSelectorMixin(LitElement) {
+class DDSFilterPanelInputSelectItem extends FocusMixin(StableSelectorMixin(LitElement)) {
/**
* Property for the input select item value
*/
diff --git a/packages/web-components/src/components/filter-panel/filter-panel-input-select.ts b/packages/web-components/src/components/filter-panel/filter-panel-input-select.ts
index 0fc3983d590..e6aee189e0c 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel-input-select.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel-input-select.ts
@@ -140,11 +140,11 @@ class DDSFilterPanelInputSelect extends FocusMixin(StableSelectorMixin(LitElemen
* @private
*/
protected _handleClickHeader() {
- const { eventTitleChange } = this.constructor as typeof DDSFilterPanelInputSelect;
+ const { eventInputSelect } = this.constructor as typeof DDSFilterPanelInputSelect;
this.isOpen = !this.isOpen;
this.selected = !this.selected;
this.dispatchEvent(
- new CustomEvent(eventTitleChange, {
+ new CustomEvent(eventInputSelect, {
bubbles: true,
composed: true,
detail: {
@@ -205,7 +205,7 @@ class DDSFilterPanelInputSelect extends FocusMixin(StableSelectorMixin(LitElemen
/**
* The name of the custom event fired upon selecting the title
*/
- static get eventTitleChange() {
+ static get eventInputSelect() {
return `${ddsPrefix}-filter-panel-input-select-title`;
}
diff --git a/packages/web-components/src/components/filter-panel/filter-panel.ts b/packages/web-components/src/components/filter-panel/filter-panel.ts
index 1f1dd1a8e10..bc61811e057 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel.ts
@@ -65,9 +65,6 @@ class DDSFilterPanel extends HostListenerMixin(StableSelectorMixin(LitElement))
@property({ attribute: 'has-selections', type: Boolean })
hasSelections = false;
- // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars
- protected _handleContentStateChange(_: CustomEvent) {}
-
render() {
return html`
@@ -85,14 +82,6 @@ class DDSFilterPanel extends HostListenerMixin(StableSelectorMixin(LitElement))
`;
}
- /**
- * The name of the custom event captured upon option being seleced
- */
-
- static get eventContentStateChange() {
- return `${ddsPrefix}-filter-panel-input-select`;
- }
-
/**
* The name of the custom event fired to clear selections
*/
diff --git a/packages/web-components/src/components/leadspace-with-search/leadspace-with-search.ts b/packages/web-components/src/components/leadspace-with-search/leadspace-with-search.ts
index 65204f1c7e4..4a1cf8c887a 100644
--- a/packages/web-components/src/components/leadspace-with-search/leadspace-with-search.ts
+++ b/packages/web-components/src/components/leadspace-with-search/leadspace-with-search.ts
@@ -16,6 +16,7 @@ import '../horizontal-rule/horizontal-rule';
import StableSelectorMixin from '../../globals/mixins/stable-selector';
import styles from './leadspace-with-search.scss';
import { ADJACENT_THEMES } from './defs';
+import StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';
const { prefix } = settings;
const { stablePrefix: ddsPrefix } = ddsSettings;
@@ -97,6 +98,12 @@ class DDSLeadspaceWithSearch extends StableSelectorMixin(LitElement) {
});
}
+ protected firstUpdated() {
+ if (StickyHeader.isNecessary()) {
+ StickyHeader.global.leadspaceWithSearch = this;
+ }
+ }
+
render() {
return html`
diff --git a/packages/web-components/src/components/locale-modal/locale-modal.ts b/packages/web-components/src/components/locale-modal/locale-modal.ts
index 91a968f0d64..28b9eeaaf79 100644
--- a/packages/web-components/src/components/locale-modal/locale-modal.ts
+++ b/packages/web-components/src/components/locale-modal/locale-modal.ts
@@ -23,6 +23,7 @@ import DDSLocaleSearch from './locale-search';
import DDSRegionItem from './region-item';
import styles from './locale-modal.scss';
import { ICON_PLACEMENT } from '../link-with-icon/link-with-icon';
+import StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';
const { prefix } = settings;
const { stablePrefix: ddsPrefix } = ddsSettings;
@@ -168,6 +169,12 @@ class DDSLocaleModal extends DDSExpressiveModal {
@property({ attribute: 'lang-display' })
langDisplay?: string;
+ firstUpdated() {
+ if (StickyHeader.isNecessary()) {
+ StickyHeader.global.localeModal = this;
+ }
+ }
+
async updated(changedProperties) {
super.updated(changedProperties);
if (changedProperties.has('_currentRegion')) {
diff --git a/packages/web-components/src/components/masthead/masthead.ts b/packages/web-components/src/components/masthead/masthead.ts
index a6326f41cca..17b6c958827 100644
--- a/packages/web-components/src/components/masthead/masthead.ts
+++ b/packages/web-components/src/components/masthead/masthead.ts
@@ -12,6 +12,7 @@ import settings from 'carbon-components/es/globals/js/settings';
import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
import StableSelectorMixin from '../../globals/mixins/stable-selector';
import styles from './masthead.scss';
+import StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';
const { prefix } = settings;
const { stablePrefix: ddsPrefix } = ddsSettings;
@@ -26,6 +27,12 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
*/
@customElement(`${ddsPrefix}-masthead`)
class DDSMasthead extends StableSelectorMixin(LitElement) {
+ firstUpdated() {
+ if (StickyHeader.isNecessary()) {
+ StickyHeader.global.masthead = this;
+ }
+ }
+
render() {
return html`
diff --git a/packages/web-components/src/components/table-of-contents/table-of-contents.ts b/packages/web-components/src/components/table-of-contents/table-of-contents.ts
index 0d3f84476cd..26089f80303 100644
--- a/packages/web-components/src/components/table-of-contents/table-of-contents.ts
+++ b/packages/web-components/src/components/table-of-contents/table-of-contents.ts
@@ -18,6 +18,7 @@ import HostListener from 'carbon-web-components/es/globals/decorators/host-liste
import HostListenerMixin from 'carbon-web-components/es/globals/mixins/host-listener';
import TableOfContents20 from 'carbon-web-components/es/icons/table-of-contents/20.js';
import throttle from 'lodash-es/throttle.js';
+import StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';
import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
import styles from './table-of-contents.scss';
import { TOC_TYPES } from './defs';
@@ -559,6 +560,10 @@ class DDSTableOfContents extends HostListenerMixin(StableSelectorMixin(LitElemen
firstUpdated() {
this._cleanAndCreateObserverResizeMobileContainer({ create: true });
this._cleanAndCreateIntersectionObserverContainer({ create: true });
+
+ if (StickyHeader.isNecessary()) {
+ StickyHeader.global.tableOfContents = this;
+ }
}
updated(changedProperties) {
diff --git a/packages/web-components/src/components/universal-banner/universal-banner.ts b/packages/web-components/src/components/universal-banner/universal-banner.ts
index b4f37dc0988..2f75be2c035 100644
--- a/packages/web-components/src/components/universal-banner/universal-banner.ts
+++ b/packages/web-components/src/components/universal-banner/universal-banner.ts
@@ -14,6 +14,7 @@ import settings from 'carbon-components/es/globals/js/settings';
import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
import StableSelectorMixin from '../../globals/mixins/stable-selector';
import styles from './universal-banner.scss';
+import StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';
const { stablePrefix: ddsPrefix } = ddsSettings;
const { prefix } = settings;
@@ -75,6 +76,12 @@ class DDSUniversalBanner extends StableSelectorMixin(LitElement) {
this.buttonCopy = hasContent[0]?.textContent?.trim();
}
+ firstUpdated() {
+ if (StickyHeader.isNecessary()) {
+ StickyHeader.global.banner = this;
+ }
+ }
+
updated() {
this.querySelector((this.constructor as typeof DDSUniversalBanner).ctaButton)?.removeAttribute('role');
}
diff --git a/yarn.lock b/yarn.lock
index 77f6800db4e..671af3d0998 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1338,23 +1338,23 @@
resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
-"@carbon/colors@^10.37.0":
- version "10.37.0"
- resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.37.0.tgz#44081ff9d8e412861596bc37d16b847638456530"
- integrity sha512-N0w5u7bcnhC/k7RqvdHoPvD9j4c1chyGpwrim5Zrpusksr4EJz9/M3+UoBdInmweTxvwx4UGPICmuSWRXpKLpg==
+"@carbon/colors@^10.37.1":
+ version "10.37.1"
+ resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.37.1.tgz#6e5a62fedb256bab56873f7b42985b515521b856"
+ integrity sha512-Bst1o2RGB0Fpdd2p9y+2fl2oxtXuI0RiVhxKBChKOPZkeBJZTWj1jNgQuNK1ZALHWGX9rL75i7tJmhlXbukfmA==
"@carbon/feature-flags@^0.7.0":
version "0.7.0"
resolved "https://registry.yarnpkg.com/@carbon/feature-flags/-/feature-flags-0.7.0.tgz#fe8068b482439ae7af519ccdbf627f31373bb646"
integrity sha512-nxVvnSMC6Ia/xn0j02FHPATfB/Iv6nnkZAQ6GrEdPLivSF1T2oaTvgawUsXBO8RBX7wQBq5l7uW8qH/0WfjIFw==
-"@carbon/grid@10.43.0", "@carbon/grid@^10.43.0":
- version "10.43.0"
- resolved "https://registry.yarnpkg.com/@carbon/grid/-/grid-10.43.0.tgz#3040f82094cb985c8bdc79ae1cdb25a2b4a7d7af"
- integrity sha512-nVyS36Q99GRgda/ntHaUfQpf9+Hts3loqqclwq+l2D1QpuqqL5FTYfJEvLj63AM+/Rt71O+Z8PuXnYJTw0PwGA==
+"@carbon/grid@10.43.1", "@carbon/grid@^10.43.1":
+ version "10.43.1"
+ resolved "https://registry.yarnpkg.com/@carbon/grid/-/grid-10.43.1.tgz#6332a9ab3a0730c7077e3b57fe88e140e13c1182"
+ integrity sha512-gBfAEIfso5GjYPB1+BHjpNIfzDzBHb8xz9GRBhdrTlDVw9RJ4KH4MfYDeObiFQ/I7/6YCOE+LjjLv/BTm9iWBQ==
dependencies:
"@carbon/import-once" "^10.7.0"
- "@carbon/layout" "^10.37.0"
+ "@carbon/layout" "^10.37.1"
"@carbon/ibmdotcom-utilities@1.31.0":
version "1.31.0"
@@ -1374,7 +1374,7 @@
resolved "https://registry.yarnpkg.com/@carbon/icon-helpers/-/icon-helpers-10.28.0.tgz#702f1bb055c6c2bc203cdd44582ebd3d2801eaaf"
integrity sha512-hf4fjouzr3jCvh5lTWJt87ABWmoq+3ck0/OOLpxUZLfhumTLRW+8H1Ctz0ldQh5mhmFaPNQUifll6tGI5bkmTw==
-"@carbon/icons-react@10.48.0":
+"@carbon/icons-react@10.48.0", "@carbon/icons-react@^10.48.0":
version "10.48.0"
resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.48.0.tgz#3d29a28277f64e6d04d4f7dbbec655619d03c0cd"
integrity sha512-cYSUXKAIiBxj4KiaXMUtRJK46mpdBPkYW6xT2u266Oh3HFwoJbbsbn4fT2K9CnoL+n28eU7x8o0hjSXfIItEmA==
@@ -1383,15 +1383,6 @@
"@carbon/telemetry" "0.0.0-alpha.6"
prop-types "^15.7.2"
-"@carbon/icons-react@^10.47.0":
- version "10.47.0"
- resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.47.0.tgz#d6e40d9654560238538782338a7d87f56bed543a"
- integrity sha512-9Qud3IqqoJGl/iM3mEIqR843k0LTZr68a3ytn1Gm1xO3P6sQLFAFaKGuM9EONs7BBzFkjJuoSvrDwjZwDFj4PQ==
- dependencies:
- "@carbon/icon-helpers" "^10.28.0"
- "@carbon/telemetry" "0.0.0-alpha.6"
- prop-types "^15.7.2"
-
"@carbon/icons@10.48.0":
version "10.48.0"
resolved "https://registry.yarnpkg.com/@carbon/icons/-/icons-10.48.0.tgz#a517812f42fc816ef9735409383111d8f23e7bff"
@@ -1402,11 +1393,16 @@
resolved "https://registry.yarnpkg.com/@carbon/import-once/-/import-once-10.7.0.tgz#3e66e1308cad78272e2d9d9ea3741dd073860263"
integrity sha512-KoqbfzGKjO89iUPabN6zNpXpcjxgQYgpHmesZ/DXc/zeV0PyHrnAOC8Q3J0cRPf1zYpGRHN2Tbw1ttTjonzbjg==
-"@carbon/layout@10.37.0", "@carbon/layout@^10.37.0":
+"@carbon/layout@10.37.0":
version "10.37.0"
resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.37.0.tgz#be647c207186d56813fb024372525278febb4496"
integrity sha512-6Oyinqc72MQsV9OKT5SYPHHkQh1WrQU+lyV7dSHucMKrHJ9RAQLbno7pBD9oOcwoLfq4u9D9KSdXf8SntChphw==
+"@carbon/layout@10.37.1", "@carbon/layout@^10.37.1":
+ version "10.37.1"
+ resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.37.1.tgz#697ac4ba0500f55163cd84e0dc200d637fd41beb"
+ integrity sha512-iX8rWc2CkFB7W7wi5NLa3pVRVb/jRI2KrVDna3FO3X3DgNz3zoRCgN+r2c+8FEhpJWeUwds5aDzTWUuTtlOT3w==
+
"@carbon/motion@10.29.0":
version "10.29.0"
resolved "https://registry.yarnpkg.com/@carbon/motion/-/motion-10.29.0.tgz#1e78c70d396ad3b9363f7a0c7e36ce9bac3d5702"
@@ -1442,22 +1438,22 @@
resolved "https://registry.yarnpkg.com/@carbon/telemetry/-/telemetry-0.1.0.tgz#57b331cd5a855b4abbf55457456da8211624d879"
integrity sha512-kNWt0bkgPwGW0i5h7HFuljbKRXPvIhsKbB+1tEURAYLXoJg9iJLF1eGvWN5iVoFCS2zje4GR3OGOsvvKVe7Hlg==
-"@carbon/themes@10.53.1":
- version "10.53.1"
- resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.53.1.tgz#dabb920e62024120deba72899489c8d4fc53d6f7"
- integrity sha512-3k1nhkUtlYH6vOWPab2x9JFYoP1k0IA1ba78xSiNnKYMFSWIwVQ2ekDlyJugg1k45Prl2S2YUok2C43hVzEIuw==
+"@carbon/themes@10.53.2":
+ version "10.53.2"
+ resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.53.2.tgz#6a34147bcc6dd1e87ae7b7185972d316e8c0c15d"
+ integrity sha512-qK41ai6WbbchoqQnL5mpwORQ6n7aEdSpRmcWYgUh+KP+gJcxIl3uuhQJ8uu89BK7x2Xc3epEF1SYRGkNIvycPA==
dependencies:
- "@carbon/colors" "^10.37.0"
- "@carbon/layout" "^10.37.0"
- "@carbon/type" "^10.43.1"
+ "@carbon/colors" "^10.37.1"
+ "@carbon/layout" "^10.37.1"
+ "@carbon/type" "^10.43.2"
color "^3.1.2"
-"@carbon/type@10.43.1", "@carbon/type@^10.43.1":
- version "10.43.1"
- resolved "https://registry.yarnpkg.com/@carbon/type/-/type-10.43.1.tgz#6674664d19d474573ebc47eb0237bc0dcf137db2"
- integrity sha512-zfXcmUeqXhaugDtBR0GMiS3drr4mpVZ6n2CiS8B6X6P+aTMgzjsbzgRNe5uXNFGot74IhhxgaKogFd/SBviCmg==
+"@carbon/type@10.43.2", "@carbon/type@^10.43.2":
+ version "10.43.2"
+ resolved "https://registry.yarnpkg.com/@carbon/type/-/type-10.43.2.tgz#ead66b1ad10e756cf3411abb05712a5f2dfac537"
+ integrity sha512-8N5sf2Kl4UTvqCNbAblHx/DXXqj0C6kLnjha3M7avyqZof7kTsbPkuI41Jj/vrKGLf/Rou0yvhEyUcobsFGWMg==
dependencies:
- "@carbon/grid" "^10.43.0"
+ "@carbon/grid" "^10.43.1"
"@carbon/import-once" "^10.7.0"
"@cnakazawa/watch@^1.0.3":
@@ -7308,15 +7304,15 @@ capture-exit@^2.0.0:
dependencies:
rsvp "^4.8.4"
-carbon-components-react@7.54.2:
- version "7.54.2"
- resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.54.2.tgz#22f0453800d58d6d80dbaf37a9be4b2cdc10e18e"
- integrity sha512-eOThqnY9bWZvBYRDx6ODFddLzjTbbzKJQwMg4lXFWCa17U6W/IlSqBVSV9dsEJbirCDWCr1HMV0V6XXzz5JuVg==
+carbon-components-react@7.55.2:
+ version "7.55.2"
+ resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.55.2.tgz#5ea475307596b8077994833f50516caa8852e483"
+ integrity sha512-r6/f5auugbWz6hKUbBlI/x1/gQm6rPIppZXYTw76SJD9KWOk6ZM3wrYp51kf8vi/1a9Qz3+5Hj06HN/0E/sRWA==
dependencies:
"@babel/runtime" "^7.16.7"
"@carbon/feature-flags" "^0.7.0"
- "@carbon/icons-react" "^10.47.0"
- "@carbon/layout" "^10.37.0"
+ "@carbon/icons-react" "^10.48.0"
+ "@carbon/layout" "^10.37.1"
"@carbon/telemetry" "0.0.0-alpha.6"
classnames "2.3.1"
copy-to-clipboard "^3.3.1"
@@ -7354,6 +7350,16 @@ carbon-components@10.55.1:
lodash.debounce "^4.0.8"
warning "^3.0.0"
+carbon-components@10.55.2:
+ version "10.55.2"
+ resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.55.2.tgz#ef18231a06e907295e2f9e93d2fd68f19b0649df"
+ integrity sha512-MChMdSGDiMk7vDR7tT5JYTOxEJYpMHV8NniawR1iPn7ORp0vG5r3jW+fIOyVZONmyMbXPKNBXiVW7GpveeuIsQ==
+ dependencies:
+ "@carbon/telemetry" "0.0.0-alpha.6"
+ flatpickr "4.6.1"
+ lodash.debounce "^4.0.8"
+ warning "^3.0.0"
+
carbon-icons@7.0.7:
version "7.0.7"
resolved "https://registry.yarnpkg.com/carbon-icons/-/carbon-icons-7.0.7.tgz#ebafe3e9fa25df973796a8eca06d8a7c501cc610"
@@ -11397,10 +11403,10 @@ flatpickr@4.6.1:
resolved "https://registry.yarnpkg.com/flatpickr/-/flatpickr-4.6.1.tgz#9eb498ab805dd27f5ae02e1ac6ac6c099ce45e94"
integrity sha512-3ULSxbXmcMIRzer/2jLNweoqHpwDvsjEawO2FUd9UFR8uPwLM+LruZcPDpuZStcEgbQKhuFOfXo4nYdGladSNw==
-flatpickr@4.6.10:
- version "4.6.10"
- resolved "https://registry.yarnpkg.com/flatpickr/-/flatpickr-4.6.10.tgz#6f581fdf8ebba83766457c7ddae36cc4ec983811"
- integrity sha512-Z1rNbMAg7WmKPBVj0cOjO/4Ab5H3Of5MMohgVvJpFiEAcWFUcaGgN5yzizKGUUN1j6zXYeYASI2XxqrhbiRoig==
+flatpickr@4.6.11:
+ version "4.6.11"
+ resolved "https://registry.yarnpkg.com/flatpickr/-/flatpickr-4.6.11.tgz#c92f5108269c551c6b5069ecd754be610574574c"
+ integrity sha512-/rnbE/hu5I5zndLEyYfYvqE4vPDvI5At0lFcQA5eOPfjquZLcQ0HMKTL7rv5/+DvbPM3/vJcXpXjB/DjBh+1jw==
flatpickr@4.6.9:
version "4.6.9"
@@ -17230,9 +17236,9 @@ node-modules-regexp@^1.0.0:
integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
node-notifier@>=8.0.1, node-notifier@^6.0.0:
- version "10.0.0"
- resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-10.0.0.tgz#93c154055b07b550a33a1966a1b11291c2113e69"
- integrity sha512-ZTqP90y1eyb2xAZTa7j4AlAayTwh6cL8mn0nlJhLDq8itXGnJUmQGYOnpaMUvqZVfGo0vhU7KZ3HtDW6CT2SiQ==
+ version "10.0.1"
+ resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-10.0.1.tgz#0e82014a15a8456c4cfcdb25858750399ae5f1c7"
+ integrity sha512-YX7TSyDukOZ0g+gmzjB6abKu+hTGvO8+8+gIFDsRCU2t8fLV/P2unmt+LGFaIa4y64aX98Qksa97rgz4vMNeLQ==
dependencies:
growly "^1.3.0"
is-wsl "^2.2.0"