docs(storybook): update builder to webpack 5 (#2386)

* chore(project): update .gitignore to include storybook-static

* docs(storybook): update builder to webpack 5

* docs(storybook): update showName to title

* chore: update config to address React.Fragment errors

* chore: update plugin ordering warning

* chore(storybook): run sb upgrade

* chore: rename disabled to disable in controls

* docs: update defaultValue to args

* chore: update deprecated storybook patterns

* chore: update deprecated storybook patterns

* chore: run prettier

* chore: change from lazy compilation mode

* chore: revert lc changes

* chore: update stories with default args

.gitignore

@@ -9,3 +9,4 @@ lib-esm/
 public/
 stats.html
 .env
+storybook-static

.storybook/main.js

@@ -7,16 +7,28 @@ module.exports = {
     '@storybook/addon-a11y',
     '@storybook/addon-links',
     'storybook-addon-performance/register',
-    {name: 'storybook-addon-turbo-build', options: {optimizationLevel: 2}},
+    {
+      name: 'storybook-addon-turbo-build',
+      options: {
+        optimizationLevel: 2
+      }
+    },
     ...(process.env.NODE_ENV === 'production' && process.env.GITHUB_JOB !== 'chromatic'
       ? ['@whitespace/storybook-addon-html']
       : [])
   ],
-  babel: options => {
-    options.plugins.push(['open-source', {editor: process.env.NODE_ENV === 'production' ? 'github' : 'vscode'}])
-    return options
+  core: {
+    builder: {
+      name: 'webpack5',
+      options: {
+        lazyCompilation: true,
+        fsCache: true
+      }
+    }
   },
   features: {
-    interactionsDebugger: true
-  }
+    interactionsDebugger: true,
+    storyStoreV7: true
+  },
+  framework: '@storybook/react'
 }