Fix storybook (#17443)

* chore(release): v11.66.0 (#17413) Co-authored-by: tay1orjones <[email protected]> Co-authored-by: Taylor Jones <[email protected]> * fix: fixed storybook * fix: rollback the stories.mdx * fix: added Meta tag to mdx files * fix: renamed slug to ailabel * fix: added isTemplate to Meta * fix: fixed tabs and tags --------- Co-authored-by: carbon-automation[bot] <103539138+carbon-automation[bot]@users.noreply.github.com> Co-authored-by: tay1orjones <[email protected]> Co-authored-by: Taylor Jones <[email protected]> Co-authored-by: kennylam <[email protected]>
carbon-design-system · Sep 18, 2024 · 0c2cea7 · 0c2cea7
1 parent 9cbfb35
commit 0c2cea7
Show file tree

Hide file tree

Showing 78 changed files with 249 additions and 238 deletions.
diff --git a/packages/react/.storybook/main.js b/packages/react/.storybook/main.js
@@ -18,11 +18,11 @@ import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 const storyGlobs = [
   './Welcome/Welcome.mdx',
   '../src/**/*.stories.js',
-  '../src/**/*.stories.mdx',
+  '../src/**/*.mdx',
   '../src/components/Tile/Tile.mdx',
   '../src/**/next/*.stories.js',
   '../src/**/next/**/*.stories.js',
-  '../src/**/next/*.stories.mdx',
+  '../src/**/next/*.mdx',
   '../src/**/*-story.js',
 ];
 

diff --git a/packages/react/src/components/AILabel/AILabel.mdx b/packages/react/src/components/AILabel/AILabel.mdx
@@ -1,7 +1,9 @@
-import { ArgTypes, Canvas, Story } from '@storybook/blocks';
+import { ArgTypes, Canvas, Story, Meta } from '@storybook/blocks';
 import { AILabel, AILabelContent, AILabelActions } from '.';
 import * as AILabelStories from './AILabel.stories';
 
+<Meta isTemplate />
+
 # AILabel
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Slug)

diff --git a/packages/react/src/components/AILabel/AILabelDatatable.mdx b/packages/react/src/components/AILabel/AILabelDatatable.mdx
@@ -1,6 +1,7 @@
 import { Story, ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import { AILabel, AILabelContent, AILabelActions } from '.';
-import * as AILabelStories from '../DataTable/stories/DataTable-ai-label.stories';
+
+<Meta isTemplate />
 
 # AILabel
 

diff --git a/packages/react/src/components/Accordion/Accordion.mdx b/packages/react/src/components/Accordion/Accordion.mdx
@@ -1,7 +1,9 @@
 import Accordion, { AccordionItem, AccordionSkeleton } from '../Accordion';
-import { ArgTypes, Canvas } from '@storybook/blocks';
+import { ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import * as AccordionStories from './Accordion.stories';
 
+<Meta isTemplate />
+
 # Accordion
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Accordion)

diff --git a/packages/react/src/components/AspectRatio/AspectRatio.mdx b/packages/react/src/components/AspectRatio/AspectRatio.mdx
@@ -1,8 +1,10 @@
-import { Story, ArgTypes, Canvas } from '@storybook/blocks';
+import { Story, ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import * as AspectRatioStories from './AspectRatio.stories';
 import { Grid, Row, Column } from '../Grid';
 import { AspectRatio } from '.';
 
+<Meta isTemplate />
+
 # AspectRatio
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/AspectRatio)

diff --git a/packages/react/src/components/Breadcrumb/Breadcrumb.mdx b/packages/react/src/components/Breadcrumb/Breadcrumb.mdx
@@ -1,7 +1,9 @@
-import { Story, Canvas, ArgTypes } from '@storybook/blocks';
+import { Story, Canvas, ArgTypes, Meta } from '@storybook/blocks';
 import { Breadcrumb, BreadcrumbItem, BreadcrumbSkeleton } from '../Breadcrumb';
 import * as BreadcrumbStories from './Breadcrumb.stories';
 
+<Meta isTemplate />
+
 # Breadcrumb
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Breadcrumb)

diff --git a/packages/react/src/components/Button/Button.mdx b/packages/react/src/components/Button/Button.mdx
@@ -1,9 +1,11 @@
-import { Story, ArgTypes, Canvas, Unstyled } from '@storybook/blocks';
+import { Story, ArgTypes, Canvas, Unstyled, Meta } from '@storybook/blocks';
 import Button from '../Button';
 import ButtonSet from '../ButtonSet';
 import { Add, TrashCan } from '@carbon/icons-react';
 import * as ButtonStories from './Button.stories';
 
+<Meta isTemplate />
+
 # Button
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Button)

