Upgrade storybook packages

OskarAsplin · Aug 11, 2024 · 43f31af · 43f31af
1 parent 68c592a
commit 43f31af
Show file tree

Hide file tree

Showing 3 changed files with 637 additions and 1,950 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -2,6 +2,7 @@ import { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
@@ -10,11 +11,17 @@ const config: StorybookConfig = {
       name: '@storybook/addon-styling',
       options: {},
     },
+    '@chromatic-com/storybook',
   ],
+
   framework: {
     name: '@storybook/react-vite',
     options: {},
   },
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+  },
 };
 
 export default config;
diff --git a/package.json b/package.json
@@ -57,8 +57,8 @@
     "lint": "eslint 'src/**/*.{js,jsx,ts,tsx,json}'",
     "lint:fix": "eslint --fix 'src/**/*.{js,jsx,ts,tsx,json}'",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc",
-    "storybook": "storybook dev -p 6006 -s public",
-    "build-storybook": "storybook build -s public",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "find-circular-dependencies": "madge --circular ./src/index.tsx",
     "find-unused-exports": "ts-prune",
     "find-dead-code": "ts-prune | grep -v \"(used in module)\" || true"
@@ -100,11 +100,12 @@
     ]
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.6.5",
-    "@storybook/addon-links": "^7.6.5",
+    "@chromatic-com/storybook": "^1",
+    "@storybook/addon-essentials": "^8.2.8",
+    "@storybook/addon-links": "^8.2.8",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/react": "^7.6.5",
-    "@storybook/react-vite": "^7.6.5",
+    "@storybook/react": "^8.2.8",
+    "@storybook/react-vite": "^8.2.8",
     "@typescript-eslint/eslint-plugin": "^8.0.1",
     "@typescript-eslint/parser": "^8.0.1",
     "@vitejs/plugin-react": "^4.3.1",
@@ -117,11 +118,11 @@
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-storybook": "^0.8.0",
     "prettier": "^3.3.3",
     "prop-types": "^15.8.1",
-    "storybook": "^7.6.5",
-    "storybook-react-i18next": "^2.0.9",
+    "storybook": "^8.2.8",
+    "storybook-react-i18next": "^3.1.7",
     "ts-prune": "^0.10.3",
     "vite": "^5.4.0",
     "vite-plugin-checker": "^0.7.2",