migrate to @storybook/addon-designs

yannbf · Jul 23, 2023 · 50f1b9c · 50f1b9c
1 parent e4f87cc
commit 50f1b9c
Show file tree

Hide file tree

Showing 7 changed files with 3,161 additions and 4,367 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,4 +1,5 @@
 import { StorybookConfig } from '@storybook/react-vite'
+
 const config: StorybookConfig = {
   stories: [
     '../src/docs/Introduction.mdx',
@@ -11,16 +12,13 @@ const config: StorybookConfig = {
     '@storybook/addon-interactions',
     '@storybook/addon-a11y',
     '@storybook/addon-coverage',
-    'storybook-addon-designs',
+    '@storybook/addon-designs',
   ],
   typescript: {
     reactDocgen: 'react-docgen',
   },
   staticDirs: ['../public'],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {},
-  },
+  framework: '@storybook/react-vite',
   docs: {
     autodocs: 'tag',
   },

diff --git a/package.json b/package.json
@@ -54,9 +54,11 @@
     "@ladle/react": "^2.4.5",
     "@storybook/addon-a11y": "7.1.0",
     "@storybook/addon-coverage": "^0.0.8",
+    "@storybook/addon-designs": "^7.0.1",
     "@storybook/addon-essentials": "7.1.0",
     "@storybook/addon-interactions": "7.1.0",
     "@storybook/addon-storyshots": "7.1.0",
+    "@storybook/blocks": "7.1.0",
     "@storybook/jest": "^0.1.0",
     "@storybook/react": "7.1.0",
     "@storybook/react-vite": "7.1.0",
@@ -101,7 +103,6 @@
     "react-is": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "storybook": "7.1.0",
-    "storybook-addon-designs": "^7.0.0-beta.2",
     "storybook-mobile": "^1.0.1",
     "vite": "^4.0.0",
     "vite-plugin-svgr": "^2.2.2",

diff --git a/src/components/Button/Button.mdx b/src/components/Button/Button.mdx
@@ -1,5 +1,5 @@
 import { Meta, Description } from '@storybook/blocks'
-import { Figma } from "storybook-addon-designs/blocks";
+import { Figma } from "@storybook/addon-designs/blocks";
 import { Grid } from './utils'
 import * as ButtonStories from './Button.stories'
 

diff --git a/src/components/Icon/Icon.stories.mdx b/src/components/Icon/Icon.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta, Title, IconGallery, IconItem } from '@storybook/addon-docs';
+import { Meta, Title, IconGallery, IconItem } from '@storybook/blocks';
 
 import { Icon as IconExample } from './Icon';
 

diff --git a/src/docs/Introduction.mdx b/src/docs/Introduction.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs'
+import { Meta } from '@storybook/blocks'
 import Code from './assets/code-brackets.svg'
 import Comments from './assets/comments.svg'
 import Twitter from './assets/twitter.svg'

diff --git a/src/docs/Typography.mdx b/src/docs/Typography.mdx
@@ -1,4 +1,4 @@
-import { Meta, Typeset } from '@storybook/addon-docs'
+import { Meta, Typeset } from '@storybook/blocks'
 
 <Meta title="Design System/Typography" />