diff --git a/README.md b/README.md index b36f3c60b0f8..bb7a55352958 100644 --- a/README.md +++ b/README.md @@ -108,7 +108,7 @@ For additional help, share your issue in [the repo's GitHub Discussions](https:/ | [Svelte](code/renderers/svelte) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://next--630873996e4e3557791c069c.chromatic.com/) | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/renderers/svelte) | | [Preact](code/renderers/preact) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://next--63b588a512565bfaace15e7c.chromatic.com/) | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/renderers/preact) | | [Qwik](https://github.com/literalpie/storybook-framework-qwik) | [![](https://img.shields.io/npm/v/storybook-framework-qwik/latest?style=flat-square&color=blue&label)](/) | [![Qwik](https://img.shields.io/npm/dm/storybook-framework-qwik?style=flat-square&color=eee)](https://github.com/literalpie/storybook-framework-qwik) | -| [SolidJS](https://github.com/storybookjs/solidjs) | [![](https://img.shields.io/npm/v/storybook-solidjs/latest?style=flat-square&color=blue&label)](/) | [![SolidJS](https://img.shields.io/npm/dm/storybook-solidjs?style=flat-square&color=eee)](https://github.com/storybookjs/solidjs) | +| [SolidJS](https://github.com/solidjs-community/storybook) | [![](https://img.shields.io/npm/v/storybook-solidjs-vite/latest?style=flat-square&color=blue&label)](/) | [![SolidJS](https://img.shields.io/npm/dm/storybook-solidjs-vite?style=flat-square&color=eee)](https://github.com/solidjs-community/storybook) | | [Android, iOS, Flutter](https://github.com/storybookjs/native) | [![](https://img.shields.io/npm/v/@storybook/native/latest?style=flat-square&color=blue&label)](/) | [![Native](https://img.shields.io/npm/dm/@storybook/native?style=flat-square&color=eee)](https://github.com/storybookjs/native) | ### Addons diff --git a/code/core/src/cli/project_types.ts b/code/core/src/cli/project_types.ts index 49c78486b4f9..7a75f0c9f327 100644 --- a/code/core/src/cli/project_types.ts +++ b/code/core/src/cli/project_types.ts @@ -20,7 +20,12 @@ export type ExternalFramework = { export const externalFrameworks: ExternalFramework[] = [ { name: 'qwik', packageName: 'storybook-framework-qwik' }, - { name: 'solid', frameworks: ['storybook-solidjs-vite'], renderer: 'storybook-solidjs' }, + { + name: 'solid', + packageName: 'storybook-solidjs-vite', + frameworks: ['storybook-solidjs-vite'], + renderer: 'storybook-solidjs-vite', + }, { name: 'nuxt', packageName: '@storybook-vue/nuxt', diff --git a/code/core/src/common/utils/get-storybook-info.ts b/code/core/src/common/utils/get-storybook-info.ts index 1c18fa9cd6a7..3cf0639721e5 100644 --- a/code/core/src/common/utils/get-storybook-info.ts +++ b/code/core/src/common/utils/get-storybook-info.ts @@ -21,7 +21,7 @@ export const rendererPackages: Record = { // community (outside of monorepo) 'storybook-framework-qwik': 'qwik', - 'storybook-solidjs': 'solid', + 'storybook-solidjs-vite': 'solid', /** @deprecated This is deprecated. */ '@storybook/vue': 'vue', diff --git a/code/lib/cli-storybook/src/sandbox-templates.ts b/code/lib/cli-storybook/src/sandbox-templates.ts index 06194ff8e535..1a581489dedd 100644 --- a/code/lib/cli-storybook/src/sandbox-templates.ts +++ b/code/lib/cli-storybook/src/sandbox-templates.ts @@ -378,11 +378,9 @@ export const baseTemplates = { script: 'npx degit solidjs/templates/js {{beforeDir}}', expected: { framework: 'storybook-solidjs-vite', - renderer: 'storybook-solidjs', + renderer: 'storybook-solidjs-vite', builder: '@storybook/builder-vite', }, - // TODO: remove this once solid-vite framework is released - inDevelopment: true, skipTasks: ['e2e-tests', 'bench', 'vitest-integration'], }, 'solid-vite/default-ts': { @@ -390,11 +388,9 @@ export const baseTemplates = { script: 'npx degit solidjs/templates/ts {{beforeDir}}', expected: { framework: 'storybook-solidjs-vite', - renderer: 'storybook-solidjs', + renderer: 'storybook-solidjs-vite', builder: '@storybook/builder-vite', }, - // TODO: remove this once solid-vite framework is released - inDevelopment: true, skipTasks: ['e2e-tests', 'bench'], }, 'vue3-vite/default-js': { diff --git a/docs/_snippets/addon-viewport-configuration-in-meta.md b/docs/_snippets/addon-viewport-configuration-in-meta.md index 25ce41de6773..227c83573ec5 100644 --- a/docs/_snippets/addon-viewport-configuration-in-meta.md +++ b/docs/_snippets/addon-viewport-configuration-in-meta.md @@ -15,7 +15,7 @@ export default { ``` ```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" tabTitle="Without globals API" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { INITIAL_VIEWPORTS } from 'storybook/viewport'; import { MyComponent } from './MyComponent'; diff --git a/docs/_snippets/button-group-story.md b/docs/_snippets/button-group-story.md index 408340ff6e6d..b1471d6daffd 100644 --- a/docs/_snippets/button-group-story.md +++ b/docs/_snippets/button-group-story.md @@ -93,7 +93,7 @@ export const Pair = { ``` ```tsx filename="ButtonGroup.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { ButtonGroup } from '../ButtonGroup'; diff --git a/docs/_snippets/button-story-click-handler-args.md b/docs/_snippets/button-story-click-handler-args.md index 509d6e9651a9..927d9251bb79 100644 --- a/docs/_snippets/button-story-click-handler-args.md +++ b/docs/_snippets/button-story-click-handler-args.md @@ -92,7 +92,7 @@ export const Text = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { action } from 'storybook/actions'; diff --git a/docs/_snippets/button-story-click-handler-simplificated.md b/docs/_snippets/button-story-click-handler-simplificated.md index 2c765c5b7147..53773e175930 100644 --- a/docs/_snippets/button-story-click-handler-simplificated.md +++ b/docs/_snippets/button-story-click-handler-simplificated.md @@ -58,7 +58,7 @@ export const Text = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story-click-handler.md b/docs/_snippets/button-story-click-handler.md index afa2d9fe2a83..8f4e70190185 100644 --- a/docs/_snippets/button-story-click-handler.md +++ b/docs/_snippets/button-story-click-handler.md @@ -72,7 +72,7 @@ export const Text = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { action } from 'storybook/actions'; diff --git a/docs/_snippets/button-story-component-args-primary.md b/docs/_snippets/button-story-component-args-primary.md index 6270995c9779..d50be32d8dad 100644 --- a/docs/_snippets/button-story-component-args-primary.md +++ b/docs/_snippets/button-story-component-args-primary.md @@ -72,7 +72,7 @@ export default { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta } from 'storybook-solidjs'; +import type { Meta } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story-component-decorator.md b/docs/_snippets/button-story-component-decorator.md index 4be6b7e3b0ba..b204637d23fe 100644 --- a/docs/_snippets/button-story-component-decorator.md +++ b/docs/_snippets/button-story-component-decorator.md @@ -134,7 +134,7 @@ export default { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta } from 'storybook-solidjs'; +import type { Meta } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story-decorator.md b/docs/_snippets/button-story-decorator.md index 2b8f0142e582..309658bdf34b 100644 --- a/docs/_snippets/button-story-decorator.md +++ b/docs/_snippets/button-story-decorator.md @@ -91,7 +91,7 @@ export const Primary = { ``` ```ts filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story-default-export-with-component.md b/docs/_snippets/button-story-default-export-with-component.md index 1b21ad17d98f..0184082ce8a1 100644 --- a/docs/_snippets/button-story-default-export-with-component.md +++ b/docs/_snippets/button-story-default-export-with-component.md @@ -54,7 +54,7 @@ export default { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta } from 'storybook-solidjs'; +import type { Meta } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story-rename-story.md b/docs/_snippets/button-story-rename-story.md index 1ab61b30426a..977f167a27b5 100644 --- a/docs/_snippets/button-story-rename-story.md +++ b/docs/_snippets/button-story-rename-story.md @@ -117,7 +117,7 @@ export const Primary = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story-using-args.md b/docs/_snippets/button-story-using-args.md index 3f566957d584..4d474abbf15e 100644 --- a/docs/_snippets/button-story-using-args.md +++ b/docs/_snippets/button-story-using-args.md @@ -212,7 +212,7 @@ export const Tertiary = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story-with-addon-example.md b/docs/_snippets/button-story-with-addon-example.md index fdff6d84dc2a..d2d6823ee58e 100644 --- a/docs/_snippets/button-story-with-addon-example.md +++ b/docs/_snippets/button-story-with-addon-example.md @@ -116,7 +116,7 @@ export const Basic = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story-with-args.md b/docs/_snippets/button-story-with-args.md index b891d1815b74..d9939ce1466d 100644 --- a/docs/_snippets/button-story-with-args.md +++ b/docs/_snippets/button-story-with-args.md @@ -166,7 +166,7 @@ export const Primary = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story-with-emojis.md b/docs/_snippets/button-story-with-emojis.md index 337ada56197a..6f321d990442 100644 --- a/docs/_snippets/button-story-with-emojis.md +++ b/docs/_snippets/button-story-with-emojis.md @@ -162,7 +162,7 @@ export const Tertiary: Story = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/button-story.md b/docs/_snippets/button-story.md index 7d0bda94f5d0..49c836938b34 100644 --- a/docs/_snippets/button-story.md +++ b/docs/_snippets/button-story.md @@ -239,7 +239,7 @@ export const Primary = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; @@ -294,7 +294,7 @@ export const Primary = { ``` ```tsx filename="Button.stories.ts|tsx" renderer="solid" language="ts" tabTitle="with-hooks" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { createSignal } from 'solid-js'; diff --git a/docs/_snippets/component-story-custom-args-complex.md b/docs/_snippets/component-story-custom-args-complex.md index 9049e6654144..75fe6f35cecc 100644 --- a/docs/_snippets/component-story-custom-args-complex.md +++ b/docs/_snippets/component-story-custom-args-complex.md @@ -160,7 +160,7 @@ export const ExampleStory = { ``` ```tsx filename="YourComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { createSignal, createEffect } from 'solid-js'; diff --git a/docs/_snippets/component-story-figma-integration.md b/docs/_snippets/component-story-figma-integration.md index a125c1d5df9d..bff33c487c9a 100644 --- a/docs/_snippets/component-story-figma-integration.md +++ b/docs/_snippets/component-story-figma-integration.md @@ -81,7 +81,7 @@ export const Example = { ``` ```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { MyComponent } from './MyComponent'; diff --git a/docs/_snippets/component-story-static-asset-cdn.md b/docs/_snippets/component-story-static-asset-cdn.md index a5efa7c6355b..32249fe32b68 100644 --- a/docs/_snippets/component-story-static-asset-cdn.md +++ b/docs/_snippets/component-story-static-asset-cdn.md @@ -69,7 +69,7 @@ export const WithAnImage = { ``` ```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { MyComponent } from './MyComponent'; diff --git a/docs/_snippets/component-story-static-asset-with-import.md b/docs/_snippets/component-story-static-asset-with-import.md index e13e0ae16712..d2c1abd5fe0c 100644 --- a/docs/_snippets/component-story-static-asset-with-import.md +++ b/docs/_snippets/component-story-static-asset-with-import.md @@ -92,7 +92,7 @@ export const WithAnImage = { ``` ```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import imageFile from './static/image.png'; diff --git a/docs/_snippets/component-story-static-asset-without-import.md b/docs/_snippets/component-story-static-asset-without-import.md index 17941edee00b..3dcd3c3dddcb 100644 --- a/docs/_snippets/component-story-static-asset-without-import.md +++ b/docs/_snippets/component-story-static-asset-without-import.md @@ -67,7 +67,7 @@ export const WithAnImage = { ``` ```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { MyComponent } from './MyComponent'; diff --git a/docs/_snippets/component-story-with-custom-render-function.md b/docs/_snippets/component-story-with-custom-render-function.md index c8907f8d2510..4db70d88ec1c 100644 --- a/docs/_snippets/component-story-with-custom-render-function.md +++ b/docs/_snippets/component-story-with-custom-render-function.md @@ -147,7 +147,7 @@ export const Example = { ``` ```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Layout } from './Layout'; diff --git a/docs/_snippets/csf-2-example-starter.md b/docs/_snippets/csf-2-example-starter.md index f088e217f038..bdbfec644982 100644 --- a/docs/_snippets/csf-2-example-starter.md +++ b/docs/_snippets/csf-2-example-starter.md @@ -54,7 +54,7 @@ Primary.args = { primary: true }; ``` ```tsx filename="CSF 2 - Button.stories.ts|tsx" renderer="solid" language="ts" -import { ComponentStory, ComponentMeta } from 'storybook-solidjs'; +import { ComponentStory, ComponentMeta } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/csf-3-example-starter.md b/docs/_snippets/csf-3-example-starter.md index 4c96b6a73736..32b449c19c2f 100644 --- a/docs/_snippets/csf-3-example-starter.md +++ b/docs/_snippets/csf-3-example-starter.md @@ -36,7 +36,7 @@ export const Primary: Story = { args: { primary: true } }; ``` ```ts filename="CSF 3 - Button.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/decorator-parameterized-in-preview.md b/docs/_snippets/decorator-parameterized-in-preview.md index 5f04cf8c5a06..dfa8e5844148 100644 --- a/docs/_snippets/decorator-parameterized-in-preview.md +++ b/docs/_snippets/decorator-parameterized-in-preview.md @@ -125,7 +125,7 @@ export default { ``` ```tsx filename=".storybook/preview.tsx" renderer="solid" language="ts" -import type { Preview } from 'storybook-solidjs'; +import type { Preview } from 'storybook-solidjs-vite'; const preview: Preview = { decorators: [ diff --git a/docs/_snippets/histogram-story.md b/docs/_snippets/histogram-story.md index e7c2c3985c43..d3f9da147bd1 100644 --- a/docs/_snippets/histogram-story.md +++ b/docs/_snippets/histogram-story.md @@ -163,7 +163,7 @@ export const Default = { ``` ```ts filename="Histogram.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Histogram } from './Histogram'; diff --git a/docs/_snippets/list-story-expanded.md b/docs/_snippets/list-story-expanded.md index 3f8c699b9229..24c1111fdf69 100644 --- a/docs/_snippets/list-story-expanded.md +++ b/docs/_snippets/list-story-expanded.md @@ -243,7 +243,7 @@ export const ManyItems = { ``` ```tsx filename="List.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { List } from './List'; import { ListItem } from './ListItem'; diff --git a/docs/_snippets/list-story-reuse-data.md b/docs/_snippets/list-story-reuse-data.md index 02badd6d889f..82f84f7831ca 100644 --- a/docs/_snippets/list-story-reuse-data.md +++ b/docs/_snippets/list-story-reuse-data.md @@ -166,7 +166,7 @@ export const ManyItems = { ``` ```tsx filename="List.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { List } from './List'; import { ListItem } from './ListItem'; diff --git a/docs/_snippets/list-story-starter.md b/docs/_snippets/list-story-starter.md index 561fb578ff63..cf07b3f1366e 100644 --- a/docs/_snippets/list-story-starter.md +++ b/docs/_snippets/list-story-starter.md @@ -108,7 +108,7 @@ export const Empty = {}; ``` ```tsx filename="List.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { List } from './List'; diff --git a/docs/_snippets/list-story-template.md b/docs/_snippets/list-story-template.md index 0c26a0ca57ab..36e60ce96331 100644 --- a/docs/_snippets/list-story-template.md +++ b/docs/_snippets/list-story-template.md @@ -207,7 +207,7 @@ export const OneItem = { ``` ```tsx filename="List.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { List } from './List'; import { ListItem } from './ListItem'; diff --git a/docs/_snippets/list-story-unchecked.md b/docs/_snippets/list-story-unchecked.md index 49139da49a89..662e324b4405 100644 --- a/docs/_snippets/list-story-unchecked.md +++ b/docs/_snippets/list-story-unchecked.md @@ -128,7 +128,7 @@ export const OneItem = { ``` ```tsx filename="List.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { List } from './List'; diff --git a/docs/_snippets/list-story-with-subcomponents.md b/docs/_snippets/list-story-with-subcomponents.md index ce01ab5a1c05..ecd8c5966e43 100644 --- a/docs/_snippets/list-story-with-subcomponents.md +++ b/docs/_snippets/list-story-with-subcomponents.md @@ -113,7 +113,7 @@ export const OneItem = { ``` ```tsx filename="List.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { List } from './List'; import { ListItem } from './ListItem'; diff --git a/docs/_snippets/list-story-with-unchecked-children.md b/docs/_snippets/list-story-with-unchecked-children.md index 28d7ece4fd37..0ddf4b6a927d 100644 --- a/docs/_snippets/list-story-with-unchecked-children.md +++ b/docs/_snippets/list-story-with-unchecked-children.md @@ -71,7 +71,7 @@ export const OneItem = { ``` ```tsx filename="List.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { List } from './List'; diff --git a/docs/_snippets/loader-story.md b/docs/_snippets/loader-story.md index e9691575e75f..0a5dc8a56cb2 100644 --- a/docs/_snippets/loader-story.md +++ b/docs/_snippets/loader-story.md @@ -113,7 +113,7 @@ export const Primary = { ``` ```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { TodoItem } from './TodoItem'; diff --git a/docs/_snippets/login-form-with-play-function.md b/docs/_snippets/login-form-with-play-function.md index cac55b079a0f..01f853dbead4 100644 --- a/docs/_snippets/login-form-with-play-function.md +++ b/docs/_snippets/login-form-with-play-function.md @@ -134,7 +134,7 @@ export const FilledForm = { ``` ```tsx filename="LoginForm.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { expect } from 'storybook/test'; diff --git a/docs/_snippets/my-component-story-basic-and-props.md b/docs/_snippets/my-component-story-basic-and-props.md index b57b22b92349..5b3d14825e13 100644 --- a/docs/_snippets/my-component-story-basic-and-props.md +++ b/docs/_snippets/my-component-story-basic-and-props.md @@ -70,7 +70,7 @@ export const WithProp = { ``` ```tsx filename="MyComponent.story.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { MyComponent } from './MyComponent'; diff --git a/docs/_snippets/my-component-story-use-globaltype.md b/docs/_snippets/my-component-story-use-globaltype.md index e6ac0a20e100..2798345e04f0 100644 --- a/docs/_snippets/my-component-story-use-globaltype.md +++ b/docs/_snippets/my-component-story-use-globaltype.md @@ -132,7 +132,7 @@ export const StoryWithLocale = { ``` ```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { MyComponent } from './MyComponent'; diff --git a/docs/_snippets/my-component-story-with-nonstory.md b/docs/_snippets/my-component-story-with-nonstory.md index 8e404c9096f8..e39a9ab702df 100644 --- a/docs/_snippets/my-component-story-with-nonstory.md +++ b/docs/_snippets/my-component-story-with-nonstory.md @@ -119,7 +119,7 @@ export const ComplexStory = { ``` ```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { MyComponent } from './MyComponent'; diff --git a/docs/_snippets/page-story-slots.md b/docs/_snippets/page-story-slots.md index 5ca5b7ef1c22..cfcd6856ff3f 100644 --- a/docs/_snippets/page-story-slots.md +++ b/docs/_snippets/page-story-slots.md @@ -95,7 +95,7 @@ export const CustomFooter = { ```tsx filename="Page.stories.ts|tsx" renderer="solid" language="ts" import type { ComponentProps } from 'solid-js'; -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Page } from './Page'; diff --git a/docs/_snippets/page-story.md b/docs/_snippets/page-story.md index 191b7bc97f7c..8e24c7c16c90 100644 --- a/docs/_snippets/page-story.md +++ b/docs/_snippets/page-story.md @@ -90,7 +90,7 @@ export const LoggedIn = { ``` ```tsx filename="Page.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Page } from './Page'; diff --git a/docs/_snippets/storybook-preview-global-decorator.md b/docs/_snippets/storybook-preview-global-decorator.md index d514fb2eed13..ed8c05c5618f 100644 --- a/docs/_snippets/storybook-preview-global-decorator.md +++ b/docs/_snippets/storybook-preview-global-decorator.md @@ -57,7 +57,7 @@ export default { ``` ```js filename=".storybook/preview.tsx" renderer="solid" language="ts" -import type { Preview } from 'storybook-solidjs'; +import type { Preview } from 'storybook-solidjs-vite'; const preview: Preview = { decorators: [ diff --git a/docs/_snippets/storybook-preview-with-styled-components-decorator.md b/docs/_snippets/storybook-preview-with-styled-components-decorator.md index 46a2a6eaf84e..d0176a9d836e 100644 --- a/docs/_snippets/storybook-preview-with-styled-components-decorator.md +++ b/docs/_snippets/storybook-preview-with-styled-components-decorator.md @@ -85,7 +85,7 @@ export const decorators = [ ``` ```tsx filename=".storybook/preview.tsx" renderer="solid" language="ts" -import type { Preview } from 'storybook-solidjs'; +import type { Preview } from 'storybook-solidjs-vite'; import { ThemeProvider, DefaultTheme } from 'solid-styled-components'; diff --git a/docs/_snippets/tags-combo-example.md b/docs/_snippets/tags-combo-example.md index 76363ccdc5f8..0aea919b2ef4 100644 --- a/docs/_snippets/tags-combo-example.md +++ b/docs/_snippets/tags-combo-example.md @@ -136,7 +136,7 @@ export const Combo = { ``` ```tsx filename="Button.stories.tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { Button } from './Button'; diff --git a/docs/_snippets/your-component-with-decorator.md b/docs/_snippets/your-component-with-decorator.md index b5048a4338a2..8e14872ef37b 100644 --- a/docs/_snippets/your-component-with-decorator.md +++ b/docs/_snippets/your-component-with-decorator.md @@ -67,7 +67,7 @@ export default { ``` ```tsx filename="YourComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta } from 'storybook-solidjs'; +import type { Meta } from 'storybook-solidjs-vite'; import { YourComponent } from './YourComponent'; diff --git a/docs/_snippets/your-component.md b/docs/_snippets/your-component.md index f3d7d9084c27..79be92e4ddbb 100644 --- a/docs/_snippets/your-component.md +++ b/docs/_snippets/your-component.md @@ -149,7 +149,7 @@ export const FirstStory = { ``` ```tsx filename="YourComponent.stories.ts|tsx" renderer="solid" language="ts" -import type { Meta, StoryObj } from 'storybook-solidjs'; +import type { Meta, StoryObj } from 'storybook-solidjs-vite'; import { YourComponent } from './YourComponent'; diff --git a/docs/get-started/install.mdx b/docs/get-started/install.mdx index e26eed122dc6..d33a5b017e3f 100644 --- a/docs/get-started/install.mdx +++ b/docs/get-started/install.mdx @@ -285,7 +285,7 @@ There are some noteworthy items here: - * [Storybook's SolidJS README](https://github.com/storybookjs/solidjs) for more information on how to set up Storybook in your SolidJS project. + * [Storybook's SolidJS README](https://github.com/solidjs-community/storybook) for more information on how to set up Storybook in your SolidJS project. * [Storybook's help documentation](https://storybook.js.org/community#support) to contact the community and ask for help.