diff --git a/packages/react/src/components/Checkbox/Checkbox.mdx b/packages/react/src/components/Checkbox/Checkbox.mdx
@@ -1,7 +1,9 @@
-import { Story, Canvas, ArgTypes } from '@storybook/blocks';
+import { Story, Canvas, ArgTypes, Meta } from '@storybook/blocks';
 import Checkbox, { CheckboxSkeleton } from '../Checkbox';
 import * as CheckboxStories from './Checkbox.stories';
 
+<Meta isTemplate />
+
 # Checkbox
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Checkbox)

diff --git a/packages/react/src/components/ClassPrefix/ClassPrefix.mdx b/packages/react/src/components/ClassPrefix/ClassPrefix.mdx
@@ -1,8 +1,10 @@
-import { Story, ArgTypes, Canvas } from '@storybook/blocks';
+import { Story, ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import LinkTo from '@storybook/addon-links/react';
 import { ClassPrefix } from '../ClassPrefix';
 import * as ClassPrefixStories from './ClassPrefix.stories';
 
+<Meta isTemplate />
+
 # ClassPrefix
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/ClassPrefix)

diff --git a/packages/react/src/components/CodeSnippet/CodeSnippet.mdx b/packages/react/src/components/CodeSnippet/CodeSnippet.mdx
@@ -1,7 +1,9 @@
-import { Story, ArgTypes, Canvas } from '@storybook/blocks';
+import { Story, ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import CodeSnippet from '../CodeSnippet';
 import * as CodeSnippetStories from './CodeSnippet.stories';
 
+<Meta isTemplate />
+
 # CodeSnippet
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/CodeSnippet)

diff --git a/packages/react/src/components/ComboBox/ComboBox.mdx b/packages/react/src/components/ComboBox/ComboBox.mdx
@@ -1,7 +1,9 @@
-import { ArgTypes, Canvas } from '@storybook/blocks';
+import { ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import * as ComboBoxStories from './ComboBox.stories.js';
 import ComboBox from '../ComboBox';
 
+<Meta isTemplate />
+
 # ComboBox
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/ComboBox)
@@ -121,7 +123,7 @@ want to fully control the component, you can use `initialSelectedItem`
 ```jsx
 const items = ['Option 1', 'Option 2', 'Option 3']
 
-<Combobox initialSelectedItem={items[2]} />;
+<Combobox initialSelectedItem={items[2]} />
 ```
 
 ## `itemToElement`

diff --git a/packages/react/src/components/ComboButton/ComboButton.mdx b/packages/react/src/components/ComboButton/ComboButton.mdx
@@ -1,4 +1,6 @@
-import { ArgTypes } from '@storybook/blocks';
+import { ArgTypes, Meta } from '@storybook/blocks';
+
+<Meta isTemplate />
 
 # ComboButton
 

diff --git a/packages/react/src/components/ComposedModal/ComposedModal.featureflag.mdx b/packages/react/src/components/ComposedModal/ComposedModal.featureflag.mdx
@@ -1,3 +1,7 @@
+import { Meta } from '@storybook/blocks';
+
+<Meta isTemplate />
+
 # ComposedModal
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/ComposedModal)

diff --git a/packages/react/src/components/ComposedModal/ComposedModal.mdx b/packages/react/src/components/ComposedModal/ComposedModal.mdx
@@ -1,10 +1,12 @@
-import { Story, ArgTypes, Canvas, Unstyled } from '@storybook/blocks';
+import { Story, ArgTypes, Canvas, Unstyled, Meta } from '@storybook/blocks';
 import ComposedModal from '../ComposedModal';
 import { InlineNotification } from '../Notification';
 import CodeSnippet from '../CodeSnippet';
 import * as ComposedModalStories from './ComposedModal.stories.js';
 import './ComposedModal.stories.scss';
 
+<Meta isTemplate />
+
 # ComposedModal
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/ComposedModal)

diff --git a/packages/react/src/components/ContainedList/ContainedList.mdx b/packages/react/src/components/ContainedList/ContainedList.mdx
@@ -1,6 +1,8 @@
-import { ArgTypes, Story, Canvas } from '@storybook/blocks';
+import { ArgTypes, Story, Canvas, Meta } from '@storybook/blocks';
 import * as ContainedListStories from './ContainedList.stories.js';
 
+<Meta isTemplate />
+
 # ContainedList
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/ContainedList)

diff --git a/packages/react/src/components/ContentSwitcher/ContentSwitcher.mdx b/packages/react/src/components/ContentSwitcher/ContentSwitcher.mdx
@@ -1,8 +1,10 @@
-import { Story, ArgTypes, Canvas } from '@storybook/blocks';
+import { Story, ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import ContentSwitcher from '../ContentSwitcher';
 import Switch from '../Switch';
 import * as ContentSwitcherStories from './ContentSwitcher.stories.js';
 
+<Meta isTemplate />
+
 # Content Switcher
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/ContentSwitcher)

