diff --git a/src/pages/components/menu-buttons/code.mdx b/src/pages/components/menu-buttons/code.mdx index a1c94504bbd..1499e29b693 100644 --- 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 index 11f2911a983..ec3991d0dba 100755 --- 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 index 6cb4c03eb78..69eefa804fa 100644 --- 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 | }>React | -| Modal | No design change | }>React | -| Notification | No design change | }>React | -| Structured list | Usage tab | }>React | -| Tile | Usage tab | }>React | -| Tree view | No design change | }>React | +| Component | Design change | Code change | +| ---------------------------- | -------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| Menu buttons (Overflow menu) | No design change | }>React | +| Modal | No design change | }>React | +| Notification | No design change | }>React | +| Structured list | Usage tab | }>React | +| Tile | Usage tab | }>React | +| Tree view | No design change | }>React | ## How to implement diff --git a/src/pages/components/structured-list/code.mdx b/src/pages/components/structured-list/code.mdx index 132f0056886..844c2e8edc4 100755 --- 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 index 186bbb5d23d..f9d6f9e306c 100755 --- 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 index 2abb504def4..377a6e47d83 100755 --- 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 index f9a2e97ddcb..7135245c0b9 100755 --- 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 index af6a11339be..2aa81c93927 100755 --- 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 index 8158ba22da4..a27a70832dd 100755 --- 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?