Upgrade packages

.github/workflows/build-storybook-demo.yml

@@ -12,10 +12,10 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '16'
-      - uses: pnpm/action-setup@v2
+          node-version: '20'
+      - uses: pnpm/action-setup@v4
         with:
-          version: ^7.33.3
+          version: 9
       - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
         run: |
           pnpm install --frozen-lockfile

.storybook/main.js

@@ -4,7 +4,11 @@ const { mergeConfig } = require('vite');
 
 module.exports = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook'
+  ],
   core: {
     builder: '@storybook/builder-vite',
   },
@@ -19,17 +23,10 @@ module.exports = {
     },
   },
   viteFinal: async (config) => {
-    return mergeConfig(config, {
-      optimizeDeps: {
-        include: ['storybook-dark-mode'],
-      },
-    });
+    return mergeConfig(config);
   },
   framework: {
     name: '@storybook/react-webpack5',
     options: {},
   },
-  docs: {
-    autodocs: true,
-  },
 };

.storybook/preview.tsx

@@ -13,7 +13,6 @@ export const decorators = [
 ];
 
 export const parameters = {
-  actions: { argTypesRegex: '^on[A-Z].*' },
   controls: {
     matchers: {
       date: /Date$/,
@@ -37,3 +36,4 @@ export const parameters = {
     ],
   },
 };
+export const tags = ['autodocs'];