diff --git a/packages/react/src/components/ContextMenu/useContextMenu.mdx b/packages/react/src/components/ContextMenu/useContextMenu.mdx
@@ -1,3 +1,8 @@
+import { Meta } from '@storybook/blocks';
+import * as useContextMenu from './useContextMenu.stories.js';
+
+<Meta isTemplate />
+
 # useContextMenu
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/ContextMenu)

diff --git a/packages/react/src/components/CopyButton/CopyButton.mdx b/packages/react/src/components/CopyButton/CopyButton.mdx
@@ -1,6 +1,8 @@
-import { ArgTypes, Story, Canvas } from '@storybook/blocks';
+import { ArgTypes, Story, Canvas, Meta } from '@storybook/blocks';
 import * as CopyButtonStories from './CopyButton.stories.js';
 
+<Meta isTemplate />
+
 # CopyButton
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/CopyButton)

diff --git a/packages/react/src/components/DataTable/DataTable.mdx b/packages/react/src/components/DataTable/DataTable.mdx
@@ -8,6 +8,8 @@ import {
   TableBody,
 } from '../DataTable';
 
+<Meta isTemplate />
+
 # DataTable
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/DataTable)

diff --git a/packages/react/src/components/DatePicker/DatePicker.mdx b/packages/react/src/components/DatePicker/DatePicker.mdx
@@ -1,8 +1,10 @@
-import { Story, ArgTypes, Canvas } from '@storybook/blocks';
+import { Story, ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import DatePicker from '../DatePicker';
 import DatePickerInput from '../DatePickerInput';
 import * as DatePickerStories from './DatePicker.stories';
 
+<Meta isTemplate />
+
 # Date Picker
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/DatePicker)

diff --git a/packages/react/src/components/Dropdown/Dropdown.mdx b/packages/react/src/components/Dropdown/Dropdown.mdx
@@ -1,8 +1,10 @@
-import { Story, ArgTypes, Canvas } from '@storybook/blocks';
+import { Story, ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import Dropdown from '../Dropdown';
 import DropdownSkeleton from './Dropdown.Skeleton';
 import * as DropdownStories from './Dropdown.stories';
 
+<Meta isTemplate />
+
 # Dropdown
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Dropdown)
@@ -108,7 +110,7 @@ want to fully control the component, you can use `initialSelectedItem`.
 ```jsx
 const items = ['Option 1', 'Option 2', 'Option 3']
 
-<Dropdown initialSelectedItem={items[2]} />;
+<Dropdown initialSelectedItem={items[2]} />
 ```
 
 ### Dropdown `itemToElement`

diff --git a/packages/react/src/components/FileUploader/FileUploader.mdx b/packages/react/src/components/FileUploader/FileUploader.mdx
@@ -1,4 +1,6 @@
-import { ArgTypes } from '@storybook/blocks';
+import { ArgTypes, Meta } from '@storybook/blocks';
+
+<Meta isTemplate />
 
 # FileUploader
 

diff --git a/packages/react/src/components/FluidForm/FluidForm.mdx b/packages/react/src/components/FluidForm/FluidForm.mdx
@@ -1,6 +1,8 @@
-import { ArgTypes, Canvas, Story } from '@storybook/blocks';
+import { ArgTypes, Canvas, Story, Meta } from '@storybook/blocks';
 import * as FluidFormStories from './FluidForm.stories';
 
+<Meta isTemplate />
+
 {/* <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> */}
 
 ## Table of Contents

diff --git a/packages/react/src/components/FluidSelect/FluidSelect.mdx b/packages/react/src/components/FluidSelect/FluidSelect.mdx
@@ -1,9 +1,11 @@
-import { ArgTypes } from '@storybook/blocks';
+import { ArgTypes, Meta } from '@storybook/blocks';
 
 import FluidSelect from './';
 
 import SelectItem from '../SelectItem';
 
+<Meta isTemplate />
+
 # FluidSelect
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/FluidSelect)

diff --git a/packages/react/src/components/Form/Form.mdx b/packages/react/src/components/Form/Form.mdx
@@ -1,6 +1,8 @@
-import { ArgTypes, Canvas, Story } from '@storybook/blocks';
+import { ArgTypes, Canvas, Story, Meta } from '@storybook/blocks';
 import * as FormStories from './Form.stories';
 
+<Meta isTemplate />
+
 {/* <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> */}
 
 ## Table of Contents

diff --git a/packages/react/src/components/FormGroup/FormGroup.mdx b/packages/react/src/components/FormGroup/FormGroup.mdx
@@ -1,6 +1,8 @@
-import { ArgTypes, Story, Canvas } from '@storybook/blocks';
+import { ArgTypes, Story, Canvas, Meta } from '@storybook/blocks';
 import * as FormGroupStories from './FormGroup.stories';
 
