From db93b387a17aac3f6aaf783a21489af5c9a14f8b Mon Sep 17 00:00:00 2001 From: jonniebigodes Date: Fri, 8 Sep 2023 22:25:40 +0100 Subject: [PATCH] Minor fix to the WC TS snippets --- docs/snippets/web-components/addon-highlight-reset.ts.mdx | 5 ++++- docs/snippets/web-components/arg-types-in-story.ts.mdx | 3 +-- docs/snippets/web-components/arg-types-mapping.ts.mdx | 1 + docs/snippets/web-components/button-group-story.ts.mdx | 2 +- .../web-components/button-story-action-event-handle.ts.mdx | 1 - docs/snippets/web-components/button-story-baseline.ts.mdx | 2 -- .../web-components/button-story-click-handler-args.ts.mdx | 5 ++--- .../web-components/button-story-click-handler.ts.mdx | 5 ++--- .../button-story-component-args-primary.ts.mdx | 1 + .../web-components/button-story-component-decorator.ts.mdx | 2 +- docs/snippets/web-components/button-story-decorator.ts.mdx | 2 +- .../web-components/button-story-default-export.ts.mdx | 1 + docs/snippets/web-components/button-story-grouped.ts.mdx | 1 + docs/snippets/web-components/button-story-hoisted.ts.mdx | 2 +- .../web-components/button-story-primary-composition.ts.mdx | 2 +- .../web-components/button-story-primary-long-name.ts.mdx | 2 +- .../snippets/web-components/button-story-rename-story.ts.mdx | 2 +- docs/snippets/web-components/button-story-using-args.ts.mdx | 4 +--- docs/snippets/web-components/button-story-with-args.ts.mdx | 2 +- .../web-components/button-story-with-blue-args.ts.mdx | 1 + docs/snippets/web-components/button-story-with-emojis.ts.mdx | 2 +- docs/snippets/web-components/button-story.ts.mdx | 2 +- docs/snippets/web-components/checkbox-story-grouped.ts.mdx | 1 + .../web-components/component-story-custom-params.ts.mdx | 2 +- .../web-components/component-story-highlight-addon.ts.mdx | 5 ++++- .../web-components/component-story-static-asset-cdn.ts.mdx | 4 ++-- .../component-story-static-asset-with-import.ts.mdx | 4 ++-- .../component-story-static-asset-without-import.ts.mdx | 4 ++-- .../component-story-with-custom-render-function.ts.mdx | 4 ++-- docs/snippets/web-components/csf-3-example-starter.ts.mdx | 2 +- .../web-components/highlight-addon-custom-style.ts.mdx | 5 ++++- docs/snippets/web-components/list-story-expanded.ts.mdx | 2 +- docs/snippets/web-components/list-story-reuse-data.ts.mdx | 2 +- docs/snippets/web-components/list-story-starter.ts.mdx | 2 +- docs/snippets/web-components/list-story-template.ts.mdx | 2 +- docs/snippets/web-components/loader-story.ts.mdx | 2 +- .../web-components/login-form-with-play-function.ts.mdx | 2 +- docs/snippets/web-components/my-component-disable-toc.ts.mdx | 1 + .../my-component-play-function-alt-queries.ts.mdx | 5 ++--- .../my-component-play-function-composition.ts.mdx | 5 ++--- .../my-component-play-function-query-findby.ts.mdx | 5 ++--- .../web-components/my-component-play-function-waitfor.ts.mdx | 5 ++--- .../my-component-play-function-with-canvas.ts.mdx | 5 ++--- .../my-component-play-function-with-clickevent.ts.mdx | 5 ++--- .../my-component-play-function-with-delay.ts.mdx | 5 ++--- .../my-component-play-function-with-selectevent.ts.mdx | 5 ++--- .../web-components/my-component-story-basic-and-props.ts.mdx | 4 ++-- .../web-components/my-component-story-use-globaltype.ts.mdx | 4 ++-- docs/snippets/web-components/page-story-slots.ts.mdx | 2 +- .../web-components/page-story-with-args-composition.ts.mdx | 2 +- docs/snippets/web-components/page-story.ts.mdx | 2 +- .../register-component-with-play-function.ts.mdx | 5 ++--- .../web-components/storybook-component-layout-param.ts.mdx | 4 +++- .../storybook-interactions-step-function.js.mdx | 2 +- docs/snippets/web-components/typed-csf-file.ts.mdx | 1 + docs/snippets/web-components/your-component.ts.mdx | 2 +- 56 files changed, 82 insertions(+), 80 deletions(-) diff --git a/docs/snippets/web-components/addon-highlight-reset.ts.mdx b/docs/snippets/web-components/addon-highlight-reset.ts.mdx index a226b045580f..f6f3fc849ceb 100644 --- a/docs/snippets/web-components/addon-highlight-reset.ts.mdx +++ b/docs/snippets/web-components/addon-highlight-reset.ts.mdx @@ -5,10 +5,13 @@ import type { Meta, StoryObj } from '@storybook/web-components'; import { useChannel } from '@storybook/preview-api'; import { HIGHLIGHT, RESET_HIGHLIGHT } from '@storybook/addon-highlight'; -export default { +const meta: Meta = { component: 'my-component', }; +export default meta; +type Story = StoryObj; + export const ResetHighlight: Story = { decorators: [ (story) => { diff --git a/docs/snippets/web-components/arg-types-in-story.ts.mdx b/docs/snippets/web-components/arg-types-in-story.ts.mdx index 8c7eef9efacd..00ee4593d241 100644 --- a/docs/snippets/web-components/arg-types-in-story.ts.mdx +++ b/docs/snippets/web-components/arg-types-in-story.ts.mdx @@ -8,8 +8,7 @@ const meta: Meta = { }; export default meta; - -type Story = StoryObj; +type Story = StoryObj; export const Basic: Story = { argTypes: { diff --git a/docs/snippets/web-components/arg-types-mapping.ts.mdx b/docs/snippets/web-components/arg-types-mapping.ts.mdx index 1f8bdc9f48f2..d7d915ce2fe0 100644 --- a/docs/snippets/web-components/arg-types-mapping.ts.mdx +++ b/docs/snippets/web-components/arg-types-mapping.ts.mdx @@ -17,5 +17,6 @@ const meta: Meta = { }, }, }; + export default meta; ``` diff --git a/docs/snippets/web-components/button-group-story.ts.mdx b/docs/snippets/web-components/button-group-story.ts.mdx index 6e53fb91ffea..2c74e216e0a1 100644 --- a/docs/snippets/web-components/button-group-story.ts.mdx +++ b/docs/snippets/web-components/button-group-story.ts.mdx @@ -9,8 +9,8 @@ import * as ButtonStories from './Button.stories'; const meta: Meta = { component: 'demo-button-group', }; -export default meta; +export default meta; type Story = StoryObj; export const Pair: Story = { diff --git a/docs/snippets/web-components/button-story-action-event-handle.ts.mdx b/docs/snippets/web-components/button-story-action-event-handle.ts.mdx index 67b76d259a4e..81b119c03836 100644 --- a/docs/snippets/web-components/button-story-action-event-handle.ts.mdx +++ b/docs/snippets/web-components/button-story-action-event-handle.ts.mdx @@ -2,7 +2,6 @@ // Button.stories.ts import type { Meta } from '@storybook/web-components'; - import { withActions } from '@storybook/addon-actions/decorator'; const meta: Meta = { diff --git a/docs/snippets/web-components/button-story-baseline.ts.mdx b/docs/snippets/web-components/button-story-baseline.ts.mdx index 1ac5690369a1..121b8caca910 100644 --- a/docs/snippets/web-components/button-story-baseline.ts.mdx +++ b/docs/snippets/web-components/button-story-baseline.ts.mdx @@ -3,8 +3,6 @@ import type { Meta, StoryObj } from '@storybook/web-components'; -import { Button } from './Button'; - const meta: Meta = { component: 'demo-button', }; diff --git a/docs/snippets/web-components/button-story-click-handler-args.ts.mdx b/docs/snippets/web-components/button-story-click-handler-args.ts.mdx index 6e3d484c6033..81af43e6ba6a 100644 --- a/docs/snippets/web-components/button-story-click-handler-args.ts.mdx +++ b/docs/snippets/web-components/button-story-click-handler-args.ts.mdx @@ -1,12 +1,11 @@ ```ts // Button.stories.ts -import { html } from 'lit'; - import type { Meta, StoryObj } from '@storybook/web-components'; - import { action } from '@storybook/addon-actions'; +import { html } from 'lit'; + const meta: Meta = { component: 'custom-button', }; diff --git a/docs/snippets/web-components/button-story-click-handler.ts.mdx b/docs/snippets/web-components/button-story-click-handler.ts.mdx index 32d8c5e5a8b8..dbd76f7175bf 100644 --- a/docs/snippets/web-components/button-story-click-handler.ts.mdx +++ b/docs/snippets/web-components/button-story-click-handler.ts.mdx @@ -1,12 +1,11 @@ ```ts // Button.stories.ts -import { html } from 'lit'; - import type { Meta, StoryObj } from '@storybook/web-components'; - import { action } from '@storybook/addon-actions'; +import { html } from 'lit'; + const meta: Meta = { component: 'custom-button', }; diff --git a/docs/snippets/web-components/button-story-component-args-primary.ts.mdx b/docs/snippets/web-components/button-story-component-args-primary.ts.mdx index abdbfdff0c98..618b4e342f41 100644 --- a/docs/snippets/web-components/button-story-component-args-primary.ts.mdx +++ b/docs/snippets/web-components/button-story-component-args-primary.ts.mdx @@ -14,5 +14,6 @@ const meta: Meta = { primary: true, }, }; + export default meta; ``` diff --git a/docs/snippets/web-components/button-story-component-decorator.ts.mdx b/docs/snippets/web-components/button-story-component-decorator.ts.mdx index 6cd86765f50b..fe6dd814aa53 100644 --- a/docs/snippets/web-components/button-story-component-decorator.ts.mdx +++ b/docs/snippets/web-components/button-story-component-decorator.ts.mdx @@ -9,8 +9,8 @@ const meta: Meta = { component: 'demo-button', decorators: [(story) => html`
${story()}
`], }; -export default meta; +export default meta; type Story = StoryObj; export const Example: Story = {}; diff --git a/docs/snippets/web-components/button-story-decorator.ts.mdx b/docs/snippets/web-components/button-story-decorator.ts.mdx index 033fe4eb5bfe..88b367f00dfe 100644 --- a/docs/snippets/web-components/button-story-decorator.ts.mdx +++ b/docs/snippets/web-components/button-story-decorator.ts.mdx @@ -6,8 +6,8 @@ import type { Meta, StoryObj } from '@storybook/web-components'; const meta: Meta = { component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { diff --git a/docs/snippets/web-components/button-story-default-export.ts.mdx b/docs/snippets/web-components/button-story-default-export.ts.mdx index 3011a06bc58e..8ddd34a485c3 100644 --- a/docs/snippets/web-components/button-story-default-export.ts.mdx +++ b/docs/snippets/web-components/button-story-default-export.ts.mdx @@ -7,5 +7,6 @@ const meta: Meta = { title: 'Button', component: 'demo-button', }; + export default meta; ``` diff --git a/docs/snippets/web-components/button-story-grouped.ts.mdx b/docs/snippets/web-components/button-story-grouped.ts.mdx index 4ec66e915851..418a8fe45d08 100644 --- a/docs/snippets/web-components/button-story-grouped.ts.mdx +++ b/docs/snippets/web-components/button-story-grouped.ts.mdx @@ -7,5 +7,6 @@ const meta: Meta = { title: 'Design System/Atoms/Button', component: 'demo-button', }; + export default meta; ``` diff --git a/docs/snippets/web-components/button-story-hoisted.ts.mdx b/docs/snippets/web-components/button-story-hoisted.ts.mdx index 229356102a70..2eae6d8dc3df 100644 --- a/docs/snippets/web-components/button-story-hoisted.ts.mdx +++ b/docs/snippets/web-components/button-story-hoisted.ts.mdx @@ -7,8 +7,8 @@ const meta: Meta = { title: 'Design System/Atoms/Button', component: 'demo-component', }; -export default meta; +export default meta; type Story = StoryObj; // This is the only named export in the file, and it matches the component name diff --git a/docs/snippets/web-components/button-story-primary-composition.ts.mdx b/docs/snippets/web-components/button-story-primary-composition.ts.mdx index 74a1db41c188..d13113abe026 100644 --- a/docs/snippets/web-components/button-story-primary-composition.ts.mdx +++ b/docs/snippets/web-components/button-story-primary-composition.ts.mdx @@ -6,8 +6,8 @@ import type { Meta, StoryObj } from '@storybook/web-components'; const meta: Meta = { component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { diff --git a/docs/snippets/web-components/button-story-primary-long-name.ts.mdx b/docs/snippets/web-components/button-story-primary-long-name.ts.mdx index 8afe31185b74..4de4973e559c 100644 --- a/docs/snippets/web-components/button-story-primary-long-name.ts.mdx +++ b/docs/snippets/web-components/button-story-primary-long-name.ts.mdx @@ -6,8 +6,8 @@ import type { Meta, StoryObj } from '@storybook/web-components'; const meta: Meta = { component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { diff --git a/docs/snippets/web-components/button-story-rename-story.ts.mdx b/docs/snippets/web-components/button-story-rename-story.ts.mdx index 92fa9661a9d6..d927d44851fa 100644 --- a/docs/snippets/web-components/button-story-rename-story.ts.mdx +++ b/docs/snippets/web-components/button-story-rename-story.ts.mdx @@ -6,8 +6,8 @@ import type { Meta, StoryObj } from '@storybook/web-components'; const meta: Meta = { component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { diff --git a/docs/snippets/web-components/button-story-using-args.ts.mdx b/docs/snippets/web-components/button-story-using-args.ts.mdx index 88f568a2504d..9d621d0feb97 100644 --- a/docs/snippets/web-components/button-story-using-args.ts.mdx +++ b/docs/snippets/web-components/button-story-using-args.ts.mdx @@ -3,13 +3,11 @@ import type { Meta, StoryObj } from '@storybook/web-components'; -import { Button } from './Button'; - const meta: Meta = { component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { diff --git a/docs/snippets/web-components/button-story-with-args.ts.mdx b/docs/snippets/web-components/button-story-with-args.ts.mdx index 499ac88de429..b323e1df96cc 100644 --- a/docs/snippets/web-components/button-story-with-args.ts.mdx +++ b/docs/snippets/web-components/button-story-with-args.ts.mdx @@ -6,8 +6,8 @@ import type { Meta, StoryObj } from '@storybook/web-components'; const meta: Meta = { component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { diff --git a/docs/snippets/web-components/button-story-with-blue-args.ts.mdx b/docs/snippets/web-components/button-story-with-blue-args.ts.mdx index a0372aaafdda..dcf52e61ae9c 100644 --- a/docs/snippets/web-components/button-story-with-blue-args.ts.mdx +++ b/docs/snippets/web-components/button-story-with-blue-args.ts.mdx @@ -16,5 +16,6 @@ const meta: Meta = { }, }, }; + export default meta; ``` diff --git a/docs/snippets/web-components/button-story-with-emojis.ts.mdx b/docs/snippets/web-components/button-story-with-emojis.ts.mdx index 5bf8d8c6f79b..d8e5a1b16e60 100644 --- a/docs/snippets/web-components/button-story-with-emojis.ts.mdx +++ b/docs/snippets/web-components/button-story-with-emojis.ts.mdx @@ -8,8 +8,8 @@ import { html } from 'lit'; const meta: Meta = { component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; /* diff --git a/docs/snippets/web-components/button-story.ts.mdx b/docs/snippets/web-components/button-story.ts.mdx index 2a9f519318fe..96dc34276f64 100644 --- a/docs/snippets/web-components/button-story.ts.mdx +++ b/docs/snippets/web-components/button-story.ts.mdx @@ -8,8 +8,8 @@ import { html } from 'lit'; const meta: Meta = { component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { diff --git a/docs/snippets/web-components/checkbox-story-grouped.ts.mdx b/docs/snippets/web-components/checkbox-story-grouped.ts.mdx index e3084a9e0cbf..962f93794789 100644 --- a/docs/snippets/web-components/checkbox-story-grouped.ts.mdx +++ b/docs/snippets/web-components/checkbox-story-grouped.ts.mdx @@ -7,5 +7,6 @@ const meta: Meta = { title: 'Design System/Atoms/Checkbox', component: 'demo-checkbox', }; + export default meta; ``` diff --git a/docs/snippets/web-components/component-story-custom-params.ts.mdx b/docs/snippets/web-components/component-story-custom-params.ts.mdx index 7d5f8917d402..1ac38ef907e8 100644 --- a/docs/snippets/web-components/component-story-custom-params.ts.mdx +++ b/docs/snippets/web-components/component-story-custom-params.ts.mdx @@ -6,8 +6,8 @@ import type { Meta, StoryObj } from '@storybook/web-components'; const meta: Meta = { component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { diff --git a/docs/snippets/web-components/component-story-highlight-addon.ts.mdx b/docs/snippets/web-components/component-story-highlight-addon.ts.mdx index ce3194d54795..620d112c1967 100644 --- a/docs/snippets/web-components/component-story-highlight-addon.ts.mdx +++ b/docs/snippets/web-components/component-story-highlight-addon.ts.mdx @@ -5,10 +5,13 @@ import type { Meta, StoryObj } from '@storybook/web-components'; import { useChannel } from '@storybook/preview-api'; import { HIGHLIGHT } from '@storybook/addon-highlight'; -export default { +const meta: Meta = { component: 'my-component', }; +export default meta; +type Story = StoryObj; + export const Highlighted: Story = { decorators: [ (story) => { diff --git a/docs/snippets/web-components/component-story-static-asset-cdn.ts.mdx b/docs/snippets/web-components/component-story-static-asset-cdn.ts.mdx index 4da5804853cc..04c75a40d037 100644 --- a/docs/snippets/web-components/component-story-static-asset-cdn.ts.mdx +++ b/docs/snippets/web-components/component-story-static-asset-cdn.ts.mdx @@ -1,10 +1,10 @@ ```ts // MyComponent.stories.ts -import { html } from 'lit'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { html } from 'lit'; + const meta: Meta = { component: 'my-component', }; diff --git a/docs/snippets/web-components/component-story-static-asset-with-import.ts.mdx b/docs/snippets/web-components/component-story-static-asset-with-import.ts.mdx index cd746f173829..0fd82c99170e 100644 --- a/docs/snippets/web-components/component-story-static-asset-with-import.ts.mdx +++ b/docs/snippets/web-components/component-story-static-asset-with-import.ts.mdx @@ -1,10 +1,10 @@ ```ts // MyComponent.stories.ts -import { html } from 'lit'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { html } from 'lit'; + import imageFile from './static/image.png'; const meta: Meta = { diff --git a/docs/snippets/web-components/component-story-static-asset-without-import.ts.mdx b/docs/snippets/web-components/component-story-static-asset-without-import.ts.mdx index 81583de47c96..6804464fc8b0 100644 --- a/docs/snippets/web-components/component-story-static-asset-without-import.ts.mdx +++ b/docs/snippets/web-components/component-story-static-asset-without-import.ts.mdx @@ -1,10 +1,10 @@ ```ts // MyComponent.stories.ts -import { html } from 'lit'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { html } from 'lit'; + const meta: Meta = { component: 'my-component', }; diff --git a/docs/snippets/web-components/component-story-with-custom-render-function.ts.mdx b/docs/snippets/web-components/component-story-with-custom-render-function.ts.mdx index c8a87872602e..c17cdf7c80e9 100644 --- a/docs/snippets/web-components/component-story-with-custom-render-function.ts.mdx +++ b/docs/snippets/web-components/component-story-with-custom-render-function.ts.mdx @@ -1,10 +1,10 @@ ```ts // MyComponent.stories.ts -import { html } from 'lit'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { html } from 'lit'; + const meta: Meta = { component: 'my-component', }; diff --git a/docs/snippets/web-components/csf-3-example-starter.ts.mdx b/docs/snippets/web-components/csf-3-example-starter.ts.mdx index a315648343cf..8279938a15dd 100644 --- a/docs/snippets/web-components/csf-3-example-starter.ts.mdx +++ b/docs/snippets/web-components/csf-3-example-starter.ts.mdx @@ -7,8 +7,8 @@ const meta: Meta = { title: 'components/Button', component: 'demo-button', }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { args: { primary: true } }; diff --git a/docs/snippets/web-components/highlight-addon-custom-style.ts.mdx b/docs/snippets/web-components/highlight-addon-custom-style.ts.mdx index 97967c3a6d1f..c8b4958a57b1 100644 --- a/docs/snippets/web-components/highlight-addon-custom-style.ts.mdx +++ b/docs/snippets/web-components/highlight-addon-custom-style.ts.mdx @@ -5,10 +5,13 @@ import type { Meta, StoryObj } from '@storybook/web-components'; import { useChannel } from '@storybook/preview-api'; import { HIGHLIGHT } from '@storybook/addon-highlight'; -export default { +const meta: Meta = { component: 'my-component', }; +export default meta; +type Story = StoryObj; + export const StyledHighlight: Story = { decorators: [ (story) => { diff --git a/docs/snippets/web-components/list-story-expanded.ts.mdx b/docs/snippets/web-components/list-story-expanded.ts.mdx index 3346e0bb2883..71cb5933351b 100644 --- a/docs/snippets/web-components/list-story-expanded.ts.mdx +++ b/docs/snippets/web-components/list-story-expanded.ts.mdx @@ -8,8 +8,8 @@ import { html } from 'lit'; const meta: Meta = { component: 'demo-list', }; -export default meta; +export default meta; type Story = StoryObj; export const Empty: Story = { diff --git a/docs/snippets/web-components/list-story-reuse-data.ts.mdx b/docs/snippets/web-components/list-story-reuse-data.ts.mdx index 19c2eb148983..9790cd5686d3 100644 --- a/docs/snippets/web-components/list-story-reuse-data.ts.mdx +++ b/docs/snippets/web-components/list-story-reuse-data.ts.mdx @@ -11,8 +11,8 @@ import { Selected, Unselected } from './ListItem.stories'; const meta: Meta = { component: 'demo-list', }; -export default meta; +export default meta; type Story = StoryObj; export const ManyItems: Story = { diff --git a/docs/snippets/web-components/list-story-starter.ts.mdx b/docs/snippets/web-components/list-story-starter.ts.mdx index 30a3e365148d..fa54fbf455bc 100644 --- a/docs/snippets/web-components/list-story-starter.ts.mdx +++ b/docs/snippets/web-components/list-story-starter.ts.mdx @@ -6,8 +6,8 @@ import type { Meta, StoryObj } from '@storybook/web-components'; const meta: Meta = { component: 'demo-list', }; -export default meta; +export default meta; type Story = StoryObj; // Always an empty list, not super interesting diff --git a/docs/snippets/web-components/list-story-template.ts.mdx b/docs/snippets/web-components/list-story-template.ts.mdx index 8a6e284dc266..37b0e1daeb76 100644 --- a/docs/snippets/web-components/list-story-template.ts.mdx +++ b/docs/snippets/web-components/list-story-template.ts.mdx @@ -10,8 +10,8 @@ const meta: Meta = { title: 'List', component: 'demo-list', }; -export default meta; +export default meta; type Story = StoryObj; //👇 The ListTemplate construct will be spread to the existing stories. diff --git a/docs/snippets/web-components/loader-story.ts.mdx b/docs/snippets/web-components/loader-story.ts.mdx index a0318afbae30..bbc8f11885ba 100644 --- a/docs/snippets/web-components/loader-story.ts.mdx +++ b/docs/snippets/web-components/loader-story.ts.mdx @@ -14,8 +14,8 @@ const meta: Meta = { component: 'demo-todo-item', render: (args, { loaded: { todo } }) => TodoItem({ ...args, ...todo }), }; -export default meta; +export default meta; type Story = StoryObj; export const Primary: Story = { diff --git a/docs/snippets/web-components/login-form-with-play-function.ts.mdx b/docs/snippets/web-components/login-form-with-play-function.ts.mdx index 2e6d4878f80e..2986e77d5d91 100644 --- a/docs/snippets/web-components/login-form-with-play-function.ts.mdx +++ b/docs/snippets/web-components/login-form-with-play-function.ts.mdx @@ -8,8 +8,8 @@ import { expect } from '@storybook/jest'; const meta: Meta = { component: 'demo-login-form', }; -export default meta; +export default meta; type Story = StoryObj; export const EmptyForm: Story = {}; diff --git a/docs/snippets/web-components/my-component-disable-toc.ts.mdx b/docs/snippets/web-components/my-component-disable-toc.ts.mdx index d01661634924..7c15b2301fe9 100644 --- a/docs/snippets/web-components/my-component-disable-toc.ts.mdx +++ b/docs/snippets/web-components/my-component-disable-toc.ts.mdx @@ -14,5 +14,6 @@ const meta: Meta = { }, }, }; + export default meta; ``` diff --git a/docs/snippets/web-components/my-component-play-function-alt-queries.ts.mdx b/docs/snippets/web-components/my-component-play-function-alt-queries.ts.mdx index bfa8ca01b61b..c375f0e9631a 100644 --- a/docs/snippets/web-components/my-component-play-function-alt-queries.ts.mdx +++ b/docs/snippets/web-components/my-component-play-function-alt-queries.ts.mdx @@ -1,15 +1,14 @@ ```ts // MyComponent.stories.ts -import { userEvent, within } from '@storybook/testing-library'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { userEvent, within } from '@storybook/testing-library'; const meta: Meta = { component: 'demo-my-component', }; -export default meta; +export default meta; type Story = StoryObj; /* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas diff --git a/docs/snippets/web-components/my-component-play-function-composition.ts.mdx b/docs/snippets/web-components/my-component-play-function-composition.ts.mdx index 60d23a45937d..7970b6ae29d4 100644 --- a/docs/snippets/web-components/my-component-play-function-composition.ts.mdx +++ b/docs/snippets/web-components/my-component-play-function-composition.ts.mdx @@ -1,15 +1,14 @@ ```ts // MyComponent.stories.ts -import { userEvent, within } from '@storybook/testing-library'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { userEvent, within } from '@storybook/testing-library'; const meta: Meta = { component: 'demo-my-component', }; -export default meta; +export default meta; type Story = StoryObj; /* diff --git a/docs/snippets/web-components/my-component-play-function-query-findby.ts.mdx b/docs/snippets/web-components/my-component-play-function-query-findby.ts.mdx index d10cc18b628e..952b00d663bc 100644 --- a/docs/snippets/web-components/my-component-play-function-query-findby.ts.mdx +++ b/docs/snippets/web-components/my-component-play-function-query-findby.ts.mdx @@ -1,15 +1,14 @@ ```ts // MyComponent.stories.ts -import { userEvent, within } from '@storybook/testing-library'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { userEvent, within } from '@storybook/testing-library'; const meta: Meta = { component: 'demo-my-component', }; -export default meta; +export default meta; type Story = StoryObj; /* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas diff --git a/docs/snippets/web-components/my-component-play-function-waitfor.ts.mdx b/docs/snippets/web-components/my-component-play-function-waitfor.ts.mdx index 9f6c1955f2f7..5adc379bee83 100644 --- a/docs/snippets/web-components/my-component-play-function-waitfor.ts.mdx +++ b/docs/snippets/web-components/my-component-play-function-waitfor.ts.mdx @@ -1,15 +1,14 @@ ```ts // MyComponent.stories.ts -import { userEvent, waitFor, within } from '@storybook/testing-library'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { userEvent, waitFor, within } from '@storybook/testing-library'; const meta: Meta = { component: 'demo-my-component', }; -export default meta; +export default meta; type Story = StoryObj; /* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas diff --git a/docs/snippets/web-components/my-component-play-function-with-canvas.ts.mdx b/docs/snippets/web-components/my-component-play-function-with-canvas.ts.mdx index 35b81156e546..2363cad2a2a9 100644 --- a/docs/snippets/web-components/my-component-play-function-with-canvas.ts.mdx +++ b/docs/snippets/web-components/my-component-play-function-with-canvas.ts.mdx @@ -1,15 +1,14 @@ ```ts // MyComponent.stories.ts -import { userEvent, within } from '@storybook/testing-library'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { userEvent, within } from '@storybook/testing-library'; const meta: Meta = { component: 'demo-my-component', }; -export default meta; +export default meta; type Story = StoryObj; export const ExampleStory: Story = { diff --git a/docs/snippets/web-components/my-component-play-function-with-clickevent.ts.mdx b/docs/snippets/web-components/my-component-play-function-with-clickevent.ts.mdx index 3c3e1554cf4d..429f38d563e3 100644 --- a/docs/snippets/web-components/my-component-play-function-with-clickevent.ts.mdx +++ b/docs/snippets/web-components/my-component-play-function-with-clickevent.ts.mdx @@ -1,15 +1,14 @@ ```ts // MyComponent.stories.ts -import { fireEvent, userEvent, within } from '@storybook/testing-library'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { fireEvent, userEvent, within } from '@storybook/testing-library'; const meta: Meta = { component: 'demo-my-component', }; -export default meta; +export default meta; type Story = StoryObj; /* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas diff --git a/docs/snippets/web-components/my-component-play-function-with-delay.ts.mdx b/docs/snippets/web-components/my-component-play-function-with-delay.ts.mdx index b53f3d88f7ee..9c832c572eab 100644 --- a/docs/snippets/web-components/my-component-play-function-with-delay.ts.mdx +++ b/docs/snippets/web-components/my-component-play-function-with-delay.ts.mdx @@ -1,15 +1,14 @@ ```ts // MyComponent.stories.ts -import { userEvent, within } from '@storybook/testing-library'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { userEvent, within } from '@storybook/testing-library'; const meta: Meta = { component: 'demo-my-component', }; -export default meta; +export default meta; type Story = StoryObj; /* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas diff --git a/docs/snippets/web-components/my-component-play-function-with-selectevent.ts.mdx b/docs/snippets/web-components/my-component-play-function-with-selectevent.ts.mdx index d27ab7c390eb..f7782aef7c9b 100644 --- a/docs/snippets/web-components/my-component-play-function-with-selectevent.ts.mdx +++ b/docs/snippets/web-components/my-component-play-function-with-selectevent.ts.mdx @@ -1,15 +1,14 @@ ```ts // MyComponent.stories.ts -import { userEvent, within } from '@storybook/testing-library'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { userEvent, within } from '@storybook/testing-library'; const meta: Meta = { component: 'demo-my-component', }; -export default meta; +export default meta; type Story = StoryObj; // Function to emulate pausing between interactions diff --git a/docs/snippets/web-components/my-component-story-basic-and-props.ts.mdx b/docs/snippets/web-components/my-component-story-basic-and-props.ts.mdx index d3831f40c817..169806842def 100644 --- a/docs/snippets/web-components/my-component-story-basic-and-props.ts.mdx +++ b/docs/snippets/web-components/my-component-story-basic-and-props.ts.mdx @@ -1,10 +1,10 @@ ```ts // MyComponent.stories.ts -import { html } from 'lit'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { html } from 'lit'; + const meta: Meta = { component: 'my-component', }; diff --git a/docs/snippets/web-components/my-component-story-use-globaltype.ts.mdx b/docs/snippets/web-components/my-component-story-use-globaltype.ts.mdx index aaff6d5d39bc..43341aec2b59 100644 --- a/docs/snippets/web-components/my-component-story-use-globaltype.ts.mdx +++ b/docs/snippets/web-components/my-component-story-use-globaltype.ts.mdx @@ -1,10 +1,10 @@ ```ts // MyComponent.stories.ts -import { html } from 'lit'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { html } from 'lit'; + const meta: Meta = { component: 'my-component', }; diff --git a/docs/snippets/web-components/page-story-slots.ts.mdx b/docs/snippets/web-components/page-story-slots.ts.mdx index aa4d7c7a09c9..24b1fdc62b1e 100644 --- a/docs/snippets/web-components/page-story-slots.ts.mdx +++ b/docs/snippets/web-components/page-story-slots.ts.mdx @@ -16,8 +16,8 @@ const meta: Meta = { `, }; -export default meta; +export default meta; type Story = StoryObj; export const CustomFooter: Story = { diff --git a/docs/snippets/web-components/page-story-with-args-composition.ts.mdx b/docs/snippets/web-components/page-story-with-args-composition.ts.mdx index 703054de0a54..646e5a9138ae 100644 --- a/docs/snippets/web-components/page-story-with-args-composition.ts.mdx +++ b/docs/snippets/web-components/page-story-with-args-composition.ts.mdx @@ -11,8 +11,8 @@ import DocumentList from './DocumentList.stories'; const meta: Meta = { component: 'demo-document-screen', }; -export default meta; +export default meta; type Story = StoryObj; export const Simple: Story = { diff --git a/docs/snippets/web-components/page-story.ts.mdx b/docs/snippets/web-components/page-story.ts.mdx index 45d5acf13042..70647ad5da78 100644 --- a/docs/snippets/web-components/page-story.ts.mdx +++ b/docs/snippets/web-components/page-story.ts.mdx @@ -9,8 +9,8 @@ import * as HeaderStories from './Header.stories'; const meta: Meta = { component: 'demo-page', }; -export default meta; +export default meta; type Story = StoryObj; export const LoggedIn: Story = { diff --git a/docs/snippets/web-components/register-component-with-play-function.ts.mdx b/docs/snippets/web-components/register-component-with-play-function.ts.mdx index a21eddeec33b..c4f419eb1087 100644 --- a/docs/snippets/web-components/register-component-with-play-function.ts.mdx +++ b/docs/snippets/web-components/register-component-with-play-function.ts.mdx @@ -1,15 +1,14 @@ ```ts // RegistrationForm.stories.ts -import { userEvent, within } from '@storybook/testing-library'; - import type { Meta, StoryObj } from '@storybook/web-components'; +import { userEvent, within } from '@storybook/testing-library'; const meta: Meta = { component: 'demo-registration-form', }; -export default meta; +export default meta; type Story = StoryObj; /* diff --git a/docs/snippets/web-components/storybook-component-layout-param.ts.mdx b/docs/snippets/web-components/storybook-component-layout-param.ts.mdx index 3e25074660da..94e5fb6ee78b 100644 --- a/docs/snippets/web-components/storybook-component-layout-param.ts.mdx +++ b/docs/snippets/web-components/storybook-component-layout-param.ts.mdx @@ -1,7 +1,7 @@ ```ts // Button.stories.ts -import type { Meta, StoryObj } from '@storybook/web-components'; +import type { Meta } from '@storybook/web-components'; const meta: Meta = { component: 'demo-button', @@ -10,4 +10,6 @@ const meta: Meta = { layout: 'centered', }, }; + +export default meta; ``` diff --git a/docs/snippets/web-components/storybook-interactions-step-function.js.mdx b/docs/snippets/web-components/storybook-interactions-step-function.js.mdx index 1d0808a9139a..e2d025a51aeb 100644 --- a/docs/snippets/web-components/storybook-interactions-step-function.js.mdx +++ b/docs/snippets/web-components/storybook-interactions-step-function.js.mdx @@ -3,7 +3,7 @@ import { userEvent, within } from '@storybook/testing-library'; -const meta: Meta = { +export default = { component: 'my-component', }; diff --git a/docs/snippets/web-components/typed-csf-file.ts.mdx b/docs/snippets/web-components/typed-csf-file.ts.mdx index 7814ea60fdda..19d2def91703 100644 --- a/docs/snippets/web-components/typed-csf-file.ts.mdx +++ b/docs/snippets/web-components/typed-csf-file.ts.mdx @@ -7,6 +7,7 @@ const meta: Meta = { title: 'Button', component: 'demo-button', }; + export default meta; export const Basic: StoryObj = {}; diff --git a/docs/snippets/web-components/your-component.ts.mdx b/docs/snippets/web-components/your-component.ts.mdx index 42e5df1abe4b..4ba15165da62 100644 --- a/docs/snippets/web-components/your-component.ts.mdx +++ b/docs/snippets/web-components/your-component.ts.mdx @@ -7,8 +7,8 @@ import type { Meta, StoryObj } from '@storybook/web-components'; const meta: Meta = { component: 'demo-your-component', }; -export default meta; +export default meta; type Story = StoryObj; export const FirstStory: Story = {