chore: update storybook version from 7 to 8

update storybook version from 7 to 8

close AUTH-

Author: koji

.storybook/main.ts

@@ -1,3 +1,4 @@
+import { dirname, join } from "path";
 import type { StorybookConfig } from '@storybook/react-vite'
 
 const config: StorybookConfig = {
@@ -14,13 +15,14 @@ const config: StorybookConfig = {
   ],
 
   addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    'storybook-addon-pseudo-states',
+    getAbsolutePath("@storybook/addon-links"),
+    getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath("storybook-addon-pseudo-states"),
+    '@chromatic-com/storybook'
   ],
 
   framework: {
-    name: '@storybook/react-vite',
+    name: getAbsolutePath("@storybook/react-vite"),
     options: {
       builder: {
         // Storybook would normally find the Vite config automatically.
@@ -32,9 +34,15 @@ const config: StorybookConfig = {
     },
   },
 
-  docs: {
-    autodocs: true,
-  },
+  docs: {},
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  }
 }
 
 export default config
+
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, "package.json")));
+}

.storybook/preview.tsx

@@ -66,7 +66,6 @@ export const customViewports = {
 }
 
 export const parameters = {
-  actions: { argTypesRegex: '^on[A-Z].*' },
   viewport: { viewports: customViewports },
   options: {
     storySort: {
@@ -93,3 +92,4 @@ export const decorators = [
     </I18nextProvider>
   ),
 ]
+export const tags = ['autodocs']

package.json

@@ -36,17 +36,20 @@
     "@aws-sdk/client-dynamodb": "^3.582.0",
     "@aws-sdk/client-s3": "^3.582.0",
     "@aws-sdk/credential-provider-ini": "^3.582.0",
+    "@chromatic-com/storybook": "^3.2.7",
     "@cypress/webpack-preprocessor": "^5.1.2",
     "@electron/rebuild": "3.7.1",
     "@eslint-react/eslint-plugin": "1.52.2",
     "@ianvs/prettier-plugin-sort-imports": "4.4.1",
     "@octokit/rest": "^19.0.5",
-    "@storybook/addon-actions": "7.6.17",
-    "@storybook/addon-essentials": "7.6.17",
-    "@storybook/addon-links": "7.6.17",
-    "@storybook/blocks": "7.6.17",
-    "@storybook/react": "7.6.17",
-    "@storybook/react-vite": "7.6.17",
+    "@storybook/addon-actions": "8.6.14",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/addon-links": "8.6.14",
+    "@storybook/blocks": "8.6.14",
+    "@storybook/preview-api": "8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-vite": "8.6.14",
+    "@storybook/test": "8.6.14",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
@@ -119,6 +122,10 @@
     "ntee": "^2.0.0",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
     "portfinder": "^1.0.13",
+    "postcss-apply": "0.12.0",
+    "postcss-color-mod-function": "3.0.3",
+    "postcss-import": "16.0.0",
+    "postcss-preset-env": "9.3.0",
     "prettier": "3.6.2",
     "react": "18.2.0",
     "react-docgen-typescript": "^1.21.0",
@@ -133,7 +140,7 @@
     "semver": "^7.3.8",
     "shx": "^0.3.4",
     "simple-git": "^3.15.1",
-    "storybook": "7.6.17",
+    "storybook": "8.6.14",
     "storybook-addon-pseudo-states": "2.0.0",
     "style-loader": "^1.1.3",
     "stylelint": "^11.0.0",
@@ -152,10 +159,6 @@
     "webpack-dev-server": "^3.10.3",
     "webpack-merge": "^4.2.2",
     "webpack-node-externals": "^1.7.2",
-    "worker-plugin": "^5.0.0",
-    "postcss-apply": "0.12.0",
-    "postcss-color-mod-function": "3.0.3",
-    "postcss-import": "16.0.0",
-    "postcss-preset-env": "9.3.0"
+    "worker-plugin": "^5.0.0"
   }
 }