Merge pull request #24720 from storybookjs/docs_fix_addon_design_snippet

Docs: Addon Designs removes non-existing import

docs/snippets/angular/component-story-figma-integration.ts.mdx

@@ -3,14 +3,11 @@
 
 import type { Meta, StoryObj } from '@storybook/angular/';
 
-import { withDesign } from 'storybook-addon-designs';
-
 import { MyComponent } from './MyComponent.component';
 
 // More on default export: https://storybook.js.org/docs/angular/writing-stories/introduction#default-export
 const meta: Meta<MyComponent> = {
   component: MyComponent,
-  decorators: [withDesign],
 };
 
 export default meta;

docs/snippets/react/component-story-figma-integration.js.mdx

@@ -1,14 +1,11 @@
 ```js
 // MyComponent.stories.js|jsx
 
-import { withDesign } from 'storybook-addon-designs';
-
 import { MyComponent } from './MyComponent';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
   component: MyComponent,
-  decorators: [withDesign],
 };
 
 export const Example = {

docs/snippets/react/component-story-figma-integration.ts-4-9.mdx

@@ -3,14 +3,11 @@
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { withDesign } from 'storybook-addon-designs';
-
 import { MyComponent } from './MyComponent';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   component: MyComponent,
-  decorators: [withDesign],
 } satisfies Meta<typeof MyComponent>;
 
 export default meta;

docs/snippets/react/component-story-figma-integration.ts.mdx

@@ -3,14 +3,11 @@
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { withDesign } from 'storybook-addon-designs';
-
 import { MyComponent } from './MyComponent';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta: Meta<typeof MyComponent> = {
   component: MyComponent,
-  decorators: [withDesign],
 };
 
 export default meta;

docs/snippets/solid/component-story-figma-integration.js.mdx

@@ -1,13 +1,10 @@
 ```js
 // MyComponent.stories.js|jsx
 
-import { withDesign } from 'storybook-addon-designs';
-
 import { MyComponent } from './MyComponent';
 
 export default {
   component: MyComponent,
-  decorators: [withDesign],
 };
 
 export const Example = {

docs/snippets/solid/component-story-figma-integration.ts-4-9.mdx

@@ -3,13 +3,10 @@
 
 import type { Meta, StoryObj } from 'storybook-solidjs';
 
-import { withDesign } from 'storybook-addon-designs';
-
 import { MyComponent } from './MyComponent';
 
 const meta = {
   component: MyComponent,
-  decorators: [withDesign],
 } satisfies Meta<typeof MyComponent>;
 
 export default meta;

docs/snippets/solid/component-story-figma-integration.ts.mdx

@@ -3,13 +3,10 @@
 
 import type { Meta, StoryObj } from 'storybook-solidjs';
 
-import { withDesign } from 'storybook-addon-designs';
-
 import { MyComponent } from './MyComponent';
 
 const meta: Meta<typeof MyComponent> = {
   component: MyComponent,
-  decorators: [withDesign],
 };
 
 export default meta;

docs/snippets/svelte/component-story-figma-integration.js.mdx

@@ -1,14 +1,11 @@
 ```js
 // MyComponent.stories.js
 
-import { withDesign } from 'storybook-addon-designs';
-
 import MyComponent from './MyComponent.svelte';
 
 // More on default export: https://storybook.js.org/docs/svelte/writing-stories/introduction#default-export
 export default {
   component: { MyComponent },
-  decorators: [withDesign],
 };
 
 export const Example = {

docs/snippets/svelte/component-story-figma-integration.mdx.mdx

@@ -3,14 +3,11 @@
 
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 
-import { withDesign } from 'storybook-addon-designs';
-
 import MyComponent from './MyComponent.svelte';
 
 <Meta
   title="FigmaExample"
   component={MyComponent}
-  decorators={[withDesign]}
 />
 
 <!--

docs/snippets/vue/component-story-figma-integration.js.mdx

@@ -1,14 +1,11 @@
 ```js
 // MyComponent.stories.js
 
-import { withDesign } from 'storybook-addon-designs';
-
 import MyComponent from './MyComponent.vue';
 
 // More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
 export default {
   component: MyComponent,
-  decorators: [withDesign],
 };
 
 export const Example = {

docs/snippets/vue/component-story-figma-integration.ts-4-9.mdx

@@ -4,14 +4,11 @@
 // Replace vue3 with vue if you are using Storybook for Vue 2
 import type { Meta, StoryObj } from '@storybook/vue3';
 
-import { withDesign } from 'storybook-addon-designs';
-
 import MyComponent from './MyComponent.vue';
 
 // More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
 const meta = {
   component: MyComponent,
-  decorators: [withDesign],
 } satisfies Meta<typeof MyComponent>;
 
 export default meta;

docs/snippets/vue/component-story-figma-integration.ts.mdx

@@ -4,14 +4,11 @@
 // Replace vue3 with vue if you are using Storybook for Vue 2
 import type { Meta, StoryObj } from '@storybook/vue3';
 
-import { withDesign } from 'storybook-addon-designs';
-
 import MyComponent from './MyComponent.vue';
 
 // More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
 const meta: Meta<typeof MyComponent> = {
   component: MyComponent,
-  decorators: [withDesign],
 };
 
 export default meta;

docs/snippets/web-components/component-story-figma-integration.js.mdx

@@ -1,11 +1,8 @@
 ```js
 // MyComponent.stories.js
 
-import { withDesign } from 'storybook-addon-designs';
-
 export default {
   component: 'my-component',
-  decorators: [withDesign],
 };
 
 export const Example = {

docs/snippets/web-components/component-story-figma-integration.ts.mdx

@@ -3,11 +3,8 @@
 
 import type { Meta, StoryObj } from '@storybook/web-components';
 
-import { withDesign } from 'storybook-addon-designs';
-
 const meta: Meta = {
   component: 'my-component',
-  decorators: [withDesign],
 };
 
 export default meta;