feat: Updated feature flag links (#4330)

* feat: added feature flag links * fix: fixed links * fix: fixed links --------- Co-authored-by: Kritvi <[email protected]>
carbon-design-system · Nov 7, 2024 · 0f782a9 · 0f782a9
1 parent caf7191
commit 0f782a9
Show file tree

Hide file tree

Showing 9 changed files with 26 additions and 26 deletions.
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?