+<Meta isTemplate />
+
 # FormGroup
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/master/packages/react/src/components/FormGroup)

diff --git a/packages/react/src/components/FormLabel/FormLabel.mdx b/packages/react/src/components/FormLabel/FormLabel.mdx
@@ -1,7 +1,9 @@
-import { ArgTypes, Story, Canvas } from '@storybook/blocks';
+import { ArgTypes, Story, Canvas, Meta } from '@storybook/blocks';
 import Tooltip from '../Tooltip';
 import * as FormLabelStories from './FormLabel.stories';
 
+<Meta isTemplate />
+
 # FormLabel
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/FormLabel)

diff --git a/packages/react/src/components/Grid/FlexGrid.mdx b/packages/react/src/components/Grid/FlexGrid.mdx
@@ -1,6 +1,8 @@
-import { Story, Canvas, ArgTypes } from '@storybook/blocks';
+import { Story, Canvas, ArgTypes, Meta } from '@storybook/blocks';
 import * as FlexGridStories from './FlexGrid.stories';
 
+<Meta isTemplate />
+
 # Grid
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Grid)

diff --git a/packages/react/src/components/Grid/Grid.mdx b/packages/react/src/components/Grid/Grid.mdx
@@ -1,6 +1,8 @@
-import { Story, Canvas, ArgTypes } from '@storybook/blocks';
+import { Story, Canvas, ArgTypes, Meta } from '@storybook/blocks';
 import * as GridStories from './Grid.stories';
 
+<Meta isTemplate />
+
 # Grid
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Grid)

diff --git a/packages/react/src/components/Heading/Heading.mdx b/packages/react/src/components/Heading/Heading.mdx
@@ -1,6 +1,8 @@
-import { Canvas, ArgTypes, Story } from '@storybook/blocks';
+import { Canvas, ArgTypes, Story, Meta } from '@storybook/blocks';
 import * as HeadingStories from './Heading.stories';
 
+<Meta isTemplate />
+
 # Heading
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/master/packages/react/src/components/Heading)

diff --git a/packages/react/src/components/IconButton/IconButton.mdx b/packages/react/src/components/IconButton/IconButton.mdx
@@ -1,4 +1,6 @@
-import { ArgTypes } from '@storybook/blocks';
+import { ArgTypes, Meta } from '@storybook/blocks';
+
+<Meta isTemplate />
 
 # IconButton
 

diff --git a/packages/react/src/components/IdPrefix/IdPrefix.mdx b/packages/react/src/components/IdPrefix/IdPrefix.mdx
@@ -1,7 +1,9 @@
-import { Story, ArgTypes, Canvas } from '@storybook/blocks';
+import { Story, ArgTypes, Canvas, Meta } from '@storybook/blocks';
 import { IdPrefix } from '../IdPrefix';
 import * as IdPrefixStories from './IdPrefix.stories';
 
+<Meta isTemplate />
+
 # Prefix
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/ClassPrefix)

diff --git a/packages/react/src/components/InlineLoading/InlineLoading.mdx b/packages/react/src/components/InlineLoading/InlineLoading.mdx
@@ -1,7 +1,9 @@
-import { ArgTypes, Canvas, Story } from '@storybook/blocks';
+import { ArgTypes, Canvas, Story, Meta } from '@storybook/blocks';
 import InlineLoading from '../InlineLoading';
 import * as InlineLoadingStories from './InlineLoading.stories';
 
+<Meta isTemplate />
+
 # InlineLoading
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/InlineLoading)

diff --git a/packages/react/src/components/Layer/Layer.mdx b/packages/react/src/components/Layer/Layer.mdx
@@ -1,6 +1,8 @@
-import { ArgTypes, Canvas, Story } from '@storybook/blocks';
+import { ArgTypes, Canvas, Story, Meta } from '@storybook/blocks';
 import * as LayerStories from './Layer.stories';
 
+<Meta isTemplate />
+
 # Layer
 
 [Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Layer)

diff --git a/packages/react/src/components/Layout/Layout.mdx b/packages/react/src/components/Layout/Layout.mdx
@@ -1,4 +1,6 @@
-import { ArgTypes } from '@storybook/blocks';
+import { ArgTypes, Meta } from '@storybook/blocks';
+
+<Meta isTemplate />
 
 # Layout
 

diff --git a/packages/react/src/components/Link/Link.mdx b/packages/react/src/components/Link/Link.mdx
@@ -1,5 +1,6 @@
-import { ArgTypes, Canvas, Story } from '@storybook/blocks';
-import * as LinkStories from './Link.stories';
+import { ArgTypes, Canvas, Story, Meta } from '@storybook/blocks';
+
+<Meta isTemplate />
 
 # Link