Update storybook to 8.x (#172)

Author: Hacksore

.storybook/main.ts

@@ -1,10 +1,20 @@
 import type { StorybookConfig } from "@storybook/react-vite";
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: ["@storybook/addon-essentials", "@storybook/addon-controls"],
+  addons: [
+    "@storybook/addon-essentials",
+    "@storybook/addon-controls"
+  ],
+
   framework: {
     name: "@storybook/react-vite",
     options: {},
   },
+
+  docs: {},
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript"
+  }
 };
 export default config;

.storybook/preview.ts

@@ -6,14 +6,15 @@ const preview: Preview = {
     docs: {
       theme: themes.dark,
     },
-    actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
       matchers: {
         color: /(background|color)$/i,
         date: /Date$/,
       },
     },
   },
+
+  tags: ["autodocs"]
 };
 
 export default preview;

package.json

@@ -29,15 +29,16 @@
     "jackspeak": "2.1.1"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^1",
     "@rollup/plugin-commonjs": "^25.0.3",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-terser": "^0.4.1",
     "@rollup/plugin-typescript": "^11.1.2",
-    "@storybook/addon-controls": "^7.1.0",
-    "@storybook/addon-essentials": "^7.1.0",
-    "@storybook/react": "^7.1.0",
-    "@storybook/react-vite": "^7.1.0",
-    "@storybook/theming": "^7.6.6",
+    "@storybook/addon-controls": "^8.1.3",
+    "@storybook/addon-essentials": "^8.1.3",
+    "@storybook/react": "^8.1.3",
+    "@storybook/react-vite": "^8.1.3",
+    "@storybook/theming": "^8.1.3",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@typescript-eslint/eslint-plugin": "^6.1.0",
@@ -47,7 +48,7 @@
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-react": "^7.32.2",
     "rollup": "^3.26.3",
-    "storybook": "^7.1.0",
+    "storybook": "^8.1.3",
     "typescript": "5.1.6",
     "vite": "^4.4.4"
   },