Merge pull request #95 from chrisvogt/storybook-upgrades

chore: upgrades Storybook to v10 and modernize story format

Author: chinrichs-godaddy

.babelrc

@@ -9,7 +9,6 @@
     "@babel/preset-react"
   ],
   "plugins": [
-    "@babel/plugin-transform-runtime",
-    "inline-react-svg"
+    "@babel/plugin-transform-runtime"
   ]
 }

.storybook/main.js

@@ -2,10 +2,7 @@ const path = require('path');
 
 module.exports = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: [
-    '@storybook/addon-essentials',
-    '@storybook/addon-webpack5-compiler-babel'
-  ],
+  addons: ['@storybook/addon-webpack5-compiler-babel', '@storybook/addon-docs'],
   framework: {
     name: '@storybook/react-webpack5',
     options: {}

.storybook/preview.js

@@ -1,9 +1,13 @@
-export const parameters = {
-  actions: { argTypesRegex: '^on[A-Z].*' },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/
+const preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/
+      }
     }
   }
 };
+
+export default preview;