Merge branch 'main' into Dropdown_images

carbon-design-system · Nov 8, 2024 · 444e401 · 444e401
2 parents 0bcec9d + 0f782a9
commit 444e401
Show file tree

Hide file tree

Showing 12 changed files with 44 additions and 43 deletions.
diff --git a/package.json b/package.json
@@ -47,7 +47,7 @@
     "d3": "^7.9.0",
     "gatsby": "^5.13.5",
     "gatsby-plugin-sharp": "^5.13.1",
-    "gatsby-theme-carbon": "^4.1.9",
+    "gatsby-theme-carbon": "^4.1.13",
     "markdown-it": "^14.1.0",
     "prettier-config-carbon": "^0.11.0",
     "react": "^18.2.0",

diff --git a/src/pages/components/data-table/usage.mdx b/src/pages/components/data-table/usage.mdx
@@ -438,7 +438,8 @@ according to their guidelines.
 
 Users can trigger an action or function in the table by clicking the associated
 button or component. Each action or function has its own distinct click target.
-See the [Accessibility](/components/data-table/accessibility/) tab for more information.
+See the [Accessibility](/components/data-table/accessibility/) tab for more
+information.
 
 <Row>
 <Column colLg={12}>

diff --git a/src/pages/components/menu-buttons/code.mdx b/src/pages/components/menu-buttons/code.mdx
@@ -167,7 +167,7 @@ A [feature flag](/components/overview/feature-flags/) has been added to the
 overflow menu variant of menu buttons to improve accessibility and changes parts
 of its functionality, not its visual appearance. For more code-specific feature
 flag information, refer to the
-[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-overflowmenu--overview)
+[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu-feature-flag--flag-details)
 framework.
 
 The `enable-v12-overflowmenu` flag improves accessibility by more closely

diff --git a/src/pages/components/modal/code.mdx b/src/pages/components/modal/code.mdx
@@ -66,7 +66,7 @@ documentation, see the Storybooks for each framework below.
 A [feature flag](/components/overview/feature-flags/) has been added to modal to
 improve accessibility and changes parts of its functionality, not its visual
 appearance. For more code-specific feature flag information, refer to the
-[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-modal--overview)
+[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/components-modal-feature-flag--flag-details)
 framework.
 
 The `enable-experimental-focus-wrap-without-sentinels` flag is a new approach to

diff --git a/src/pages/components/overview/feature-flags.mdx b/src/pages/components/overview/feature-flags.mdx
@@ -36,14 +36,14 @@ products moving forward.
 The following components have feature flags, with changes related to either
 design or development.
 
