chore(storybook): update to version 8

.storybook/main.ts

@@ -4,15 +4,17 @@ const config: StorybookConfig = {
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@storybook/addon-interactions'
+    '@storybook/addon-interactions',
+    '@chromatic-com/storybook'
   ],
-  docs: {
-    autodocs: 'tag'
-  },
+  docs: {},
   framework: {
     name: '@storybook/react-vite',
     options: {}
   },
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)']
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  }
 }
 export default config

.storybook/preview.ts

@@ -2,7 +2,6 @@ import type { Preview } from '@storybook/react'
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       matchers: {
         color: /(background|color)$/i,

package.json

@@ -50,13 +50,14 @@
     "chromatic": "npx chromatic --project-token=chpt_6d2a9426aaad6f1"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "7.0.24",
-    "@storybook/addon-interactions": "7.0.24",
-    "@storybook/addon-links": "7.0.24",
-    "@storybook/blocks": "7.0.24",
-    "@storybook/react": "7.0.24",
-    "@storybook/react-vite": "7.0.24",
-    "@storybook/testing-library": "0.2.0",
+    "@chromatic-com/storybook": "^1",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
+    "@storybook/react": "^8.1.11",
+    "@storybook/react-vite": "^8.1.11",
+    "@storybook/test": "^8.1.11",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@types/node": "^20.3.3",
@@ -83,7 +84,7 @@
     "eslint-plugin-sort-destructure-keys": "^1.5.0",
     "eslint-plugin-sort-keys-fix": "^1.1.2",
     "eslint-plugin-standard": "^4.1.0",
-    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-typescript-sort-keys": "^2.3.0",
     "husky": "^8.0.3",
     "jsdom": "^22.1.0",
@@ -92,7 +93,7 @@
     "prop-types": "15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "7.0.24",
+    "storybook": "^8.1.11",
     "typescript": "^5.1.6",
     "vite": "^4.3.9",
     "vite-plugin-dts": "^3.0.2",