diff --git a/.github/workflows/dco.yml b/.github/workflows/dco.yml index 47097902886..fbf5023b91a 100644 --- a/.github/workflows/dco.yml +++ b/.github/workflows/dco.yml @@ -20,7 +20,7 @@ jobs: path-to-signatures: 'dco-signatures.json' path-to-document: 'https://github.com/carbon-design-system/carbon-dco/blob/main/dco.md' branch: 'main' - allowlist: ibmdotcom-bot,dependabot[bot],kodiakhq[bot],renovate[bot] + allowlist: ibmdotcom-bot,dependabot[bot],kodiakhq[bot],renovate[bot],ibm-mend-app[bot] remote-organization-name: carbon-design-system remote-repository-name: carbon-dco create-file-commit-message: 'chore: create file to store dco signatures' diff --git a/.whitesource b/.whitesource new file mode 100644 index 00000000000..26e9c471e63 --- /dev/null +++ b/.whitesource @@ -0,0 +1,3 @@ +{ + "settingsInheritedFrom": "ibm-mend-config/mend-config@main" +} \ No newline at end of file diff --git a/.yarn/cache/@babel-code-frame-npm-7.24.6-214509ff08-e9b70af2a9.zip b/.yarn/cache/@babel-code-frame-npm-7.24.6-214509ff08-e9b70af2a9.zip new file mode 100644 index 00000000000..b9cf5811d05 Binary files /dev/null and b/.yarn/cache/@babel-code-frame-npm-7.24.6-214509ff08-e9b70af2a9.zip differ diff --git a/.yarn/cache/@babel-compat-data-npm-7.24.4-9f90706503-e51faec0ac.zip b/.yarn/cache/@babel-compat-data-npm-7.24.6-5ab069e1c6-c355141e46.zip similarity index 93% rename from .yarn/cache/@babel-compat-data-npm-7.24.4-9f90706503-e51faec0ac.zip rename to .yarn/cache/@babel-compat-data-npm-7.24.6-5ab069e1c6-c355141e46.zip index 1001d93e467..127d2733850 100644 Binary files a/.yarn/cache/@babel-compat-data-npm-7.24.4-9f90706503-e51faec0ac.zip and b/.yarn/cache/@babel-compat-data-npm-7.24.6-5ab069e1c6-c355141e46.zip differ diff --git a/.yarn/cache/@babel-helper-annotate-as-pure-npm-7.24.6-6c9a7c5046-1fc1790a67.zip b/.yarn/cache/@babel-helper-annotate-as-pure-npm-7.24.6-6c9a7c5046-1fc1790a67.zip new file mode 100644 index 00000000000..ca96d462db9 Binary files /dev/null and b/.yarn/cache/@babel-helper-annotate-as-pure-npm-7.24.6-6c9a7c5046-1fc1790a67.zip differ diff --git a/.yarn/cache/@babel-helper-compilation-targets-npm-7.23.6-aa6f07f088-05595cd730.zip b/.yarn/cache/@babel-helper-compilation-targets-npm-7.23.6-aa6f07f088-05595cd730.zip deleted file mode 100644 index 1b3429041a7..00000000000 Binary files a/.yarn/cache/@babel-helper-compilation-targets-npm-7.23.6-aa6f07f088-05595cd730.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-compilation-targets-npm-7.24.6-21a082c281-28f34f2c9e.zip b/.yarn/cache/@babel-helper-compilation-targets-npm-7.24.6-21a082c281-28f34f2c9e.zip new file mode 100644 index 00000000000..8a0d7f74089 Binary files /dev/null and b/.yarn/cache/@babel-helper-compilation-targets-npm-7.24.6-21a082c281-28f34f2c9e.zip differ diff --git a/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.24.6-28f41f5ade-f4c2bfccb9.zip b/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.24.6-28f41f5ade-f4c2bfccb9.zip new file mode 100644 index 00000000000..10311d22dba Binary files /dev/null and b/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.24.6-28f41f5ade-f4c2bfccb9.zip differ diff --git a/.yarn/cache/@babel-helper-create-regexp-features-plugin-npm-7.24.6-3b27514578-74e717c71d.zip b/.yarn/cache/@babel-helper-create-regexp-features-plugin-npm-7.24.6-3b27514578-74e717c71d.zip new file mode 100644 index 00000000000..63252134cee Binary files /dev/null and b/.yarn/cache/@babel-helper-create-regexp-features-plugin-npm-7.24.6-3b27514578-74e717c71d.zip differ diff --git a/.yarn/cache/@babel-helper-environment-visitor-npm-7.22.20-260909e014-d80ee98ff6.zip b/.yarn/cache/@babel-helper-environment-visitor-npm-7.22.20-260909e014-d80ee98ff6.zip deleted file mode 100644 index 3d5f74720b2..00000000000 Binary files a/.yarn/cache/@babel-helper-environment-visitor-npm-7.22.20-260909e014-d80ee98ff6.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-environment-visitor-npm-7.24.6-c8c9ac9733-9c2b3f1ee7.zip b/.yarn/cache/@babel-helper-environment-visitor-npm-7.24.6-c8c9ac9733-9c2b3f1ee7.zip new file mode 100644 index 00000000000..faa42f55d91 Binary files /dev/null and b/.yarn/cache/@babel-helper-environment-visitor-npm-7.24.6-c8c9ac9733-9c2b3f1ee7.zip differ diff --git a/.yarn/cache/@babel-helper-function-name-npm-7.24.6-31619ed629-66c0669c16.zip b/.yarn/cache/@babel-helper-function-name-npm-7.24.6-31619ed629-66c0669c16.zip new file mode 100644 index 00000000000..ecbe3ea7350 Binary files /dev/null and b/.yarn/cache/@babel-helper-function-name-npm-7.24.6-31619ed629-66c0669c16.zip differ diff --git a/.yarn/cache/@babel-helper-hoist-variables-npm-7.22.5-6db3192347-394ca191b4.zip b/.yarn/cache/@babel-helper-hoist-variables-npm-7.22.5-6db3192347-394ca191b4.zip deleted file mode 100644 index cf472663962..00000000000 Binary files a/.yarn/cache/@babel-helper-hoist-variables-npm-7.22.5-6db3192347-394ca191b4.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-hoist-variables-npm-7.24.6-728285ae51-4819b57439.zip b/.yarn/cache/@babel-helper-hoist-variables-npm-7.24.6-728285ae51-4819b57439.zip new file mode 100644 index 00000000000..d488a358642 Binary files /dev/null and b/.yarn/cache/@babel-helper-hoist-variables-npm-7.24.6-728285ae51-4819b57439.zip differ diff --git a/.yarn/cache/@babel-helper-member-expression-to-functions-npm-7.24.6-63961cfa17-49198b0ceb.zip b/.yarn/cache/@babel-helper-member-expression-to-functions-npm-7.24.6-63961cfa17-49198b0ceb.zip new file mode 100644 index 00000000000..630334cd732 Binary files /dev/null and b/.yarn/cache/@babel-helper-member-expression-to-functions-npm-7.24.6-63961cfa17-49198b0ceb.zip differ diff --git a/.yarn/cache/@babel-helper-module-imports-npm-7.24.6-be1121ea22-38c4432191.zip b/.yarn/cache/@babel-helper-module-imports-npm-7.24.6-be1121ea22-38c4432191.zip new file mode 100644 index 00000000000..691916329fa Binary files /dev/null and b/.yarn/cache/@babel-helper-module-imports-npm-7.24.6-be1121ea22-38c4432191.zip differ diff --git a/.yarn/cache/@babel-helper-module-transforms-npm-7.24.6-8226cd35ca-e162d0c1d8.zip b/.yarn/cache/@babel-helper-module-transforms-npm-7.24.6-8226cd35ca-e162d0c1d8.zip new file mode 100644 index 00000000000..f385cb30630 Binary files /dev/null and b/.yarn/cache/@babel-helper-module-transforms-npm-7.24.6-8226cd35ca-e162d0c1d8.zip differ diff --git a/.yarn/cache/@babel-helper-optimise-call-expression-npm-7.24.6-4e899dbddc-0f5e062bff.zip b/.yarn/cache/@babel-helper-optimise-call-expression-npm-7.24.6-4e899dbddc-0f5e062bff.zip new file mode 100644 index 00000000000..04338d223c8 Binary files /dev/null and b/.yarn/cache/@babel-helper-optimise-call-expression-npm-7.24.6-4e899dbddc-0f5e062bff.zip differ diff --git a/.yarn/cache/@babel-helper-plugin-utils-npm-7.24.6-2ff922bbf5-0ac0a7a199.zip b/.yarn/cache/@babel-helper-plugin-utils-npm-7.24.6-2ff922bbf5-0ac0a7a199.zip new file mode 100644 index 00000000000..cb635f605bf Binary files /dev/null and b/.yarn/cache/@babel-helper-plugin-utils-npm-7.24.6-2ff922bbf5-0ac0a7a199.zip differ diff --git a/.yarn/cache/@babel-helper-replace-supers-npm-7.24.6-4e35f7e426-3456b9fee0.zip b/.yarn/cache/@babel-helper-replace-supers-npm-7.24.6-4e35f7e426-3456b9fee0.zip new file mode 100644 index 00000000000..71fdbb88d4f Binary files /dev/null and b/.yarn/cache/@babel-helper-replace-supers-npm-7.24.6-4e35f7e426-3456b9fee0.zip differ diff --git a/.yarn/cache/@babel-helper-simple-access-npm-7.24.6-834fac9374-4649d08f3e.zip b/.yarn/cache/@babel-helper-simple-access-npm-7.24.6-834fac9374-4649d08f3e.zip new file mode 100644 index 00000000000..fa2b09002fb Binary files /dev/null and b/.yarn/cache/@babel-helper-simple-access-npm-7.24.6-834fac9374-4649d08f3e.zip differ diff --git a/.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.22.5-a398428942-1012ef2295.zip b/.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.22.5-a398428942-1012ef2295.zip deleted file mode 100644 index befd0f83190..00000000000 Binary files a/.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.22.5-a398428942-1012ef2295.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.24.6-2a28dccfe2-697a161c8d.zip b/.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.24.6-2a28dccfe2-697a161c8d.zip new file mode 100644 index 00000000000..0e52103357f Binary files /dev/null and b/.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.24.6-2a28dccfe2-697a161c8d.zip differ diff --git a/.yarn/cache/@babel-helper-split-export-declaration-npm-7.24.6-299e17324f-48ded9611f.zip b/.yarn/cache/@babel-helper-split-export-declaration-npm-7.24.6-299e17324f-48ded9611f.zip new file mode 100644 index 00000000000..38f24db2375 Binary files /dev/null and b/.yarn/cache/@babel-helper-split-export-declaration-npm-7.24.6-299e17324f-48ded9611f.zip differ diff --git a/.yarn/cache/@babel-helper-string-parser-npm-7.24.6-ab02401caf-a24631e138.zip b/.yarn/cache/@babel-helper-string-parser-npm-7.24.6-ab02401caf-a24631e138.zip new file mode 100644 index 00000000000..4cf2c80d116 Binary files /dev/null and b/.yarn/cache/@babel-helper-string-parser-npm-7.24.6-ab02401caf-a24631e138.zip differ diff --git a/.yarn/cache/@babel-helper-validator-identifier-npm-7.24.6-cf629561b7-7e725ef068.zip b/.yarn/cache/@babel-helper-validator-identifier-npm-7.24.6-cf629561b7-7e725ef068.zip new file mode 100644 index 00000000000..081744e9e1b Binary files /dev/null and b/.yarn/cache/@babel-helper-validator-identifier-npm-7.24.6-cf629561b7-7e725ef068.zip differ diff --git a/.yarn/cache/@babel-helper-validator-option-npm-7.23.5-d83bbfe738-537cde2330.zip b/.yarn/cache/@babel-helper-validator-option-npm-7.23.5-d83bbfe738-537cde2330.zip deleted file mode 100644 index 8800e114305..00000000000 Binary files a/.yarn/cache/@babel-helper-validator-option-npm-7.23.5-d83bbfe738-537cde2330.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-validator-option-npm-7.24.6-f2eea7cb8e-5defb2da74.zip b/.yarn/cache/@babel-helper-validator-option-npm-7.24.6-f2eea7cb8e-5defb2da74.zip new file mode 100644 index 00000000000..70ffef7dfb6 Binary files /dev/null and b/.yarn/cache/@babel-helper-validator-option-npm-7.24.6-f2eea7cb8e-5defb2da74.zip differ diff --git a/.yarn/cache/@babel-highlight-npm-7.24.6-ceb9bdeb2e-e11cd39ceb.zip b/.yarn/cache/@babel-highlight-npm-7.24.6-ceb9bdeb2e-e11cd39ceb.zip new file mode 100644 index 00000000000..b161ac73f6a Binary files /dev/null and b/.yarn/cache/@babel-highlight-npm-7.24.6-ceb9bdeb2e-e11cd39ceb.zip differ diff --git a/.yarn/cache/@babel-parser-npm-7.24.6-3dfa1e0b98-48af4251d0.zip b/.yarn/cache/@babel-parser-npm-7.24.6-3dfa1e0b98-48af4251d0.zip new file mode 100644 index 00000000000..811f6962aed Binary files /dev/null and b/.yarn/cache/@babel-parser-npm-7.24.6-3dfa1e0b98-48af4251d0.zip differ diff --git a/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.24.6-f98dc29919-68e90ec17c.zip b/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.24.6-f98dc29919-68e90ec17c.zip new file mode 100644 index 00000000000..6ca84e326ef Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.24.6-f98dc29919-68e90ec17c.zip differ diff --git a/.yarn/cache/@babel-plugin-transform-optional-chaining-npm-7.24.6-19a5150e34-fb5deb31b2.zip b/.yarn/cache/@babel-plugin-transform-optional-chaining-npm-7.24.6-19a5150e34-fb5deb31b2.zip new file mode 100644 index 00000000000..13ec6b866a4 Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-optional-chaining-npm-7.24.6-19a5150e34-fb5deb31b2.zip differ diff --git a/.yarn/cache/@babel-plugin-transform-parameters-npm-7.24.6-a4a5e09f1c-c885f6c92f.zip b/.yarn/cache/@babel-plugin-transform-parameters-npm-7.24.6-a4a5e09f1c-c885f6c92f.zip new file mode 100644 index 00000000000..9e64d25b1ef Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-parameters-npm-7.24.6-a4a5e09f1c-c885f6c92f.zip differ diff --git a/.yarn/cache/@babel-plugin-transform-react-jsx-npm-7.24.6-035cb465df-268184de2f.zip b/.yarn/cache/@babel-plugin-transform-react-jsx-npm-7.24.6-035cb465df-268184de2f.zip new file mode 100644 index 00000000000..932c814cc8b Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-react-jsx-npm-7.24.6-035cb465df-268184de2f.zip differ diff --git a/.yarn/cache/@babel-template-npm-7.24.6-fa5066ccd1-e4641733df.zip b/.yarn/cache/@babel-template-npm-7.24.6-fa5066ccd1-e4641733df.zip new file mode 100644 index 00000000000..90cc850402b Binary files /dev/null and b/.yarn/cache/@babel-template-npm-7.24.6-fa5066ccd1-e4641733df.zip differ diff --git a/.yarn/cache/@babel-types-npm-7.24.6-5a7d5202c4-34552539cd.zip b/.yarn/cache/@babel-types-npm-7.24.6-5a7d5202c4-34552539cd.zip new file mode 100644 index 00000000000..ce0b3c1aa9c Binary files /dev/null and b/.yarn/cache/@babel-types-npm-7.24.6-5a7d5202c4-34552539cd.zip differ diff --git a/.yarn/cache/@carbon-icons-react-npm-11.42.0-5825c87a70-b38471b6ea.zip b/.yarn/cache/@carbon-icons-react-npm-11.42.0-5825c87a70-b38471b6ea.zip new file mode 100644 index 00000000000..a6834dc245d Binary files /dev/null and b/.yarn/cache/@carbon-icons-react-npm-11.42.0-5825c87a70-b38471b6ea.zip differ diff --git a/.yarn/cache/@carbon-styles-npm-1.58.0-1117376d25-b4dd73035f.zip b/.yarn/cache/@carbon-styles-npm-1.58.0-1117376d25-b4dd73035f.zip new file mode 100644 index 00000000000..fb66d8f54e5 Binary files /dev/null and b/.yarn/cache/@carbon-styles-npm-1.58.0-1117376d25-b4dd73035f.zip differ diff --git a/.yarn/cache/@carbon-themes-npm-11.35.0-e987ddcfdd-1610f3fe87.zip b/.yarn/cache/@carbon-themes-npm-11.35.0-e987ddcfdd-1610f3fe87.zip deleted file mode 100644 index a0dd25b82cb..00000000000 Binary files a/.yarn/cache/@carbon-themes-npm-11.35.0-e987ddcfdd-1610f3fe87.zip and /dev/null differ diff --git a/.yarn/cache/@ibm-telemetry-js-npm-1.5.2-48c1c4f6ea-1dcc971e78.zip b/.yarn/cache/@ibm-telemetry-js-npm-1.5.2-48c1c4f6ea-1dcc971e78.zip new file mode 100644 index 00000000000..cc9c49e1527 Binary files /dev/null and b/.yarn/cache/@ibm-telemetry-js-npm-1.5.2-48c1c4f6ea-1dcc971e78.zip differ diff --git a/.yarn/cache/braces-npm-3.0.3-582c14023c-fad11a0d46.zip b/.yarn/cache/braces-npm-3.0.3-582c14023c-fad11a0d46.zip new file mode 100644 index 00000000000..bebc93863a1 Binary files /dev/null and b/.yarn/cache/braces-npm-3.0.3-582c14023c-fad11a0d46.zip differ diff --git a/.yarn/cache/fill-range-npm-7.1.1-bf491486db-a7095cb39e.zip b/.yarn/cache/fill-range-npm-7.1.1-bf491486db-a7095cb39e.zip new file mode 100644 index 00000000000..2dbb57d46b5 Binary files /dev/null and b/.yarn/cache/fill-range-npm-7.1.1-bf491486db-a7095cb39e.zip differ diff --git a/.yarn/cache/micromatch-npm-4.0.7-28fb7387ee-a11ed1cb67.zip b/.yarn/cache/micromatch-npm-4.0.7-28fb7387ee-a11ed1cb67.zip new file mode 100644 index 00000000000..41a698b10de Binary files /dev/null and b/.yarn/cache/micromatch-npm-4.0.7-28fb7387ee-a11ed1cb67.zip differ diff --git a/.yarn/cache/path-scurry-npm-1.11.1-aaf8c339af-5e8845c159.zip b/.yarn/cache/path-scurry-npm-1.11.1-aaf8c339af-5e8845c159.zip new file mode 100644 index 00000000000..40cc3d66f37 Binary files /dev/null and b/.yarn/cache/path-scurry-npm-1.11.1-aaf8c339af-5e8845c159.zip differ diff --git a/.yarn/cache/sass-npm-1.76.0-87b1e1bf50-f30e057617.zip b/.yarn/cache/sass-npm-1.76.0-87b1e1bf50-f30e057617.zip deleted file mode 100644 index afaf39cb143..00000000000 Binary files a/.yarn/cache/sass-npm-1.76.0-87b1e1bf50-f30e057617.zip and /dev/null differ diff --git a/.yarn/cache/set-function-name-npm-2.0.1-a9f970eea0-4975d17d90.zip b/.yarn/cache/set-function-name-npm-2.0.1-a9f970eea0-4975d17d90.zip deleted file mode 100644 index f18d53b5996..00000000000 Binary files a/.yarn/cache/set-function-name-npm-2.0.1-a9f970eea0-4975d17d90.zip and /dev/null differ diff --git a/.yarn/cache/string.prototype.matchall-npm-4.0.10-197e4b9dad-0f7a1a7f91.zip b/.yarn/cache/string.prototype.matchall-npm-4.0.10-197e4b9dad-0f7a1a7f91.zip deleted file mode 100644 index ebb7a5ac5eb..00000000000 Binary files a/.yarn/cache/string.prototype.matchall-npm-4.0.10-197e4b9dad-0f7a1a7f91.zip and /dev/null differ diff --git a/packages/carbon-web-components/CHANGELOG.md b/packages/carbon-web-components/CHANGELOG.md index 8328a6b84a5..2f913d4885a 100644 --- a/packages/carbon-web-components/CHANGELOG.md +++ b/packages/carbon-web-components/CHANGELOG.md @@ -3,6 +3,18 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.10.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/web-components@2.9.0-rc.0...@carbon/web-components@2.10.0-rc.0) (2024-05-28) + + +### Bug Fixes + +* **side-panel:** import missing icon-button and codesandbox example ([#11821](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/11821)) ([3c51597](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/3c51597f48ffd6a18201f56fe740322b9e15127c)) +* **tearsheet:** tearsheet styles and codesandbox example ([#11792](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/11792)) ([f0ddd6e](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/f0ddd6e22c5298e8c612ae113301dc4e2b5292f2)) + + + + + # [2.9.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/web-components@2.9.0-rc.0...@carbon/web-components@2.9.0) (2024-05-16) **Note:** Version bump only for package @carbon/web-components diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/cdn.html index 22072368242..7f1f9dfbb52 100644 --- a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/cdn.html +++ b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/cdn.html @@ -1,78 +1,127 @@ - @carbon/ibmdotcom-web-components example - - + + + - - - - + + + + + + - - - -
Side panel content
-
- - -
-
- - -
-
- - - -
+
+ Toggle side panel + + + +
Section
+
+ + +
+
+ + +
+
+ + + +
- -
Subtitle text which can provide more detail on the content being displayed.
+ +
This is your subtitle slot.
- - Copy - - ${Settings({ slot: 'icon' })} - - - ${Trashcan({ slot: 'icon' })} - + + Copy + + + + + + - - Ghost - - + + + Ghost + + + Secondary + + + Primary + + + + +
+

