Migrate storybook to v8 and its dependencies

Author: mocca102

.storybook/main.js

@@ -8,13 +8,12 @@ module.exports = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
-    '@storybook/addon-a11y'
+    '@storybook/addon-a11y',
+    '@storybook/addon-webpack5-compiler-babel',
+    '@chromatic-com/storybook'
   ],
   framework: {
     name: '@storybook/react-webpack5',
     options: {}
   },
-  docs: {
-    autodocs: true
-  }
 };

.storybook/preview.jsx

@@ -1,11 +1,11 @@
+import React from 'react';
 import { Title, Description, Stories } from '@storybook/addon-docs';
 import './custom-styles-story.css';
 import './full-example-styles-story.css';
 import './storybook-styles.css';
 import '../src/styles.css';
 
 export const parameters = {
-  actions: { argTypesRegex: '^on.*' },
   controls: {
     matchers: {
       color: /(background|color)$/i,
@@ -31,3 +31,5 @@ export const parameters = {
     )
   }
 };
+
+export const tags = ['autodocs'];