storybook update

.storybook/main.ts

@@ -3,36 +3,25 @@ import svgr from 'vite-plugin-svgr';
 import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
-  stories: [
-    '../src/**/*.mdx',
-    '../src/**/*.stories.@(js|jsx|ts|tsx)',
-    '../src/components/**/*.mdx',
-    '../src/components/**/*.story.mdx',
-    '../src/components/**/*.stories.@(js|jsx|ts|tsx)',
-    '../src/components/**/*.story.@(js|jsx|ts|tsx)'
-  ],
-  addons: [
+  'stories': ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+
+  'addons': [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    {
-      name: '@storybook/addon-docs',
-      options: {
-        configureJSX: true,
-        babelOptions: {},
-        sourceLoaderOptions: null,
-        transcludeMarkdown: true
-      }
-    },
-    '@chromatic-com/storybook'
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions'
   ],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {},
+
+  'framework': {
+    'name': '@storybook/react-vite',
+    'options': {},
+  },
+  'docs': {},
+  'typescript': {
+    'reactDocgen': 'react-docgen-typescript'
   },
-  docs: {},
-  core: {
-    disableTelemetry: true
+  'core': {
+    'disableTelemetry': true
   },
 };
 

.storybook/preview.ts

@@ -2,16 +2,15 @@ import type { Preview } from "@storybook/react";
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
       matchers: {
         color: /(background|color)$/i,
-        date: /Date$/,
+        date: /Date$/i,
       },
     },
   },
 
-  tags: ["autodocs"]
+  tags: ["autodocs", "autodocs"]
 };
 
 export default preview;

package.json

@@ -24,7 +24,7 @@
     "build": "rimraf dist && NODE_ENV=production BABEL_ENV=production rollup -c",
     "lint": "yarn check-types && yarn eslint && yarn stylelint",
     "lint:fix": "yarn eslint:fix && yarn stylelint:fix",
-    "eslint": "eslint . --ext .js,.jsx,.tsx,.ts",
+    "eslint": "eslint . --ext js,jsx,ts,tsx --report-unused-disable-directives --max-warnings 0",
     "eslint:fix": "eslint . --ext .js,.jsx,.tsx,.ts --fix",
     "stylelint": "stylelint \"**/*.{css,scss,sass}\"",
     "stylelint:fix": "stylelint \"**/*.{css,scss,sass}\" --fix",
@@ -46,15 +46,15 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@rollup/plugin-url": "^8.0.2",
-    "@storybook/addon-docs": "^8.1.11",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/addon-onboarding": "^8.1.11",
-    "@storybook/blocks": "^8.1.11",
-    "@storybook/react": "^8.1.11",
-    "@storybook/react-vite": "^8.1.11",
-    "@storybook/test": "^8.1.11",
+    "@storybook/addon-docs": "^8.2.2",
+    "@storybook/addon-essentials": "^8.2.2",
+    "@storybook/addon-interactions": "^8.2.2",
+    "@storybook/addon-links": "^8.2.2",
+    "@storybook/addon-onboarding": "^8.2.2",
+    "@storybook/blocks": "^8.2.2",
+    "@storybook/react": "^8.2.2",
+    "@storybook/react-vite": "^8.2.2",
+    "@storybook/test": "^8.2.2",
     "@svgr/rollup": "^8.1.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
@@ -90,7 +90,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.77.8",
-    "storybook": "^8.1.11",
+    "storybook": "^8.2.2",
     "stylelint": "^16.7.0",
     "stylelint-prettier": "^5.0.0",
     "stylelint-scss": "^6.4.1",

tsconfig.json

@@ -33,6 +33,7 @@
     "noFallthroughCasesInSwitch": true,
     "noImplicitReturns": true,
     "types": ["@testing-library/jest-dom"],
+    "useDefineForClassFields": true,
   },
   "include": ["src", "*.tsx", "*.ts"],
   "exclude": [