-| Component                    | Design change                                                                    | Code change                                                                                                                                                                                  |
-| ---------------------------- | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Menu buttons (Overflow menu) | No design change                                                                 | <Link href={"https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-overflowmenu--overview"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>             |
-| Modal                        | No design change                                                                 | <Link href={"https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-modal--overview"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>                    |
-| Notification                 | No design change                                                                 | <Link href={"https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-notifications-actionable--overview"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link> |
-| Structured list              | <Link href={"/components/structured-list/usage/#feature-flags"}>Usage tab</Link> | <Link href={"https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-structuredlist--overview"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>           |
-| Tile                         | <Link href={"/components/tile/usage/#feature-flags"}>Usage tab</Link>            | <Link href={"https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-tile--overview"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>                     |
-| Tree view                    | No design change                                                                 | <Link href={"https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-treeview--overview"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>                 |
+| Component                    | Design change                                                                    | Code change                                                                                                                                                                                   |
+| ---------------------------- | -------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Menu buttons (Overflow menu) | No design change                                                                 | <Link href={"https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu-feature-flag--flag-details"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>             |
+| Modal                        | No design change                                                                 | <Link href={"https://react.carbondesignsystem.com/?path=/docs/components-modal-feature-flag--flag-details"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>                    |
+| Notification                 | No design change                                                                 | <Link href={"https://react.carbondesignsystem.com/?path=/docs/components-notifications-actionable-feature-flag--flag-details"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link> |
+| Structured list              | <Link href={"/components/structured-list/usage/#feature-flags"}>Usage tab</Link> | <Link href={"https://react.carbondesignsystem.com/?path=/docs/components-structuredlist-feature-flag--flag-details"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>           |
+| Tile                         | <Link href={"/components/tile/usage/#feature-flags"}>Usage tab</Link>            | <Link href={"https://react.carbondesignsystem.com/?path=/docs/components-tile-feature-flag--flag-details"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>                     |
+| Tree view                    | No design change                                                                 | <Link href={"https://react.carbondesignsystem.com/?path=/docs/components-treeview-feature-flag--flag-details"} renderIcon={() => <Launch aria-label="Launch" />}>React</Link>                 |
 
 ## How to implement
 

diff --git a/src/pages/components/structured-list/code.mdx b/src/pages/components/structured-list/code.mdx
@@ -68,7 +68,7 @@ A [feature flag](/components/overview/feature-flags/) has been added to the
 selectable variant of structured list to improve accessibility and changes its
 visual appearance, not its functionality. For more code-specific feature flag
 information, refer to the
-[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-structuredlist--overview)
+[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/components-structuredlist-feature-flag--flag-details)
 framework.
 
 The `enable-v12-structured-list-visible-icons` flag enables icons within
@@ -91,7 +91,7 @@ structured list to always be visible, even when not selected.
     },
     {
       label: 'Selectable with Improved Accessibility (unstable)',
-      variant: 'experimental-feature-flags-structuredlist--selection',
+      variant: 'components-structuredlist-feature-flag--selection',
     },
   ]}
 />
diff --git a/src/pages/components/structured-list/usage.mdx b/src/pages/components/structured-list/usage.mdx
@@ -49,7 +49,7 @@ definitions.
     },
     {
       label: 'Selectable with Improved Accessibility (unstable)',
-      variant: 'experimental-feature-flags-structuredlist--selection',
+      variant: 'components-structuredlist-feature-flag--selection',
     },
   ]}
 />

diff --git a/src/pages/components/tile/code.mdx b/src/pages/components/tile/code.mdx
@@ -68,7 +68,7 @@ documentation, see the Storybooks for each framework below.
 clickable, selectable, and expandable variants of tile to improve accessibility
 and changes its visual appearance, not its functionality. For more code-specific
 feature flag information, refer to the
-[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-tile--overview)
+[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/components-tile-feature-flag--flag-details)
 framework.
 
 - The `enable-experimental-tile-contrast` flag adds a border to the tile with
@@ -121,23 +121,23 @@ framework.
     },
     {
       label: 'Clickable with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--clickable',
+      variant: 'components-tile-feature-flag--clickable',
     },
     {
       label: 'Expandable with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--expandable',
+      variant: 'components-tile-feature-flag--expandable',
     },
     {
       label: 'Multiselect with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--multi-select',
+      variant: 'components-tile-feature-flag--multi-select',
     },
     {
       label: 'Radio with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--radio',
+      variant: 'components-tile-feature-flag--radio',
     },
     {
       label: 'Selectable with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--selectable',
+      variant: 'components-tile-feature-flag--selectable',
     },
     {
       label: 'with AI Label',

diff --git a/src/pages/components/tile/usage.mdx b/src/pages/components/tile/usage.mdx
@@ -82,23 +82,23 @@ explainability feature when AI is present in the component.
     },
     {
       label: 'Clickable with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--clickable',
+      variant: 'components-tile-feature-flag--clickable',
     },
     {
       label: 'Expandable with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--expandable',
+      variant: 'components-tile-feature-flag--expandable',
     },
     {
       label: 'Multiselect with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--multi-select',
+      variant: 'components-tile-feature-flag--multi-select',
     },
     {
       label: 'Radio with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--radio',
+      variant: 'components-tile-feature-flag--radio',
     },
     {
       label: 'Selectable with Improved Contrast (unstable)',
-      variant: 'experimental-feature-flags-tile--selectable',
+      variant: 'components-tile-feature-flag--selectable',
     },
     {
       label: 'with AI Label',

diff --git a/src/pages/components/tree-view/code.mdx b/src/pages/components/tree-view/code.mdx
@@ -36,7 +36,7 @@ usage documentation, see the Storybooks for each framework below.
 A [feature flag](/components/overview/feature-flags/) has been added to tree
 view to improve accessibility and changes parts of its functionality, not its
 visual appearance. For more code-specific feature flag information, refer to the
-[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-treeview--overview)
+[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/components-treeview-feature-flag--flag-details)
 framework.
 
 The `enable-treeview-controllable` flag allows synchronizing the state

diff --git a/src/pages/help/faq/index.mdx b/src/pages/help/faq/index.mdx
@@ -135,7 +135,7 @@ considered experimental or unstable. The goal for this code is to ship it as
 unstable for sponsor groups to leverage. During this time, the team can get
 feedback around what is working and what does not work so that changes can be
 made before an official release. They are available on the storybook under the
-[Experimental](https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags--overview)
+[Experimental](https://react.carbondesignsystem.com/?path=/docs/components-feature-flag--flag-details)
 tab.
 
 ### Where do I find the community assets?

diff --git a/yarn.lock b/yarn.lock
@@ -3257,15 +3257,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/react@npm:^1.69.0":
-  version: 1.69.0
-  resolution: "@carbon/react@npm:1.69.0"
+"@carbon/react@npm:^1.70.0":
+  version: 1.70.0
+  resolution: "@carbon/react@npm:1.70.0"
   dependencies:
     "@babel/runtime": "npm:^7.24.7"
     "@carbon/feature-flags": "npm:^0.24.0"
     "@carbon/icons-react": "npm:^11.52.0"
     "@carbon/layout": "npm:^11.28.0"
-    "@carbon/styles": "npm:^1.68.0"
+    "@carbon/styles": "npm:^1.69.0"
     "@floating-ui/react": "npm:^0.26.0"
     "@ibm/telemetry-js": "npm:^1.5.0"
     classnames: "npm:2.5.1"
@@ -3287,13 +3287,13 @@ __metadata:
     react: ^16.8.6 || ^17.0.1 || ^18.2.0
     react-dom: ^16.8.6 || ^17.0.1 || ^18.2.0
     sass: ^1.33.0
-  checksum: 2a8c8b0d1b1cd732cd1826b1b6c920299364381b2af252463857909ca63ec58d5f2a288b710607eb0fdd3f25829862f2628c76235bedef64d96f1136ba0a1621
+  checksum: 806b17d97e63967f989a5a2851255e9a7bfbcff6a85116686f660e43819da62820fd2d47ca67aa993e2904cedfc5e13945049a6b522919a4d71c6d3654344482
   languageName: node
   linkType: hard
 
-"@carbon/styles@npm:^1.68.0":
-  version: 1.68.0
-  resolution: "@carbon/styles@npm:1.68.0"
+"@carbon/styles@npm:^1.69.0":
+  version: 1.69.0
+  resolution: "@carbon/styles@npm:1.69.0"
   dependencies:
     "@carbon/colors": "npm:^11.28.0"
     "@carbon/feature-flags": "npm:^0.24.0"
@@ -3309,7 +3309,7 @@ __metadata:
   peerDependenciesMeta:
     sass:
       optional: true
-  checksum: c10fd89ed19e6f4a242590e6518e9a14ade3c2806c425df21ae739102a4374a81b0c0da624ec8d8e40e4c3357a9ed60606bc8ee827d38bfee79ff15d3496e018
+  checksum: 492ec13513c5fb173d5cd5f5a62b310f5133bb7062eea35cdb03389f3b644bf9028b3fbf0d2eaf882541df99f509fb1ea706e442f5bad2dd6018aa305d3adfdc
   languageName: node
   linkType: hard
 
@@ -7345,7 +7345,7 @@ __metadata:
     gatsby-plugin-sharp: "npm:^5.13.1"
     gatsby-plugin-sitemap: "npm:^6.13.1"
     gatsby-source-filesystem: "npm:^5.13.1"
-    gatsby-theme-carbon: "npm:^4.1.9"
+    gatsby-theme-carbon: "npm:^4.1.13"
     gatsby-transformer-sharp: "npm:^5.13.1"
     html-loader: "npm:^5.1.0"
     husky: "npm:^9.0.11"
@@ -12160,17 +12160,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"gatsby-theme-carbon@npm:^4.1.9":
-  version: 4.1.9
-  resolution: "gatsby-theme-carbon@npm:4.1.9"
+"gatsby-theme-carbon@npm:^4.1.13":
+  version: 4.1.13
+  resolution: "gatsby-theme-carbon@npm:4.1.13"
   dependencies:
     "@babel/core": "npm:^7.24.7"
     "@babel/plugin-proposal-class-properties": "npm:^7.18.6"
     "@babel/plugin-syntax-jsx": "npm:^7.24.7"
     "@carbon/elements": "npm:^11.56.0"
     "@carbon/grid": "npm:^11.29.0"
     "@carbon/pictograms-react": "npm:^11.68.0"
-    "@carbon/react": "npm:^1.69.0"
+    "@carbon/react": "npm:^1.70.0"
     "@carbon/themes": "npm:^11.43.0"
     "@garcia-enterprise/gatsby-plugin-sass-resources": "npm:^4.0.2"
     "@mdx-js/mdx": "npm:^3.0.1"
@@ -12216,7 +12216,7 @@ __metadata:
     gatsby: ^5.13.3
     react: ^18.2.0
     react-dom: ^18.2.0
-  checksum: 605513716137745a10d3dfd483bdee878a6683d254ceea2c6df129da9611dbc3eb8d543ffe96096466b7d09a0bb0f88637c2c7f3265c08a666cd76dedb30ebfc
+  checksum: eae6caa8599453471531468e7093afd21c2110ecc47b2780d7b8f994074f5443997b7fe25650eb5e43c4b5604605d6d84631da4c0357824981b8862cf9b66bca
   languageName: node
   linkType: hard