docs(Fluid): group fluid stories in storybook (#15590)

carbon-design-system · Jan 23, 2024 · e02f37f · e02f37f
1 parent a3e4112
commit e02f37f
Show file tree

Hide file tree

Showing 33 changed files with 69 additions and 69 deletions.
diff --git a/e2e/components/FluidComboBox/FluidComboBox-test.avt.e2e.js b/e2e/components/FluidComboBox/FluidComboBox-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('FluidComboBox @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidComboBox',
-      id: 'experimental-unstable-fluidcombobox--default',
+      id: 'experimental-fluid-components-unstable-fluidcombobox--default',
       globals: {
         theme: 'white',
       },
@@ -26,7 +26,7 @@ test.describe('FluidComboBox @avt', () => {
   test.skip('@avt-advanced-states open', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidComboBox',
-      id: 'experimental-unstable-fluidcombobox--default',
+      id: 'experimental-fluid-components-unstable-fluidcombobox--default',
       globals: {
         theme: 'white',
       },
@@ -47,7 +47,7 @@ test.describe('FluidComboBox @avt', () => {
   test('@avt-keyboard-nav', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidComboBox',
-      id: 'experimental-unstable-fluidcombobox--default',
+      id: 'experimental-fluid-components-unstable-fluidcombobox--default',
       globals: {
         theme: 'white',
       },

diff --git a/e2e/components/FluidComboBox/FluidComboBox-test.e2e.js b/e2e/components/FluidComboBox/FluidComboBox-test.e2e.js
@@ -17,7 +17,7 @@ test.describe('FluidComboBox', () => {
       test('fluid dropdown @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidComboBox',
-          id: 'experimental-unstable-fluidcombobox--default',
+          id: 'experimental-fluid-components-unstable-fluidcombobox--default',
           theme,
         });
       });

diff --git a/e2e/components/FluidDatePicker/FluidDatePicker-test.avt.e2e.js b/e2e/components/FluidDatePicker/FluidDatePicker-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('FluidDatePicker @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidDatePicker',
-      id: 'experimental-unstable-fluiddatepicker--range-with-calendar',
+      id: 'experimental-fluid-components-unstable-fluiddatepicker--range-with-calendar',
       globals: {
         theme: 'white',
       },
@@ -25,7 +25,7 @@ test.describe('FluidDatePicker @avt', () => {
   test('@avt-advanced-states single', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidDatePicker',
-      id: 'experimental-unstable-fluiddatepicker--single',
+      id: 'experimental-fluid-components-unstable-fluiddatepicker--single',
       globals: {
         theme: 'white',
       },
@@ -36,7 +36,7 @@ test.describe('FluidDatePicker @avt', () => {
   test('@avt-advanced-states simple', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidDatePicker',
-      id: 'experimental-unstable-fluiddatepicker--simple',
+      id: 'experimental-fluid-components-unstable-fluiddatepicker--simple',
       globals: {
         theme: 'white',
       },
@@ -47,7 +47,7 @@ test.describe('FluidDatePicker @avt', () => {
   test('@avt-advanced-states skeleton', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidDatePicker',
-      id: 'experimental-unstable-fluiddatepicker--skeleton',
+      id: 'experimental-fluid-components-unstable-fluiddatepicker--skeleton',
       globals: {
         theme: 'white',
       },
@@ -58,7 +58,7 @@ test.describe('FluidDatePicker @avt', () => {
   test('@avt-keyboard-nav single', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidDatePicker',
-      id: 'experimental-unstable-fluiddatepicker--single',
+      id: 'experimental-fluid-components-unstable-fluiddatepicker--single',
       globals: {
         theme: 'white',
       },
@@ -79,7 +79,7 @@ test.describe('FluidDatePicker @avt', () => {
   test('@avt-keyboard-nav range', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidDatePicker',
-      id: 'experimental-unstable-fluiddatepicker--range-with-calendar',
+      id: 'experimental-fluid-components-unstable-fluiddatepicker--range-with-calendar',
       globals: {
         theme: 'white',
       },

diff --git a/e2e/components/FluidDatePicker/FluidDatePicker-test.e2e.js b/e2e/components/FluidDatePicker/FluidDatePicker-test.e2e.js
@@ -17,23 +17,23 @@ test.describe('FluidDatePicker', () => {
       test('fluid date picker (range) @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidDatePicker',
-          id: 'experimental-unstable-fluiddatepicker--range-with-calendar',
+          id: 'experimental-fluid-components-unstable-fluiddatepicker--range-with-calendar',
           theme,
         });
       });
 
       test('fluid date picker (single) @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidDatePicker',
-          id: 'experimental-unstable-fluiddatepicker--single',
+          id: 'experimental-fluid-components-unstable-fluiddatepicker--single',
           theme,
         });
       });
 
       test('fluid date picker (simple) @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidDatePicker',
-          id: 'experimental-unstable-fluiddatepicker--simple',
+          id: 'experimental-fluid-components-unstable-fluiddatepicker--simple',
           theme,
         });
       });

diff --git a/e2e/components/FluidDropdown/FluidDropdown-test.avt.e2e.js b/e2e/components/FluidDropdown/FluidDropdown-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('FluidDropdown @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidDropdown',
-      id: 'experimental-unstable-fluiddropdown--default',
+      id: 'experimental-fluid-components-unstable-fluiddropdown--default',
       globals: {
         theme: 'white',
       },
@@ -25,7 +25,7 @@ test.describe('FluidDropdown @avt', () => {
   test('@avt-advanced-states condensed', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidDropdown',
-      id: 'experimental-unstable-fluiddropdown--condensed',
+      id: 'experimental-fluid-components-unstable-fluiddropdown--condensed',
       globals: {
         theme: 'white',
       },
@@ -36,7 +36,7 @@ test.describe('FluidDropdown @avt', () => {
   test('@avt-advanced-states skeleton', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidDropdown',
-      id: 'experimental-unstable-fluiddropdown--skeleton',
+      id: 'experimental-fluid-components-unstable-fluiddropdown--skeleton',
       globals: {
         theme: 'white',
       },
@@ -47,7 +47,7 @@ test.describe('FluidDropdown @avt', () => {
   test('@avt-keyboard-nav', async ({ page }) => {
     await visitStory(page, {
       component: 'Dropdown',
-      id: 'experimental-unstable-fluiddropdown--default',
+      id: 'experimental-fluid-components-unstable-fluiddropdown--default',
       globals: {
         theme: 'white',
       },

diff --git a/e2e/components/FluidDropdown/FluidDropdown-test.e2e.js b/e2e/components/FluidDropdown/FluidDropdown-test.e2e.js
@@ -17,7 +17,7 @@ test.describe('FluidDropdown', () => {
       test('fluid dropdown @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidDropdown',
-          id: 'experimental-unstable-fluiddropdown--default',
+          id: 'experimental-fluid-components-unstable-fluiddropdown--default',
           theme,
         });
       });

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

diff --git a/e2e/components/FluidForm/FluidForm-test.e2e.js b/e2e/components/FluidForm/FluidForm-test.e2e.js
@@ -16,7 +16,7 @@ test.describe('FluidForm', () => {
       test('fluid form @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidForm',
-          id: 'experimental-fluidform--default',
+          id: 'experimental-fluid-components-fluidform--default',
           theme,
         });
       });

diff --git a/e2e/components/FluidMultiSelect/FluidMultiSelect-test.avt.e2e.js b/e2e/components/FluidMultiSelect/FluidMultiSelect-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('FluidMultiSelect @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidMultiSelect',
-      id: 'experimental-unstable-fluidmultiselect--default',
+      id: 'experimental-fluid-components-unstable-fluidmultiselect--default',
       globals: {
         theme: 'white',
       },
@@ -27,7 +27,7 @@ test.describe('FluidMultiSelect @avt', () => {
   test('@avt-advanced-states condensed', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidMultiSelect',
-      id: 'experimental-unstable-fluidmultiselect--condensed',
+      id: 'experimental-fluid-components-unstable-fluidmultiselect--condensed',
       globals: {
         theme: 'white',
       },
@@ -38,7 +38,7 @@ test.describe('FluidMultiSelect @avt', () => {
   test('@avt-advanced-states skeleton', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidMultiSelect',
-      id: 'experimental-unstable-fluidmultiselect--skeleton',
+      id: 'experimental-fluid-components-unstable-fluidmultiselect--skeleton',
       globals: {
         theme: 'white',
       },
@@ -49,7 +49,7 @@ test.describe('FluidMultiSelect @avt', () => {
   test('@avt-keyboard-nav FluidMultiSelect', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidMultiSelect',
-      id: 'experimental-unstable-fluidmultiselect--default',
+      id: 'experimental-fluid-components-unstable-fluidmultiselect--default',
       globals: {
         theme: 'white',
       },
@@ -144,7 +144,7 @@ test.describe('FluidMultiSelect @avt', () => {
   test('@avt-keyboard-nav FluidMultiSelect condensed', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidMultiSelect',
-      id: 'experimental-unstable-fluidmultiselect--condensed',
+      id: 'experimental-fluid-components-unstable-fluidmultiselect--condensed',
       globals: {
         theme: 'white',
       },

diff --git a/e2e/components/FluidMultiSelect/FluidMultiSelect-test.e2e.js b/e2e/components/FluidMultiSelect/FluidMultiSelect-test.e2e.js
@@ -17,7 +17,7 @@ test.describe('FluidMultiSelect', () => {
       test('fluid dropdown @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidMultiSelect',
-          id: 'experimental-unstable-fluidmultiselect--default',
+          id: 'experimental-fluid-components-unstable-fluidmultiselect--default',
           theme,
         });
       });

diff --git a/e2e/components/FluidNumberInput/FluidNumberInput-test.avt.e2e.js b/e2e/components/FluidNumberInput/FluidNumberInput-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('FluidNumberInput @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidNumberInput',
-      id: 'experimental-unstable-fluidnumberinput--default',
+      id: 'experimental-fluid-components-unstable-fluidnumberinput--default',
       globals: {
         theme: 'white',
       },
@@ -27,7 +27,7 @@ test.describe('FluidNumberInput @avt', () => {
   test('@avt-advanced-states skeleton', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidNumberInput',
-      id: 'experimental-unstable-fluidnumberinput--skeleton',
+      id: 'experimental-fluid-components-unstable-fluidnumberinput--skeleton',
       globals: {
         theme: 'white',
       },
@@ -38,7 +38,7 @@ test.describe('FluidNumberInput @avt', () => {
   test('@avt-keyboard-nav NumberInput', async ({ page }) => {
     await visitStory(page, {
       component: 'NumberInput',
-      id: 'experimental-unstable-fluidnumberinput--default',
+      id: 'experimental-fluid-components-unstable-fluidnumberinput--default',
       globals: {
         theme: 'white',
       },

diff --git a/e2e/components/FluidNumberInput/FluidNumberInput-test.e2e.js b/e2e/components/FluidNumberInput/FluidNumberInput-test.e2e.js
@@ -17,7 +17,7 @@ test.describe('FluidNumberInput', () => {
       test('fluid text input @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidNumberInput',
-          id: 'experimental-unstable-fluidnumberinput--default',
+          id: 'experimental-fluid-components-unstable-fluidnumberinput--default',
           theme,
         });
       });

diff --git a/e2e/components/FluidSearch/FluidSearch-test.avt.e2e.js b/e2e/components/FluidSearch/FluidSearch-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('FluidSearch @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidSearch',
-      id: 'experimental-unstable-fluidsearch--default',
+      id: 'experimental-fluid-components-unstable-fluidsearch--default',
       globals: {
         theme: 'white',
       },
@@ -25,7 +25,7 @@ test.describe('FluidSearch @avt', () => {
   test('@avt-advanced-states skeleton', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidSearch',
-      id: 'experimental-unstable-fluidsearch--skeleton',
+      id: 'experimental-fluid-components-unstable-fluidsearch--skeleton',
       globals: {
         theme: 'white',
       },
@@ -36,7 +36,7 @@ test.describe('FluidSearch @avt', () => {
   test('@avt-keyboard-nav', async ({ page }) => {
     await visitStory(page, {
       component: 'Search',
-      id: 'experimental-unstable-fluidsearch--default',
+      id: 'experimental-fluid-components-unstable-fluidsearch--default',
       globals: {
         theme: 'white',
       },

diff --git a/e2e/components/FluidSearch/FluidSearch-test.e2e.js b/e2e/components/FluidSearch/FluidSearch-test.e2e.js
@@ -17,7 +17,7 @@ test.describe('FluidSearch', () => {
       test('fluid select @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidSearch',
-          id: 'experimental-unstable-fluidsearch--default',
+          id: 'experimental-fluid-components-unstable-fluidsearch--default',
           theme,
         });
       });

diff --git a/e2e/components/FluidSelect/FluidSelect-test.avt.e2e.js b/e2e/components/FluidSelect/FluidSelect-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('FluidSelect @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidSelect',
-      id: 'experimental-unstable-fluidselect--default',
+      id: 'experimental-fluid-components-unstable-fluidselect--default',
       globals: {
         theme: 'white',
       },
@@ -25,7 +25,7 @@ test.describe('FluidSelect @avt', () => {
   test('@avt-advanced-states skeleton', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidSelect',
-      id: 'experimental-unstable-fluidselect--skeleton',
+      id: 'experimental-fluid-components-unstable-fluidselect--skeleton',
       globals: {
         theme: 'white',
       },
@@ -36,7 +36,7 @@ test.describe('FluidSelect @avt', () => {
   test('@avt-keyboard-nav FluidSelect', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidSelect',
-      id: 'experimental-unstable-fluidselect--default',
+      id: 'experimental-fluid-components-unstable-fluidselect--default',
       globals: {
         theme: 'white',
       },

diff --git a/e2e/components/FluidSelect/FluidSelect-test.e2e.js b/e2e/components/FluidSelect/FluidSelect-test.e2e.js
@@ -17,7 +17,7 @@ test.describe('FluidSelect', () => {
       test('fluid select @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'FluidSelect',
-          id: 'experimental-unstable-fluidselect--default',
+          id: 'experimental-fluid-components-unstable-fluidselect--default',
           theme,
         });
       });

diff --git a/e2e/components/FluidTextArea/FluidTextArea-test.avt.e2e.js b/e2e/components/FluidTextArea/FluidTextArea-test.avt.e2e.js
@@ -14,7 +14,7 @@ test.describe('FluidTextArea @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidTextArea',
-      id: 'experimental-unstable-fluidtextarea--default',
+      id: 'experimental-fluid-components-unstable-fluidtextarea--default',
       globals: {
         theme: 'white',
       },
@@ -25,7 +25,7 @@ test.describe('FluidTextArea @avt', () => {
   test('@avt-advanced-states default-with-layers', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidTextArea',
-      id: 'experimental-unstable-fluidtextarea--default-with-layers',
+      id: 'experimental-fluid-components-unstable-fluidtextarea--default-with-layers',
       globals: {
         theme: 'white',
       },
@@ -38,7 +38,7 @@ test.describe('FluidTextArea @avt', () => {
   test('@avt-advanced-states default-with-tooltip', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidTextArea',
-      id: 'experimental-unstable-fluidtextarea--default-with-tooltip',
+      id: 'experimental-fluid-components-unstable-fluidtextarea--default-with-tooltip',
       globals: {
         theme: 'white',
       },
@@ -51,7 +51,7 @@ test.describe('FluidTextArea @avt', () => {
   test('@avt-advanced-states skeleton', async ({ page }) => {
     await visitStory(page, {
       component: 'FluidTextArea',
-      id: 'experimental-unstable-fluidtextarea--skeleton',
+      id: 'experimental-fluid-components-unstable-fluidtextarea--skeleton',
       globals: {
         theme: 'white',
       },
@@ -62,7 +62,7 @@ test.describe('FluidTextArea @avt', () => {
   test('@avt-keyboard-nav FluidTextArea default', async ({ page }) => {
     await visitStory(page, {
       component: 'TextArea',
-      id: 'experimental-unstable-fluidtextarea--default',
+      id: 'experimental-fluid-components-unstable-fluidtextarea--default',
       globals: {
         theme: 'white',
       },
@@ -83,7 +83,7 @@ test.describe('FluidTextArea @avt', () => {
   test('@avt-keyboard-nav FluidTextArea with tooltip', async ({ page }) => {
     await visitStory(page, {
       component: 'TextArea',
-      id: 'experimental-unstable-fluidtextarea--default-with-tooltip',
+      id: 'experimental-fluid-components-unstable-fluidtextarea--default-with-tooltip',
       globals: {
         theme: 'white',
       },