AI Explained

+

84%

+

Confidence score

+

+ Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed + do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua. +

+
+

Model type

+

Foundation model

+
+ + + + diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/index.html b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/index.html index c9861dc47b0..b87e66330b1 100644 --- a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/index.html +++ b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/index.html @@ -1,63 +1,122 @@ - carbon-web-components example - + - - - -
Side panel content
-
- - -
-
- - -
-
- - - -
+
+ Toggle side panel + + + +
Section
+
+ + +
+
+ + +
+
+ + + +
- -
Subtitle text which can provide more detail on the content being displayed.
- - - Copy - - ${Settings({ slot: 'icon' })} - - - ${Trashcan({ slot: 'icon' })} - - - - Ghost - - + +
This is your subtitle slot.
+ + + Copy + + + + + + + + + + Ghost + + + Secondary + + + Primary + + + + +
+

AI Explained

+

84%

+

Confidence score

+

+ Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed + do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua. +

+
+

Model type

+

Foundation model

+
+ + - \ No newline at end of file + + diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/package.json index 62007e6f09c..63e2274ebeb 100644 --- a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/package.json +++ b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/package.json @@ -12,11 +12,13 @@ }, "dependencies": { "@carbon/styles": "^1.34.0", - "@carbon/web-components": "latest", + "@carbon/web-components": "file:./package.tgz", "sass": "^1.64.1" }, "devDependencies": { "@babel/core": "^7.0.0-0", + "@babel/plugin-transform-runtime": "^7.24.3", + "@babel/preset-env": "^7.24.5", "parcel-bundler": "1.12.3", "rimraf": "^3.0.2" } diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/src/index.js index 0f30db202da..c023444b19c 100644 --- a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/src/index.js +++ b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/src/index.js @@ -7,7 +7,9 @@ * LICENSE file in the root directory of this source tree. */ +import '@carbon/web-components/es/components/side-panel/index.js'; +import '@carbon/web-components/es/components/button/index.js'; import '@carbon/web-components/es/components/text-input/index.js'; import '@carbon/web-components/es/components/textarea/index.js'; -import '@carbon/web-components/es/components/button/index.js'; -import '@carbon/web-components/es/components/side-panel/index.js'; +import '@carbon/web-components/es/components/slug/index.js'; +import '@carbon/web-components/es/components/tabs/index.js'; diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/src/styles.scss b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/src/styles.scss index 5bde587c9b5..24a9e7b4df3 100644 --- a/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/src/styles.scss +++ b/packages/carbon-web-components/examples/codesandbox/basic/components/side-panel/src/styles.scss @@ -1,3 +1,10 @@ +/** + * Copyright IBM Corp. 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + @use '@carbon/styles/scss/reset'; @use '@carbon/styles/scss/theme'; @use '@carbon/styles/scss/themes'; @@ -7,3 +14,18 @@ background-color: var(--cds-background); color: var(--cds-text-primary); } + +.container-header{ + background: var(--cds-background-inverse); + height: 3rem; +} + +.text-inputs { + display: flex; + gap: 1rem; + + > * { + flex-basis: 50%; + } +} + diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tearsheet/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/tearsheet/cdn.html index 236d62d8502..d2acf0d95ea 100644 --- a/packages/carbon-web-components/examples/codesandbox/basic/components/tearsheet/cdn.html +++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tearsheet/cdn.html @@ -17,18 +17,18 @@ - - - - - - + + + + + + - + Toggle tearsheet diff --git a/packages/carbon-web-components/package.json b/packages/carbon-web-components/package.json index 41824882c5e..024c9eaea11 100644 --- a/packages/carbon-web-components/package.json +++ b/packages/carbon-web-components/package.json @@ -1,6 +1,6 @@ { "name": "@carbon/web-components", - "version": "2.9.0", + "version": "2.10.0-rc.0", "publishConfig": { "access": "public" }, diff --git a/packages/carbon-web-components/src/components/side-panel/side-panel.ts b/packages/carbon-web-components/src/components/side-panel/side-panel.ts index d8701746daf..dabec10ff9a 100644 --- a/packages/carbon-web-components/src/components/side-panel/side-panel.ts +++ b/packages/carbon-web-components/src/components/side-panel/side-panel.ts @@ -25,6 +25,7 @@ import ArrowLeft16 from '@carbon/icons/lib/arrow--left/16'; import Close20 from '@carbon/icons/lib/close/20'; import { moderate02 } from '@carbon/motion'; import '../button/index'; +import '../icon-button/index'; import '../layer/index'; import Handle from '../../globals/internal/handle'; import '../button/button-set-base'; diff --git a/packages/services/CHANGELOG.md b/packages/services/CHANGELOG.md index 9567252b527..49365032e58 100644 --- a/packages/services/CHANGELOG.md +++ b/packages/services/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.10.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-services@2.9.0-rc.0...@carbon/ibmdotcom-services@2.10.0-rc.0) (2024-05-28) + +**Note:** Version bump only for package @carbon/ibmdotcom-services + + + + + # [2.9.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-services@2.9.0-rc.0...@carbon/ibmdotcom-services@2.9.0) (2024-05-16) **Note:** Version bump only for package @carbon/ibmdotcom-services diff --git a/packages/services/package.json b/packages/services/package.json index af207d70615..81350dc4b3d 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": "2.9.0", + "version": "2.10.0-rc.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -47,7 +47,7 @@ }, "dependencies": { "@babel/runtime": "^7.16.3", - "@carbon/ibmdotcom-utilities": "2.9.0", + "@carbon/ibmdotcom-utilities": "2.10.0-rc.0", "@ibm/telemetry-js": "^1.5.0", "axios": "^1.6.8", "marked": "^4.0.10", diff --git a/packages/styles/CHANGELOG.md b/packages/styles/CHANGELOG.md index 0b8b0854948..dfdb69a788d 100644 --- a/packages/styles/CHANGELOG.md +++ b/packages/styles/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.10.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-styles@2.9.0-rc.0...@carbon/ibmdotcom-styles@2.10.0-rc.0) (2024-05-28) + +**Note:** Version bump only for package @carbon/ibmdotcom-styles + + + + + # [2.9.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-styles@2.9.0-rc.0...@carbon/ibmdotcom-styles@2.9.0) (2024-05-16) **Note:** Version bump only for package @carbon/ibmdotcom-styles diff --git a/packages/styles/package.json b/packages/styles/package.json index 441260f28d5..33ac5681133 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": "2.9.0", + "version": "2.10.0-rc.0", "license": "Apache-2.0", "main": "dist/ibm-dotcom-styles.min.css", "module": "src/scss", @@ -30,7 +30,7 @@ "upgrade-carbon": "yarn upgrade-interactive @carbon/layout @carbon/styles @carbon/themes @carbon/icons-react --latest --exact" }, "dependencies": { - "@carbon/icons-react": "11.41.0", + "@carbon/icons-react": "11.42.0", "@carbon/layout": "11.22.0", "@carbon/styles": "1.57.0", "@carbon/type": "11.27.0", diff --git a/packages/styles/scss/components/masthead/_masthead-l1.scss b/packages/styles/scss/components/masthead/_masthead-l1.scss index 060d17ecb9f..d4630828b6a 100644 --- a/packages/styles/scss/components/masthead/_masthead-l1.scss +++ b/packages/styles/scss/components/masthead/_masthead-l1.scss @@ -141,10 +141,27 @@ $search-transition-timing: 95ms; } .#{$prefix}--masthead__l1-dropdown { + position: absolute; + background-color: $background; + color: $text-secondary; + inset-block-start: 100%; + inset-inline: 0; + + &.is-open { + box-shadow: 0 2px 6px 0 $shadow; + } + &:not(.is-open) { display: none; } + &:last-child { + > a, + > button { + border-block-end: initial; + } + } + // Height of viewport, minus the L0/L1 combo, minus additional space to match L0 megapanels max-block-size: calc(100vh - 98px - #{$spacing-10} - #{$spacing-09}); overflow-y: auto; @@ -343,6 +360,7 @@ $search-transition-timing: 95ms; @include type-style(body-short-01); background-color: $background-brand; + border-block-end: initial; color: $layer-02; svg { diff --git a/packages/utilities/CHANGELOG.md b/packages/utilities/CHANGELOG.md index 73aea50f9d6..8300d5326e4 100644 --- a/packages/utilities/CHANGELOG.md +++ b/packages/utilities/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.10.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-utilities@2.9.0-rc.0...@carbon/ibmdotcom-utilities@2.10.0-rc.0) (2024-05-28) + +**Note:** Version bump only for package @carbon/ibmdotcom-utilities + + + + + # [2.9.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-utilities@2.9.0-rc.0...@carbon/ibmdotcom-utilities@2.9.0) (2024-05-16) **Note:** Version bump only for package @carbon/ibmdotcom-utilities diff --git a/packages/utilities/package.json b/packages/utilities/package.json index 19dedf0cadf..e1b51476894 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": "2.9.0", + "version": "2.10.0-rc.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", diff --git a/packages/utilities/src/utilities/StickyHeader/StickyHeader.js b/packages/utilities/src/utilities/StickyHeader/StickyHeader.js index 71237e70d79..37a72bb39c9 100644 --- a/packages/utilities/src/utilities/StickyHeader/StickyHeader.js +++ b/packages/utilities/src/utilities/StickyHeader/StickyHeader.js @@ -15,20 +15,35 @@ const gridBreakpoint = parseFloat(breakpoints.lg.width) * baseFontSize; class StickyHeader { constructor() { this.ownerDocument = root.document; - this._banner = undefined; - this._cumulativeHeight = 0; - this._hasBanner = false; - this._lastScrollPosition = 0; - this._leadspaceWithSearch = undefined; - this._leadspaceSearchBar = undefined; - this._leadspaceWithSearchStickyThreshold = 0; - this._localeModal = undefined; - this._masthead = undefined; - this._mastheadL0 = undefined; - this._mastheadL1 = undefined; - this._tableOfContents = undefined; - this._tableOfContentsInnerBar = undefined; - this._tableOfContentsLayout = undefined; + + this._state = { + cumulativeOffset: 0, + hasBanner: false, + leadspaceSearchThreshold: 0, + mastheadL0IsActive: false, + mastheadL1IsActive: false, + maxScrollaway: 0, + scrollPosPrevious: 0, + scrollPos: 0, + searchIsAtTop: false, + tocShouldStick: false, + tocIsAtTop: false, + tocIsAtSearch: false, + }; + + this._elements = { + banner: undefined, + leadspaceSearch: undefined, + leadspaceSearchBar: undefined, + leadspaceSearchInput: undefined, + localeModal: undefined, + masthead: undefined, + mastheadL0: undefined, + mastheadL1: undefined, + tableOfContents: undefined, + tableOfContentsInnerBar: undefined, + }; + this._throttled = false; this._resizeObserver = new ResizeObserver(this._handleResize.bind(this)); root.addEventListener('scroll', this._throttledHandler.bind(this)); @@ -49,7 +64,7 @@ class StickyHeader { } get height() { - return this._cumulativeHeight; + return this._state.cumulativeOffset; } /** @@ -69,85 +84,81 @@ class StickyHeader { } } - _tableOfContentsStickyUpdate() { - const { _tableOfContents: toc } = this; - + /** + * Stores references to TOC sub-elements that are relevant to current viewport + * dimensions. + */ + _updateTableOfContentsRefs() { + const { tableOfContents: toc } = this._elements; const tocRoot = toc.shadowRoot; - - this._tableOfContentsInnerBar = tocRoot.querySelector( - `.${prefix}--tableofcontents__navbar` + this._elements.tableOfContentsInnerBar = tocRoot.querySelector( + window.innerWidth >= gridBreakpoint && toc?.layout !== 'horizontal' + ? `.${c4dPrefix}-ce--table-of-contents__items-container` + : `.${prefix}--tableofcontents__navbar` ); - if (window.innerWidth > gridBreakpoint) { - if (toc.layout === 'horizontal') { - this._tableOfContentsLayout = 'horizontal'; - } else { - this._tableOfContentsInnerBar = tocRoot.querySelector( - `.${c4dPrefix}-ce--table-of-contents__items-container` - ); - } - } } set banner(component) { if (this._validateComponent(component, `${c4dPrefix}-global-banner`)) { - this._banner = component; - this.hasBanner = true; + this._elements.banner = component; + this._state.hasBanner = true; - if (this._masthead) { - this._masthead.setAttribute('with-banner', ''); + if (this._elements.masthead) { + this._elements.masthead.setAttribute('with-banner', ''); } - this._calculateCumulativeHeight(); + this._manageStickyElements(); } } - set leadspaceWithSearch(component) { + set leadspaceSearch(component) { if ( this._validateComponent(component, `${c4dPrefix}-leadspace-with-search`) ) { - this._leadspaceWithSearch = component; + this._elements.leadspaceSearch = component; const leadspaceSearchBar = component.shadowRoot.querySelector( `.${prefix}--search-container` ); - this._leadspaceSearchBar = leadspaceSearchBar; - this._leadspaceWithSearchInput = component.querySelector( + this._elements.leadspaceSearchBar = leadspaceSearchBar; + this._elements.leadspaceSearchInput = component.querySelector( `${c4dPrefix}-search-with-typeahead` ); - this._leadspaceWithSearchStickyThreshold = + this._state.leadspaceSearchThreshold = parseInt(window.getComputedStyle(leadspaceSearchBar).paddingBottom) - 16; - this._calculateCumulativeHeight(); + this._manageStickyElements(); } } set localeModal(component) { if (this._validateComponent(component, `${c4dPrefix}-locale-modal`)) { - this._localeModal = component; - this._calculateCumulativeHeight(); + this._elements.localeModal = component; + this._manageStickyElements(); } } set masthead(component) { if (this._validateComponent(component, `${c4dPrefix}-masthead`)) { - this._masthead = component; - if (this._banner) { - this._masthead.setAttribute('with-banner', ''); + this._elements.masthead = component; + if (this._elements.banner) { + this._elements.masthead.setAttribute('with-banner', ''); } - - this._mastheadL0 = component.shadowRoot.querySelector( + this._elements.mastheadL0 = component.shadowRoot.querySelector( `.${prefix}--masthead__l0` ); - this._mastheadL1 = component.querySelector(`${c4dPrefix}-masthead-l1`); - this._calculateCumulativeHeight(); + this._elements.mastheadL1 = component.querySelector( + `${c4dPrefix}-masthead-l1` + ); + this._manageStickyElements(); } } set tableOfContents(component) { if (this._validateComponent(component, `${c4dPrefix}-table-of-contents`)) { - this._tableOfContents = component; - this._tableOfContentsStickyUpdate(); - this._resizeObserver.observe(this._tableOfContents); - this._calculateCumulativeHeight(); + this._elements.tableOfContents = component; + this._updateTableOfContentsRefs(); + this._resizeObserver.observe(this._elements.tableOfContents); + this._manageStickyElements(); } } @@ -157,7 +168,7 @@ class StickyHeader { _throttledHandler() { if (!this._throttled) { this._throttled = true; - this._calculateCumulativeHeight(); + this._manageStickyElements(); setTimeout(() => { this._throttled = false; @@ -166,118 +177,225 @@ class StickyHeader { } _handleResize() { + const { _hasBanner: hasBanner } = this._state; + const { - _hasBanner: hasBanner, - _masthead: masthead, - _tableOfContents: toc, - _tableOfContentsLayout: tocLayout, - _leadspaceSearchBar: leadspaceSearchBar, - } = this; + masthead, + tableOfContents: toc, + leadspaceSearchBar, + } = this._elements; if (toc && masthead) { - this._tableOfContentsStickyUpdate(); + this._updateTableOfContentsRefs(); if ( window.innerWidth >= gridBreakpoint && - tocLayout !== 'horizontal' && + toc.layout !== 'horizontal' && !hasBanner ) { - masthead.style.top = '0'; + masthead.style.insetBlockStart = '0'; } else { - // This has to happen after the tocStickyUpdate method. - const { _tableOfContentsInnerBar: tocInner } = this; + // This has to happen after the _updateTableOfContentsRefs method. + const { tableOfContentsInnerBar: tocInner } = this._elements; if (masthead.offsetTop === 0) { - tocInner.style.top = `${masthead.offsetHeight}px`; + tocInner.style.insetBlockStart = `${masthead.offsetHeight}px`; } } - this._calculateCumulativeHeight(); + this._manageStickyElements(); } if (leadspaceSearchBar) { - this._leadspaceWithSearchStickyThreshold = + this._state.leadspaceSearchThreshold = parseInt(window.getComputedStyle(leadspaceSearchBar).paddingBottom) - 16; } } - _calculateCumulativeHeight() { - const { - _lastScrollPosition: oldY, - _banner: banner, - _masthead: masthead, - _mastheadL0: mastheadL0, - _mastheadL1: mastheadL1, - _localeModal: localeModal, - _tableOfContents: toc, - _tableOfContentsInnerBar: tocInner, - _leadspaceWithSearch: leadspaceSearch, - _leadspaceSearchBar: leadspaceSearchBar, - _leadspaceWithSearchInput: leadspaceSearchInput, - _leadspaceWithSearchStickyThreshold: leadspaceSearchThreshold, - } = StickyHeader.global; - - const { customPropertyName } = this.constructor; + /** + * Handles the banner given the current scroll position. + */ + _handleBanner() { + const { banner } = this._elements; + const { scrollPos } = this._state; + this._state.cumulativeOffset += Math.max( + banner.offsetHeight - scrollPos, + 0 + ); + } - if (localeModal && localeModal.hasAttribute('open')) { - return; - } + /** + * Handles the masthead given the current scroll position. + */ + _handleMasthead() { + const { masthead } = this._elements; - const newY = window.scrollY; - this._lastScrollPosition = Math.max(0, newY); + masthead.style.transition = 'none'; + masthead.style.insetBlockStart = `${this._state.cumulativeOffset}px`; - /** - * maxScrollaway is a calculated value matching the height of all components - * that are allowed to hide above the viewport. - * - * We should only have one sticky header showing as the page scrolls down. - * - * Items that stick, in order - * - L0 - * - L1 - * - The TOC in horizontal bar form - * - The leadspace with search (if no TOC) - */ - let maxScrollaway = 0; + // Masthead always sticks, therefore always add its height. + this._state.cumulativeOffset += masthead.offsetHeight; + } - // Calculate maxScrollaway values based on TOC positon - let tocIsAtTop = false; - let tocShouldStick = false; + /** + * Handles the table of contents given the current scroll position. + */ + _handleToc() { + const { tableOfContentsInnerBar } = this._elements; + const { tocShouldStick } = this._state; - if (tocInner) { - tocIsAtTop = - tocInner.getBoundingClientRect().top <= - (masthead ? masthead.offsetTop + masthead.offsetHeight : 0) + 1; + tableOfContentsInnerBar.style.transition = 'none'; + tableOfContentsInnerBar.style.insetBlockStart = `${this._state.cumulativeOffset}px`; - tocShouldStick = - toc.layout === 'horizontal' || window.innerWidth < gridBreakpoint; + const tocIsStuck = + Math.round(tableOfContentsInnerBar.getBoundingClientRect().top) <= + this._state.cumulativeOffset + 1; - if (masthead && tocIsAtTop && (tocShouldStick || mastheadL1)) { - maxScrollaway += masthead.offsetHeight; + if (tocShouldStick && tocIsStuck) { + this._state.cumulativeOffset += tableOfContentsInnerBar.offsetHeight; + } + } - if (mastheadL1 && !tocShouldStick) { - maxScrollaway -= mastheadL1.offsetHeight; - } - } else if (mastheadL0 && mastheadL1) { - maxScrollaway += mastheadL0.offsetHeight; + /** + * Handles the leadspace search given the current scroll position. + */ + _handleLeadspaceSearch() { + const { leadspaceSearch, leadspaceSearchBar, leadspaceSearchInput } = + this._elements; + const { leadspaceSearchThreshold } = this._state; + const searchShouldBeSticky = + leadspaceSearch.getBoundingClientRect().bottom <= + leadspaceSearchThreshold; + const searchIsSticky = leadspaceSearch.hasAttribute('sticky-search'); + + if (searchShouldBeSticky) { + if (!searchIsSticky) { + leadspaceSearch.style.paddingBottom = `${leadspaceSearchBar.offsetHeight}px`; + leadspaceSearch.setAttribute('sticky-search', ''); + leadspaceSearchInput.setAttribute('large', ''); + + window.requestAnimationFrame(() => { + leadspaceSearchBar.style.transitionDuration = '110ms'; + leadspaceSearchBar.style.transform = 'translateY(0)'; + }); } + leadspaceSearchBar.style.insetBlockStart = `${this._state.cumulativeOffset}px`; + this._state.cumulativeOffset += leadspaceSearchBar.offsetHeight; + } else if (searchIsSticky) { + leadspaceSearch.style.paddingBottom = ''; + leadspaceSearch.removeAttribute('sticky-search'); + leadspaceSearchInput.removeAttribute('large'); + + leadspaceSearchBar.style.transitionDuration = ''; + leadspaceSearchBar.style.transform = ''; + leadspaceSearchBar.style.insetBlockStart = ''; } + } - // Calculate maxScrollaway values based on leadspace search position - if (!tocInner && leadspaceSearchBar) { - const searchIsAtTop = - leadspaceSearchBar.getBoundingClientRect().top <= - (masthead ? masthead.offsetTop + masthead.offsetHeight : 0) + 1; + /** + * Calculates a value matching the height of all components that are allowed + * to hide above the viewport. + * + * Adding an item's height to this value indicates we expect it to be hidden + * above the viewport. + * + * Items that stick, in order + * - L0 + * - L1 + * - The TOC in horizontal bar form + * - The leadspace with search (if no TOC) + */ + _calculateMaxScrollaway() { + const { + masthead, + mastheadL0, + mastheadL1, + tableOfContents, + tableOfContentsInnerBar, + leadspaceSearchBar, + } = this._elements; + + // Reset the value before performing any further calculations. + this._state.maxScrollaway = 0; + + // Collect conditions we may want to test for to make logic easier to read. + this._state.tocShouldStick = tableOfContents + ? tableOfContents.layout === 'horizontal' || + window.innerWidth < gridBreakpoint + : false; + this._state.tocIsAtTop = tableOfContentsInnerBar + ? tableOfContentsInnerBar.getBoundingClientRect().top <= this.height + 1 + : false; + this._state.searchIsAtTop = leadspaceSearchBar + ? leadspaceSearchBar.getBoundingClientRect().top <= this.height + 1 + : false; + this._state.tocIsAtSearch = + leadspaceSearchBar && tableOfContentsInnerBar + ? tableOfContentsInnerBar.getBoundingClientRect().top <= + leadspaceSearchBar.getBoundingClientRect().bottom + : false; + this._state.mastheadL0IsActive = Boolean( + masthead?.querySelector('[expanded]') + ); + this._state.mastheadL1IsActive = + mastheadL1 && mastheadL1.hasAttribute('active'); + + const { + tocShouldStick, + tocIsAtTop, + searchIsAtTop, + tocIsAtSearch, + mastheadL0IsActive, + mastheadL1IsActive, + } = this._state; + + // Begin calculating maxScrollAway. + + // If L0 is open, lock it to the top of the page. + if (mastheadL0 && mastheadL0IsActive) { + this._state.maxScrollaway = 0; + } + // If L1 is open, lock it to the top of the page. + else if (mastheadL1IsActive && mastheadL0) { + this._state.maxScrollaway = mastheadL0.offsetHeight; + } else { + // In cases where we have both an eligible ToC and leadspace search, we want + // the ToC to take precedence. Scroll away leadspace search. + if (searchIsAtTop && tocIsAtSearch && tocShouldStick) { + this._state.maxScrollaway += leadspaceSearchBar.offsetHeight; + } - if (masthead && searchIsAtTop) { - maxScrollaway += masthead.offsetHeight; + // Scroll away entire masthead if either ToC or leadspace search is eligible + // to be the stuck element (unless L1 is open). Otherwise, scroll away the + // L0 if we have an L1. + if (searchIsAtTop || (tocIsAtTop && tocShouldStick)) { + if (masthead) { + this._state.maxScrollaway += masthead.offsetHeight; + } + } else if (masthead && mastheadL0 && mastheadL1) { + this._state.maxScrollaway += mastheadL0.offsetHeight; } } + } + + /** + * Positions sticky elements. Does so by checking the scroll position and where + * tracked elements are in relation to it, then applying the correct styles to + * each element in succession to ensure that only one element is stuck to the + * top of the page, and all other elements that have been scrolled past can be + * revealed when scrolling back up. + */ + _positionElements() { + const { + banner, + masthead, + tableOfContentsInnerBar: tocInner, + leadspaceSearchBar, + } = this._elements; + const { scrollPosPrevious: oldY } = this._state; /** - * Cumulative offset is a calculated value used to set the `top` property of - * components that stick to the top of the viewport. - * - * This value is equal to the difference between the previous scrollY and - * the current scrollY values, but is positively and negatively limited. + * Reset to a value that is equal to the difference between the previous + * scrollY and the current scrollY values, but is positively and negatively + * limited. * * Positive limit: 0 * all elements visible, starting at the top of the viewport. @@ -287,76 +405,64 @@ class StickyHeader { * with the elements that should be visible starting at the top of the * viewport. */ - let cumulativeOffset = Math.max( - Math.min((masthead ? masthead.offsetTop : 0) + oldY - newY, 0), - maxScrollaway * -1 + this._state.cumulativeOffset = Math.max( + Math.min( + (masthead ? masthead.offsetTop : 0) + oldY - this._state.scrollPos, + 0 + ), + this._state.maxScrollaway * -1 ); + /** + * Handle each potentially sticky element in the order we expect them to + * appear on the page. Important to do this sequentially for + * cumulativeOffset to be correctly calculated by the time each of these + * methods accesses it. + * + * To-do: One idea for improving this so the execution order doesn't matter + * is to collect our elements into an array ordered by document position, + * then loop over that array and execute a corresponding handler method. + */ if (banner) { - cumulativeOffset += Math.max(banner.offsetHeight - newY, 0); + this._handleBanner(); } - if (masthead) { - masthead.style.transition = 'none'; - masthead.style.top = `${cumulativeOffset}px`; - cumulativeOffset += masthead.offsetHeight; + this._handleMasthead(); + } + if (leadspaceSearchBar) { + this._handleLeadspaceSearch(); } - if (tocInner) { - tocInner.style.transition = 'none'; - tocInner.style.top = `${cumulativeOffset}px`; - - tocShouldStick = - toc.layout === 'horizontal' || window.innerWidth < gridBreakpoint; - - const tocIsStuck = - Math.round(tocInner.getBoundingClientRect().top) <= - cumulativeOffset + 1; - - if (tocShouldStick && tocIsStuck) { - cumulativeOffset += tocInner.offsetHeight; - } + this._handleToc(); } + } - if (!tocInner && leadspaceSearchBar) { - const searchShouldBeSticky = - leadspaceSearch.getBoundingClientRect().bottom <= - leadspaceSearchThreshold; - const searchIsSticky = leadspaceSearch.hasAttribute('sticky-search'); - - if (searchShouldBeSticky) { - if (!searchIsSticky) { - leadspaceSearch.style.paddingBottom = `${leadspaceSearchBar.offsetHeight}px`; - leadspaceSearch.setAttribute('sticky-search', ''); - leadspaceSearchInput.setAttribute('large', ''); - - window.requestAnimationFrame(() => { - leadspaceSearchBar.style.transitionDuration = '110ms'; - leadspaceSearchBar.style.transform = 'translateY(0)'; - }); - } - - leadspaceSearchBar.style.top = `${cumulativeOffset}px`; - cumulativeOffset += leadspaceSearchBar.offsetHeight; - } + /** + * Manages which elements are stuck and where they are positioned. We should + * only have one element stuck to the top of the viewport as the page scrolls + * down. + */ + _manageStickyElements() { + const { localeModal } = this._elements; + const { scrollPos: scrollPosPrevious } = this._state; - if (!searchShouldBeSticky && searchIsSticky) { - leadspaceSearch.removeAttribute('sticky-search'); - leadspaceSearch.style.paddingBottom = ''; - leadspaceSearchBar.style.top = ''; - leadspaceSearchBar.style.transitionDuration = ''; - leadspaceSearchBar.style.transform = ''; - leadspaceSearchInput.removeAttribute('large'); - } + // Exit early if locale modal is open. + if (localeModal && localeModal.hasAttribute('open')) { + return; } - // Set internal property for use in scripts - this._cumulativeHeight = cumulativeOffset; + // Store scroll positions. + this._state.scrollPosPrevious = scrollPosPrevious; + this._state.scrollPos = Math.max(0, window.scrollY); + + // Given the current state, calculate how elements should be positioned. + this._calculateMaxScrollaway(); + this._positionElements(); // Set custom property for use in stylesheets root.document.documentElement.style.setProperty( - customPropertyName, - `${this._cumulativeHeight}px` + this.constructor.customPropertyName, + `${this._state.cumulativeOffset}px` ); } } diff --git a/packages/utilities/src/utilities/settings/settings.js b/packages/utilities/src/utilities/settings/settings.js index d4487931cf1..e22feb31863 100644 --- a/packages/utilities/src/utilities/settings/settings.js +++ b/packages/utilities/src/utilities/settings/settings.js @@ -12,10 +12,10 @@ * @type {object} Settings object * @property {string} [stablePrefix=c4d] stable prefix * @property {string} [prefix=cds] core Carbon prefix - * Carbon for IBM.com v2.9.0', + * Carbon for IBM.com v2.10.0', */ const settings = { - version: 'Carbon for IBM.com v2.9.0', + version: 'Carbon for IBM.com v2.10.0', stablePrefix: 'c4d', prefix: 'cds', }; diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md index 5b7786e9253..b52b8a849bf 100644 --- a/packages/web-components/CHANGELOG.md +++ b/packages/web-components/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.10.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-web-components@2.9.0-rc.0...@carbon/ibmdotcom-web-components@2.10.0-rc.0) (2024-05-28) + + +### Bug Fixes + +* **parent-visibility:** Make changes for v2 ([#11797](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/11797)) ([b6911a8](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/b6911a839210b121087c884288cdc6037e5f400f)) + + + + + # [2.9.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-web-components@2.9.0-rc.0...@carbon/ibmdotcom-web-components@2.9.0) (2024-05-16) **Note:** Version bump only for package @carbon/ibmdotcom-web-components diff --git a/packages/web-components/package.json b/packages/web-components/package.json index de4bc03d95a..192a04c2350 100644 --- a/packages/web-components/package.json +++ b/packages/web-components/package.json @@ -1,6 +1,6 @@ { "name": "@carbon/ibmdotcom-web-components", - "version": "2.9.0", + "version": "2.10.0-rc.0", "description": "Carbon for IBM.com Web Components", "license": "Apache-2.0", "exports": { @@ -91,13 +91,13 @@ "wca": "web-component-analyzer analyze src --outFile custom-elements.json" }, "dependencies": { - "@carbon/ibmdotcom-services": "2.9.0", - "@carbon/ibmdotcom-styles": "2.9.0", - "@carbon/ibmdotcom-utilities": "2.9.0", + "@carbon/ibmdotcom-services": "2.10.0-rc.0", + "@carbon/ibmdotcom-styles": "2.10.0-rc.0", + "@carbon/ibmdotcom-utilities": "2.10.0-rc.0", "@carbon/layout": "11.22.0", "@carbon/motion": "11.18.0", "@carbon/styles": "1.57.0", - "@carbon/web-components": "2.9.0", + "@carbon/web-components": "2.10.0-rc.0", "@ibm/telemetry-js": "^1.5.0", "lit": "^2.7.6", "lodash-es": "^4.17.21", diff --git a/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts b/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts index d9732bc3b77..04bc8e6a15a 100644 --- a/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts +++ b/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts @@ -384,6 +384,7 @@ export const StoryContent = ( config = { l1: false, leadspace: false, + leadspaceSearch: false, tocLayout: TOC_TYPES.DEFAULT, } ) => { @@ -399,6 +400,7 @@ export const StoryContent = ( return html`
${config?.leadspace ? contentLeadspace : null} + ${config?.leadspaceSearch ? contentLeadspaceSearch : null} ${config?.tocLayout === TOC_TYPES.HORIZONTAL ? html` { +export const Default = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, footerSize, + disableLocaleButton, + } = args?.DotcomShell ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - disableLocaleButton, - } = args?.DotcomShell ?? {}; - const { useMock } = args?.Other ?? {}; + } = story.parameters.props.DotcomShell; + return html` - ${useMock - ? html` - - ${StoryContent()} - - ` - : html` - - ${StoryContent()} - - `} + + ${StoryContent()} + `; }; -export const DefaultFooterLanguageOnly = (args) => { +export const DefaultFooterLanguageOnly = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, + } = args?.DotcomShell ?? {}; + + const { langList, disableLocaleButton } = args?.FooterComposite ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - } = args?.DotcomShell ?? {}; - const { langList, disableLocaleButton } = args?.FooterComposite ?? {}; - const { useMock } = args?.Other ?? {}; + } = story.parameters.props.DotcomShell; + return html` - ${useMock - ? html` - - ${StoryContent()} - - ` - : html` - - ${StoryContent()} - - `} + + ${StoryContent()} + `; }; DefaultFooterLanguageOnly.story = { @@ -252,75 +208,50 @@ DefaultFooterLanguageOnly.story = { }, }; -export const searchOpenOnload = (args) => { +export const searchOpenOnload = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, + disableLocaleButton, + } = args?.DotcomShell ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - disableLocaleButton, - } = args?.DotcomShell ?? {}; - const { useMock } = args?.Other ?? {}; + } = story.parameters.props.DotcomShell; + return html` - ${useMock - ? html` - - ${StoryContent()} - - ` - : html` - - ${StoryContent()} - - `} + + ${StoryContent()} + `; }; @@ -333,68 +264,48 @@ searchOpenOnload.story = { }, }; -export const withPlatform = (args) => { +export const withPlatform = (args, story) => { const { hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, + disableLocaleButton, + } = args?.DotcomShell ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - disableLocaleButton, - } = args?.DotcomShell ?? {}; - const { useMock } = args?.Other ?? {}; + } = story.parameters.props.DotcomShell; + return html` - ${useMock - ? html` - - ${StoryContent()} - - ` - : html` - - ${StoryContent()} - - `} + + ${StoryContent()} + `; }; @@ -437,71 +348,50 @@ withPlatform.story = { }, }; -export const withShortFooter = (args) => { +export const withShortFooter = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, + disableLocaleButton, + } = args?.DotcomShell ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - disableLocaleButton, - } = args?.DotcomShell ?? {}; - const { useMock } = args?.Other ?? {}; + } = story.parameters.props.DotcomShell; + return html` - ${useMock - ? html` - - ${StoryContent()} - - ` - : html` - - ${StoryContent()} - - `} + + ${StoryContent()} + `; }; @@ -514,81 +404,55 @@ withShortFooter.story = { }, }; -export const withShortFooterLanguageOnly = (args) => { +export const withShortFooterLanguageOnly = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, - legalLinks, - links: footerLinks, - localeList, } = args?.DotcomShell ?? {}; const { langList, disableLocaleButton } = args?.FooterComposite ?? {}; - const { useMock } = args?.Other ?? {}; + const { + navLinks, + langDisplay, + legalLinks, + links: footerLinks, + localeList, + } = story.parameters.props.DotcomShell; + return html` - ${useMock - ? html` - - ${StoryContent()} - - ` - : html` - - ${StoryContent()} - - `} + + ${StoryContent()} + `; }; withShortFooterLanguageOnly.story = { @@ -617,150 +481,104 @@ withShortFooterLanguageOnly.story = { }, }; -export const withMicroFooter = (args) => { +export const withMicroFooter = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, + disableLocaleButton, + } = args?.DotcomShell ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - disableLocaleButton, - } = args?.DotcomShell ?? {}; - const { useMock } = args?.Other ?? {}; + } = story.parameters.props.DotcomShell; + return html` - ${useMock - ? html` - - ${StoryContent()} - - ` - : html` - - ${StoryContent()} - - `} + + ${StoryContent()} + `; }; withMicroFooter.story = { name: 'With micro footer' }; -export const withMicroFooterLanguageOnly = (args) => { +export const withMicroFooterLanguageOnly = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, + } = args?.DotcomShell ?? {}; + + const { langList, disableLocaleButton } = args?.FooterComposite ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - } = args?.DotcomShell ?? {}; - const { langList, disableLocaleButton } = args?.FooterComposite ?? {}; + } = story.parameters.props.DotcomShell; - const { useMock } = args?.Other ?? {}; return html` - ${useMock - ? html` - - ${StoryContent()} - - ` - : html` - - ${StoryContent()} - - `} + + ${StoryContent()} + `; }; @@ -790,71 +608,54 @@ withMicroFooterLanguageOnly.story = { }, }; -export const withL1 = (args) => { +export const withL1 = (args, story) => { const { hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, + disableLocaleButton, + } = args?.DotcomShell ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - disableLocaleButton, - } = args?.DotcomShell ?? {}; - const { useMock } = args?.Other ?? {}; + } = story.parameters.props.DotcomShell; + const contentConfig = { l1: true, leadspace: false, + leadspaceSearch: false, tocLayout: TOC_TYPES.DEFAULT, }; + return html` - ${useMock - ? html` - - ${StoryContent(contentConfig)} - - ` - : html` - - ${StoryContent(contentConfig)} - - `} + + ${StoryContent(contentConfig)} + `; }; @@ -900,77 +701,58 @@ withL1.story = { }, }; -export const WithHorizontalTOC = (args) => { +export const WithHorizontalTOC = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, footerSize, + disableLocaleButton, + } = args?.DotcomShell ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - disableLocaleButton, - } = args?.DotcomShell ?? {}; - const { useMock } = args?.Other ?? {}; + } = story.parameters.props.DotcomShell; + const contentConfig = { - l1: false, + l1: true, leadspace: true, + leadspaceSearch: false, tocLayout: TOC_TYPES.HORIZONTAL, }; + return html` - ${useMock - ? html` - - ${StoryContent(contentConfig)} - - ` - : html` - - ${StoryContent(contentConfig)} - - `} + + ${StoryContent(contentConfig)} + `; }; @@ -984,69 +766,48 @@ WithHorizontalTOC.story = { }, }; -export const WithLeadspaceSearch = (args) => { +export const WithLeadspaceSearch = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, footerSize, + disableLocaleButton, + } = args?.DotcomShell ?? {}; + + const { + navLinks, + langDisplay, legalLinks, links: footerLinks, localeList, - disableLocaleButton, - } = args?.DotcomShell ?? {}; - const { useMock } = args?.Other ?? {}; + } = story.parameters.props.DotcomShell; + return html` - ${useMock - ? html` - - ${StoryContentNoToC()} - - ` - : html` - - ${StoryContentNoToC()} - - `} + + ${StoryContentNoToC()} + `; }; @@ -1061,28 +822,30 @@ WithLeadspaceSearch.story = { }, }; -export const WithGlobalBanner = (args) => { +export const WithGlobalBanner = (args, story) => { const { platform, hasProfile, userStatus, - navLinks, hasSearch, searchPlaceholder, selectedMenuItem, - langDisplay, language, footerSize, - legalLinks, - links: footerLinks, - localeList, disableLocaleButton, imageWidth, heading, copy, ctaCopy, } = args?.DotcomShell ?? {}; - const { useMock } = args?.Other ?? {}; + + const { + navLinks, + langDisplay, + legalLinks, + links: footerLinks, + localeList, + } = story.parameters.props.DotcomShell; const bannerHeading = document.querySelector('c4d-global-banner-heading'); const bannerCopy = document.querySelector('c4d-global-banner-copy'); @@ -1115,50 +878,26 @@ export const WithGlobalBanner = (args) => { ${ctaCopy} - ${useMock - ? html` - - ${StoryContent()} - - ` - : html` - - ${StoryContent()} - - `} + + ${StoryContent()} + `; }; @@ -1261,6 +1000,7 @@ export const WithoutShell = (args) => { ? StoryContent({ l1: false, leadspace: true, + leadspaceSearch: false, tocLayout: TOC_TYPES.HORIZONTAL, }) : ''} @@ -1297,6 +1037,113 @@ WithoutShell.story = { }, }; +export const StickyElementSandbox = (args, story) => { + const { + platform, + hasProfile, + userStatus, + hasSearch, + searchPlaceholder, + selectedMenuItem, + language, + footerSize, + disableLocaleButton, + } = args?.DotcomShell ?? {}; + + const { + navLinks, + langDisplay, + legalLinks, + links: footerLinks, + localeList, + } = story.parameters.props.DotcomShell; + + const { globalBanner, l1, leadspaceSearch, tocLayout } = + args?.StickyElementSandbox ?? {}; + + const contentConfig = { + l1: l1, + leadspace: false, + leadspaceSearch: leadspaceSearch, + tocLayout: tocLayout || '', + }; + + return html` + + + ${globalBanner + ? html` + + + + Hybrid cloud and AI for smarter business + + + Las Vegas, June 15-18, 2025 + + + Register for Think. Free + + + ` + : ''} + ${StoryContent(contentConfig)} + + `; +}; + +StickyElementSandbox.story = { + name: 'Sticky Element Sandbox', + parameters: { + knobs: { + StickyElementSandbox: () => ({ + globalBanner: boolean('Has Global Banner', true), + l1: boolean('Has Masthead L1', true), + leadspaceSearch: boolean('Has Leadspace With Search', true), + tocLayout: select( + 'Table of Contents Layout', + { Vertical: null, Horizontal: 'horizontal' }, + null + ), + }), + }, + propsSet: { + default: { + StickyElementSandbox: { + globalBanner: true, + l1: true, + leadspaceSearch: true, + tocLayout: null, + }, + }, + }, + }, +}; + export default { title: 'Components/Dotcom shell', decorators: [ @@ -1382,9 +1229,6 @@ export default { links: !useMock ? undefined : mockFooterLinks, localeList: !useMock ? undefined : mockLocaleList, }, - Other: { - useMock, - }, }; })(), propsSet: { diff --git a/packages/web-components/src/components/dotcom-shell/dotcom-shell-composite.ts b/packages/web-components/src/components/dotcom-shell/dotcom-shell-composite.ts index c3c82bb666c..2e17b595684 100644 --- a/packages/web-components/src/components/dotcom-shell/dotcom-shell-composite.ts +++ b/packages/web-components/src/components/dotcom-shell/dotcom-shell-composite.ts @@ -68,7 +68,7 @@ class C4DDotcomShellComposite extends LitElement { */ private _createMastheadRenderRoot() { const masthead = this.ownerDocument!.createElement( - `${c4dPrefix}-masthead-composite` + `${c4dPrefix}-masthead-container` ); this.parentNode?.insertBefore(masthead, this); return masthead; @@ -319,10 +319,20 @@ class C4DDotcomShellComposite extends LitElement { * The navigation links. This goes to masthead. * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default, * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps. + * + * @deprecated Use l0Data instead. */ @property({ attribute: false }) navLinks?: L0MenuItem[]; + /** + * The navigation links. This goes to masthead. + * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default, + * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps. + */ + @property({ attribute: false }) + l0Data?: L0MenuItem[]; + /** * The parameters passed to the search-with-typeahead for search scope */ @@ -382,6 +392,7 @@ class C4DDotcomShellComposite extends LitElement { footerSize, openSearchDropdown, navLinks, + l0Data, hasProfile, hasSearch, searchPlaceholder, @@ -414,6 +425,7 @@ class C4DDotcomShellComposite extends LitElement { l1Data, language, navLinks, + l0Data, hasProfile, hasSearch, searchPlaceholder, @@ -463,7 +475,7 @@ class C4DDotcomShellComposite extends LitElement { // moving global banner outside of dotcom shell if placed within if (this.querySelector(`${c4dPrefix}-global-banner`)) { this.ownerDocument - .querySelector(`${c4dPrefix}-masthead-composite`) + .querySelector(`${c4dPrefix}-masthead-container`) ?.before( this.querySelector(`${c4dPrefix}-global-banner`) as HTMLElement ); 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 dd7aa6fd6a0..f37bf985284 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 @@ -87,7 +87,7 @@ class C4DLeadspaceWithSearch extends StableSelectorMixin(LitElement) { } protected firstUpdated() { - StickyHeader.global.leadspaceWithSearch = this; + StickyHeader.global.leadspaceSearch = this; this.querySelector(`${c4dPrefix}-leadspace-heading`)?.setAttribute( 'type-style', diff --git a/packages/web-components/src/components/masthead/masthead-l1.ts b/packages/web-components/src/components/masthead/masthead-l1.ts index f44f15c210c..914c3188798 100644 --- a/packages/web-components/src/components/masthead/masthead-l1.ts +++ b/packages/web-components/src/components/masthead/masthead-l1.ts @@ -90,6 +90,12 @@ function handleDropdownClose(event: FocusEvent | KeyboardEvent) { */ @customElement(`${c4dPrefix}-masthead-l1`) class C4DMastheadL1 extends StableSelectorMixin(LitElement) { + /** + * Whether an L1 menu is open or not. + */ + @property({ attribute: 'active', reflect: true, type: Boolean }) + active = false; + /** * The L1 menu data, passed from the masthead-composite. */ @@ -744,6 +750,7 @@ class C4DMastheadL1 extends StableSelectorMixin(LitElement) { }) ); + this.active = !isOpen; button.classList.toggle('is-open', !isOpen); dropdown.classList.toggle('is-open', !isOpen); } diff --git a/yarn.lock b/yarn.lock index 602cc7c3798..da3e7b4932a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -138,10 +138,20 @@ __metadata: languageName: node linkType: hard -"@babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.20.5, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.22.9, @babel/compat-data@npm:^7.23.5": - version: 7.24.4 - resolution: "@babel/compat-data@npm:7.24.4" - checksum: 10/e51faec0ac8259f03cc5029d2b4a944b4fee44cb5188c11530769d5beb81f384d031dba951febc3e33dbb48ceb8045b1184f5c1ac4c5f86ab1f5e951e9aaf7af +"@babel/code-frame@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/code-frame@npm:7.24.6" + dependencies: + "@babel/highlight": "npm:^7.24.6" + picocolors: "npm:^1.0.0" + checksum: 10/e9b70af2a9c7c734ac36c2e6e1da640a6e0a483bfba7cf620226a1226a2e6d64961324b02d786e06ce72f0aa329e190dfc49128367a2368b69e2219ffddcdcc5 + languageName: node + linkType: hard + +"@babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.20.5, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.22.9, @babel/compat-data@npm:^7.23.5, @babel/compat-data@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/compat-data@npm:7.24.6" + checksum: 10/c355141e4649ef6efa413d71cfc1efb183be46b8fc945fc17e3c7f4313b4b566af575a4183450697916cd6b8c7f180e315986b5d7f07e7b7afd0786594754f7d languageName: node linkType: hard @@ -330,6 +340,15 @@ __metadata: languageName: node linkType: hard +"@babel/helper-annotate-as-pure@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-annotate-as-pure@npm:7.24.6" + dependencies: + "@babel/types": "npm:^7.24.6" + checksum: 10/1fc1790a67bb36419e272e79f087e32a6f3a9f3ed1f69400bd089a696523b4c92635a9cf1ce9af889cf095337553532a11bdf046ffe47a61cb7f435e77aeab4a + languageName: node + linkType: hard + "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.0.0-rc.0": version: 7.0.0-rc.0 resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.0.0-rc.0" @@ -371,19 +390,38 @@ __metadata: linkType: hard "@babel/helper-compilation-targets@npm:^7.13.0, @babel/helper-compilation-targets@npm:^7.17.7, @babel/helper-compilation-targets@npm:^7.20.7, @babel/helper-compilation-targets@npm:^7.22.15, @babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.23.6": - version: 7.23.6 - resolution: "@babel/helper-compilation-targets@npm:7.23.6" + version: 7.24.6 + resolution: "@babel/helper-compilation-targets@npm:7.24.6" dependencies: - "@babel/compat-data": "npm:^7.23.5" - "@babel/helper-validator-option": "npm:^7.23.5" + "@babel/compat-data": "npm:^7.24.6" + "@babel/helper-validator-option": "npm:^7.24.6" browserslist: "npm:^4.22.2" lru-cache: "npm:^5.1.1" semver: "npm:^6.3.1" - checksum: 10/05595cd73087ddcd81b82d2f3297aac0c0422858dfdded43d304786cf680ec33e846e2317e6992d2c964ee61d93945cbf1fa8ec80b55aee5bfb159227fb02cb9 + checksum: 10/28f34f2c9e0ec047360c4dca8d4fb99009e868f9c1acad0ca125f2f9990790897216155d44935209c6e4c4e0318f5a9a46304771d75823add7400e3079945314 + languageName: node + linkType: hard + +"@babel/helper-create-class-features-plugin@npm:^7.12.13, @babel/helper-create-class-features-plugin@npm:^7.12.17, @babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.21.0, @babel/helper-create-class-features-plugin@npm:^7.22.5": + version: 7.24.6 + resolution: "@babel/helper-create-class-features-plugin@npm:7.24.6" + dependencies: + "@babel/helper-annotate-as-pure": "npm:^7.24.6" + "@babel/helper-environment-visitor": "npm:^7.24.6" + "@babel/helper-function-name": "npm:^7.24.6" + "@babel/helper-member-expression-to-functions": "npm:^7.24.6" + "@babel/helper-optimise-call-expression": "npm:^7.24.6" + "@babel/helper-replace-supers": "npm:^7.24.6" + "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.6" + "@babel/helper-split-export-declaration": "npm:^7.24.6" + semver: "npm:^6.3.1" + peerDependencies: + "@babel/core": ^7.0.0 + checksum: 10/f4c2bfccb9c6e80ec9f96ad2ad4b492c8b41c695f6df3c45e7a5962c8e60e7aabffbe30019de7d09a9a50579c49a56faaf316af932ccd7812833e28199b11f0a languageName: node linkType: hard -"@babel/helper-create-class-features-plugin@npm:^7.12.13, @babel/helper-create-class-features-plugin@npm:^7.12.17, @babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.21.0, @babel/helper-create-class-features-plugin@npm:^7.22.5, @babel/helper-create-class-features-plugin@npm:^7.24.1, @babel/helper-create-class-features-plugin@npm:^7.24.4": +"@babel/helper-create-class-features-plugin@npm:^7.24.1, @babel/helper-create-class-features-plugin@npm:^7.24.4": version: 7.24.4 resolution: "@babel/helper-create-class-features-plugin@npm:7.24.4" dependencies: @@ -402,7 +440,20 @@ __metadata: languageName: node linkType: hard -"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.22.15, @babel/helper-create-regexp-features-plugin@npm:^7.22.5": +"@babel/helper-create-regexp-features-plugin@npm:^7.18.6": + version: 7.24.6 + resolution: "@babel/helper-create-regexp-features-plugin@npm:7.24.6" + dependencies: + "@babel/helper-annotate-as-pure": "npm:^7.24.6" + regexpu-core: "npm:^5.3.1" + semver: "npm:^6.3.1" + peerDependencies: + "@babel/core": ^7.0.0 + checksum: 10/74e717c71d7c007cc81537566c70b28ac75403afb499db2b1b988904dcda0a09a958c4c4b7d74821d0932e73f1c56227f6371ed751b16ae679aa8a2e4a271d64 + languageName: node + linkType: hard + +"@babel/helper-create-regexp-features-plugin@npm:^7.22.15, @babel/helper-create-regexp-features-plugin@npm:^7.22.5": version: 7.22.15 resolution: "@babel/helper-create-regexp-features-plugin@npm:7.22.15" dependencies: @@ -475,10 +526,10 @@ __metadata: languageName: node linkType: hard -"@babel/helper-environment-visitor@npm:^7.22.20": - version: 7.22.20 - resolution: "@babel/helper-environment-visitor@npm:7.22.20" - checksum: 10/d80ee98ff66f41e233f36ca1921774c37e88a803b2f7dca3db7c057a5fea0473804db9fb6729e5dbfd07f4bed722d60f7852035c2c739382e84c335661590b69 +"@babel/helper-environment-visitor@npm:^7.22.20, @babel/helper-environment-visitor@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-environment-visitor@npm:7.24.6" + checksum: 10/9c2b3f1ee7ba46b61b0482efab6d37f5c76f0ea4e9d9775df44a89644729c3a50101040a0233543ec6c3f416d8e548d337f310ff3e164f847945507428ee39e5 languageName: node linkType: hard @@ -503,7 +554,7 @@ __metadata: languageName: node linkType: hard -"@babel/helper-function-name@npm:^7.22.5, @babel/helper-function-name@npm:^7.23.0": +"@babel/helper-function-name@npm:^7.22.5": version: 7.23.0 resolution: "@babel/helper-function-name@npm:7.23.0" dependencies: @@ -513,6 +564,16 @@ __metadata: languageName: node linkType: hard +"@babel/helper-function-name@npm:^7.23.0, @babel/helper-function-name@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-function-name@npm:7.24.6" + dependencies: + "@babel/template": "npm:^7.24.6" + "@babel/types": "npm:^7.24.6" + checksum: 10/66c0669c16f9fd8b977303c3bd233f962a803de409f4a1db43d965c7cd3ddc12a07b82eb8e06624d76237726407b33fc6d6987a1e40e0c32fc1fc2c5be49340b + languageName: node + linkType: hard + "@babel/helper-get-function-arity@npm:7.0.0-rc.0": version: 7.0.0-rc.0 resolution: "@babel/helper-get-function-arity@npm:7.0.0-rc.0" @@ -532,11 +593,11 @@ __metadata: linkType: hard "@babel/helper-hoist-variables@npm:^7.22.5": - version: 7.22.5 - resolution: "@babel/helper-hoist-variables@npm:7.22.5" + version: 7.24.6 + resolution: "@babel/helper-hoist-variables@npm:7.24.6" dependencies: - "@babel/types": "npm:^7.22.5" - checksum: 10/394ca191b4ac908a76e7c50ab52102669efe3a1c277033e49467913c7ed6f7c64d7eacbeabf3bed39ea1f41731e22993f763b1edce0f74ff8563fd1f380d92cc + "@babel/types": "npm:^7.24.6" + checksum: 10/4819b574393a5214aff6ae02a6e5250ace2564f8bcdb28d580ffec57bbb2092425e8f39563d75cfa268940a01fd425bad503c0b92717c12426f15cf6847855d3 languageName: node linkType: hard @@ -558,6 +619,15 @@ __metadata: languageName: node linkType: hard +"@babel/helper-member-expression-to-functions@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-member-expression-to-functions@npm:7.24.6" + dependencies: + "@babel/types": "npm:^7.24.6" + checksum: 10/49198b0ceb7fdbc01135206fec4e5740f1f41d8e84d20815ae07bf96f8d7204f81cafb52d800461e8de4212a4d3c42a36531f6b39e564b4efa8d2079491cb607 + languageName: node + linkType: hard + "@babel/helper-module-imports@npm:7.0.0-rc.0": version: 7.0.0-rc.0 resolution: "@babel/helper-module-imports@npm:7.0.0-rc.0" @@ -568,7 +638,16 @@ __metadata: languageName: node linkType: hard -"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.22.15, @babel/helper-module-imports@npm:^7.22.5, @babel/helper-module-imports@npm:^7.24.1": +"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.22.5, @babel/helper-module-imports@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-module-imports@npm:7.24.6" + dependencies: + "@babel/types": "npm:^7.24.6" + checksum: 10/38c4432191219a10fe39178e148b295a353a802d3601ed219df6979d322b8179a57f37ee8c0d645f1304023a6b96c4aee351bf7cabe8036b294bfe3b9496ab43 + languageName: node + linkType: hard + +"@babel/helper-module-imports@npm:^7.22.15, @babel/helper-module-imports@npm:^7.24.1": version: 7.24.3 resolution: "@babel/helper-module-imports@npm:7.24.3" dependencies: @@ -591,7 +670,22 @@ __metadata: languageName: node linkType: hard -"@babel/helper-module-transforms@npm:^7.12.1, @babel/helper-module-transforms@npm:^7.12.13, @babel/helper-module-transforms@npm:^7.12.17, @babel/helper-module-transforms@npm:^7.23.3": +"@babel/helper-module-transforms@npm:^7.12.1, @babel/helper-module-transforms@npm:^7.12.13, @babel/helper-module-transforms@npm:^7.12.17": + version: 7.24.6 + resolution: "@babel/helper-module-transforms@npm:7.24.6" + dependencies: + "@babel/helper-environment-visitor": "npm:^7.24.6" + "@babel/helper-module-imports": "npm:^7.24.6" + "@babel/helper-simple-access": "npm:^7.24.6" + "@babel/helper-split-export-declaration": "npm:^7.24.6" + "@babel/helper-validator-identifier": "npm:^7.24.6" + peerDependencies: + "@babel/core": ^7.0.0 + checksum: 10/e162d0c1d876006d6989eadb9868be688784ea16a719cdce5df22541eac9547bebb137dc4d64f4d0349265b52a3633074a09c33785709e5c198696590d46402d + languageName: node + linkType: hard + +"@babel/helper-module-transforms@npm:^7.23.3": version: 7.23.3 resolution: "@babel/helper-module-transforms@npm:7.23.3" dependencies: @@ -624,6 +718,15 @@ __metadata: languageName: node linkType: hard +"@babel/helper-optimise-call-expression@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-optimise-call-expression@npm:7.24.6" + dependencies: + "@babel/types": "npm:^7.24.6" + checksum: 10/0f5e062bff683c8a8af5b20846f3a2ca2eda1c181fb1530f8fe5a13ea9fcb5166116e7d0bf3dbc48fb49bac32e68084c69fe7b35bfe8030ab3e4adb84cda064b + languageName: node + linkType: hard + "@babel/helper-plugin-utils@npm:7.0.0-rc.0": version: 7.0.0-rc.0 resolution: "@babel/helper-plugin-utils@npm:7.0.0-rc.0" @@ -652,6 +755,13 @@ __metadata: languageName: node linkType: hard +"@babel/helper-plugin-utils@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-plugin-utils@npm:7.24.6" + checksum: 10/0ac0a7a19959fb2f880ea87650475a4960232e98825d9a50f4aa56e5750a70fc799b48cf570af63a06b810d0128e758e801865762b51a8348067e37751a38478 + languageName: node + linkType: hard + "@babel/helper-regex@npm:7.0.0-rc.0": version: 7.0.0-rc.0 resolution: "@babel/helper-regex@npm:7.0.0-rc.0" @@ -712,6 +822,19 @@ __metadata: languageName: node linkType: hard +"@babel/helper-replace-supers@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-replace-supers@npm:7.24.6" + dependencies: + "@babel/helper-environment-visitor": "npm:^7.24.6" + "@babel/helper-member-expression-to-functions": "npm:^7.24.6" + "@babel/helper-optimise-call-expression": "npm:^7.24.6" + peerDependencies: + "@babel/core": ^7.0.0 + checksum: 10/3456b9fee029229a69c47ee301e2f45ad22fe9a6788ff9921b5c5e798d110b9258b736d1a3cbf9af1223feaaf764547f204397b36605c9e96a7c3929823fcea8 + languageName: node + linkType: hard + "@babel/helper-simple-access@npm:7.0.0-rc.0": version: 7.0.0-rc.0 resolution: "@babel/helper-simple-access@npm:7.0.0-rc.0" @@ -723,7 +846,16 @@ __metadata: languageName: node linkType: hard -"@babel/helper-simple-access@npm:^7.12.13, @babel/helper-simple-access@npm:^7.22.5": +"@babel/helper-simple-access@npm:^7.12.13, @babel/helper-simple-access@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-simple-access@npm:7.24.6" + dependencies: + "@babel/types": "npm:^7.24.6" + checksum: 10/4649d08f3e5eb30240f49ef7951b12d02ae4c30e6bef7b1b79ade587ff0b73223f3be840f6144b49c6b1a4a9dece890ada279b0844345ea8c011fb064fa2b9a3 + languageName: node + linkType: hard + +"@babel/helper-simple-access@npm:^7.22.5": version: 7.22.5 resolution: "@babel/helper-simple-access@npm:7.22.5" dependencies: @@ -732,12 +864,12 @@ __metadata: languageName: node linkType: hard -"@babel/helper-skip-transparent-expression-wrappers@npm:^7.20.0, @babel/helper-skip-transparent-expression-wrappers@npm:^7.22.5": - version: 7.22.5 - resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.22.5" +"@babel/helper-skip-transparent-expression-wrappers@npm:^7.20.0, @babel/helper-skip-transparent-expression-wrappers@npm:^7.22.5, @babel/helper-skip-transparent-expression-wrappers@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.24.6" dependencies: - "@babel/types": "npm:^7.22.5" - checksum: 10/1012ef2295eb12dc073f2b9edf3425661e9b8432a3387e62a8bc27c42963f1f216ab3124228015c748770b2257b4f1fda882ca8fa34c0bf485e929ae5bc45244 + "@babel/types": "npm:^7.24.6" + checksum: 10/697a161c8d485314b5f063e5cbb803e87e9f860b082bf31bf17b2fc5fef232e1853cce6908c8d29fef3509e62626ae9db00d994e611fc0b119e3f285f53c65f1 languageName: node linkType: hard @@ -750,7 +882,16 @@ __metadata: languageName: node linkType: hard -"@babel/helper-split-export-declaration@npm:^7.22.6, @babel/helper-split-export-declaration@npm:^7.24.5": +"@babel/helper-split-export-declaration@npm:^7.22.6, @babel/helper-split-export-declaration@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-split-export-declaration@npm:7.24.6" + dependencies: + "@babel/types": "npm:^7.24.6" + checksum: 10/48ded9611f87a23bc962c9cd576cc653bd78eab3d9987d3b1c18571481d0d17d7d29397a5c07a1f5e182ef1a1c6f420b9934975bf57e8d7cbcb8d8853cc21d6c + languageName: node + linkType: hard + +"@babel/helper-split-export-declaration@npm:^7.24.5": version: 7.24.5 resolution: "@babel/helper-split-export-declaration@npm:7.24.5" dependencies: @@ -766,6 +907,13 @@ __metadata: languageName: node linkType: hard +"@babel/helper-string-parser@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-string-parser@npm:7.24.6" + checksum: 10/a24631e13850eb24a5e88fba4d1b86115a79f6d4a0b3a96641fdcdc4a6d706d7e09f17ae77fa26bc72a8a7253bc83b535a2e2865a78185ed1f957b299ea6c59c + languageName: node + linkType: hard + "@babel/helper-validator-identifier@npm:^7.22.20, @babel/helper-validator-identifier@npm:^7.24.5": version: 7.24.5 resolution: "@babel/helper-validator-identifier@npm:7.24.5" @@ -773,10 +921,17 @@ __metadata: languageName: node linkType: hard -"@babel/helper-validator-option@npm:^7.23.5": - version: 7.23.5 - resolution: "@babel/helper-validator-option@npm:7.23.5" - checksum: 10/537cde2330a8aede223552510e8a13e9c1c8798afee3757995a7d4acae564124fe2bf7e7c3d90d62d3657434a74340a274b3b3b1c6f17e9a2be1f48af29cb09e +"@babel/helper-validator-identifier@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-validator-identifier@npm:7.24.6" + checksum: 10/7e725ef0684291ca3306d5174a5d1cd9072ad58ba444cfa50aaf92a5c59dd723fa15031733ac598bb6b066cb62c2472e14cd82325522348977a72e99aa21b97a + languageName: node + linkType: hard + +"@babel/helper-validator-option@npm:^7.23.5, @babel/helper-validator-option@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/helper-validator-option@npm:7.24.6" + checksum: 10/5defb2da74e1cac9497016f4e41698aeed75ec7a5e9dc07e777cdb67ef73cd2e27bd2bf8a3ab8d37e0b93a6a45524a9728f03e263afdef452436cf74794bde87 languageName: node linkType: hard @@ -859,6 +1014,18 @@ __metadata: languageName: node linkType: hard +"@babel/highlight@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/highlight@npm:7.24.6" + dependencies: + "@babel/helper-validator-identifier": "npm:^7.24.6" + chalk: "npm:^2.4.2" + js-tokens: "npm:^4.0.0" + picocolors: "npm:^1.0.0" + checksum: 10/e11cd39ceb01c9b5e4f2684a45caefe7b2d7bb74997c30922e6b4063a6f16aff88356091350f0af01f044e1a198579a6b5c4161a84d0a6090e63a41167569daf + languageName: node + linkType: hard + "@babel/parser@npm:7.0.0-rc.0": version: 7.0.0-rc.0 resolution: "@babel/parser@npm:7.0.0-rc.0" @@ -913,6 +1080,15 @@ __metadata: languageName: node linkType: hard +"@babel/parser@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/parser@npm:7.24.6" + bin: + parser: ./bin/babel-parser.js + checksum: 10/48af4251d030623a8fbf22979fc718bd9dead6ba6a64cae717270c6c809faaf303d137d82593912291ee761130c4731f0c25feb54629ba3fa4edcc496690cb44 + languageName: node + linkType: hard + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.23.3": version: 7.24.1 resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.24.1" @@ -1503,7 +1679,18 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-syntax-jsx@npm:^7.22.5, @babel/plugin-syntax-jsx@npm:^7.23.3, @babel/plugin-syntax-jsx@npm:^7.24.1": +"@babel/plugin-syntax-jsx@npm:^7.22.5, @babel/plugin-syntax-jsx@npm:^7.24.6": + version: 7.24.6 + resolution: "@babel/plugin-syntax-jsx@npm:7.24.6" + dependencies: + "@babel/helper-plugin-utils": "npm:^7.24.6" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10/68e90ec17c20c9f663006b8efe8af33782e36e1ef1b415c52345fe5102ccd06116d02f05601142c4665f0471ba926eac4926738f9c41dfd6af1705446c8af7c2 + languageName: node + linkType: hard + +"@babel/plugin-syntax-jsx@npm:^7.23.3, @babel/plugin-syntax-jsx@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-syntax-jsx@npm:7.24.1" dependencies: @@ -2367,7 +2554,20 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-optional-chaining@npm:^7.23.4, @babel/plugin-transform-optional-chaining@npm:^7.24.1": +"@babel/plugin-transform-optional-chaining@npm:^7.23.4": + version: 7.24.6 + resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.6" + dependencies: + "@babel/helper-plugin-utils": "npm:^7.24.6" + "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.6" + "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10/fb5deb31b237102ada066197fde3f3b07fd2cee8e79dc8e3752e0a44ef49174af5bd23120793b6552d83bd2e2807a6b124133a5d563f6e9ff60468bcb21b3cec + languageName: node + linkType: hard + +"@babel/plugin-transform-optional-chaining@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.1" dependencies: @@ -2406,7 +2606,18 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-parameters@npm:^7.12.1, @babel/plugin-transform-parameters@npm:^7.20.7, @babel/plugin-transform-parameters@npm:^7.22.15, @babel/plugin-transform-parameters@npm:^7.23.3, @babel/plugin-transform-parameters@npm:^7.24.1": +"@babel/plugin-transform-parameters@npm:^7.12.1, @babel/plugin-transform-parameters@npm:^7.20.7, @babel/plugin-transform-parameters@npm:^7.22.15, @babel/plugin-transform-parameters@npm:^7.23.3": + version: 7.24.6 + resolution: "@babel/plugin-transform-parameters@npm:7.24.6" + dependencies: + "@babel/helper-plugin-utils": "npm:^7.24.6" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10/c885f6c92fef0541fbf721f7bd3807be9f57af08ee67ad94124b55ce838e17b10c1374cff61108bf8083e7162c75cc2bde004ecf791e6db8ec2e84efb8e4daf9 + languageName: node + linkType: hard + +"@babel/plugin-transform-parameters@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-transform-parameters@npm:7.24.1" dependencies: @@ -2524,7 +2735,22 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-react-jsx@npm:^7.12.12, @babel/plugin-transform-react-jsx@npm:^7.12.13, @babel/plugin-transform-react-jsx@npm:^7.22.5, @babel/plugin-transform-react-jsx@npm:^7.23.4": +"@babel/plugin-transform-react-jsx@npm:^7.12.12, @babel/plugin-transform-react-jsx@npm:^7.12.13": + version: 7.24.6 + resolution: "@babel/plugin-transform-react-jsx@npm:7.24.6" + dependencies: + "@babel/helper-annotate-as-pure": "npm:^7.24.6" + "@babel/helper-module-imports": "npm:^7.24.6" + "@babel/helper-plugin-utils": "npm:^7.24.6" + "@babel/plugin-syntax-jsx": "npm:^7.24.6" + "@babel/types": "npm:^7.24.6" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10/268184de2f4e934e9ce3ae78a277d6d721f60f037585c2575c3768ea5a2e8d6d6e5d475719f373bc38bfa5c24a74d68614010ec3d5709647719b963399760a29 + languageName: node + linkType: hard + +"@babel/plugin-transform-react-jsx@npm:^7.22.5, @babel/plugin-transform-react-jsx@npm:^7.23.4": version: 7.23.4 resolution: "@babel/plugin-transform-react-jsx@npm:7.23.4" dependencies: @@ -3109,7 +3335,18 @@ __metadata: languageName: node linkType: hard -"@babel/template@npm:^7.12.13, @babel/template@npm:^7.12.7, @babel/template@npm:^7.22.15, @babel/template@npm:^7.24.0, @babel/template@npm:^7.3.3, @babel/template@npm:^7.4.0, @babel/template@npm:^7.7.0": +"@babel/template@npm:^7.12.13, @babel/template@npm:^7.12.7, @babel/template@npm:^7.24.6, @babel/template@npm:^7.3.3, @babel/template@npm:^7.4.0, @babel/template@npm:^7.7.0": + version: 7.24.6 + resolution: "@babel/template@npm:7.24.6" + dependencies: + "@babel/code-frame": "npm:^7.24.6" + "@babel/parser": "npm:^7.24.6" + "@babel/types": "npm:^7.24.6" + checksum: 10/e4641733dfb29b15f1b7f1a81579b3131d854d5aa2dc37a8b827e4eb6839c752cba45570934041b9f3dcf0edde8328f5313b092eaa6c7a342020b59d355f8bf5 + languageName: node + linkType: hard + +"@babel/template@npm:^7.22.15, @babel/template@npm:^7.24.0": version: 7.24.0 resolution: "@babel/template@npm:7.24.0" dependencies: @@ -3213,7 +3450,18 @@ __metadata: languageName: node linkType: hard -"@babel/types@npm:^7.0.0, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.13, @babel/types@npm:^7.12.17, @babel/types@npm:^7.12.7, @babel/types@npm:^7.2.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.15, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.4, @babel/types@npm:^7.23.9, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.5, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.0, @babel/types@npm:^7.4.4, @babel/types@npm:^7.7.0, @babel/types@npm:^7.8.3": +"@babel/types@npm:^7.0.0, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.13, @babel/types@npm:^7.12.17, @babel/types@npm:^7.12.7, @babel/types@npm:^7.2.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.23.9, @babel/types@npm:^7.24.6, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.0, @babel/types@npm:^7.4.4, @babel/types@npm:^7.7.0, @babel/types@npm:^7.8.3": + version: 7.24.6 + resolution: "@babel/types@npm:7.24.6" + dependencies: + "@babel/helper-string-parser": "npm:^7.24.6" + "@babel/helper-validator-identifier": "npm:^7.24.6" + to-fast-properties: "npm:^2.0.0" + checksum: 10/34552539cdc740513650cb3c7754f77a55cc5253dff9d45afd52292d366eb1c099939d5db066e458abcf4c9a7dedfe43467445f9c2208b3cb64866762dee5e9d + languageName: node + linkType: hard + +"@babel/types@npm:^7.22.15, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.4, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.5": version: 7.24.5 resolution: "@babel/types@npm:7.24.5" dependencies: @@ -3353,7 +3601,7 @@ __metadata: languageName: node linkType: hard -"@carbon/ibmdotcom-services@npm:2.9.0, @carbon/ibmdotcom-services@workspace:packages/services": +"@carbon/ibmdotcom-services@npm:2.10.0-rc.0, @carbon/ibmdotcom-services@workspace:packages/services": version: 0.0.0-use.local resolution: "@carbon/ibmdotcom-services@workspace:packages/services" dependencies: @@ -3366,7 +3614,7 @@ __metadata: "@babel/plugin-transform-runtime": "npm:7.18.5" "@babel/preset-env": "npm:~7.23.2" "@babel/runtime": "npm:^7.16.3" - "@carbon/ibmdotcom-utilities": "npm:2.9.0" + "@carbon/ibmdotcom-utilities": "npm:2.10.0-rc.0" "@ibm/telemetry-js": "npm:^1.5.0" "@rollup/plugin-babel": "npm:^5.3.1" "@rollup/plugin-commonjs": "npm:^21.0.3" @@ -3400,11 +3648,11 @@ __metadata: languageName: unknown linkType: soft -"@carbon/ibmdotcom-styles@npm:2.9.0, @carbon/ibmdotcom-styles@workspace:packages/styles": +"@carbon/ibmdotcom-styles@npm:2.10.0-rc.0, @carbon/ibmdotcom-styles@workspace:packages/styles": version: 0.0.0-use.local resolution: "@carbon/ibmdotcom-styles@workspace:packages/styles" dependencies: - "@carbon/icons-react": "npm:11.41.0" + "@carbon/icons-react": "npm:11.42.0" "@carbon/layout": "npm:11.22.0" "@carbon/styles": "npm:1.57.0" "@carbon/themes": "npm:11.36.0" @@ -3438,7 +3686,7 @@ __metadata: languageName: node linkType: hard -"@carbon/ibmdotcom-utilities@npm:2.9.0, @carbon/ibmdotcom-utilities@workspace:packages/utilities": +"@carbon/ibmdotcom-utilities@npm:2.10.0-rc.0, @carbon/ibmdotcom-utilities@workspace:packages/utilities": version: 0.0.0-use.local resolution: "@carbon/ibmdotcom-utilities@workspace:packages/utilities" dependencies: @@ -3503,10 +3751,10 @@ __metadata: "@babel/preset-react": "npm:~7.12.1" "@babel/template": "npm:~7.12.0" "@babel/traverse": "npm:~7.23.7" - "@carbon/ibmdotcom-services": "npm:2.9.0" + "@carbon/ibmdotcom-services": "npm:2.10.0-rc.0" "@carbon/ibmdotcom-services-store": "npm:1.53.0" - "@carbon/ibmdotcom-styles": "npm:2.9.0" - "@carbon/ibmdotcom-utilities": "npm:2.9.0" + "@carbon/ibmdotcom-styles": "npm:2.10.0-rc.0" + "@carbon/ibmdotcom-utilities": "npm:2.10.0-rc.0" "@carbon/icon-helpers": "npm:10.48.0" "@carbon/icons": "npm:10.48.5" "@carbon/icons-react": "npm:^11.33.0" @@ -3516,7 +3764,7 @@ __metadata: "@carbon/react": "npm:1.57.0" "@carbon/styles": "npm:1.57.0" "@carbon/type": "npm:11.27.0" - "@carbon/web-components": "npm:2.9.0" + "@carbon/web-components": "npm:2.10.0-rc.0" "@ibm/telemetry-js": "npm:^1.5.0" "@open-wc/semantic-dom-diff": "npm:~0.18.0" "@percy-io/in-percy": "npm:^0.1.11" @@ -3666,16 +3914,16 @@ __metadata: languageName: node linkType: hard -"@carbon/icons-react@npm:11.41.0, @carbon/icons-react@npm:^11.41.0": - version: 11.41.0 - resolution: "@carbon/icons-react@npm:11.41.0" +"@carbon/icons-react@npm:11.42.0": + version: 11.42.0 + resolution: "@carbon/icons-react@npm:11.42.0" dependencies: "@carbon/icon-helpers": "npm:^10.48.0" "@ibm/telemetry-js": "npm:^1.5.0" prop-types: "npm:^15.7.2" peerDependencies: react: ">=16" - checksum: 10/adf5cdcaed3cb0809a4afe57d1648925abafeb71e1c33d6f998aee61573219df92a5c5859768059822afb46bdc7911b21a87caab9006f4aa5a9b0d4e19b7af3c + checksum: 10/b38471b6ea8405b352a833464a512cec7932d978acdea2adf1238d0d8b06fb8d961e7bee67c201845c14d232a9d86deebc359fec525828e9f6bb3adef785fc4a languageName: node linkType: hard @@ -3692,6 +3940,19 @@ __metadata: languageName: node linkType: hard +"@carbon/icons-react@npm:^11.41.0": + version: 11.41.0 + resolution: "@carbon/icons-react@npm:11.41.0" + dependencies: + "@carbon/icon-helpers": "npm:^10.48.0" + "@ibm/telemetry-js": "npm:^1.5.0" + prop-types: "npm:^15.7.2" + peerDependencies: + react: ">=16" + checksum: 10/adf5cdcaed3cb0809a4afe57d1648925abafeb71e1c33d6f998aee61573219df92a5c5859768059822afb46bdc7911b21a87caab9006f4aa5a9b0d4e19b7af3c + languageName: node + linkType: hard + "@carbon/icons@npm:10.48.5": version: 10.48.5 resolution: "@carbon/icons@npm:10.48.5" @@ -3781,7 +4042,7 @@ __metadata: languageName: unknown linkType: soft -"@carbon/styles@npm:1.57.0, @carbon/styles@npm:^1.57.0": +"@carbon/styles@npm:1.57.0": version: 1.57.0 resolution: "@carbon/styles@npm:1.57.0" dependencies: @@ -3803,6 +4064,28 @@ __metadata: languageName: node linkType: hard +"@carbon/styles@npm:^1.57.0": + version: 1.58.0 + resolution: "@carbon/styles@npm:1.58.0" + dependencies: + "@carbon/colors": "npm:^11.22.0" + "@carbon/feature-flags": "npm:^0.20.0" + "@carbon/grid": "npm:^11.23.0" + "@carbon/layout": "npm:^11.22.0" + "@carbon/motion": "npm:^11.18.0" + "@carbon/themes": "npm:^11.36.0" + "@carbon/type": "npm:^11.27.0" + "@ibm/plex": "npm:6.0.0-next.6" + "@ibm/telemetry-js": "npm:^1.5.0" + peerDependencies: + sass: ^1.33.0 + peerDependenciesMeta: + sass: + optional: true + checksum: 10/b4dd73035fecbd87a360242ea2c06edbdb1657f4ecf05713bab01e472dae5bc729ed46c6fd1c42a49fa44e93dd975ba78ac7abaf7639c005bdce76a79feb3046 + languageName: node + linkType: hard + "@carbon/telemetry@npm:0.1.0": version: 0.1.0 resolution: "@carbon/telemetry@npm:0.1.0" @@ -3812,7 +4095,7 @@ __metadata: languageName: node linkType: hard -"@carbon/themes@npm:11.36.0": +"@carbon/themes@npm:11.36.0, @carbon/themes@npm:^11.35.0, @carbon/themes@npm:^11.36.0": version: 11.36.0 resolution: "@carbon/themes@npm:11.36.0" dependencies: @@ -3825,19 +4108,6 @@ __metadata: languageName: node linkType: hard -"@carbon/themes@npm:^11.35.0": - version: 11.35.0 - resolution: "@carbon/themes@npm:11.35.0" - dependencies: - "@carbon/colors": "npm:^11.22.0" - "@carbon/layout": "npm:^11.22.0" - "@carbon/type": "npm:^11.27.0" - "@ibm/telemetry-js": "npm:^1.5.0" - color: "npm:^4.0.0" - checksum: 10/1610f3fe87ea7673d720fbf5a4041b8481600f19c58d3de4ed0e06bc610516b62b2c7d412c7768d915a180ef6ad2206adcc89eec8cac460dece1cf7a112b0769 - languageName: node - linkType: hard - "@carbon/type@npm:11.27.0, @carbon/type@npm:^11.27.0": version: 11.27.0 resolution: "@carbon/type@npm:11.27.0" @@ -3849,7 +4119,7 @@ __metadata: languageName: node linkType: hard -"@carbon/web-components@npm:2.9.0, @carbon/web-components@workspace:packages/carbon-web-components": +"@carbon/web-components@npm:2.10.0-rc.0, @carbon/web-components@workspace:packages/carbon-web-components": version: 0.0.0-use.local resolution: "@carbon/web-components@workspace:packages/carbon-web-components" dependencies: @@ -4694,7 +4964,7 @@ __metadata: languageName: node linkType: hard -"@ibm/telemetry-js@npm:^1.2.1, @ibm/telemetry-js@npm:^1.3.0, @ibm/telemetry-js@npm:^1.5.0": +"@ibm/telemetry-js@npm:^1.2.1, @ibm/telemetry-js@npm:^1.3.0": version: 1.5.0 resolution: "@ibm/telemetry-js@npm:1.5.0" bin: @@ -4703,6 +4973,15 @@ __metadata: languageName: node linkType: hard +"@ibm/telemetry-js@npm:^1.5.0": + version: 1.5.2 + resolution: "@ibm/telemetry-js@npm:1.5.2" + bin: + ibmtelemetry: dist/collect.js + checksum: 10/1dcc971e78a927baba382a7179f75bc2b6fb1b237d8e9e88941c6410810e716a862e9135c709887a245daaf0e3e158ac3d01bf7e830457933ec91afffc479146 + languageName: node + linkType: hard + "@isaacs/cliui@npm:^8.0.2": version: 8.0.2 resolution: "@isaacs/cliui@npm:8.0.2" @@ -11733,6 +12012,15 @@ __metadata: languageName: node linkType: hard +"braces@npm:^3.0.3": + version: 3.0.3 + resolution: "braces@npm:3.0.3" + dependencies: + fill-range: "npm:^7.1.1" + checksum: 10/fad11a0d4697a27162840b02b1fad249c1683cbc510cd5bf1a471f2f8085c046d41094308c577a50a03a579dd99d5a6b3724c4b5e8b14df2c4443844cfcda2c6 + languageName: node + linkType: hard + "brorand@npm:^1.0.1, brorand@npm:^1.1.0": version: 1.1.0 resolution: "brorand@npm:1.1.0" @@ -17704,6 +17992,15 @@ __metadata: languageName: node linkType: hard +"fill-range@npm:^7.1.1": + version: 7.1.1 + resolution: "fill-range@npm:7.1.1" + dependencies: + to-regex-range: "npm:^5.0.1" + checksum: 10/a7095cb39e5bc32fada2aa7c7249d3f6b01bd1ce461a61b0adabacccabd9198500c6fb1f68a7c851a657e273fce2233ba869638897f3d7ed2e87a2d89b4436ea + languageName: node + linkType: hard + "finalhandler@npm:1.1.2": version: 1.1.2 resolution: "finalhandler@npm:1.1.2" @@ -20643,7 +20940,7 @@ __metadata: languageName: node linkType: hard -"internal-slot@npm:^1.0.4, internal-slot@npm:^1.0.5, internal-slot@npm:^1.0.7": +"internal-slot@npm:^1.0.4, internal-slot@npm:^1.0.7": version: 1.0.7 resolution: "internal-slot@npm:1.0.7" dependencies: @@ -25593,7 +25890,7 @@ __metadata: languageName: node linkType: hard -"micromatch@npm:4.0.5, micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5": +"micromatch@npm:4.0.5": version: 4.0.5 resolution: "micromatch@npm:4.0.5" dependencies: @@ -25624,6 +25921,16 @@ __metadata: languageName: node linkType: hard +"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5": + version: 4.0.7 + resolution: "micromatch@npm:4.0.7" + dependencies: + braces: "npm:^3.0.3" + picomatch: "npm:^2.3.1" + checksum: 10/a11ed1cb67dcbbe9a5fc02c4062cf8bb0157d73bf86956003af8dcfdf9b287f9e15ec0f6d6925ff6b8b5b496202335e497b01de4d95ef6cf06411bc5e5c474a0 + languageName: node + linkType: hard + "miller-rabin@npm:^4.0.0": version: 4.0.1 resolution: "miller-rabin@npm:4.0.1" @@ -28026,7 +28333,7 @@ __metadata: languageName: node linkType: hard -"path-scurry@npm:^1.10.2, path-scurry@npm:^1.6.1": +"path-scurry@npm:^1.10.2": version: 1.10.2 resolution: "path-scurry@npm:1.10.2" dependencies: @@ -28036,6 +28343,16 @@ __metadata: languageName: node linkType: hard +"path-scurry@npm:^1.6.1": + version: 1.11.1 + resolution: "path-scurry@npm:1.11.1" + dependencies: + lru-cache: "npm:^10.2.0" + minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0" + checksum: 10/5e8845c159261adda6f09814d7725683257fcc85a18f329880ab4d7cc1d12830967eae5d5894e453f341710d5484b8fdbbd4d75181b4d6e1eb2f4dc7aeadc434 + languageName: node + linkType: hard + "path-to-regexp@npm:0.1.7": version: 0.1.7 resolution: "path-to-regexp@npm:0.1.7" @@ -30494,7 +30811,7 @@ __metadata: languageName: node linkType: hard -"regexp.prototype.flags@npm:^1.5.0, regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2": +"regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2": version: 1.5.2 resolution: "regexp.prototype.flags@npm:1.5.2" dependencies: @@ -31558,20 +31875,7 @@ __metadata: languageName: node linkType: hard -"sass@npm:^1.19.0": - version: 1.76.0 - resolution: "sass@npm:1.76.0" - dependencies: - chokidar: "npm:>=3.0.0 <4.0.0" - immutable: "npm:^4.0.0" - source-map-js: "npm:>=0.6.2 <2.0.0" - bin: - sass: sass.js - checksum: 10/f30e057617813b1253001b44f231c0a7667b624b06188f480fbb2c1ad073a5c302de3539078cb8af112e0d1fca7fbfd292d5e0dd816e9bfa493d3bce89ca8522 - languageName: node - linkType: hard - -"sass@npm:~1.77.0": +"sass@npm:^1.19.0, sass@npm:~1.77.0": version: 1.77.2 resolution: "sass@npm:1.77.2" dependencies: @@ -31953,17 +32257,6 @@ __metadata: languageName: node linkType: hard -"set-function-name@npm:^2.0.0": - version: 2.0.1 - resolution: "set-function-name@npm:2.0.1" - dependencies: - define-data-property: "npm:^1.0.1" - functions-have-names: "npm:^1.2.3" - has-property-descriptors: "npm:^1.0.0" - checksum: 10/4975d17d90c40168eee2c7c9c59d023429f0a1690a89d75656306481ece0c3c1fb1ebcc0150ea546d1913e35fbd037bace91372c69e543e51fc5d1f31a9fa126 - languageName: node - linkType: hard - "set-function-name@npm:^2.0.1, set-function-name@npm:^2.0.2": version: 2.0.2 resolution: "set-function-name@npm:2.0.2" @@ -32992,24 +33285,7 @@ __metadata: languageName: node linkType: hard -"string.prototype.matchall@npm:^4.0.0 || ^3.0.1": - version: 4.0.10 - resolution: "string.prototype.matchall@npm:4.0.10" - dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - get-intrinsic: "npm:^1.2.1" - has-symbols: "npm:^1.0.3" - internal-slot: "npm:^1.0.5" - regexp.prototype.flags: "npm:^1.5.0" - set-function-name: "npm:^2.0.0" - side-channel: "npm:^1.0.4" - checksum: 10/0f7a1a7f91790cd45f804039a16bc6389c8f4f25903e648caa3eea080b019a5c7b0cac2ca83976646140c2332b159042140bf389f23675609d869dd52450cddc - languageName: node - linkType: hard - -"string.prototype.matchall@npm:^4.0.10": +"string.prototype.matchall@npm:^4.0.0 || ^3.0.1, string.prototype.matchall@npm:^4.0.10": version: 4.0.11 resolution: "string.prototype.matchall@npm:4.0.11" dependencies: