WIP: Upgrade to SB 7

.storybook/main.js

@@ -2,9 +2,14 @@
  * @type {import('@storybook/core-common').StorybookConfig}
  */
 module.exports = {
-  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
-    {name: '@storybook/addon-essentials', options: {backgrounds: false}},
+    {
+      name: '@storybook/addon-essentials',
+      options: {
+        backgrounds: true,
+      },
+    },
     '@storybook/addon-storysource',
     '@storybook/addon-interactions',
     '@storybook/addon-a11y',
@@ -15,23 +20,24 @@ module.exports = {
         optimizationLevel: 2,
       },
     },
+    '@storybook/addon-mdx-gfm',
   ],
-  core: {
-    builder: {
-      name: 'webpack5',
-      options: {
-        fsCache: true,
-      },
-    },
-  },
   features: {
     interactionsDebugger: true,
     storyStoreV7: true,
     buildStoriesJson: true,
   },
-  framework: '@storybook/react',
-  reactOptions: {
-    fastRefresh: true,
-    strictMode: true,
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {
+      fastRefresh: true,
+      strictMode: true,
+      builder: {
+        fsCache: true,
+      },
+    },
+  },
+  docs: {
+    autodocs: true,
   },
 }

.storybook/manager.js

@@ -1,9 +1,10 @@
-import {addons, types} from '@storybook/addons'
+import {addons, types} from '@storybook/manager-api'
 import {Tool, TOOL_ID, ADDON_ID} from './src/accessibility-tool'
 import theme from './theme'
 
 addons.setConfig({
   theme,
+  enableShortcuts: false,
 })
 
 addons.register(ADDON_ID, () => {

.storybook/preview.js

@@ -17,11 +17,7 @@ Object.entries(PrimerBreakpoints).forEach(([viewport, value]) => {
   }
 })
 
-addons.setConfig({
-  // Some stories may set up keyboard event handlers, which can be interfered
-  // with by these keyboard shortcuts.
-  enableShortcuts: false,
-})
+
 
 export const parameters = {
   actions: {argTypesRegex: '^on[A-Z].*'},