chore(storybook): move canary to experimental section (#5645)

* chore(storybook): move canary to experimental section * fix(fullpageerror): move out of canary * fix(storybook): hide internal and rearrage * fix(checklist): update storybook folder name * Update packages/ibm-products/src/components/Checklist/Checklist.stories.jsx Co-authored-by: elysia <elysia.hwang@gmail.com> * Update packages/ibm-products/src/components/InlineTip/InlineTip.stories.jsx Co-authored-by: elysia <elysia.hwang@gmail.com> * fix(combobutton): avt skip --------- Co-authored-by: elysia <elysia.hwang@gmail.com>
carbon-design-system · Jul 30, 2024 · d05c2da · d05c2da
1 parent f4e571c
commit d05c2da
Show file tree

Hide file tree

Showing 95 changed files with 85 additions and 82 deletions.
diff --git a/e2e/components/ActionBar/ActionBar-test.avt.e2e.js b/e2e/components/ActionBar/ActionBar-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('ActionBar @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'ActionBar',
-      id: 'ibm-products-components-actionbar--default',
+      id: 'experimental-components-actionbar--default',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/BigNumbers/BigNumbers-test.avt.e2e.js b/e2e/components/BigNumbers/BigNumbers-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('Cascade @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'BigNumbers',
-      id: 'ibm-products-components-big-numbers-bignumbers--big-numbers',
+      id: 'experimental-components-big-numbers-bignumbers--big-numbers',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/ComboButton/ComboButton-test.avt.e2e.js b/e2e/components/ComboButton/ComboButton-test.avt.e2e.js
@@ -10,7 +10,7 @@
 import { expect, test } from '@playwright/test';
 import { visitStory } from '../../test-utils/storybook';
 
-test.describe('ComboButton @avt', () => {
+test.skip('ComboButton @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'ComboButton',

diff --git a/e2e/components/DataSpreadsheet/DataSpreadsheet-test.avt.e2e.js b/e2e/components/DataSpreadsheet/DataSpreadsheet-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('DataSpreadsheet @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'DataSpreadsheet',
-      id: 'ibm-products-components-data-spreadsheet-dataspreadsheet--data-spreadsheet',
+      id: 'experimental-components-data-spreadsheet-dataspreadsheet--data-spreadsheet',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/Decorator/Decorator-test.avt.e2e.js b/e2e/components/Decorator/Decorator-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('Decorator @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'Decorator',
-      id: 'ibm-products-components-decorators-decorator--default',
+      id: 'experimental-components-decorators-decorator--default',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/DelimitedList/DelimitedList-test.avt.e2e.js b/e2e/components/DelimitedList/DelimitedList-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('DelimitedList @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'DelimitedList',
-      id: 'ibm-products-components-delimited-list-delimitedlist--delimited',
+      id: 'experimental-components-delimited-list-delimitedlist--delimited',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/DescriptionList/DescriptionList-test.avt.e2e.js b/e2e/components/DescriptionList/DescriptionList-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('DescriptionList @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'DescriptionList',
-      id: 'ibm-products-components-description-list-descriptionlist--description-list',
+      id: 'experimental-components-description-list-descriptionlist--description-list',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/EditAndUpdate/EditFullPage-test.avt.e2e.js b/e2e/components/EditAndUpdate/EditFullPage-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('EditFullPage @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'EditFullPage',
-      id: 'ibm-products-patterns-edit-and-update-editfullpage--edit-full-page',
+      id: 'experimental-patterns-edit-and-update-editfullpage--edit-full-page',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/EditAndUpdate/EditSidePanel-test.avt.e2e.js b/e2e/components/EditAndUpdate/EditSidePanel-test.avt.e2e.js
@@ -15,7 +15,7 @@ test.describe('EditSidePanel @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'EditSidePanel',
-      id: 'ibm-products-patterns-edit-and-update-editsidepanel--edit-side-panel',
+      id: 'experimental-patterns-edit-and-update-editsidepanel--edit-side-panel',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/EditAndUpdate/EditTearsheet-test.avt.e2e.js b/e2e/components/EditAndUpdate/EditTearsheet-test.avt.e2e.js
@@ -15,7 +15,7 @@ test.describe('EditTearsheet @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'EditTearsheet',
-      id: 'ibm-products-patterns-edit-and-update-edittearsheet--multi-form-edit-tearsheet',
+      id: 'experimental-patterns-edit-and-update-edittearsheet--multi-form-edit-tearsheet',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/EditAndUpdate/EditTearsheetNarrow-test.avt.e2e.js b/e2e/components/EditAndUpdate/EditTearsheetNarrow-test.avt.e2e.js
@@ -15,7 +15,7 @@ test.describe('EditTearsheetNarrow @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'EditTearsheetNarrow',
-      id: 'ibm-products-patterns-edit-and-update-edittearsheetnarrow--edit-tearsheet-narrow',
+      id: 'experimental-patterns-edit-and-update-edittearsheetnarrow--edit-tearsheet-narrow',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/EditTearsheet/EditTearsheetForm-test.avt.e2e.js b/e2e/components/EditTearsheet/EditTearsheetForm-test.avt.e2e.js
@@ -15,7 +15,7 @@ test.describe('EditTearsheetForm @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'EditTearsheetForm',
-      id: 'ibm-products-patterns-edit-and-update-edittearsheet--multi-form-edit-tearsheet',
+      id: 'experimental-patterns-edit-and-update-edittearsheet--multi-form-edit-tearsheet',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/EditUpdateCards/EditUpdateCards-test.avt.e2e.js b/e2e/components/EditUpdateCards/EditUpdateCards-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('EditUpdateCards @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'EditUpdateCards',
-      id: 'ibm-products-patterns-edit-and-update-editupdatecards--edit-update-cards',
+      id: 'experimental-patterns-edit-and-update-editupdatecards--edit-update-cards',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/EmptyState/EmptyStateV2-test.avt.e2e.js b/e2e/components/EmptyState/EmptyStateV2-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('EmptyStateV2 @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'EmptyStateV2',
-      id: 'ibm-products-patterns-empty-state-emptystatev2--default',
+      id: 'experimental-patterns-empty-state-emptystatev2--default',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/FilterPanel/FilterPanel-test.avt.e2e.js b/e2e/components/FilterPanel/FilterPanel-test.avt.e2e.js
@@ -15,7 +15,7 @@ test.describe('FilterPanel @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'FilterPanel',
-      id: 'ibm-products-components-filter-panel-filterpanel--default',
+      id: 'experimental-components-filter-panel-filterpanel--default',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/GetStartedCard/GetStartedCard-test.avt.e2e.js b/e2e/components/GetStartedCard/GetStartedCard-test.avt.e2e.js
@@ -15,7 +15,7 @@ test.describe('GetStartedCard @avt', () => {
     await visitStory(page, {
       component: 'GetStartedCard',
       // cspell:disable-next-line
-      id: 'ibm-products-onboarding-getstartedcard--default',
+      id: 'experimental-onboarding-getstartedcard--default',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/Guidebanner/GuidebannerCollapsible-test.avt.e2e.js b/e2e/components/Guidebanner/GuidebannerCollapsible-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('Guidebanner @avt', () => {
   test('@avt-collapsible-state', async ({ page }) => {
     await visitStory(page, {
       component: 'Guidebanner',
-      id: 'ibm-products-onboarding-guidebanner--collapsible',
+      id: 'experimental-onboarding-guidebanner--collapsible',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/InlineTip/InlineTip-test.avt.e2e.js b/e2e/components/InlineTip/InlineTip-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('InlineTip @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'InlineTip',
-      id: 'ibm-products-onboarding-inline-tip-inlinetip--inline-tip',
+      id: 'experimental-onboarding-inline-tip-inlinetip--inline-tip',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/InterstitialScreen/InterstitialScreen-test.avt.e2e.js b/e2e/components/InterstitialScreen/InterstitialScreen-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('InterstitialScreen @avt', () => {
   test('@avt-full-screen-state', async ({ page }) => {
     await visitStory(page, {
       component: 'InterstitialScreen',
-      id: 'ibm-products-onboarding-interstitial-screen-interstitialscreen--interstitial-screen-full-screen-image',
+      id: 'experimental-onboarding-interstitial-screen-interstitialscreen--interstitial-screen-full-screen-image',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/InterstitialScreenView/InterstitialScreenView-test.avt.e2e.js b/e2e/components/InterstitialScreenView/InterstitialScreenView-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('InterstitialScreenView @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'InterstitialScreenView',
-      id: 'ibm-products-onboarding-interstitial-screen-interstitialscreenview--interstitial-screen-view',
+      id: 'experimental-onboarding-interstitial-screen-interstitialscreenview--interstitial-screen-view',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/InterstitialScreenViewModule/InterstitialScreenViewModule-test.avt.e2e.js b/e2e/components/InterstitialScreenViewModule/InterstitialScreenViewModule-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('InterstitialScreenViewModule @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'InterstitialScreenViewModule',
-      id: 'ibm-products-onboarding-interstitial-screen-interstitialscreenviewmodule--interstitial-screen-view-module',
+      id: 'experimental-onboarding-interstitial-screen-interstitialscreenviewmodule--interstitial-screen-view-module',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/Nav/Nav-test.avt.e2e.js b/e2e/components/Nav/Nav-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('Nav @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'Nav',
-      id: 'ibm-products-components-nav--nav',
+      id: 'experimental-components-nav--nav',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/NonLinearReading/NonLinearReading-test.avt.e2e.js b/e2e/components/NonLinearReading/NonLinearReading-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('NonLinearReading @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'NonLinearReading',
-      id: 'ibm-products-onboarding-non-linear-reading-nonlinearreading--single-level',
+      id: 'experimental-onboarding-non-linear-reading-nonlinearreading--single-level',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/ScrollGradient/ScrollGradient-test.avt.e2e.js b/e2e/components/ScrollGradient/ScrollGradient-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('ScrollGradient @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'ScrollGradient',
-      id: 'ibm-products-components-scroll-gradient-scrollgradient--scroll-gradient-vertical',
+      id: 'experimental-components-scroll-gradient-scrollgradient--scroll-gradient-vertical',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/SearchBar/SearchBar-test.avt.e2e.js b/e2e/components/SearchBar/SearchBar-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('SearchBar @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'SearchBar',
-      id: 'ibm-products-components-search-bar-searchbar--default',
+      id: 'experimental-components-search-bar-searchbar--default',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/StatusIndicator/StatusIndicator-test.avt.e2e.js b/e2e/components/StatusIndicator/StatusIndicator-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('StatusIndicator @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'StatusIndicator',
-      id: 'ibm-products-components-status-indicator-statusindicator--status-indicator',
+      id: 'experimental-components-status-indicator-statusindicator--status-indicator',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/StatusIndicator/StatusIndicatorStep-test.avt.e2e.js b/e2e/components/StatusIndicator/StatusIndicatorStep-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('StatusIndicatorStep @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'StatusIndicatorStep',
-      id: 'ibm-products-components-status-indicator-statusindicatorstep--status-indicator-step',
+      id: 'experimental-components-status-indicator-statusindicatorstep--status-indicator-step',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/StringFormatter/StringFormatter-test.avt.e2e.js b/e2e/components/StringFormatter/StringFormatter-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('StringFormatter @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'StringFormatter',
-      id: 'ibm-products-components-string-formatter-stringformatter--string-formatter',
+      id: 'experimental-components-string-formatter-stringformatter--string-formatter',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/TagOverflow/TagOverflow-test.avt.e2e.js b/e2e/components/TagOverflow/TagOverflow-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('TagOverflow @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'TagOverflow',
-      id: 'ibm-products-components-tag-overflow-tagoverflow--tags-with-overflow-count',
+      id: 'experimental-components-tag-overflow-tagoverflow--tags-with-overflow-count',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/Toolbar/Toolbar-test.avt.e2e.js b/e2e/components/Toolbar/Toolbar-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('Toolbar @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'Toolbar',
-      id: 'ibm-products-patterns-toolbars-toolbar--toolbar',
+      id: 'experimental-patterns-toolbars-toolbar--toolbar',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/TruncatedList/TruncatedList-test.avt.e2e.js b/e2e/components/TruncatedList/TruncatedList-test.avt.e2e.js
@@ -16,7 +16,7 @@ test.describe('TruncatedList @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'TruncatedList',
-      id: 'ibm-products-components-truncated-list-truncatedlist--truncated-list',
+      id: 'experimental-components-truncated-list-truncatedlist--truncated-list',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/e2e/components/UserAvatar/UserAvatar-test.avt.e2e.js b/e2e/components/UserAvatar/UserAvatar-test.avt.e2e.js
@@ -16,7 +16,7 @@ test.describe('UserAvatar @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'UserAvatar',
-      id: 'ibm-products-components-user-avatar-useravatar--default',
+      id: 'experimental-components-user-avatar-useravatar--default',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/packages/core/.storybook/preview.js b/packages/core/.storybook/preview.js
@@ -127,6 +127,8 @@ const parameters = {
         'IBM Products',
         ['Components', 'Patterns', 'Internal', 'Onboarding'],
         'Community',
+        'Experimental',
+        ['Components', 'Patterns', 'Onboarding'],
       ],
     },
   },

diff --git a/...src/components/Example/Example.stories.js → ...y/src/components/Example/Example.story.js b/...src/components/Example/Example.stories.js → ...y/src/components/Example/Example.story.js
diff --git a/packages/ibm-products/src/components/ActionBar/ActionBar.stories.jsx b/packages/ibm-products/src/components/ActionBar/ActionBar.stories.jsx
@@ -29,7 +29,7 @@ const getActions = (num) =>
   }));
 
 export default {
-  title: 'IBM Products/Components/ActionBar',
+  title: 'Experimental/Components/ActionBar',
   component: ActionBar,
   tags: ['autodocs'],
   argTypes: {

diff --git a/...omponents/ActionSet/ActionSet.stories.jsx → .../components/ActionSet/ActionSet.story.jsx b/...omponents/ActionSet/ActionSet.stories.jsx → .../components/ActionSet/ActionSet.story.jsx
diff --git a/packages/ibm-products/src/components/BigNumbers/BigNumbers.stories.jsx b/packages/ibm-products/src/components/BigNumbers/BigNumbers.stories.jsx
@@ -33,7 +33,7 @@ const numericOptions = {
 };
 
 export default {
-  title: 'IBM Products/Components/Big numbers/BigNumbers',
+  title: 'Experimental/Components/Big numbers/BigNumbers',
   component: BigNumbers,
   tags: ['autodocs'],
   // TODO: Define argTypes for props not represented by standard JS types.

diff --git a/...erflow/BreadcrumbWithOverflow.stories.jsx → ...Overflow/BreadcrumbWithOverflow.story.jsx b/...erflow/BreadcrumbWithOverflow.stories.jsx → ...Overflow/BreadcrumbWithOverflow.story.jsx
diff --git a/...ponents/ButtonMenu/ButtonMenu.stories.jsx → ...omponents/ButtonMenu/ButtonMenu.story.jsx b/...ponents/ButtonMenu/ButtonMenu.stories.jsx → ...omponents/ButtonMenu/ButtonMenu.story.jsx
@@ -42,7 +42,7 @@ const Template = (args) => {
       text={
         <div>
           This component is deprecated and will be removed in the next major
-          version. Please migrate to Carbon's{' '}
+          version. Please migrate to Carbon&apos;s{' '}
           <a href="https://react.carbondesignsystem.com/?path=/docs/components-menubutton--overview">
             MenuButton
           </a>

diff --git a/...verflow/ButtonSetWithOverflow.stories.jsx → ...hOverflow/ButtonSetWithOverflow.story.jsx b/...verflow/ButtonSetWithOverflow.stories.jsx → ...hOverflow/ButtonSetWithOverflow.story.jsx
diff --git a/.../components/Carousel/Carousel.stories.jsx → ...rc/components/Carousel/Carousel.story.jsx b/.../components/Carousel/Carousel.stories.jsx → ...rc/components/Carousel/Carousel.story.jsx
diff --git a/packages/ibm-products/src/components/Coachmark/Coachmark.stories.jsx b/packages/ibm-products/src/components/Coachmark/Coachmark.stories.jsx
@@ -26,7 +26,7 @@ import mdx from './Coachmark.mdx';
 import styles from './_storybook-styles.scss?inline';
 
 export default {
-  title: 'IBM Products/Onboarding/Coachmark',
+  title: 'Experimental/Components/Coachmark',
   component: Coachmark,
   tags: ['autodocs'],
   argTypes: {

diff --git a/packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.stories.jsx b/packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.stories.jsx
@@ -22,7 +22,7 @@ import styles from './_storybook-styles.scss?inline';
 import { BEACON_KIND } from '../Coachmark/utils/enums';
 
 export default {
-  title: 'IBM Products/Onboarding/Coachmark/Coachmark elements/CoachmarkBeacon',
+  title: 'Experimental/Onboarding/Coachmark/Coachmark elements/CoachmarkBeacon',
   component: CoachmarkBeacon,
   tags: ['autodocs'],
   // TODO: Define argTypes for props not represented by standard JS types.

diff --git a/packages/ibm-products/src/components/CoachmarkButton/CoachmarkButton.stories.jsx b/packages/ibm-products/src/components/CoachmarkButton/CoachmarkButton.stories.jsx
@@ -20,7 +20,7 @@ import mdx from './CoachmarkButton.mdx';
 import styles from './_storybook-styles.scss?inline';
 
 export default {
-  title: 'IBM Products/Onboarding/Coachmark/Coachmark elements/CoachmarkButton',
+  title: 'Experimental/Onboarding/Coachmark/Coachmark elements/CoachmarkButton',
   component: CoachmarkButton,
   tags: ['autodocs'],
   // TODO: Define argTypes for props not represented by standard JS types.

diff --git a/packages/ibm-products/src/components/CoachmarkFixed/CoachmarkFixed.stories.jsx b/packages/ibm-products/src/components/CoachmarkFixed/CoachmarkFixed.stories.jsx
@@ -18,7 +18,7 @@ import mdx from './CoachmarkFixed.mdx';
 import styles from './_storybook-styles.scss?inline';
 
 export default {
-  title: 'IBM Products/Onboarding/Coachmark/CoachmarkFixed',
+  title: 'Experimental/Onboarding/Coachmark/CoachmarkFixed',
   component: CoachmarkFixed,
   tags: ['autodocs'],
   // TODO: Define argTypes for props not represented by standard JS types.

diff --git a/...s/ibm-products/src/components/CoachmarkOverlayElement/CoachmarkOverlayElement.stories.jsx b/...s/ibm-products/src/components/CoachmarkOverlayElement/CoachmarkOverlayElement.stories.jsx
@@ -24,7 +24,7 @@ import styles from './_storybook-styles.scss?inline';
 
 export default {
   title:
-    'IBM Products/Onboarding/Coachmark/Coachmark elements/CoachmarkOverlayElement',
+    'Experimental/Onboarding/Coachmark/Coachmark elements/CoachmarkOverlayElement',
   component: CoachmarkOverlayElement,
   tags: ['autodocs'],
   argTypes: {

diff --git a/...ibm-products/src/components/CoachmarkOverlayElements/CoachmarkOverlayElements.stories.jsx b/...ibm-products/src/components/CoachmarkOverlayElements/CoachmarkOverlayElements.stories.jsx
@@ -18,7 +18,7 @@ import styles from './_storybook-styles.scss?inline';
 
 export default {
   title:
-    'IBM Products/Onboarding/Coachmark/Coachmark elements/CoachmarkOverlayElements',
+    'Experimental/Onboarding/Coachmark/Coachmark elements/CoachmarkOverlayElements',
   component: CoachmarkOverlayElements,
   tags: ['autodocs'],
   argTypes: {

diff --git a/packages/ibm-products/src/components/CoachmarkStack/CoachmarkStack.stories.jsx b/packages/ibm-products/src/components/CoachmarkStack/CoachmarkStack.stories.jsx
@@ -19,7 +19,7 @@ import mdx from './CoachmarkStack.mdx';
 import styles from './_storybook-styles.scss?inline';
 
 export default {
-  title: 'IBM Products/Onboarding/Coachmark/CoachmarkStack',
+  title: 'Experimental/Onboarding/Coachmark/CoachmarkStack',
   component: CoachmarkStack,
   tags: ['autodocs'],
   // TODO: Define argTypes for props not represented by standard JS types.

diff --git a/...nents/ComboButton/ComboButton.stories.jsx → ...ponents/ComboButton/ComboButton.story.jsx b/...nents/ComboButton/ComboButton.stories.jsx → ...ponents/ComboButton/ComboButton.story.jsx
@@ -22,7 +22,7 @@ const Template = () => (
     text={
       <div>
         This component is deprecated and will be removed in the next major
-        version. Please migrate to Carbon's{' '}
+        version. Please migrate to Carbon&apos;s{' '}
         <a href="https://react.carbondesignsystem.com/?path=/docs/components-combobutton--overview">
           ComboButton
         </a>