[carbon-web-components]: popover Storybook 7 update (#11407)

* feat(popover): convert to storybook 7: rename files * feat(popover): convert to storybook 7 * feat(popover): Change Storybook main file * feat(popover): Small code adjustments * feat(popover): Small code adjustment --------- Co-authored-by: Ignacio Becerra <[email protected]>
carbon-design-system · Jan 30, 2024 · 83794bf · 83794bf
1 parent af424d7
commit 83794bf
Show file tree

Hide file tree

Showing 4 changed files with 224 additions and 198 deletions.
diff --git a/packages/carbon-web-components/.storybook/main.ts b/packages/carbon-web-components/.storybook/main.ts
@@ -55,6 +55,8 @@ const stories = glob.sync(
     '../src/**/layer.mdx',
     '../src/**/file-uploader.mdx',
     '../src/**/file-uploader.stories.ts',
+    '../src/**/popover.mdx',
+    '../src/**/popover.stories.ts',
     '../src/**/form-group.mdx',
     '../src/**/form-group.stories.ts',
     '../src/**/modal.stories.ts',

diff --git a/packages/carbon-web-components/src/components/popover/popover-story.ts b/packages/carbon-web-components/src/components/popover/popover-story.ts
diff --git a/.../src/components/popover/popover-story.mdx → ...onents/src/components/popover/popover.mdx b/.../src/components/popover/popover-story.mdx → ...onents/src/components/popover/popover.mdx
@@ -1,4 +1,7 @@
-import { Props, Description } from '@storybook/addon-docs/blocks';
+import { ArgsTable, Description, Meta } from '@storybook/addon-docs/blocks';
+import * as PopoverStories from './popover.stories';
+
+<Meta of={PopoverStories} /> 
 import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 
 # Popover
@@ -98,8 +101,8 @@ import Settings16 from '@carbon/icons/lib/settings/16';
 
 ## `<cds-popover>` attributes and properties
 
-<Props of="cds-popover" />
+<ArgsTable of="cds-popover" />
 
 ## `<cds-popover-content>` attributes and properties
 
-<Props of="cds-popover-content" />
+<ArgsTable of="cds-popover-content" />