From 4c80c21eb0ac64f8b116a1b720ad0a7c0376b0ba Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 10 Jun 2022 22:49:41 +1000
Subject: [PATCH 01/49] Allow a teardown function to be returned from
 `renderToDOM`

---
 app/react/src/client/preview/render.tsx   |  2 ++
 examples/react-ts/.storybook/main.ts      |  2 +-
 examples/react-ts/src/button.tsx          | 19 ++++++++++-----
 examples/react-ts/src/button2.stories.tsx | 10 ++++++++
 examples/react-ts/src/button3.stories.tsx |  9 ++++++++
 lib/preview-web/src/Preview.tsx           |  3 ++-
 lib/preview-web/src/StoryRender.ts        | 28 +++++++++++++++--------
 lib/store/src/types.ts                    | 10 +++++++-
 8 files changed, 65 insertions(+), 18 deletions(-)
 create mode 100644 examples/react-ts/src/button2.stories.tsx
 create mode 100644 examples/react-ts/src/button3.stories.tsx

diff --git a/app/react/src/client/preview/render.tsx b/app/react/src/client/preview/render.tsx
index 94db184a3b6b..e2f305158a58 100644
--- a/app/react/src/client/preview/render.tsx
+++ b/app/react/src/client/preview/render.tsx
@@ -147,4 +147,6 @@ export async function renderToDOM(
   }
 
   await renderElement(element, domElement);
+
+  return () => unmountElement(domElement);
 }
diff --git a/examples/react-ts/.storybook/main.ts b/examples/react-ts/.storybook/main.ts
index 752f85c6ac60..33fb89ce230f 100644
--- a/examples/react-ts/.storybook/main.ts
+++ b/examples/react-ts/.storybook/main.ts
@@ -37,7 +37,7 @@ const config: StorybookConfig = {
   },
   features: {
     postcss: false,
-    // modernInlineRender: true,
+    modernInlineRender: true,
     storyStoreV7: !global.navigator?.userAgent?.match?.('jsdom'),
     buildStoriesJson: true,
     babelModeV7: true,
diff --git a/examples/react-ts/src/button.tsx b/examples/react-ts/src/button.tsx
index 99dddad4e2f7..714b5db4e0f6 100644
--- a/examples/react-ts/src/button.tsx
+++ b/examples/react-ts/src/button.tsx
@@ -1,4 +1,4 @@
-import React, { ComponentType, ButtonHTMLAttributes } from 'react';
+import React, { ComponentType, ButtonHTMLAttributes, useEffect } from 'react';
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   /**
@@ -12,8 +12,15 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   icon?: ComponentType;
 }
 
-export const Button = ({ label = 'Hello', icon: Icon, ...props }: ButtonProps) => (
-  <button type="button" {...props}>
-    {Icon ? <Icon /> : null} {label}
-  </button>
-);
+export const Button = ({ label = 'Hello', icon: Icon, ...props }: ButtonProps) => {
+  useEffect(() => {
+    const fn = () => console.log(`click ${label}`);
+    global.window.document.querySelector('body')?.addEventListener('click', fn);
+    return () => global.window.document.querySelector('body')?.removeEventListener('click', fn);
+  });
+  return (
+    <button type="button" {...props}>
+      {Icon ? <Icon /> : null} {label}
+    </button>
+  );
+};
diff --git a/examples/react-ts/src/button2.stories.tsx b/examples/react-ts/src/button2.stories.tsx
new file mode 100644
index 000000000000..cfaa6df924d4
--- /dev/null
+++ b/examples/react-ts/src/button2.stories.tsx
@@ -0,0 +1,10 @@
+import { Button } from './button';
+
+export default {
+  component: Button,
+  title: 'button2',
+};
+
+export const one = { args: { label: 'one' } };
+export const two = { args: { label: 'two' } };
+export const three = { args: { label: 'three' } };
diff --git a/examples/react-ts/src/button3.stories.tsx b/examples/react-ts/src/button3.stories.tsx
new file mode 100644
index 000000000000..941d8f436f3b
--- /dev/null
+++ b/examples/react-ts/src/button3.stories.tsx
@@ -0,0 +1,9 @@
+import { Button } from './button';
+
+export default {
+  component: Button,
+  title: 'button3',
+};
+
+export const four = { args: { label: 'four' } };
+export const five = { args: { label: 'five' } };
diff --git a/lib/preview-web/src/Preview.tsx b/lib/preview-web/src/Preview.tsx
index 2eae90f861bf..a206506774f8 100644
--- a/lib/preview-web/src/Preview.tsx
+++ b/lib/preview-web/src/Preview.tsx
@@ -23,6 +23,7 @@ import {
   StoryIndex,
   PromiseLike,
   WebProjectAnnotations,
+  RenderToDOM,
 } from '@storybook/store';
 
 import { StoryRender } from './StoryRender';
@@ -45,7 +46,7 @@ export class Preview<TFramework extends AnyFramework> {
 
   importFn?: ModuleImportFn;
 
-  renderToDOM: WebProjectAnnotations<TFramework>['renderToDOM'];
+  renderToDOM: RenderToDOM<TFramework>;
 
   storyRenders: StoryRender<TFramework>[] = [];
 
diff --git a/lib/preview-web/src/StoryRender.ts b/lib/preview-web/src/StoryRender.ts
index d0ede7cc1223..7bbb7f31f400 100644
--- a/lib/preview-web/src/StoryRender.ts
+++ b/lib/preview-web/src/StoryRender.ts
@@ -6,7 +6,13 @@ import {
   StoryContextForLoaders,
   StoryContext,
 } from '@storybook/csf';
-import { Story, RenderContext, StoryStore } from '@storybook/store';
+import {
+  Story,
+  RenderContext,
+  StoryStore,
+  RenderToDOM,
+  TeardownRenderToDOM,
+} from '@storybook/store';
 import { Channel } from '@storybook/addons';
 import { STORY_RENDER_PHASE_CHANGED, STORY_RENDERED } from '@storybook/core-events';
 
@@ -62,13 +68,12 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
 
   public disableKeyListeners = false;
 
+  private teardownRender: TeardownRenderToDOM = () => {};
+
   constructor(
     public channel: Channel,
     public store: StoryStore<TFramework>,
-    private renderToScreen: (
-      renderContext: RenderContext<TFramework>,
-      canvasElement: HTMLElement
-    ) => void | Promise<void>,
+    private renderToScreen: RenderToDOM<TFramework>,
     private callbacks: RenderContextCallbacks<TFramework>,
     public id: StoryId,
     public viewMode: ViewMode,
@@ -190,9 +195,10 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
         unboundStoryFn,
       };
 
-      await this.runPhase(abortSignal, 'rendering', async () =>
-        this.renderToScreen(renderContext, this.canvasElement)
-      );
+      await this.runPhase(abortSignal, 'rendering', async () => {
+        this.teardownRender =
+          (await this.renderToScreen(renderContext, this.canvasElement)) || (() => {});
+      });
       this.notYetRendered = false;
       if (abortSignal.aborted) return;
 
@@ -241,7 +247,11 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
     // Wait several ticks that may be needed to handle the abort, then try again.
     // Note that there's a max of 5 nested timeouts before they're no longer "instant".
     for (let i = 0; i < 3; i += 1) {
-      if (!this.isPending()) return;
+      if (!this.isPending()) {
+        // eslint-disable-next-line no-await-in-loop
+        await this.teardownRender();
+        return;
+      }
       // eslint-disable-next-line no-await-in-loop
       await new Promise((resolve) => setTimeout(resolve, 0));
     }
diff --git a/lib/store/src/types.ts b/lib/store/src/types.ts
index d52a0f2588e6..6271fab4cb5c 100644
--- a/lib/store/src/types.ts
+++ b/lib/store/src/types.ts
@@ -29,9 +29,17 @@ export type ModuleExports = Record<string, any>;
 export type PromiseLike<T> = Promise<T> | SynchronousPromise<T>;
 export type ModuleImportFn = (path: Path) => PromiseLike<ModuleExports>;
 
+type MaybePromise<T> = Promise<T> | T;
+
+export type TeardownRenderToDOM = () => MaybePromise<void>;
+export type RenderToDOM<TFramework extends AnyFramework> = (
+  context: RenderContext<TFramework>,
+  element: Element
+) => MaybePromise<void | TeardownRenderToDOM>;
+
 export type WebProjectAnnotations<TFramework extends AnyFramework> =
   ProjectAnnotations<TFramework> & {
-    renderToDOM?: (context: RenderContext<TFramework>, element: Element) => Promise<void> | void;
+    renderToDOM?: RenderToDOM<TFramework>;
   };
 
 export type NormalizedProjectAnnotations<TFramework extends AnyFramework = AnyFramework> =

From 06e4c29adc194c49b81ffc93427e35c53cebffee Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 15 Jun 2022 19:10:36 +1000
Subject: [PATCH 02/49] Add integration tests for teardown function

---
 addons/docs/src/blocks/Story.tsx           |   1 +
 lib/preview-web/src/PreviewWeb.mockdata.ts |   5 +-
 lib/preview-web/src/PreviewWeb.test.ts     | 134 ++++++++++++++++-----
 3 files changed, 111 insertions(+), 29 deletions(-)

diff --git a/addons/docs/src/blocks/Story.tsx b/addons/docs/src/blocks/Story.tsx
index e61fcb321512..877e3b89cfb1 100644
--- a/addons/docs/src/blocks/Story.tsx
+++ b/addons/docs/src/blocks/Story.tsx
@@ -120,6 +120,7 @@ function makeGate(): [Promise<void>, () => void] {
 }
 
 const Story: FunctionComponent<StoryProps> = (props) => {
+  console.log('Story');
   const context = useContext(DocsContext);
   const channel = addons.getChannel();
   const storyRef = useRef();
diff --git a/lib/preview-web/src/PreviewWeb.mockdata.ts b/lib/preview-web/src/PreviewWeb.mockdata.ts
index ae2eadf8c707..2bca04fe2ac2 100644
--- a/lib/preview-web/src/PreviewWeb.mockdata.ts
+++ b/lib/preview-web/src/PreviewWeb.mockdata.ts
@@ -7,7 +7,7 @@ import {
   STORY_RENDER_PHASE_CHANGED,
   STORY_THREW_EXCEPTION,
 } from '@storybook/core-events';
-import { StoryIndex } from '@storybook/store';
+import { StoryIndex, TeardownRenderToDOM } from '@storybook/store';
 import { RenderPhase } from './PreviewWeb';
 
 export const componentOneExports = {
@@ -32,12 +32,13 @@ export const importFn = jest.fn(async (path) => {
   return path === './src/ComponentOne.stories.js' ? componentOneExports : componentTwoExports;
 });
 
+export const teardownRenderToDOM: jest.Mock<TeardownRenderToDOM> = jest.fn();
 export const projectAnnotations = {
   globals: { a: 'b' },
   globalTypes: {},
   decorators: [jest.fn((s) => s())],
   render: jest.fn(),
-  renderToDOM: jest.fn(),
+  renderToDOM: jest.fn().mockReturnValue(teardownRenderToDOM),
 };
 export const getProjectAnnotations = () => projectAnnotations;
 
diff --git a/lib/preview-web/src/PreviewWeb.test.ts b/lib/preview-web/src/PreviewWeb.test.ts
index 8d58970be041..4620b661ebe5 100644
--- a/lib/preview-web/src/PreviewWeb.test.ts
+++ b/lib/preview-web/src/PreviewWeb.test.ts
@@ -44,6 +44,7 @@ import {
   waitForRender,
   waitForQuiescence,
   waitForRenderPhase,
+  teardownRenderToDOM,
 } from './PreviewWeb.mockdata';
 
 jest.mock('./WebView');
@@ -120,7 +121,8 @@ beforeEach(() => {
   componentOneExports.default.loaders[0].mockReset().mockImplementation(async () => ({ l: 7 }));
   componentOneExports.default.parameters.docs.container.mockClear();
   componentOneExports.a.play.mockReset();
-  projectAnnotations.renderToDOM.mockReset();
+  teardownRenderToDOM.mockReset();
+  projectAnnotations.renderToDOM.mockReset().mockReturnValue(teardownRenderToDOM);
   projectAnnotations.render.mockClear();
   projectAnnotations.decorators[0].mockClear();
   (ReactDOM.render as any as jest.Mock<typeof ReactDOM.render>)
@@ -470,7 +472,7 @@ describe('PreviewWeb', () => {
 
       it('renders exception if renderToDOM throws', async () => {
         const error = new Error('error');
-        projectAnnotations.renderToDOM.mockImplementationOnce(() => {
+        projectAnnotations.renderToDOM.mockImplementation(() => {
           throw error;
         });
 
@@ -519,9 +521,7 @@ describe('PreviewWeb', () => {
 
       it('renders error if the story calls showError', async () => {
         const error = { title: 'title', description: 'description' };
-        projectAnnotations.renderToDOM.mockImplementationOnce((context) =>
-          context.showError(error)
-        );
+        projectAnnotations.renderToDOM.mockImplementation((context) => context.showError(error));
 
         document.location.search = '?id=component-one--a';
         const preview = await createAndRenderPreview();
@@ -535,7 +535,7 @@ describe('PreviewWeb', () => {
 
       it('renders exception if the story calls showException', async () => {
         const error = new Error('error');
-        projectAnnotations.renderToDOM.mockImplementationOnce((context) =>
+        projectAnnotations.renderToDOM.mockImplementation((context) =>
           context.showException(error)
         );
 
@@ -562,7 +562,7 @@ describe('PreviewWeb', () => {
 
       it('does not show error display if the render function throws IGNORED_EXCEPTION', async () => {
         document.location.search = '?id=component-one--a';
-        projectAnnotations.renderToDOM.mockImplementationOnce(() => {
+        projectAnnotations.renderToDOM.mockImplementation(() => {
           throw IGNORED_EXCEPTION;
         });
 
@@ -837,7 +837,7 @@ describe('PreviewWeb', () => {
         const [gate, openGate] = createGate();
 
         document.location.search = '?id=component-one--a';
-        projectAnnotations.renderToDOM.mockImplementationOnce(async () => gate);
+        projectAnnotations.renderToDOM.mockImplementation(async () => gate);
 
         await new PreviewWeb().initialize({ importFn, getProjectAnnotations });
         await waitForRenderPhase('rendering');
@@ -876,7 +876,7 @@ describe('PreviewWeb', () => {
 
       it('works if it is called directly from inside non async renderToDOM', async () => {
         document.location.search = '?id=component-one--a';
-        projectAnnotations.renderToDOM.mockImplementationOnce(() => {
+        projectAnnotations.renderToDOM.mockImplementation(() => {
           emitter.emit(UPDATE_STORY_ARGS, {
             storyId: 'component-one--a',
             updatedArgs: { new: 'arg' },
@@ -912,7 +912,7 @@ describe('PreviewWeb', () => {
         componentOneExports.a.play.mockImplementationOnce(async () => gate);
 
         const renderToDOMCalled = new Promise((resolve) => {
-          projectAnnotations.renderToDOM.mockImplementationOnce(() => {
+          projectAnnotations.renderToDOM.mockImplementation(() => {
             resolve(null);
           });
         });
@@ -1296,7 +1296,7 @@ describe('PreviewWeb', () => {
       const [gate, openGate] = createGate();
 
       document.location.search = '?id=component-one--a';
-      projectAnnotations.renderToDOM.mockImplementationOnce(async () => gate);
+      projectAnnotations.renderToDOM.mockImplementation(async () => gate);
       await new PreviewWeb().initialize({ importFn, getProjectAnnotations });
       await waitForRenderPhase('rendering');
 
@@ -1463,6 +1463,20 @@ describe('PreviewWeb', () => {
         expect(projectAnnotations.renderToDOM).not.toHaveBeenCalled();
       });
 
+      it('does NOT call renderToDOMs teardown', async () => {
+        document.location.search = '?id=component-one--a';
+        await createAndRenderPreview();
+
+        projectAnnotations.renderToDOM.mockClear();
+        emitter.emit(SET_CURRENT_STORY, {
+          storyId: 'component-one--a',
+          viewMode: 'story',
+        });
+        await waitForSetCurrentStory();
+
+        expect(teardownRenderToDOM).not.toHaveBeenCalled();
+      });
+
       // For https://github.com/storybookjs/storybook/issues/17214
       it('does NOT render a second time if preparing', async () => {
         document.location.search = '?id=component-one--a';
@@ -1510,6 +1524,20 @@ describe('PreviewWeb', () => {
     });
 
     describe('when changing story in story viewMode', () => {
+      it('calls renderToDOMs teardown', async () => {
+        document.location.search = '?id=component-one--a';
+        await createAndRenderPreview();
+
+        projectAnnotations.renderToDOM.mockClear();
+        emitter.emit(SET_CURRENT_STORY, {
+          storyId: 'component-one--b',
+          viewMode: 'story',
+        });
+        await waitForSetCurrentStory();
+
+        expect(teardownRenderToDOM).toHaveBeenCalled();
+      });
+
       it('updates URL', async () => {
         document.location.search = '?id=component-one--a';
         await createAndRenderPreview();
@@ -1645,7 +1673,7 @@ describe('PreviewWeb', () => {
         const preview = await createAndRenderPreview();
 
         const error = new Error('error');
-        projectAnnotations.renderToDOM.mockImplementationOnce(() => {
+        projectAnnotations.renderToDOM.mockImplementation(() => {
           throw error;
         });
 
@@ -1666,9 +1694,7 @@ describe('PreviewWeb', () => {
         const preview = await createAndRenderPreview();
 
         const error = { title: 'title', description: 'description' };
-        projectAnnotations.renderToDOM.mockImplementationOnce((context) =>
-          context.showError(error)
-        );
+        projectAnnotations.renderToDOM.mockImplementation((context) => context.showError(error));
 
         mockChannel.emit.mockClear();
         emitter.emit(SET_CURRENT_STORY, {
@@ -1690,7 +1716,7 @@ describe('PreviewWeb', () => {
         const preview = await createAndRenderPreview();
 
         const error = new Error('error');
-        projectAnnotations.renderToDOM.mockImplementationOnce((context) =>
+        projectAnnotations.renderToDOM.mockImplementation((context) =>
           context.showException(error)
         );
 
@@ -1811,7 +1837,7 @@ describe('PreviewWeb', () => {
           const [gate, openGate] = createGate();
 
           document.location.search = '?id=component-one--a';
-          projectAnnotations.renderToDOM.mockImplementationOnce(async () => gate);
+          projectAnnotations.renderToDOM.mockImplementation(async () => gate);
           await new PreviewWeb().initialize({ importFn, getProjectAnnotations });
           await waitForRenderPhase('rendering');
 
@@ -1937,6 +1963,19 @@ describe('PreviewWeb', () => {
     });
 
     describe('when changing from story viewMode to docs', () => {
+      it('calls renderToDOMs teardown', async () => {
+        document.location.search = '?id=component-one--a';
+        await createAndRenderPreview();
+
+        emitter.emit(SET_CURRENT_STORY, {
+          storyId: 'component-one--a',
+          viewMode: 'docs',
+        });
+        await waitForSetCurrentStory();
+
+        expect(teardownRenderToDOM).toHaveBeenCalled();
+      });
+
       it('updates URL', async () => {
         document.location.search = '?id=component-one--a';
         await createAndRenderPreview();
@@ -2199,7 +2238,7 @@ describe('PreviewWeb', () => {
         const preview = await createAndRenderPreview();
 
         const error = new Error('error');
-        projectAnnotations.renderToDOM.mockImplementationOnce(() => {
+        projectAnnotations.renderToDOM.mockImplementation(() => {
           throw error;
         });
 
@@ -2217,9 +2256,7 @@ describe('PreviewWeb', () => {
 
       it('renders error if the story calls showError', async () => {
         const error = { title: 'title', description: 'description' };
-        projectAnnotations.renderToDOM.mockImplementationOnce((context) =>
-          context.showError(error)
-        );
+        projectAnnotations.renderToDOM.mockImplementation((context) => context.showError(error));
 
         document.location.search = '?id=component-one--a&viewMode=docs';
         const preview = await createAndRenderPreview();
@@ -2241,7 +2278,7 @@ describe('PreviewWeb', () => {
 
       it('renders exception if the story calls showException', async () => {
         const error = new Error('error');
-        projectAnnotations.renderToDOM.mockImplementationOnce((context) =>
+        projectAnnotations.renderToDOM.mockImplementation((context) =>
           context.showException(error)
         );
 
@@ -2347,6 +2384,17 @@ describe('PreviewWeb', () => {
           : componentTwoExports;
       });
 
+      it('calls renderToDOMs teardown', async () => {
+        document.location.search = '?id=component-one--a';
+        const preview = await createAndRenderPreview();
+        mockChannel.emit.mockClear();
+
+        preview.onStoriesChanged({ importFn: newImportFn });
+        await waitForRender();
+
+        expect(teardownRenderToDOM).toHaveBeenCalled();
+      });
+
       it('does not emit STORY_UNCHANGED', async () => {
         document.location.search = '?id=component-one--a';
         const preview = await createAndRenderPreview();
@@ -2491,7 +2539,7 @@ describe('PreviewWeb', () => {
         const preview = await createAndRenderPreview();
 
         const error = new Error('error');
-        projectAnnotations.renderToDOM.mockImplementationOnce(() => {
+        projectAnnotations.renderToDOM.mockImplementation(() => {
           throw error;
         });
 
@@ -2508,9 +2556,7 @@ describe('PreviewWeb', () => {
         const preview = await createAndRenderPreview();
 
         const error = { title: 'title', description: 'description' };
-        projectAnnotations.renderToDOM.mockImplementationOnce((context) =>
-          context.showError(error)
-        );
+        projectAnnotations.renderToDOM.mockImplementation((context) => context.showError(error));
 
         mockChannel.emit.mockClear();
         preview.onStoriesChanged({ importFn: newImportFn });
@@ -2528,7 +2574,7 @@ describe('PreviewWeb', () => {
         const preview = await createAndRenderPreview();
 
         const error = new Error('error');
-        projectAnnotations.renderToDOM.mockImplementationOnce((context) =>
+        projectAnnotations.renderToDOM.mockImplementation((context) =>
           context.showException(error)
         );
 
@@ -2629,6 +2675,17 @@ describe('PreviewWeb', () => {
           : newComponentTwoExports;
       });
 
+      it('does NOT call renderToDOMs teardown', async () => {
+        document.location.search = '?id=component-one--a';
+        const preview = await createAndRenderPreview();
+
+        mockChannel.emit.mockClear();
+        preview.onStoriesChanged({ importFn: newImportFn });
+        await waitForEvents([STORY_UNCHANGED]);
+
+        expect(teardownRenderToDOM).not.toHaveBeenCalled();
+      });
+
       it('emits STORY_UNCHANGED', async () => {
         document.location.search = '?id=component-one--a';
         const preview = await createAndRenderPreview();
@@ -2754,6 +2811,17 @@ describe('PreviewWeb', () => {
         },
       };
 
+      it('calls renderToDOMs teardown', async () => {
+        document.location.search = '?id=component-one--a';
+        const preview = await createAndRenderPreview();
+
+        mockChannel.emit.mockClear();
+        preview.onStoriesChanged({ importFn: newImportFn, storyIndex: newStoryIndex });
+        await waitForEvents([STORY_MISSING]);
+
+        expect(teardownRenderToDOM).toHaveBeenCalled();
+      });
+
       it('renders loading error', async () => {
         document.location.search = '?id=component-one--a';
         const preview = await createAndRenderPreview();
@@ -2920,6 +2988,18 @@ describe('PreviewWeb', () => {
       });
     });
 
+    it('calls renderToDOMs teardown', async () => {
+      document.location.search = '?id=component-one--a';
+      const preview = await createAndRenderPreview();
+
+      projectAnnotations.renderToDOM.mockClear();
+      mockChannel.emit.mockClear();
+      preview.onGetProjectAnnotationsChanged({ getProjectAnnotations: newGetProjectAnnotations });
+      await waitForRender();
+
+      expect(teardownRenderToDOM).toHaveBeenCalled();
+    });
+
     it('rerenders the current story with new global meta-generated context', async () => {
       document.location.search = '?id=component-one--a';
       const preview = await createAndRenderPreview();

From 95d3f32bd184faa49cd8073ff5a4b67a0ccf8bfe Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Thu, 16 Jun 2022 12:24:30 +1000
Subject: [PATCH 03/49] Update addons/docs/src/blocks/Story.tsx

Co-authored-by: Michael Shilman <shilman@users.noreply.github.com>
---
 addons/docs/src/blocks/Story.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/addons/docs/src/blocks/Story.tsx b/addons/docs/src/blocks/Story.tsx
index 877e3b89cfb1..e61fcb321512 100644
--- a/addons/docs/src/blocks/Story.tsx
+++ b/addons/docs/src/blocks/Story.tsx
@@ -120,7 +120,6 @@ function makeGate(): [Promise<void>, () => void] {
 }
 
 const Story: FunctionComponent<StoryProps> = (props) => {
-  console.log('Story');
   const context = useContext(DocsContext);
   const channel = addons.getChannel();
   const storyRef = useRef();

From 3a576721975b079ba02260e0db6065605668cb0d Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 17 Jun 2022 13:48:45 +1000
Subject: [PATCH 04/49] Update snapshots

---
 .../src/__snapshots__/storyshots.test.ts.snap | 45 +++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap b/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
index 409f2a8ab57e..a3430706744a 100644
--- a/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
+++ b/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
@@ -4041,6 +4041,51 @@ exports[`Storyshots Demo/Examples / Emoji Button With Args 1`] = `
 </button>
 `;
 
+exports[`Storyshots Demo/button2 One 1`] = `
+<button
+  type="button"
+>
+   
+  one
+</button>
+`;
+
+exports[`Storyshots Demo/button2 Three 1`] = `
+<button
+  type="button"
+>
+   
+  three
+</button>
+`;
+
+exports[`Storyshots Demo/button2 Two 1`] = `
+<button
+  type="button"
+>
+   
+  two
+</button>
+`;
+
+exports[`Storyshots Demo/button3 Five 1`] = `
+<button
+  type="button"
+>
+   
+  five
+</button>
+`;
+
+exports[`Storyshots Demo/button3 Four 1`] = `
+<button
+  type="button"
+>
+   
+  four
+</button>
+`;
+
 exports[`Storyshots Docs/ButtonMdx Basic 1`] = `
 <button
   type="button"

From 383b5b50d2c88bfbd866572c14ff6c90dabcb739 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Mon, 6 Jun 2022 13:02:24 +0200
Subject: [PATCH 05/49] Fixed PnP compatibility for bundled ui and router
 packages

---
 lib/router/package.json | 2 +-
 lib/ui/package.json     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/router/package.json b/lib/router/package.json
index 89defca0d1d0..89cf5867d002 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -42,6 +42,7 @@
   "dependencies": {
     "@storybook/client-logger": "6.5.0-rc.1",
     "core-js": "^3.8.2",
+    "qs": "^6.10.0",
     "regenerator-runtime": "^0.13.7"
   },
   "devDependencies": {
@@ -50,7 +51,6 @@
     "history": "5.0.0",
     "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
-    "qs": "^6.10.0",
     "react-router": "6.0.2",
     "react-router-dom": "6.0.2",
     "ts-dedent": "^2.0.0",
diff --git a/lib/ui/package.json b/lib/ui/package.json
index b99d3582d1b7..9bf40dd1ff8c 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -50,6 +50,7 @@
     "@storybook/semver": "^7.3.2",
     "@storybook/theming": "6.5.0-rc.1",
     "core-js": "^3.8.2",
+    "qs": "^6.10.0",
     "regenerator-runtime": "^0.13.7",
     "resolve-from": "^5.0.0"
   },
@@ -67,7 +68,6 @@
     "markdown-to-jsx": "^7.1.3",
     "memoizerific": "^1.11.3",
     "polished": "^4.2.2",
-    "qs": "^6.10.0",
     "react-draggable": "^4.4.3",
     "react-helmet-async": "^1.0.7",
     "react-sizeme": "^3.0.1",

From d7cb9899fa4693fc2b0049a024c7c2e0525e3251 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 6 Jun 2022 14:05:04 +0200
Subject: [PATCH 06/49] chore(CI): reenable cra pnp tests

---
 .circleci/config.yml | 45 ++++++++++++++++++++++----------------------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index cd947ee9c6e0..6dcb72899d0d 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -265,32 +265,31 @@ jobs:
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
-      # TODO: we disabled this one because it keeps failing, we should fix it, and enable it again!
-      # - attach_workspace:
-      #     at: .
-      # - run:
-      #     name: Running local registry
-      #     command: yarn local-registry --port 6000 --open
-      #     background: true
-      # - run:
-      #     name: Wait for registry
-      #     command: yarn wait-on http://localhost:6000
-      # - run:
-      #     name: run e2e tests cra
-      #     command: yarn test:e2e-framework --pnp cra
+      - attach_workspace:
+          at: .
+      - run:
+          name: Running local registry
+          command: yarn local-registry --port 6000 --open
+          background: true
+      - run:
+          name: Wait for registry
+          command: yarn wait-on http://localhost:6000
+      - run:
+          name: run e2e tests cra
+          command: yarn test:e2e-framework --pnp cra
       # - run:
       #     name: run e2e tests vue
       #     command: yarn test:e2e-framework --pnp sfcVue
-      # - run:
-      #     name: prep artifacts
-      #     when: always
-      #     command: zip -r /tmp/storybook-e2e-testing-out.zip /tmp/storybook-e2e-testing
-      # - store_artifacts:
-      #     path: /tmp/cypress-record
-      #     destination: cypress
-      # - store_artifacts:
-      #     path: /tmp/storybook-e2e-testing-out.zip
-      #     destination: e2e
+      - run:
+          name: prep artifacts
+          when: always
+          command: zip -r /tmp/storybook-e2e-testing-out.zip /tmp/storybook-e2e-testing
+      - store_artifacts:
+          path: /tmp/cypress-record
+          destination: cypress
+      - store_artifacts:
+          path: /tmp/storybook-e2e-testing-out.zip
+          destination: e2e
   e2e-tests-examples:
     executor:
       class: small

From d66cb5375746d35661e880ab0c3a8f0891fdf5f6 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Tue, 7 Jun 2022 11:25:23 +0200
Subject: [PATCH 07/49] fix: change the way presets are required

---
 lib/core-common/src/presets.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/core-common/src/presets.ts b/lib/core-common/src/presets.ts
index 24093df15337..886108625bd5 100644
--- a/lib/core-common/src/presets.ts
+++ b/lib/core-common/src/presets.ts
@@ -97,7 +97,7 @@ export const resolveAddonName = (
   const managerFile = safeResolve(`${path}/manager`);
   const registerFile = safeResolve(`${path}/register`) || safeResolve(`${path}/register-panel`);
   const previewFile = safeResolve(`${path}/preview`);
-  const presetFile = safeResolve(`${path}/preset`);
+  const presetFile = r(`${path}/preset`);
 
   if (!(managerFile || previewFile) && presetFile) {
     return {

From d2928dede11da15dcbf559a4b1e4b14e06566640 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 9 Jun 2022 12:09:07 +0200
Subject: [PATCH 08/49] telemetry: strip out preset from addon name

also move getStorybookMetadata method to the bottom so it's used after the definition
of computeStorybookMetadata
---
 lib/telemetry/src/storybook-metadata.test.ts | 13 ++++++--
 lib/telemetry/src/storybook-metadata.ts      | 34 ++++++++++----------
 2 files changed, 28 insertions(+), 19 deletions(-)

diff --git a/lib/telemetry/src/storybook-metadata.test.ts b/lib/telemetry/src/storybook-metadata.test.ts
index 0ccaeae27d95..d3366777160c 100644
--- a/lib/telemetry/src/storybook-metadata.test.ts
+++ b/lib/telemetry/src/storybook-metadata.test.ts
@@ -82,12 +82,17 @@ describe('await computeStorybookMetadata', () => {
         devDependencies: {
           '@storybook/react': 'x.y.z',
           '@storybook/addon-essentials': 'x.x.x',
-          'storybook-addon-deprecated': 'x.x.x',
+          '@storybook/addon-knobs': 'x.x.y',
+          'storybook-addon-deprecated': 'x.x.z',
         },
       },
       mainConfig: {
         ...mainJsMock,
-        addons: ['@storybook/addon-essentials', 'storybook-addon-deprecated/register'],
+        addons: [
+          '@storybook/addon-essentials',
+          'storybook-addon-deprecated/register',
+          '@storybook/addon-knobs/preset',
+        ],
       },
     });
 
@@ -97,6 +102,10 @@ describe('await computeStorybookMetadata', () => {
           "options": undefined,
           "version": "x.x.x",
         },
+        "@storybook/addon-knobs": Object {
+          "options": undefined,
+          "version": "x.x.x",
+        },
         "storybook-addon-deprecated": Object {
           "options": undefined,
           "version": "x.x.x",
diff --git a/lib/telemetry/src/storybook-metadata.ts b/lib/telemetry/src/storybook-metadata.ts
index 0a82e61f436b..562cb132e406 100644
--- a/lib/telemetry/src/storybook-metadata.ts
+++ b/lib/telemetry/src/storybook-metadata.ts
@@ -12,22 +12,6 @@ import type { StorybookMetadata, Dependency, StorybookAddon } from './types';
 import { getActualPackageVersion, getActualPackageVersions } from './package-versions';
 import { getMonorepoType } from './get-monorepo-type';
 
-let cachedMetadata: StorybookMetadata;
-export const getStorybookMetadata = async (_configDir: string) => {
-  if (cachedMetadata) {
-    return cachedMetadata;
-  }
-
-  const packageJson = readPkgUp.sync({ cwd: process.cwd() }).packageJson as PackageJson;
-  const configDir =
-    (_configDir ||
-      (getStorybookConfiguration(packageJson.scripts.storybook, '-c', '--config-dir') as string)) ??
-    '.storybook';
-  const mainConfig = loadMainConfig({ configDir });
-  cachedMetadata = await computeStorybookMetadata({ mainConfig, packageJson });
-  return cachedMetadata;
-};
-
 export const metaFrameworks = {
   next: 'Next',
   'react-scripts': 'CRA',
@@ -147,7 +131,7 @@ export const computeStorybookMetadata = async ({
       let result;
       let options;
       if (typeof addon === 'string') {
-        result = addon.replace('/register', '');
+        result = addon.replace('/register', '').replace('/preset', '');
       } else {
         options = addon.options;
         result = addon.name;
@@ -204,3 +188,19 @@ export const computeStorybookMetadata = async ({
     hasStorybookEslint,
   };
 };
+
+let cachedMetadata: StorybookMetadata;
+export const getStorybookMetadata = async (_configDir: string) => {
+  if (cachedMetadata) {
+    return cachedMetadata;
+  }
+
+  const packageJson = readPkgUp.sync({ cwd: process.cwd() }).packageJson as PackageJson;
+  const configDir =
+    (_configDir ||
+      (getStorybookConfiguration(packageJson.scripts.storybook, '-c', '--config-dir') as string)) ??
+    '.storybook';
+  const mainConfig = loadMainConfig({ configDir });
+  cachedMetadata = await computeStorybookMetadata({ mainConfig, packageJson });
+  return cachedMetadata;
+};

From 31aef64e964784b862f7871d676a9fc5e374a97a Mon Sep 17 00:00:00 2001
From: joshwooding <12938082+joshwooding@users.noreply.github.com>
Date: Sun, 12 Jun 2022 00:40:32 +0100
Subject: [PATCH 09/49] Warn when storyName usage is detected in CSF3 stories

---
 lib/csf-tools/src/CsfFile.test.ts | 19 +++++++++++++++++++
 lib/csf-tools/src/CsfFile.ts      |  4 ++++
 2 files changed, 23 insertions(+)

diff --git a/lib/csf-tools/src/CsfFile.test.ts b/lib/csf-tools/src/CsfFile.test.ts
index 6bfa32456104..80d2bc2ca052 100644
--- a/lib/csf-tools/src/CsfFile.test.ts
+++ b/lib/csf-tools/src/CsfFile.test.ts
@@ -613,5 +613,24 @@ describe('CsfFile', () => {
               __id: foo-bar--a
       `);
     });
+
+    it('Object export with storyName', () => {
+      const consoleWarnMock = jest.spyOn(console, 'warn').mockImplementation();
+
+      parse(
+        dedent`
+        export default { title: 'foo/bar' };
+        export const A = {
+          storyName: 'Apple'
+        }
+      `,
+        true
+      );
+
+      expect(consoleWarnMock).toHaveBeenCalledWith(
+        'Unexpected usage of "storyName" in "A". Please use "name" instead.'
+      );
+      consoleWarnMock.mockRestore();
+    });
   });
 });
diff --git a/lib/csf-tools/src/CsfFile.ts b/lib/csf-tools/src/CsfFile.ts
index 3d38d6a2f93d..88a8fbd5eec3 100644
--- a/lib/csf-tools/src/CsfFile.ts
+++ b/lib/csf-tools/src/CsfFile.ts
@@ -268,6 +268,10 @@ export class CsfFile {
                         __isArgsStory = isArgsStory(p.value as t.Expression, parent, self);
                       } else if (p.key.name === 'name' && t.isStringLiteral(p.value)) {
                         name = p.value.value;
+                      } else if (p.key.name === 'storyName' && t.isStringLiteral(p.value)) {
+                        logger.warn(
+                          `Unexpected usage of "storyName" in "${exportName}". Please use "name" instead.`
+                        );
                       }
                       self._storyAnnotations[exportName][p.key.name] = p.value;
                     }

From f1ae95431a2d6dfec9a8b73abea4e43e0bc7b368 Mon Sep 17 00:00:00 2001
From: joshwooding <12938082+joshwooding@users.noreply.github.com>
Date: Tue, 31 May 2022 01:08:22 +0100
Subject: [PATCH 10/49] Move memoizerific to dependencies in theming

---
 lib/theming/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/theming/package.json b/lib/theming/package.json
index 06c888cb2cc8..44a904e1d05f 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -42,6 +42,7 @@
   "dependencies": {
     "@storybook/client-logger": "6.5.0-rc.1",
     "core-js": "^3.8.2",
+    "memoizerific": "^1.11.3",
     "regenerator-runtime": "^0.13.7"
   },
   "devDependencies": {
@@ -52,7 +53,6 @@
     "@types/node": "^14.14.20 || ^16.0.0",
     "deep-object-diff": "^1.1.0",
     "global": "^4.4.0",
-    "memoizerific": "^1.11.3",
     "polished": "^4.2.2",
     "ts-dedent": "^2.0.0",
     "ts-node": "^10.4.0"

From 833594248a6d592eb6b19dcf2ecb8f89155f08f2 Mon Sep 17 00:00:00 2001
From: joshwooding <12938082+joshwooding@users.noreply.github.com>
Date: Tue, 31 May 2022 01:10:09 +0100
Subject: [PATCH 11/49] Move memoizerific and qs to dependencies in router

---
 lib/router/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/router/package.json b/lib/router/package.json
index 89cf5867d002..5692236d313f 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -42,6 +42,7 @@
   "dependencies": {
     "@storybook/client-logger": "6.5.0-rc.1",
     "core-js": "^3.8.2",
+    "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
     "regenerator-runtime": "^0.13.7"
   },
@@ -50,7 +51,6 @@
     "global": "^4.4.0",
     "history": "5.0.0",
     "lodash": "^4.17.21",
-    "memoizerific": "^1.11.3",
     "react-router": "6.0.2",
     "react-router-dom": "6.0.2",
     "ts-dedent": "^2.0.0",

From d410bd9ba73e66c86fb76fd88a60e2ad89f3d3dd Mon Sep 17 00:00:00 2001
From: joshwooding <12938082+joshwooding@users.noreply.github.com>
Date: Tue, 31 May 2022 01:15:38 +0100
Subject: [PATCH 12/49] Move memoizerific and qs to dependencies in ui

---
 lib/ui/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/ui/package.json b/lib/ui/package.json
index 9bf40dd1ff8c..8f3566513981 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -50,6 +50,7 @@
     "@storybook/semver": "^7.3.2",
     "@storybook/theming": "6.5.0-rc.1",
     "core-js": "^3.8.2",
+    "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
     "regenerator-runtime": "^0.13.7",
     "resolve-from": "^5.0.0"
@@ -66,7 +67,6 @@
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "markdown-to-jsx": "^7.1.3",
-    "memoizerific": "^1.11.3",
     "polished": "^4.2.2",
     "react-draggable": "^4.4.3",
     "react-helmet-async": "^1.0.7",

From e1d7f08ae4031c2556219cba48d200f74e9a0326 Mon Sep 17 00:00:00 2001
From: joshwooding <12938082+joshwooding@users.noreply.github.com>
Date: Mon, 13 Jun 2022 12:05:28 +0100
Subject: [PATCH 13/49] Core: Fix process is not defined when using components

---
 lib/components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/package.json b/lib/components/package.json
index 07ae352266b1..eef2e017f8e4 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -45,6 +45,7 @@
     "@storybook/theming": "6.5.0-rc.1",
     "@types/react-syntax-highlighter": "11.0.5",
     "core-js": "^3.8.2",
+    "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
     "react-syntax-highlighter": "^15.4.5",
     "regenerator-runtime": "^0.13.7",
@@ -61,7 +62,6 @@
     "jest": "^26.6.3",
     "lodash": "^4.17.21",
     "markdown-to-jsx": "^7.1.3",
-    "memoizerific": "^1.11.3",
     "overlayscrollbars": "^1.13.1",
     "polished": "^4.2.2",
     "prettier": ">=2.2.1 <=2.3.0",

From d35bc155c0898de463b3728a2fdb7e2e88296c0b Mon Sep 17 00:00:00 2001
From: Matt Evenson <mevenson@usc.edu>
Date: Sun, 12 Jun 2022 21:55:52 -0700
Subject: [PATCH 14/49] Remove duplicate statement

`title: 'DocumentScreen',` appears twice in the component meta.
---
 docs/snippets/react/page-story-with-args-composition.ts.mdx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/snippets/react/page-story-with-args-composition.ts.mdx b/docs/snippets/react/page-story-with-args-composition.ts.mdx
index a088dfda54fe..be960adff652 100644
--- a/docs/snippets/react/page-story-with-args-composition.ts.mdx
+++ b/docs/snippets/react/page-story-with-args-composition.ts.mdx
@@ -18,7 +18,6 @@ export default {
   */
   title: 'DocumentScreen',
   component: DocumentScreen,
-  title: 'DocumentScreen',
 } as ComponentMeta<typeof DocumentScreen>;
 
 
@@ -30,4 +29,4 @@ Simple.args = {
   document: DocumentHeader.Simple.args.document,
   subdocuments: DocumentList.Simple.args.documents,
 };
-```
\ No newline at end of file
+```

From f92dd04755bb40178d3e0200197bebe738f18719 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 7 Jun 2022 09:51:34 +0200
Subject: [PATCH 15/49] bundle the syntax highlighter again inside
 lib/components

---
 lib/components/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/package.json b/lib/components/package.json
index eef2e017f8e4..e57b79742407 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -43,11 +43,9 @@
     "@storybook/client-logger": "6.5.0-rc.1",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "@storybook/theming": "6.5.0-rc.1",
-    "@types/react-syntax-highlighter": "11.0.5",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
-    "react-syntax-highlighter": "^15.4.5",
     "regenerator-runtime": "^0.13.7",
     "util-deprecate": "^1.0.2"
   },
@@ -55,6 +53,7 @@
     "@popperjs/core": "^2.6.0",
     "@types/color-convert": "^2.0.0",
     "@types/overlayscrollbars": "^1.12.0",
+    "@types/react-syntax-highlighter": "11.0.5",
     "color-convert": "^2.0.1",
     "css": "^3.0.0",
     "fast-deep-equal": "^3.1.3",
@@ -68,6 +67,7 @@
     "prop-types": "^15.7.2",
     "react-colorful": "^5.1.2",
     "react-popper-tooltip": "^3.1.1",
+    "react-syntax-highlighter": "^15.4.5",
     "react-textarea-autosize": "^8.3.0",
     "ts-dedent": "^2.0.0",
     "ts-node": "^10.4.0"

From 2e9fb447cde92af39ae5762a127a2a5099900a44 Mon Sep 17 00:00:00 2001
From: Alex Guja <60717961+alexguja@users.noreply.github.com>
Date: Wed, 15 Jun 2022 14:13:01 +0200
Subject: [PATCH 16/49] Update test-runner.md

Make code snippet consistent with the others on the page. Typically yarn is shown before npm, so this change will make the code snippet consistent with the rest.
---
 docs/writing-tests/test-runner.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/docs/writing-tests/test-runner.md b/docs/writing-tests/test-runner.md
index 5502adfbcd15..1940f87630c0 100644
--- a/docs/writing-tests/test-runner.md
+++ b/docs/writing-tests/test-runner.md
@@ -43,8 +43,9 @@ Start your Storybook with:
 <CodeSnippets
   paths={[
     'angular/storybook-run-dev.with-builder.js.mdx',
-    'common/storybook-run-dev.npm.js.mdx',
     'common/storybook-run-dev.yarn.js.mdx',
+    'common/storybook-run-dev.npm.js.mdx',
+
   ]}
 />
 
@@ -302,4 +303,4 @@ As the test runner is based on Playwright, you might need to use specific docker
 - [Accessibility tests](./accessibility-testing.md) for accessibility
 - [Interaction tests](./interaction-testing.md) for user behavior simulation
 - [Snapshot tests](./snapshot-testing.md) for rendering errors and warnings
-- [Import stories in other tests](./importing-stories-in-tests.md) for other tools
\ No newline at end of file
+- [Import stories in other tests](./importing-stories-in-tests.md) for other tools

From f19b470e7030d95773b2a639d63c6cdeeb606c08 Mon Sep 17 00:00:00 2001
From: Deen <deen@echobind.com>
Date: Tue, 14 Jun 2022 13:17:40 -0500
Subject: [PATCH 17/49] fix: display skip to sidebar button

---
 lib/ui/src/components/preview/FramesRenderer.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/ui/src/components/preview/FramesRenderer.tsx b/lib/ui/src/components/preview/FramesRenderer.tsx
index c8ccbae69d5e..4d384b3c968a 100644
--- a/lib/ui/src/components/preview/FramesRenderer.tsx
+++ b/lib/ui/src/components/preview/FramesRenderer.tsx
@@ -20,6 +20,7 @@ const SkipToSidebarLink = styled(Button)(({ theme }) => ({
   display: 'none',
   '@media (min-width: 600px)': {
     position: 'absolute',
+    display: 'block',
     top: 10,
     right: 15,
     padding: '10px 15px',

From d5b741ef60298eae6850e252679939343504639b Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 10 Jun 2022 15:41:04 +0200
Subject: [PATCH 18/49] Don't intercept calls inside callbacks, and bubble
 exceptions inside callbacks up to the parent rather than forwarding it to the
 next interceptable call

---
 lib/instrumenter/src/instrumenter.test.ts | 66 ++++++++++++++++++++---
 lib/instrumenter/src/instrumenter.ts      | 59 +++++++++++++-------
 2 files changed, 100 insertions(+), 25 deletions(-)

diff --git a/lib/instrumenter/src/instrumenter.test.ts b/lib/instrumenter/src/instrumenter.test.ts
index 5f6064f5cbde..748cdcd9126f 100644
--- a/lib/instrumenter/src/instrumenter.test.ts
+++ b/lib/instrumenter/src/instrumenter.test.ts
@@ -39,6 +39,8 @@ let instrumenter: Instrumenter;
 const instrument = <TObj extends Record<string, any>>(obj: TObj, options: Options = {}) =>
   instrumenter.instrument(obj, options);
 
+const tick = () => new Promise((resolve) => setTimeout(resolve, 0));
+
 beforeEach(() => {
   jest.useRealTimers();
   callSpy.mockClear();
@@ -317,6 +319,20 @@ describe('Instrumenter', () => {
     expect(() => setRenderPhase('played')).toThrow(new Error('Boom!'));
   });
 
+  it('hoists child exceptions (in callback)', () => {
+    const { fn1, fn2 } = instrument({
+      fn1: (callback?: Function) => callback && callback(),
+      fn2: () => {
+        throw new Error('Boom!');
+      },
+    });
+    expect(
+      fn1(() => {
+        fn2();
+      })
+    ).toEqual(new Error('Boom!'));
+  });
+
   it("re-throws anything that isn't an error", () => {
     const { fn } = instrument({
       fn: () => {
@@ -357,6 +373,41 @@ describe('Instrumenter', () => {
   describe('with intercept: true', () => {
     const options = { intercept: true };
 
+    it('only includes intercepted calls in the log', async () => {
+      const fn = (callback?: Function) => callback && callback();
+      const { fn1, fn2 } = instrument({ fn1: fn, fn2: fn }, options);
+      const { fn3 } = instrument({ fn3: fn }, { intercept: false });
+      fn1();
+      fn2();
+      fn3();
+      await tick();
+      expect(syncSpy).toHaveBeenCalledWith(
+        expect.objectContaining({
+          logItems: [
+            { callId: 'kind--story [0] fn1', status: 'done' },
+            { callId: 'kind--story [1] fn2', status: 'done' },
+          ],
+        })
+      );
+    });
+
+    it('does not intercept child calls (in callback)', async () => {
+      const fn = (callback?: Function) => callback && callback();
+      const { fn1, fn2 } = instrument({ fn1: fn, fn2: fn }, options);
+      fn1(() => {
+        fn2();
+      });
+      await tick();
+      expect(syncSpy).toHaveBeenCalledWith(
+        expect.objectContaining({
+          logItems: [
+            { callId: 'kind--story [0] fn1', status: 'done' },
+            // Second call is not here because it is not intercepted
+          ],
+        })
+      );
+    });
+
     it('emits a call event with error data when the function throws', () => {
       const { fn } = instrument(
         {
@@ -443,12 +494,13 @@ describe('Instrumenter', () => {
     });
 
     it.skip('starts debugging at the first non-nested interceptable call', () => {
-      const { fn } = instrument({ fn: jest.fn((...args: any) => args) }, { intercept: true });
-      fn(fn(), fn()); // setup the dependencies
+      const fn = (...args) => args;
+      const { fn1, fn2, fn3 } = instrument({ fn1: fn, fn2: fn, fn3: fn }, { intercept: true });
+      fn3(fn1(), fn2()); // setup the dependencies
       addons.getChannel().emit(EVENTS.START, { storyId });
-      const a = fn('a');
-      const b = fn('b');
-      const c = fn(a, b);
+      const a = fn1('a');
+      const b = fn2('b');
+      const c = fn3(a, b);
       expect(a).toEqual(['a']);
       expect(b).toEqual(['b']);
       expect(c).toEqual(expect.any(Promise));
@@ -476,13 +528,13 @@ describe('Instrumenter', () => {
       expect(fn).toHaveBeenCalledTimes(0);
 
       addons.getChannel().emit(EVENTS.NEXT, { storyId });
-      await new Promise((resolve) => setTimeout(resolve, 0));
+      await tick();
 
       expect(mockedInstrumentedFn).toHaveBeenCalledTimes(2);
       expect(fn).toHaveBeenCalledTimes(1);
 
       addons.getChannel().emit(EVENTS.END, { storyId });
-      await new Promise((resolve) => setTimeout(resolve, 0));
+      await tick();
 
       expect(mockedInstrumentedFn).toHaveBeenCalledTimes(3);
       expect(fn).toHaveBeenCalledTimes(3);
diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index 9e54071bab64..a167937b0cdc 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -147,6 +147,12 @@ export class Instrumenter {
         // Rethrow any unhandled forwarded exception so it doesn't go unnoticed.
         if (forwardedException) throw forwardedException;
       }
+      if (newPhase === 'errored') {
+        this.setState(storyId, {
+          isLocked: false,
+          isPlaying: false,
+        });
+      }
     });
 
     // Trash non-retained state and clear the log when switching stories, but not on initial boot.
@@ -331,7 +337,8 @@ export class Instrumenter {
     this.setState(storyId, { cursor: cursor + 1 });
     const id = `${parentId || storyId} [${cursor}] ${method}`;
     const { path = [], intercept = false, retain = false } = options;
-    const interceptable = typeof intercept === 'function' ? intercept(method, path) : intercept;
+    const interceptable =
+      !parentId && (typeof intercept === 'function' ? intercept(method, path) : intercept);
     const call: Call = { id, parentId, storyId, cursor, path, method, args, interceptable, retain };
     const result = (interceptable ? this.intercept : this.invoke).call(this, fn, call, options);
     return this.instrument(result, { ...options, mutate: true, path: [{ __callId__: call.id }] });
@@ -418,6 +425,11 @@ export class Instrumenter {
           throw IGNORED_EXCEPTION;
         }
 
+        // Exceptions inside callbacks should bubble up to the parent call rather than be forwarded.
+        if (call.parentId) {
+          throw e;
+        }
+
         // Non-interceptable calls need their exceptions forwarded to the next interceptable call.
         // In case no interceptable call picks it up, it'll get rethrown in the "completed" phase.
         this.setState(call.storyId, { forwardedException: e });
@@ -437,25 +449,36 @@ export class Instrumenter {
         throw alreadyCompletedException;
       }
 
-      const finalArgs = options.getArgs
+      // Some libraries override function args through the `getArgs` option.
+      const actualArgs = options.getArgs
         ? options.getArgs(call, this.getState(call.storyId))
         : call.args;
-      const result = fn(
-        // Wrap any callback functions to provide a way to access their "parent" call.
-        // This is picked up in the `track` function and used for call metadata.
-        ...finalArgs.map((arg: any) => {
-          if (typeof arg !== 'function' || Object.keys(arg).length) return arg;
-          return (...args: any) => {
-            const { cursor, parentId } = this.getState(call.storyId);
-            this.setState(call.storyId, { cursor: 0, parentId: call.id });
-            const restore = () => this.setState(call.storyId, { cursor, parentId });
-            const res = arg(...args);
-            if (res instanceof Promise) res.then(restore, restore);
-            else restore();
-            return res;
-          };
-        })
-      );
+
+      // Wrap any callback functions to provide a way to access their "parent" call.
+      // This is picked up in the `track` function and used for call metadata.
+      const finalArgs = actualArgs.map((arg: any) => {
+        // We only want to wrap plain functions, not objects.
+        if (typeof arg !== 'function' || Object.keys(arg).length) return arg;
+
+        // console.log(call.id);
+        return (...args: any) => {
+          // Set the cursor and parentId for calls that happen inside the callback.
+          const { cursor, parentId } = this.getState(call.storyId);
+          this.setState(call.storyId, { cursor: 0, parentId: call.id });
+          const restore = () => this.setState(call.storyId, { cursor, parentId });
+
+          // Invoke the actual callback function.
+          const res = arg(...args);
+
+          // Reset cursor and parentId to their original values before we entered the callback.
+          if (res instanceof Promise) res.then(restore, restore);
+          else restore();
+
+          return res;
+        };
+      });
+
+      const result = fn(...finalArgs);
 
       // Track the result so we can trace later uses of it back to the originating call.
       // Primitive results (undefined, null, boolean, string, number, BigInt) are ignored.

From 3bcec76f42aeeabfc0fe42bb255746de93032245 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 10 Jun 2022 16:50:51 +0200
Subject: [PATCH 19/49] Show child interactions in log and display errors in
 the appropriate place

---
 .../components/Interaction/Interaction.tsx    |  3 +-
 lib/instrumenter/src/instrumenter.test.ts     | 11 +++++--
 lib/instrumenter/src/instrumenter.ts          | 30 ++++++++++---------
 lib/instrumenter/src/types.ts                 |  1 +
 4 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index d9d6bf27ddb1..9f96c9a95852 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -27,6 +27,7 @@ const RowContainer = styled('div', { shouldForwardProp: (prop) => !['call'].incl
     backgroundColor:
       theme.base === 'dark' ? transparentize(0.93, theme.color.negative) : theme.background.warning,
   }),
+  paddingLeft: call.parentId ? 20 : 0,
 }));
 
 const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].includes(prop) })<
@@ -88,7 +89,7 @@ export const Interaction = ({
         </MethodCallWrapper>
       </RowLabel>
       {call.status === CallStates.ERROR &&
-        call.exception &&
+        call.exception?.callId === call.id &&
         (call.exception.message.startsWith('expect(') ? (
           <MatcherResult {...call.exception} />
         ) : (
diff --git a/lib/instrumenter/src/instrumenter.test.ts b/lib/instrumenter/src/instrumenter.test.ts
index 748cdcd9126f..7599bce6b3ac 100644
--- a/lib/instrumenter/src/instrumenter.test.ts
+++ b/lib/instrumenter/src/instrumenter.test.ts
@@ -319,7 +319,7 @@ describe('Instrumenter', () => {
     expect(() => setRenderPhase('played')).toThrow(new Error('Boom!'));
   });
 
-  it('hoists child exceptions (in callback)', () => {
+  it('bubbles child exceptions up to parent (in callback)', () => {
     const { fn1, fn2 } = instrument({
       fn1: (callback?: Function) => callback && callback(),
       fn2: () => {
@@ -391,7 +391,7 @@ describe('Instrumenter', () => {
       );
     });
 
-    it('does not intercept child calls (in callback)', async () => {
+    it('also includes child calls in the log', async () => {
       const fn = (callback?: Function) => callback && callback();
       const { fn1, fn2 } = instrument({ fn1: fn, fn2: fn }, options);
       fn1(() => {
@@ -402,7 +402,11 @@ describe('Instrumenter', () => {
         expect.objectContaining({
           logItems: [
             { callId: 'kind--story [0] fn1', status: 'done' },
-            // Second call is not here because it is not intercepted
+            {
+              callId: 'kind--story [0] fn1 [0] fn2',
+              status: 'done',
+              parentId: 'kind--story [0] fn1',
+            },
           ],
         })
       );
@@ -425,6 +429,7 @@ describe('Instrumenter', () => {
             name: 'Error',
             message: 'Boom!',
             stack: expect.stringContaining('Error: Boom!'),
+            callId: 'kind--story [0] fn',
           },
         })
       );
diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index a167937b0cdc..06b07b893603 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -178,7 +178,7 @@ export class Instrumenter {
             playUntil ||
             shadowCalls
               .slice(0, firstRowIndex)
-              .filter((call) => call.interceptable)
+              .filter((call) => call.interceptable && !call.parentId)
               .slice(-1)[0]?.id,
         };
       });
@@ -193,7 +193,8 @@ export class Instrumenter {
       const next = isDebugging
         ? log.findIndex(({ status }) => status === CallStates.WAITING)
         : log.length;
-      start({ storyId, playUntil: log[next - 2]?.callId });
+      const playUntil = log[next - 2]?.parentId || log[next - 2]?.callId;
+      start({ storyId, playUntil });
     };
 
     const goto = ({ storyId, callId }: { storyId: string; callId: Call['id'] }) => {
@@ -276,7 +277,7 @@ export class Instrumenter {
         }
       });
       if (call.interceptable && !seen.has(call.id)) {
-        acc.unshift({ callId: call.id, status: call.status });
+        acc.unshift({ callId: call.id, status: call.status, parentId: call.parentId });
         seen.add(call.id);
       }
       return acc;
@@ -337,10 +338,10 @@ export class Instrumenter {
     this.setState(storyId, { cursor: cursor + 1 });
     const id = `${parentId || storyId} [${cursor}] ${method}`;
     const { path = [], intercept = false, retain = false } = options;
-    const interceptable =
-      !parentId && (typeof intercept === 'function' ? intercept(method, path) : intercept);
+    const interceptable = typeof intercept === 'function' ? intercept(method, path) : intercept;
     const call: Call = { id, parentId, storyId, cursor, path, method, args, interceptable, retain };
-    const result = (interceptable ? this.intercept : this.invoke).call(this, fn, call, options);
+    const interceptOrInvoke = interceptable && !parentId ? this.intercept : this.invoke;
+    const result = interceptOrInvoke.call(this, fn, call, options);
     return this.instrument(result, { ...options, mutate: true, path: [{ __callId__: call.id }] });
   }
 
@@ -405,10 +406,10 @@ export class Instrumenter {
       }
     });
 
-    const handleException = (e: unknown) => {
+    const handleException = (e: any) => {
       if (e instanceof Error) {
-        const { name, message, stack } = e;
-        const exception = { name, message, stack };
+        const { name, message, stack, callId = call.id } = e as Error & { callId?: Call['id'] };
+        const exception = { name, message, stack, callId };
         this.update({ ...info, status: CallStates.ERROR, exception });
 
         // Always track errors to their originating call.
@@ -419,17 +420,18 @@ export class Instrumenter {
           ]),
         }));
 
+        // Exceptions inside callbacks should bubble up to the parent call rather than be forwarded.
+        if (call.parentId) {
+          Object.defineProperty(e, 'callId', { value: call.id });
+          throw e;
+        }
+
         // We need to throw to break out of the play function, but we don't want to trigger a redbox
         // so we throw an ignoredException, which is caught and silently ignored by Storybook.
         if (call.interceptable && e !== alreadyCompletedException) {
           throw IGNORED_EXCEPTION;
         }
 
-        // Exceptions inside callbacks should bubble up to the parent call rather than be forwarded.
-        if (call.parentId) {
-          throw e;
-        }
-
         // Non-interceptable calls need their exceptions forwarded to the next interceptable call.
         // In case no interceptable call picks it up, it'll get rethrown in the "completed" phase.
         this.setState(call.storyId, { forwardedException: e });
diff --git a/lib/instrumenter/src/types.ts b/lib/instrumenter/src/types.ts
index 48f17fdec0d1..862036ea75a9 100644
--- a/lib/instrumenter/src/types.ts
+++ b/lib/instrumenter/src/types.ts
@@ -47,6 +47,7 @@ export interface ControlStates {
 export interface LogItem {
   callId: Call['id'];
   status: Call['status'];
+  parentId?: Call['id'];
 }
 
 export interface Payload {

From 1ea2f9cdd818092bbd7311cb89ccef104f62bb24 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Sun, 12 Jun 2022 12:59:49 +0200
Subject: [PATCH 20/49] Fix mock data

---
 addons/interactions/src/mocks/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/interactions/src/mocks/index.ts b/addons/interactions/src/mocks/index.ts
index 7952b6ecf896..8113f28e26c5 100644
--- a/addons/interactions/src/mocks/index.ts
+++ b/addons/interactions/src/mocks/index.ts
@@ -24,7 +24,7 @@ export const getCall = (status: CallStates): Call => {
   };
 
   const overrides = CallStates.ERROR
-    ? { exception: { name: 'Error', stack: '', message: "Things didn't work!" } }
+    ? { exception: { name: 'Error', stack: '', message: 'Oops!', callId: defaultData.id } }
     : {};
 
   return { ...defaultData, ...overrides };

From 136c1212c2a274d6e88e60aa571fdc40f173d34b Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Sun, 12 Jun 2022 20:16:21 +0200
Subject: [PATCH 21/49] Fix exception type

---
 lib/instrumenter/src/types.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/instrumenter/src/types.ts b/lib/instrumenter/src/types.ts
index 862036ea75a9..e88eb4de79e2 100644
--- a/lib/instrumenter/src/types.ts
+++ b/lib/instrumenter/src/types.ts
@@ -11,7 +11,7 @@ export interface Call {
   interceptable: boolean;
   retain: boolean;
   status?: CallStates.DONE | CallStates.ERROR | CallStates.ACTIVE | CallStates.WAITING;
-  exception?: Error;
+  exception?: Error & { callId: Call['id'] };
 }
 
 export enum CallStates {

From ee7baf27e0176663aa9e67fa615b28bf1a0e5ee9 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Sun, 12 Jun 2022 20:27:43 +0200
Subject: [PATCH 22/49] Disable interaction on child interactions

---
 addons/interactions/src/components/Interaction/Interaction.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index 9f96c9a95852..21f4d4450d47 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -79,7 +79,7 @@ export const Interaction = ({
       <RowLabel
         call={call}
         onClick={() => controls.goto(call.id)}
-        disabled={!controlStates.goto}
+        disabled={!controlStates.goto || !!call.parentId}
         onMouseEnter={() => controlStates.goto && setIsHovered(true)}
         onMouseLeave={() => controlStates.goto && setIsHovered(false)}
       >

From 6f42962372ac1c54801c3f45aa7ca1154e21895e Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 13 Jun 2022 23:32:08 +0200
Subject: [PATCH 23/49] Many fixes

---
 addons/interactions/src/Panel.tsx             | 25 +++--
 .../components/Interaction/Interaction.tsx    | 78 +++++++++++-----
 .../src/components/MatcherResult.tsx          |  2 +-
 .../src/components/MethodCall.stories.tsx     | 57 ++++++++----
 .../src/components/MethodCall.tsx             | 89 +++++++++---------
 .../src/components/Subnav/Subnav.stories.tsx  |  1 +
 lib/instrumenter/src/instrumenter.ts          | 92 ++++++++++---------
 lib/instrumenter/src/types.ts                 |  7 +-
 8 files changed, 212 insertions(+), 139 deletions(-)

diff --git a/addons/interactions/src/Panel.tsx b/addons/interactions/src/Panel.tsx
index 4693f8577991..e1fd3a1f6f8e 100644
--- a/addons/interactions/src/Panel.tsx
+++ b/addons/interactions/src/Panel.tsx
@@ -29,6 +29,7 @@ interface InteractionsPanelProps {
   controls: Controls;
   controlStates: ControlStates;
   interactions: (Call & { status?: CallStates })[];
+  nextCallId?: Call['id'];
   fileName?: string;
   hasException?: boolean;
   isPlaying?: boolean;
@@ -63,6 +64,7 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
     controls,
     controlStates,
     interactions,
+    nextCallId,
     fileName,
     hasException,
     isPlaying,
@@ -87,15 +89,18 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
           setIsRerunAnimating={setIsRerunAnimating}
         />
       )}
-      {interactions.map((call) => (
-        <Interaction
-          key={call.id}
-          call={call}
-          callsById={calls}
-          controls={controls}
-          controlStates={controlStates}
-        />
-      ))}
+      <div>
+        {interactions.map((call) => (
+          <Interaction
+            key={call.id}
+            call={call}
+            callsById={calls}
+            controls={controls}
+            controlStates={controlStates}
+            nextCallId={nextCallId}
+          />
+        ))}
+      </div>
       <div ref={endRef} />
       {!isPlaying && interactions.length === 0 && (
         <Placeholder>
@@ -176,6 +181,7 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
 
   const showStatus = log.length > 0 && !isPlaying;
   const hasException = log.some((item) => item.status === CallStates.ERROR);
+  const nextCall = log.find((item) => item.status === CallStates.WAITING && !item.parentId);
 
   return (
     <React.Fragment key="interactions">
@@ -188,6 +194,7 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
         controls={controls}
         controlStates={controlStates}
         interactions={interactions}
+        nextCallId={nextCall?.callId}
         fileName={fileName}
         hasException={hasException}
         isPlaying={isPlaying}
diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index 21f4d4450d47..34b68808c294 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -17,18 +17,30 @@ const MethodCallWrapper = styled.div(() => ({
 
 const RowContainer = styled('div', { shouldForwardProp: (prop) => !['call'].includes(prop) })<{
   call: Call;
-}>(({ theme, call }) => ({
-  display: 'flex',
-  flexDirection: 'column',
-  borderBottom: `1px solid ${theme.appBorderColor}`,
-  fontFamily: typography.fonts.base,
-  fontSize: 13,
-  ...(call.status === CallStates.ERROR && {
-    backgroundColor:
-      theme.base === 'dark' ? transparentize(0.93, theme.color.negative) : theme.background.warning,
+  isNext: boolean;
+}>(
+  ({ theme, call }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    borderBottom: `1px solid ${theme.appBorderColor}`,
+    fontFamily: typography.fonts.base,
+    fontSize: 13,
+    ...(call.status === CallStates.ERROR && {
+      backgroundColor:
+        theme.base === 'dark'
+          ? transparentize(0.93, theme.color.negative)
+          : theme.background.warning,
+    }),
+    paddingLeft: call.parentId ? 20 : 0,
   }),
-  paddingLeft: call.parentId ? 20 : 0,
-}));
+  ({ theme, isNext }) =>
+    isNext && {
+      '&::before': {
+        content: '""',
+        boxShadow: `0 0 1px 1px ${theme.color.secondary}`,
+      },
+    }
+);
 
 const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].includes(prop) })<
   React.ButtonHTMLAttributes<HTMLButtonElement> & { call: Call }
@@ -56,30 +68,52 @@ const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].inclu
   },
 }));
 
-const RowMessage = styled('pre')({
-  margin: 0,
-  padding: '8px 10px 8px 30px',
+const RowMessage = styled('div')(({ theme }) => ({
+  padding: '8px 10px 8px 36px',
   fontSize: typography.size.s1,
-});
+  pre: {
+    margin: 0,
+    padding: 0,
+  },
+  p: {
+    color: theme.color.dark,
+  },
+}));
+
+const Exception = ({ exception }: { exception: Call['exception'] }) => {
+  if (exception.message.startsWith('expect(')) {
+    return <MatcherResult {...exception} />;
+  }
+  const paragraphs = exception.message.split('\n\n');
+  const more = paragraphs.length > 1;
+  return (
+    <RowMessage>
+      <pre>{paragraphs[0]}</pre>
+      {more && <p>See the full stack trace in the browser console.</p>}
+    </RowMessage>
+  );
+};
 
 export const Interaction = ({
   call,
   callsById,
   controls,
   controlStates,
+  nextCallId,
 }: {
   call: Call;
   callsById: Map<Call['id'], Call>;
   controls: Controls;
   controlStates: ControlStates;
+  nextCallId: Call['id'];
 }) => {
   const [isHovered, setIsHovered] = React.useState(false);
   return (
-    <RowContainer call={call}>
+    <RowContainer call={call} isNext={nextCallId === call.id}>
       <RowLabel
         call={call}
         onClick={() => controls.goto(call.id)}
-        disabled={!controlStates.goto || !!call.parentId}
+        disabled={!controlStates.goto || !call.interceptable || !!call.parentId}
         onMouseEnter={() => controlStates.goto && setIsHovered(true)}
         onMouseLeave={() => controlStates.goto && setIsHovered(false)}
       >
@@ -88,13 +122,9 @@ export const Interaction = ({
           <MethodCall call={call} callsById={callsById} />
         </MethodCallWrapper>
       </RowLabel>
-      {call.status === CallStates.ERROR &&
-        call.exception?.callId === call.id &&
-        (call.exception.message.startsWith('expect(') ? (
-          <MatcherResult {...call.exception} />
-        ) : (
-          <RowMessage>{call.exception.message}</RowMessage>
-        ))}
+      {call.status === CallStates.ERROR && call.exception?.callId === call.id && (
+        <Exception exception={call.exception} />
+      )}
     </RowContainer>
   );
 };
diff --git a/addons/interactions/src/components/MatcherResult.tsx b/addons/interactions/src/components/MatcherResult.tsx
index cf52a920ae42..4e3814702e3f 100644
--- a/addons/interactions/src/components/MatcherResult.tsx
+++ b/addons/interactions/src/components/MatcherResult.tsx
@@ -50,7 +50,7 @@ export const MatcherResult = ({ message }: { message: string }) => {
     <pre
       style={{
         margin: 0,
-        padding: '8px 10px 8px 30px',
+        padding: '8px 10px 8px 36px',
         fontSize: typography.size.s1,
       }}
     >
diff --git a/addons/interactions/src/components/MethodCall.stories.tsx b/addons/interactions/src/components/MethodCall.stories.tsx
index feda43c8ff5c..b7551d0c32e9 100644
--- a/addons/interactions/src/components/MethodCall.stories.tsx
+++ b/addons/interactions/src/components/MethodCall.stories.tsx
@@ -27,7 +27,6 @@ export default {
   },
 };
 
-class FooBar {}
 export const Args = () => (
   <div style={{ display: 'inline-flex', flexDirection: 'column', gap: 10 }}>
     <Node value={null} />
@@ -56,37 +55,50 @@ export const Args = () => (
       }}
       showObjectInspector
     />
-    <Node value={new FooBar()} />
-    <Node value={function goFaster() {}} />
+    <Node value={{ __class__: { name: 'FooBar' } }} />
+    <Node value={{ __function__: { name: 'goFaster' } }} />
     <Node value={{ __element__: { localName: 'hr' } }} />
     <Node value={{ __element__: { localName: 'foo', prefix: 'x' } }} />
     <Node value={{ __element__: { localName: 'div', id: 'foo' } }} />
     <Node value={{ __element__: { localName: 'span', classNames: ['foo', 'bar'] } }} />
     <Node value={{ __element__: { localName: 'button', innerText: 'Click me' } }} />
-    <Node value={new Date(Date.UTC(2012, 11, 20, 0, 0, 0))} />
-    <Node value={new Date(1600000000000)} />
-    <Node value={new Date(1600000000123)} />
-    <Node value={new EvalError()} />
-    <Node value={new SyntaxError("Can't do that")} />
-    <Node value={new TypeError("Cannot read property 'foo' of undefined")} />
-    <Node value={new ReferenceError('Invalid left-hand side in assignment')} />
     <Node
-      value={
-        new Error(
-          "XMLHttpRequest cannot load https://example.com. No 'Access-Control-Allow-Origin' header is present on the requested resource."
-        )
-      }
+      value={{ __date__: { value: new Date(Date.UTC(2012, 11, 20, 0, 0, 0)).toISOString() } }}
     />
-    <Node value={/hello/i} />
-    <Node value={new RegExp(`src(.*)\\.js$`)} />
+    <Node value={{ __date__: { value: new Date(1600000000000).toISOString() } }} />
+    <Node value={{ __date__: { value: new Date(1600000000123).toISOString() } }} />
+    <Node value={{ __error__: { name: 'EvalError', message: '' } }} />
+    <Node value={{ __error__: { name: 'SyntaxError', message: "Can't do that" } }} />
+    <Node
+      value={{
+        __error__: { name: 'TypeError', message: "Cannot read property 'foo' of undefined" },
+      }}
+    />
+    <Node
+      value={{
+        __error__: { name: 'ReferenceError', message: 'Invalid left-hand side in assignment' },
+      }}
+    />
+    <Node
+      value={{
+        __error__: {
+          name: 'Error',
+          message:
+            "XMLHttpRequest cannot load https://example.com. No 'Access-Control-Allow-Origin' header is present on the requested resource.",
+        },
+      }}
+    />
+    <Node value={{ __regexp__: { flags: 'i', source: 'hello' } }} />
+    <Node value={{ __regexp__: { flags: '', source: 'src(.*)\\.js$' } }} />
     {/* eslint-disable-next-line symbol-description */}
-    <Node value={Symbol()} />
-    <Node value={Symbol('Hello world')} />
+    <Node value={{ __symbol__: { description: '' } }} />
+    <Node value={{ __symbol__: { description: 'Hello world' } }} />
   </div>
 );
 
 const calls: Call[] = [
   {
+    cursor: 0,
     id: '1',
     path: ['screen'],
     method: 'getByText',
@@ -96,6 +108,7 @@ const calls: Call[] = [
     retain: false,
   },
   {
+    cursor: 1,
     id: '2',
     path: ['userEvent'],
     method: 'click',
@@ -105,6 +118,7 @@ const calls: Call[] = [
     retain: false,
   },
   {
+    cursor: 2,
     id: '3',
     path: [],
     method: 'expect',
@@ -114,6 +128,7 @@ const calls: Call[] = [
     retain: false,
   },
   {
+    cursor: 3,
     id: '4',
     path: [{ __callId__: '3' }, 'not'],
     method: 'toBe',
@@ -123,6 +138,7 @@ const calls: Call[] = [
     retain: false,
   },
   {
+    cursor: 4,
     id: '5',
     path: ['jest'],
     method: 'fn',
@@ -132,6 +148,7 @@ const calls: Call[] = [
     retain: false,
   },
   {
+    cursor: 5,
     id: '6',
     path: [],
     method: 'expect',
@@ -141,6 +158,7 @@ const calls: Call[] = [
     retain: false,
   },
   {
+    cursor: 6,
     id: '7',
     path: ['expect'],
     method: 'stringMatching',
@@ -150,6 +168,7 @@ const calls: Call[] = [
     retain: false,
   },
   {
+    cursor: 7,
     id: '8',
     path: [{ __callId__: '6' }, 'not'],
     method: 'toHaveBeenCalledWith',
diff --git a/addons/interactions/src/components/MethodCall.tsx b/addons/interactions/src/components/MethodCall.tsx
index 10a3bf2c0f47..e74e02e6340e 100644
--- a/addons/interactions/src/components/MethodCall.tsx
+++ b/addons/interactions/src/components/MethodCall.tsx
@@ -111,32 +111,34 @@ export const Node = ({
       return <NullNode {...props} />;
     case value === undefined:
       return <UndefinedNode {...props} />;
+    case Array.isArray(value):
+      return <ArrayNode {...props} value={value} />;
     case typeof value === 'string':
-      return <StringNode value={value} {...props} />;
+      return <StringNode {...props} value={value} />;
     case typeof value === 'number':
-      return <NumberNode value={value} {...props} />;
+      return <NumberNode {...props} value={value} />;
     case typeof value === 'boolean':
-      return <BooleanNode value={value} {...props} />;
-    case typeof value === 'function':
-      return <FunctionNode value={value} {...props} />;
-    case value instanceof Array:
-      return <ArrayNode value={value} {...props} />;
-    case value instanceof Date:
-      return <DateNode value={value} {...props} />;
-    case value instanceof Error:
-      return <ErrorNode value={value} {...props} />;
-    case value instanceof RegExp:
-      return <RegExpNode value={value} {...props} />;
+      return <BooleanNode {...props} value={value} />;
+
+    /* eslint-disable no-underscore-dangle */
+    case Object.prototype.hasOwnProperty.call(value, '__date__'):
+      return <DateNode {...props} {...value.__date__} />;
+    case Object.prototype.hasOwnProperty.call(value, '__error__'):
+      return <ErrorNode {...props} {...value.__error__} />;
+    case Object.prototype.hasOwnProperty.call(value, '__regexp__'):
+      return <RegExpNode {...props} {...value.__regexp__} />;
+    case Object.prototype.hasOwnProperty.call(value, '__function__'):
+      return <FunctionNode {...props} {...value.__function__} />;
+    case Object.prototype.hasOwnProperty.call(value, '__symbol__'):
+      return <SymbolNode {...props} {...value.__symbol__} />;
     case Object.prototype.hasOwnProperty.call(value, '__element__'):
-      // eslint-disable-next-line no-underscore-dangle
-      return <ElementNode value={value.__element__} {...props} />;
+      return <ElementNode {...props} {...value.__element__} />;
+    case Object.prototype.hasOwnProperty.call(value, '__class__'):
+      return <ClassNode {...props} {...value.__class__} />;
     case Object.prototype.hasOwnProperty.call(value, '__callId__'):
-      // eslint-disable-next-line no-underscore-dangle
       return <MethodCall call={callsById.get(value.__callId__)} callsById={callsById} />;
-    case typeof value === 'object' &&
-      value.constructor?.name &&
-      value.constructor?.name !== 'Object':
-      return <ClassNode value={value} {...props} />;
+    /* eslint-enable no-underscore-dangle */
+
     case Object.prototype.toString.call(value) === '[object Object]':
       return <ObjectNode value={value} showInspector={showObjectInspector} {...props} />;
     default:
@@ -263,18 +265,23 @@ export const ObjectNode = ({
   );
 };
 
-export const ClassNode = ({ value }: { value: Record<string, any> }) => {
+export const ClassNode = ({ name }: { name: string }) => {
   const colors = useThemeColors();
-  return <span style={{ color: colors.instance }}>{value.constructor.name}</span>;
+  return <span style={{ color: colors.instance }}>{name}</span>;
 };
 
-export const FunctionNode = ({ value }: { value: Function }) => {
+export const FunctionNode = ({ name }: { name: string }) => {
   const colors = useThemeColors();
-  return <span style={{ color: colors.function }}>{value.name || 'anonymous'}</span>;
+  return <span style={{ color: colors.function }}>{name || <i>anonymous</i>}</span>;
 };
 
-export const ElementNode = ({ value }: { value: ElementRef['__element__'] }) => {
-  const { prefix, localName, id, classNames = [], innerText } = value;
+export const ElementNode = ({
+  prefix,
+  localName,
+  id,
+  classNames = [],
+  innerText,
+}: ElementRef['__element__']) => {
   const name = prefix ? `${prefix}:${localName}` : localName;
   const colors = useThemeColors();
   return (
@@ -309,8 +316,8 @@ export const ElementNode = ({ value }: { value: ElementRef['__element__'] }) =>
   );
 };
 
-export const DateNode = ({ value }: { value: Date }) => {
-  const [date, time, ms] = value.toISOString().split(/[T.Z]/);
+export const DateNode = ({ value }: { value: string }) => {
+  const [date, time, ms] = value.split(/[T.Z]/);
   const colors = useThemeColors();
   return (
     <span style={{ whiteSpace: 'nowrap', color: colors.date }}>
@@ -323,42 +330,36 @@ export const DateNode = ({ value }: { value: Date }) => {
   );
 };
 
-export const ErrorNode = ({ value }: { value: Error }) => {
+export const ErrorNode = ({ name, message }: { name: string; message: string }) => {
   const colors = useThemeColors();
   return (
     <span style={{ color: colors.error.name }}>
-      {value.name}
-      {value.message && ': '}
-      {value.message && (
-        <span
-          style={{ color: colors.error.message }}
-          title={value.message.length > 50 ? value.message : ''}
-        >
-          {ellipsize(value.message, 50)}
+      {name}
+      {message && ': '}
+      {message && (
+        <span style={{ color: colors.error.message }} title={message.length > 50 ? message : ''}>
+          {ellipsize(message, 50)}
         </span>
       )}
     </span>
   );
 };
 
-export const RegExpNode = ({ value }: { value: RegExp }) => {
+export const RegExpNode = ({ flags, source }: { flags: string; source: string }) => {
   const colors = useThemeColors();
   return (
     <span style={{ whiteSpace: 'nowrap', color: colors.regex.flags }}>
-      /<span style={{ color: colors.regex.source }}>{value.source}</span>/{value.flags}
+      /<span style={{ color: colors.regex.source }}>{source}</span>/{flags}
     </span>
   );
 };
 
-export const SymbolNode = ({ value }: { value: symbol }) => {
+export const SymbolNode = ({ description }: { description: string }) => {
   const colors = useThemeColors();
   return (
     <span style={{ whiteSpace: 'nowrap', color: colors.instance }}>
       Symbol(
-      {value.description && (
-        <span style={{ color: colors.meta }}>{JSON.stringify(value.description)}</span>
-      )}
-      )
+      {description && <span style={{ color: colors.meta }}>"{description}"</span>})
     </span>
   );
 };
diff --git a/addons/interactions/src/components/Subnav/Subnav.stories.tsx b/addons/interactions/src/components/Subnav/Subnav.stories.tsx
index 9605bc53252c..40e365d03fb9 100644
--- a/addons/interactions/src/components/Subnav/Subnav.stories.tsx
+++ b/addons/interactions/src/components/Subnav/Subnav.stories.tsx
@@ -12,6 +12,7 @@ export default {
       goto: action('goto'),
       next: action('next'),
       end: action('end'),
+      rerun: action('rerun'),
     },
     controlStates: {
       debugger: true,
diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index 06b07b893603..a4302ac750ac 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -10,7 +10,7 @@ import {
 } from '@storybook/core-events';
 import global from 'global';
 
-import { Call, CallRef, CallStates, State, Options, ControlStates, LogItem } from './types';
+import { Call, CallRef, CallStates, ControlStates, LogItem, Options, State } from './types';
 
 export const EVENTS = {
   CALL: 'instrumenter/call',
@@ -73,7 +73,6 @@ const getInitialState = (): State => ({
   playUntil: undefined,
   resolvers: {},
   syncTimeout: undefined,
-  forwardedException: undefined,
 });
 
 const getRetainedState = (state: State, isDebugging = false) => {
@@ -132,7 +131,7 @@ export class Instrumenter {
 
     // Start with a clean slate before playing after a remount, and stop debugging when done.
     this.channel.on(STORY_RENDER_PHASE_CHANGED, ({ storyId, newPhase }) => {
-      const { isDebugging, forwardedException } = this.getState(storyId);
+      const { isDebugging } = this.getState(storyId);
       this.setState(storyId, { renderPhase: newPhase });
       if (newPhase === 'playing') {
         resetState({ storyId, isDebugging });
@@ -142,10 +141,7 @@ export class Instrumenter {
           isLocked: false,
           isPlaying: false,
           isDebugging: false,
-          forwardedException: undefined,
         });
-        // Rethrow any unhandled forwarded exception so it doesn't go unnoticed.
-        if (forwardedException) throw forwardedException;
       }
       if (newPhase === 'errored') {
         this.setState(storyId, {
@@ -189,12 +185,11 @@ export class Instrumenter {
 
     const back = ({ storyId }: { storyId: string }) => {
       const { isDebugging } = this.getState(storyId);
-      const log = this.getLog(storyId);
+      const log = this.getLog(storyId).filter((call) => !call.parentId);
       const next = isDebugging
         ? log.findIndex(({ status }) => status === CallStates.WAITING)
         : log.length;
-      const playUntil = log[next - 2]?.parentId || log[next - 2]?.callId;
-      start({ storyId, playUntil });
+      start({ storyId, playUntil: log[next - 2]?.callId });
     };
 
     const goto = ({ storyId, callId }: { storyId: string; callId: Call['id'] }) => {
@@ -276,7 +271,7 @@ export class Instrumenter {
           seen.add((node as CallRef).__callId__);
         }
       });
-      if (call.interceptable && !seen.has(call.id)) {
+      if ((call.interceptable || call.exception) && !seen.has(call.id)) {
         acc.unshift({ callId: call.id, status: call.status, parentId: call.parentId });
         seen.add(call.id);
       }
@@ -378,25 +373,50 @@ export class Instrumenter {
     // const { abortSignal } = global.window.__STORYBOOK_PREVIEW__ || {};
     // if (abortSignal && abortSignal.aborted) throw IGNORED_EXCEPTION;
 
-    const { callRefsByResult, forwardedException, renderPhase } = this.getState(call.storyId);
+    const { callRefsByResult, renderPhase } = this.getState(call.storyId);
 
-    const info: Call = {
-      ...call,
-      // Map args that originate from a tracked function call to a call reference to enable nesting.
-      // These values are often not fully serializable anyway (e.g. HTML elements).
-      args: call.args.map((arg) => {
-        if (callRefsByResult.has(arg)) {
-          return callRefsByResult.get(arg);
-        }
-        if (arg instanceof global.window.HTMLElement) {
-          const { prefix, localName, id, classList, innerText } = arg;
-          const classNames = Array.from(classList);
-          return { __element__: { prefix, localName, id, classNames, innerText } };
-        }
-        return arg;
-      }),
+    // Map complex values to a JSON-serializable representation.
+    const serializeValues = (value: any): any => {
+      if (callRefsByResult.has(value)) {
+        return callRefsByResult.get(value);
+      }
+      if (value instanceof Array) {
+        return value.map(serializeValues);
+      }
+      if (value instanceof Date) {
+        return { __date__: { value: value.toISOString() } };
+      }
+      if (value instanceof Error) {
+        const { name, message, stack } = value;
+        return { __error__: { name, message, stack } };
+      }
+      if (value instanceof RegExp) {
+        const { flags, source } = value;
+        return { __regexp__: { flags, source } };
+      }
+      if (value instanceof global.window.HTMLElement) {
+        const { prefix, localName, id, classList, innerText } = value;
+        const classNames = Array.from(classList);
+        return { __element__: { prefix, localName, id, classNames, innerText } };
+      }
+      if (typeof value === 'function') {
+        return { __function__: { name: value.name } };
+      }
+      if (typeof value === 'symbol') {
+        return { __symbol__: { description: value.description } };
+      }
+      if (
+        typeof value === 'object' &&
+        value.constructor?.name &&
+        value.constructor?.name !== 'Object'
+      ) {
+        return { __class__: { name: value.constructor.name } };
+      }
+      return value;
     };
 
+    const info: Call = { ...call, args: call.args.map(serializeValues) };
+
     // Mark any ancestor calls as "chained upon" so we won't attempt to defer it later.
     call.path.forEach((ref: any) => {
       if (ref?.__callId__) {
@@ -408,7 +428,7 @@ export class Instrumenter {
 
     const handleException = (e: any) => {
       if (e instanceof Error) {
-        const { name, message, stack, callId = call.id } = e as Error & { callId?: Call['id'] };
+        const { name, message, stack, callId = call.id } = e as Error & { callId: Call['id'] };
         const exception = { name, message, stack, callId };
         this.update({ ...info, status: CallStates.ERROR, exception });
 
@@ -420,7 +440,7 @@ export class Instrumenter {
           ]),
         }));
 
-        // Exceptions inside callbacks should bubble up to the parent call rather than be forwarded.
+        // Exceptions inside callbacks should bubble up to the parent call.
         if (call.parentId) {
           Object.defineProperty(e, 'callId', { value: call.id });
           throw e;
@@ -428,25 +448,16 @@ export class Instrumenter {
 
         // We need to throw to break out of the play function, but we don't want to trigger a redbox
         // so we throw an ignoredException, which is caught and silently ignored by Storybook.
-        if (call.interceptable && e !== alreadyCompletedException) {
+        if (e !== alreadyCompletedException) {
+          // eslint-disable-next-line no-console
+          console?.warn(e);
           throw IGNORED_EXCEPTION;
         }
-
-        // Non-interceptable calls need their exceptions forwarded to the next interceptable call.
-        // In case no interceptable call picks it up, it'll get rethrown in the "completed" phase.
-        this.setState(call.storyId, { forwardedException: e });
-        return e;
       }
       throw e;
     };
 
     try {
-      // An earlier, non-interceptable call might have forwarded an exception.
-      if (forwardedException) {
-        this.setState(call.storyId, { forwardedException: undefined });
-        throw forwardedException;
-      }
-
       if (renderPhase === 'played' && !call.retain) {
         throw alreadyCompletedException;
       }
@@ -462,7 +473,6 @@ export class Instrumenter {
         // We only want to wrap plain functions, not objects.
         if (typeof arg !== 'function' || Object.keys(arg).length) return arg;
 
-        // console.log(call.id);
         return (...args: any) => {
           // Set the cursor and parentId for calls that happen inside the callback.
           const { cursor, parentId } = this.getState(call.storyId);
diff --git a/lib/instrumenter/src/types.ts b/lib/instrumenter/src/types.ts
index e88eb4de79e2..e9cca7003547 100644
--- a/lib/instrumenter/src/types.ts
+++ b/lib/instrumenter/src/types.ts
@@ -11,7 +11,12 @@ export interface Call {
   interceptable: boolean;
   retain: boolean;
   status?: CallStates.DONE | CallStates.ERROR | CallStates.ACTIVE | CallStates.WAITING;
-  exception?: Error & { callId: Call['id'] };
+  exception?: {
+    name: Error['name'];
+    message: Error['message'];
+    stack: Error['stack'];
+    callId: Call['id'];
+  };
 }
 
 export enum CallStates {

From edc79c9d7cca4862abae504367dc87ddbb73baad Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 08:43:00 +0200
Subject: [PATCH 24/49] Remove unused eslint directives

---
 addons/interactions/src/components/MethodCall.stories.tsx | 1 -
 lib/instrumenter/src/instrumenter.ts                      | 1 -
 2 files changed, 2 deletions(-)

diff --git a/addons/interactions/src/components/MethodCall.stories.tsx b/addons/interactions/src/components/MethodCall.stories.tsx
index b7551d0c32e9..dda969492020 100644
--- a/addons/interactions/src/components/MethodCall.stories.tsx
+++ b/addons/interactions/src/components/MethodCall.stories.tsx
@@ -90,7 +90,6 @@ export const Args = () => (
     />
     <Node value={{ __regexp__: { flags: 'i', source: 'hello' } }} />
     <Node value={{ __regexp__: { flags: '', source: 'src(.*)\\.js$' } }} />
-    {/* eslint-disable-next-line symbol-description */}
     <Node value={{ __symbol__: { description: '' } }} />
     <Node value={{ __symbol__: { description: 'Hello world' } }} />
   </div>
diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index a4302ac750ac..081335990748 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -449,7 +449,6 @@ export class Instrumenter {
         // We need to throw to break out of the play function, but we don't want to trigger a redbox
         // so we throw an ignoredException, which is caught and silently ignored by Storybook.
         if (e !== alreadyCompletedException) {
-          // eslint-disable-next-line no-console
           console?.warn(e);
           throw IGNORED_EXCEPTION;
         }

From 33644734d359da993ce2a83f11a34feb53a55fbe Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 08:46:50 +0200
Subject: [PATCH 25/49] Fix prop forwarding

---
 .../src/components/Interaction/Interaction.tsx             | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index 34b68808c294..b2c304187ffa 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -15,10 +15,9 @@ const MethodCallWrapper = styled.div(() => ({
   inlineSize: 'calc( 100% - 40px )',
 }));
 
-const RowContainer = styled('div', { shouldForwardProp: (prop) => !['call'].includes(prop) })<{
-  call: Call;
-  isNext: boolean;
-}>(
+const RowContainer = styled('div', {
+  shouldForwardProp: (prop) => !['call', 'isNext'].includes(prop),
+})<{ call: Call; isNext: boolean }>(
   ({ theme, call }) => ({
     display: 'flex',
     flexDirection: 'column',

From ea77b6d93ba2f3bc5a6e7d6b09aac3b81d4bed60 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 13:07:03 +0200
Subject: [PATCH 26/49] Fix back button

---
 lib/instrumenter/src/instrumenter.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index 081335990748..5c2001031bbb 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -184,12 +184,12 @@ export class Instrumenter {
     };
 
     const back = ({ storyId }: { storyId: string }) => {
-      const { isDebugging } = this.getState(storyId);
       const log = this.getLog(storyId).filter((call) => !call.parentId);
-      const next = isDebugging
-        ? log.findIndex(({ status }) => status === CallStates.WAITING)
-        : log.length;
-      start({ storyId, playUntil: log[next - 2]?.callId });
+      const last = log.reduceRight((res, item, index) => {
+        if (res >= 0 || item.status === CallStates.WAITING) return res;
+        return index;
+      }, -1);
+      start({ storyId, playUntil: log[last - 1]?.callId });
     };
 
     const goto = ({ storyId, callId }: { storyId: string; callId: Call['id'] }) => {

From dbcf78b0f9f2a5bc5de595af703e64d497df3876 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 13:50:30 +0200
Subject: [PATCH 27/49] Fix pausedAt indicator

---
 addons/interactions/src/Panel.tsx                | 12 +++++++-----
 .../src/components/Interaction/Interaction.tsx   | 16 ++++++++--------
 lib/instrumenter/src/instrumenter.ts             |  6 +++++-
 3 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/addons/interactions/src/Panel.tsx b/addons/interactions/src/Panel.tsx
index e1fd3a1f6f8e..2778d1c2f1d2 100644
--- a/addons/interactions/src/Panel.tsx
+++ b/addons/interactions/src/Panel.tsx
@@ -29,10 +29,10 @@ interface InteractionsPanelProps {
   controls: Controls;
   controlStates: ControlStates;
   interactions: (Call & { status?: CallStates })[];
-  nextCallId?: Call['id'];
   fileName?: string;
   hasException?: boolean;
   isPlaying?: boolean;
+  pausedAt?: Call['id'];
   calls: Map<string, any>;
   endRef?: React.Ref<HTMLDivElement>;
   onScrollToEnd?: () => void;
@@ -64,10 +64,10 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
     controls,
     controlStates,
     interactions,
-    nextCallId,
     fileName,
     hasException,
     isPlaying,
+    pausedAt,
     onScrollToEnd,
     endRef,
     isRerunAnimating,
@@ -97,7 +97,7 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
             callsById={calls}
             controls={controls}
             controlStates={controlStates}
-            nextCallId={nextCallId}
+            pausedAt={pausedAt}
           />
         ))}
       </div>
@@ -121,6 +121,7 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
 export const Panel: React.FC<AddonPanelProps> = (props) => {
   const [storyId, setStoryId] = React.useState<StoryId>();
   const [controlStates, setControlStates] = React.useState<ControlStates>(INITIAL_CONTROL_STATES);
+  const [pausedAt, setPausedAt] = React.useState<Call['id']>();
   const [isPlaying, setPlaying] = React.useState(false);
   const [isRerunAnimating, setIsRerunAnimating] = React.useState(false);
   const [scrollTarget, setScrollTarget] = React.useState<HTMLElement>();
@@ -151,10 +152,12 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
       [EVENTS.SYNC]: (payload) => {
         setControlStates(payload.controlStates);
         setLog(payload.logItems);
+        setPausedAt(payload.pausedAt);
       },
       [STORY_RENDER_PHASE_CHANGED]: (event) => {
         setStoryId(event.storyId);
         setPlaying(event.newPhase === 'playing');
+        setPausedAt(undefined);
       },
     },
     []
@@ -181,7 +184,6 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
 
   const showStatus = log.length > 0 && !isPlaying;
   const hasException = log.some((item) => item.status === CallStates.ERROR);
-  const nextCall = log.find((item) => item.status === CallStates.WAITING && !item.parentId);
 
   return (
     <React.Fragment key="interactions">
@@ -194,10 +196,10 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
         controls={controls}
         controlStates={controlStates}
         interactions={interactions}
-        nextCallId={nextCall?.callId}
         fileName={fileName}
         hasException={hasException}
         isPlaying={isPlaying}
+        pausedAt={pausedAt}
         endRef={endRef}
         onScrollToEnd={scrollTarget && scrollToTarget}
         isRerunAnimating={isRerunAnimating}
diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index b2c304187ffa..0ca32dfd2f7d 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -16,8 +16,8 @@ const MethodCallWrapper = styled.div(() => ({
 }));
 
 const RowContainer = styled('div', {
-  shouldForwardProp: (prop) => !['call', 'isNext'].includes(prop),
-})<{ call: Call; isNext: boolean }>(
+  shouldForwardProp: (prop) => !['call', 'pausedAt'].includes(prop),
+})<{ call: Call; pausedAt: Call['id'] }>(
   ({ theme, call }) => ({
     display: 'flex',
     flexDirection: 'column',
@@ -32,11 +32,11 @@ const RowContainer = styled('div', {
     }),
     paddingLeft: call.parentId ? 20 : 0,
   }),
-  ({ theme, isNext }) =>
-    isNext && {
+  ({ theme, call, pausedAt }) =>
+    pausedAt === call.id && {
       '&::before': {
         content: '""',
-        boxShadow: `0 0 1px 1px ${theme.color.secondary}`,
+        boxShadow: `0 0 0 1px ${theme.color.warning}`,
       },
     }
 );
@@ -98,17 +98,17 @@ export const Interaction = ({
   callsById,
   controls,
   controlStates,
-  nextCallId,
+  pausedAt,
 }: {
   call: Call;
   callsById: Map<Call['id'], Call>;
   controls: Controls;
   controlStates: ControlStates;
-  nextCallId: Call['id'];
+  pausedAt?: Call['id'];
 }) => {
   const [isHovered, setIsHovered] = React.useState(false);
   return (
-    <RowContainer call={call} isNext={nextCallId === call.id}>
+    <RowContainer call={call} pausedAt={pausedAt}>
       <RowLabel
         call={call}
         onClick={() => controls.goto(call.id)}
diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index 5c2001031bbb..ea3c8a57a512 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -544,6 +544,9 @@ export class Instrumenter {
   sync(storyId: StoryId) {
     const { isLocked, isPlaying } = this.getState(storyId);
     const logItems: LogItem[] = this.getLog(storyId);
+    const pausedAt = logItems
+      .filter(({ parentId }) => !parentId)
+      .find((item) => item.status === CallStates.WAITING)?.callId;
 
     const hasActive = logItems.some((item) => item.status === CallStates.ACTIVE);
     if (debuggerDisabled || isLocked || hasActive || logItems.length === 0) {
@@ -562,7 +565,8 @@ export class Instrumenter {
       next: isPlaying,
       end: isPlaying,
     };
-    this.channel.emit(EVENTS.SYNC, { controlStates, logItems });
+
+    this.channel.emit(EVENTS.SYNC, { controlStates, logItems, pausedAt });
   }
 }
 

From 6d540e00e20d0bbe5682b526d5dbdd9e1bd84e7e Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 13:50:52 +0200
Subject: [PATCH 28/49] Fix broken play function

---
 .../src/components/AccountForm/addon-interactions.stories.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx b/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
index 9619a228b507..d3df3f635f2f 100644
--- a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
+++ b/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
@@ -131,7 +131,7 @@ export const StandardEmailFailed: CSF3Story = {
     await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
 
     await canvas.findByText('Please enter a correctly formatted email address');
-    expect(args.onSubmit).not.toHaveBeenCalled();
+    await expect(args.onSubmit).not.toHaveBeenCalled();
   },
 };
 

From 1605cbb9c20fdff25a671ee73522a7113aa5b2f4 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 14:18:17 +0200
Subject: [PATCH 29/49] Value might be null

---
 lib/instrumenter/src/instrumenter.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index ea3c8a57a512..230dd9bc6819 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -407,8 +407,8 @@ export class Instrumenter {
       }
       if (
         typeof value === 'object' &&
-        value.constructor?.name &&
-        value.constructor?.name !== 'Object'
+        value?.constructor?.name &&
+        value?.constructor?.name !== 'Object'
       ) {
         return { __class__: { name: value.constructor.name } };
       }

From 1fa16ca0bae0802ad6e6a6817b149801de9bceb8 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 22:05:06 +0200
Subject: [PATCH 30/49] Tweak indicator style

---
 .../src/components/Interaction/Interaction.tsx    | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index 0ca32dfd2f7d..45e6fab4d9a8 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -19,6 +19,7 @@ const RowContainer = styled('div', {
   shouldForwardProp: (prop) => !['call', 'pausedAt'].includes(prop),
 })<{ call: Call; pausedAt: Call['id'] }>(
   ({ theme, call }) => ({
+    position: 'relative',
     display: 'flex',
     flexDirection: 'column',
     borderBottom: `1px solid ${theme.appBorderColor}`,
@@ -36,7 +37,19 @@ const RowContainer = styled('div', {
     pausedAt === call.id && {
       '&::before': {
         content: '""',
-        boxShadow: `0 0 0 1px ${theme.color.warning}`,
+        position: 'absolute',
+        top: -5,
+        borderTop: '4.5px solid transparent',
+        borderLeft: `7px solid ${theme.color.warning}`,
+        borderBottom: '4.5px solid transparent',
+      },
+      '&::after': {
+        content: '""',
+        position: 'absolute',
+        top: -1,
+        height: 1,
+        width: '100%',
+        background: theme.color.warning,
       },
     }
 );

From 249496f14c78168874a5268c9ab15078534331af Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 22:24:18 +0200
Subject: [PATCH 31/49] Fix rendering inconsistency

---
 addons/interactions/src/components/Interaction/Interaction.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index 45e6fab4d9a8..f7cd0206091b 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -47,9 +47,8 @@ const RowContainer = styled('div', {
         content: '""',
         position: 'absolute',
         top: -1,
-        height: 1,
         width: '100%',
-        background: theme.color.warning,
+        borderTop: `1.5px solid ${theme.color.warning}`,
       },
     }
 );

From fcf5728018a691d323d57d6671e5f06b9e02e253 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 22:46:51 +0200
Subject: [PATCH 32/49] Fix zIndex

---
 addons/interactions/src/components/Interaction/Interaction.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index f7cd0206091b..ec1672027aa7 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -39,6 +39,7 @@ const RowContainer = styled('div', {
         content: '""',
         position: 'absolute',
         top: -5,
+        zIndex: 1,
         borderTop: '4.5px solid transparent',
         borderLeft: `7px solid ${theme.color.warning}`,
         borderBottom: '4.5px solid transparent',
@@ -47,6 +48,7 @@ const RowContainer = styled('div', {
         content: '""',
         position: 'absolute',
         top: -1,
+        zIndex: 1,
         width: '100%',
         borderTop: `1.5px solid ${theme.color.warning}`,
       },

From 41913b693fada9c797356800ca1d3ab6d555cc5a Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 14 Jun 2022 23:47:15 +0200
Subject: [PATCH 33/49] Fix tests

---
 lib/instrumenter/src/instrumenter.test.ts | 49 +++++++----------------
 lib/instrumenter/src/instrumenter.ts      |  4 +-
 2 files changed, 16 insertions(+), 37 deletions(-)

diff --git a/lib/instrumenter/src/instrumenter.test.ts b/lib/instrumenter/src/instrumenter.test.ts
index 7599bce6b3ac..f0f97b573634 100644
--- a/lib/instrumenter/src/instrumenter.test.ts
+++ b/lib/instrumenter/src/instrumenter.test.ts
@@ -1,6 +1,7 @@
 /* eslint-disable no-underscore-dangle */
 
 import { addons, mockChannel } from '@storybook/addons';
+import { logger } from '@storybook/client-logger';
 import {
   FORCE_REMOUNT,
   SET_CURRENT_STORY,
@@ -11,6 +12,8 @@ import global from 'global';
 import { EVENTS, Instrumenter } from './instrumenter';
 import type { Options } from './types';
 
+jest.mock('@storybook/client-logger');
+
 const callSpy = jest.fn();
 const syncSpy = jest.fn();
 const forceRemountSpy = jest.fn();
@@ -298,39 +301,40 @@ describe('Instrumenter', () => {
     );
   });
 
-  it('catches thrown errors and returns the error', () => {
+  it('catches thrown errors and throws an ignoredException instead', () => {
     const { fn } = instrument({
       fn: () => {
         throw new Error('Boom!');
       },
     });
-    expect(fn()).toEqual(new Error('Boom!'));
-    expect(() => setRenderPhase('played')).toThrow(new Error('Boom!'));
+    expect(fn).toThrow('ignoredException');
   });
 
-  it('forwards nested exceptions', () => {
+  it('catches nested exceptions and throws an ignoredException instead', () => {
     const { fn1, fn2 } = instrument({
-      fn1: (...args: any) => {}, // doesn't forward args
+      fn1: (_: any) => {},
       fn2: () => {
         throw new Error('Boom!');
       },
     });
-    expect(fn1(fn2())).toEqual(new Error('Boom!'));
-    expect(() => setRenderPhase('played')).toThrow(new Error('Boom!'));
+    expect(() => fn1(fn2())).toThrow('ignoredException');
   });
 
   it('bubbles child exceptions up to parent (in callback)', () => {
     const { fn1, fn2 } = instrument({
-      fn1: (callback?: Function) => callback && callback(),
+      fn1: jest.fn((callback: Function) => callback()),
       fn2: () => {
         throw new Error('Boom!');
       },
     });
-    expect(
+    expect(() =>
       fn1(() => {
         fn2();
       })
-    ).toEqual(new Error('Boom!'));
+    ).toThrow('ignoredException');
+    expect(fn1).toHaveBeenCalled();
+    expect(logger.warn).toHaveBeenCalledWith(new Error('Boom!'));
+    expect((logger.warn as any).mock.calls[0][0].callId).toBe('kind--story [0] fn1 [0] fn2');
   });
 
   it("re-throws anything that isn't an error", () => {
@@ -434,31 +438,6 @@ describe('Instrumenter', () => {
         })
       );
     });
-
-    it('catches thrown errors and throws an ignoredException instead', () => {
-      const { fn } = instrument(
-        {
-          fn: () => {
-            throw new Error('Boom!');
-          },
-        },
-        options
-      );
-      expect(fn).toThrow('ignoredException');
-    });
-
-    it('catches forwarded exceptions and throws an ignoredException instead', () => {
-      const { fn1, fn2 } = instrument(
-        {
-          fn1: (_: any) => {},
-          fn2: () => {
-            throw new Error('Boom!');
-          },
-        },
-        options
-      );
-      expect(() => fn1(fn2())).toThrow('ignoredException');
-    });
   });
 
   describe('while debugging', () => {
diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index 230dd9bc6819..4b8253cd3548 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -1,7 +1,7 @@
 /* eslint-disable no-underscore-dangle */
 import { addons, Channel } from '@storybook/addons';
 import type { StoryId } from '@storybook/addons';
-import { once } from '@storybook/client-logger';
+import { logger, once } from '@storybook/client-logger';
 import {
   FORCE_REMOUNT,
   IGNORED_EXCEPTION,
@@ -449,7 +449,7 @@ export class Instrumenter {
         // We need to throw to break out of the play function, but we don't want to trigger a redbox
         // so we throw an ignoredException, which is caught and silently ignored by Storybook.
         if (e !== alreadyCompletedException) {
-          console?.warn(e);
+          logger.warn(e);
           throw IGNORED_EXCEPTION;
         }
       }

From 2509e7e3bd67fc65a496cde552338a620bb33574 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 15 Jun 2022 11:00:32 +0200
Subject: [PATCH 34/49] Fix story data

---
 .../src/components/MethodCall.stories.tsx            | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/addons/interactions/src/components/MethodCall.stories.tsx b/addons/interactions/src/components/MethodCall.stories.tsx
index dda969492020..b65001b4e1cb 100644
--- a/addons/interactions/src/components/MethodCall.stories.tsx
+++ b/addons/interactions/src/components/MethodCall.stories.tsx
@@ -142,7 +142,7 @@ const calls: Call[] = [
     path: ['jest'],
     method: 'fn',
     storyId: 'kind--story',
-    args: [function actionHandler() {}],
+    args: [{ __function__: { name: 'actionHandler' } }],
     interceptable: false,
     retain: false,
   },
@@ -162,7 +162,7 @@ const calls: Call[] = [
     path: ['expect'],
     method: 'stringMatching',
     storyId: 'kind--story',
-    args: [/hello/i],
+    args: [{ __regexp__: { flags: 'i', source: 'hello' } }],
     interceptable: false,
     retain: false,
   },
@@ -172,7 +172,13 @@ const calls: Call[] = [
     path: [{ __callId__: '6' }, 'not'],
     method: 'toHaveBeenCalledWith',
     storyId: 'kind--story',
-    args: [{ __callId__: '7' }, new Error("Cannot read property 'foo' of undefined")],
+    args: [
+      { __callId__: '7' },
+      [
+        { __error__: { name: 'Error', message: "Cannot read property 'foo' of undefined" } },
+        { __symbol__: { description: 'Hello world' } },
+      ],
+    ],
     interceptable: false,
     retain: false,
   },

From 3b668db2fbe6dfbebc7a3569fb652167893a7816 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 15 Jun 2022 11:14:24 +0200
Subject: [PATCH 35/49] Show pausedAt indicator in story

---
 addons/interactions/src/Panel.stories.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/addons/interactions/src/Panel.stories.tsx b/addons/interactions/src/Panel.stories.tsx
index 8e22606d4ecf..6e3b1eca0476 100644
--- a/addons/interactions/src/Panel.stories.tsx
+++ b/addons/interactions/src/Panel.stories.tsx
@@ -68,6 +68,7 @@ export const Paused: Story = {
       next: true,
       end: true,
     },
+    pausedAt: getCall(CallStates.WAITING).id,
   },
 };
 

From b134d7202f5c183cae6c1ea0c18608336b522328 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 15 Jun 2022 12:11:00 +0200
Subject: [PATCH 36/49] Better story data

---
 addons/interactions/src/Panel.stories.tsx     |  18 ++-
 .../Interaction/Interaction.stories.tsx       |  18 ++-
 addons/interactions/src/mocks/index.ts        | 143 ++++++++++++++----
 3 files changed, 139 insertions(+), 40 deletions(-)

diff --git a/addons/interactions/src/Panel.stories.tsx b/addons/interactions/src/Panel.stories.tsx
index 6e3b1eca0476..cc6f37afdd09 100644
--- a/addons/interactions/src/Panel.stories.tsx
+++ b/addons/interactions/src/Panel.stories.tsx
@@ -4,7 +4,7 @@ import { ComponentStoryObj, ComponentMeta } from '@storybook/react';
 import { CallStates } from '@storybook/instrumenter';
 import { styled } from '@storybook/theming';
 
-import { getCall } from './mocks';
+import { getCalls, getInteractions } from './mocks';
 import { AddonPanelPure } from './Panel';
 import SubnavStories from './components/Subnav/Subnav.stories';
 
@@ -20,6 +20,8 @@ const StyledWrapper = styled.div(({ theme }) => ({
   overflow: 'auto',
 }));
 
+const interactions = getInteractions(CallStates.DONE);
+
 export default {
   title: 'Addons/Interactions/Panel',
   component: AddonPanelPure,
@@ -34,10 +36,10 @@ export default {
     layout: 'fullscreen',
   },
   args: {
-    calls: new Map(),
+    calls: new Map(getCalls(CallStates.DONE).map((call) => [call.id, call])),
     controls: SubnavStories.args.controls,
     controlStates: SubnavStories.args.controlStates,
-    interactions: [getCall(CallStates.DONE)],
+    interactions,
     fileName: 'addon-interactions.stories.tsx',
     hasException: false,
     isPlaying: false,
@@ -52,14 +54,14 @@ type Story = ComponentStoryObj<typeof AddonPanelPure>;
 
 export const Passing: Story = {
   args: {
-    interactions: [getCall(CallStates.DONE)],
+    interactions: getInteractions(CallStates.DONE),
   },
 };
 
 export const Paused: Story = {
   args: {
     isPlaying: true,
-    interactions: [getCall(CallStates.WAITING)],
+    interactions: getInteractions(CallStates.WAITING),
     controlStates: {
       debugger: true,
       start: false,
@@ -68,21 +70,21 @@ export const Paused: Story = {
       next: true,
       end: true,
     },
-    pausedAt: getCall(CallStates.WAITING).id,
+    pausedAt: interactions[interactions.length - 1].id,
   },
 };
 
 export const Playing: Story = {
   args: {
     isPlaying: true,
-    interactions: [getCall(CallStates.ACTIVE)],
+    interactions: getInteractions(CallStates.ACTIVE),
   },
 };
 
 export const Failed: Story = {
   args: {
     hasException: true,
-    interactions: [getCall(CallStates.ERROR)],
+    interactions: getInteractions(CallStates.ERROR),
   },
 };
 
diff --git a/addons/interactions/src/components/Interaction/Interaction.stories.tsx b/addons/interactions/src/components/Interaction/Interaction.stories.tsx
index 3fc5ab83b5ef..2089cef4a2a0 100644
--- a/addons/interactions/src/components/Interaction/Interaction.stories.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.stories.tsx
@@ -2,7 +2,7 @@ import { ComponentStoryObj, ComponentMeta } from '@storybook/react';
 import { expect } from '@storybook/jest';
 import { CallStates } from '@storybook/instrumenter';
 import { userEvent, within } from '@storybook/testing-library';
-import { getCall } from '../../mocks';
+import { getCalls } from '../../mocks';
 
 import { Interaction } from './Interaction';
 import SubnavStories from '../Subnav/Subnav.stories';
@@ -13,7 +13,7 @@ export default {
   title: 'Addons/Interactions/Interaction',
   component: Interaction,
   args: {
-    callsById: new Map(),
+    callsById: new Map(getCalls(CallStates.DONE).map((call) => [call.id, call])),
     controls: SubnavStories.args.controls,
     controlStates: SubnavStories.args.controlStates,
   },
@@ -21,25 +21,31 @@ export default {
 
 export const Active: Story = {
   args: {
-    call: getCall(CallStates.ACTIVE),
+    call: getCalls(CallStates.ACTIVE).slice(-1)[0],
   },
 };
 
 export const Waiting: Story = {
   args: {
-    call: getCall(CallStates.WAITING),
+    call: getCalls(CallStates.WAITING).slice(-1)[0],
   },
 };
 
 export const Failed: Story = {
   args: {
-    call: getCall(CallStates.ERROR),
+    call: getCalls(CallStates.ERROR).slice(-1)[0],
   },
 };
 
 export const Done: Story = {
   args: {
-    call: getCall(CallStates.DONE),
+    call: getCalls(CallStates.DONE).slice(-1)[0],
+  },
+};
+
+export const WithParent: Story = {
+  args: {
+    call: { ...getCalls(CallStates.DONE).slice(-1)[0], parentId: 'parent-id' },
   },
 };
 
diff --git a/addons/interactions/src/mocks/index.ts b/addons/interactions/src/mocks/index.ts
index 8113f28e26c5..e55fe4d88b8f 100644
--- a/addons/interactions/src/mocks/index.ts
+++ b/addons/interactions/src/mocks/index.ts
@@ -1,31 +1,122 @@
 import { CallStates, Call } from '@storybook/instrumenter';
 
-export const getCall = (status: CallStates): Call => {
-  const defaultData = {
-    id: 'addons-interactions-accountform--standard-email-filled [3] change',
-    cursor: 0,
-    path: ['fireEvent'],
-    method: 'change',
-    storyId: 'addons-interactions-accountform--standard-email-filled',
-    args: [
-      {
-        __callId__: 'addons-interactions-accountform--standard-email-filled [2] getByTestId',
-        retain: false,
-      },
-      {
-        target: {
-          value: 'michael@chromatic.com',
-        },
-      },
-    ],
-    interceptable: true,
-    retain: false,
-    status,
-  };
+export const getCalls = (finalStatus: CallStates) => {
+  const calls: Call[] = [
+    {
+      id: 'story--id [3] within',
+      storyId: 'story--id',
+      cursor: 3,
+      path: [],
+      method: 'within',
+      args: [{ __element__: { localName: 'div', id: 'root' } }],
+      interceptable: false,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [4] findByText',
+      storyId: 'story--id',
+      cursor: 4,
+      path: [{ __callId__: 'story--id [3] within' }],
+      method: 'findByText',
+      args: ['Click'],
+      interceptable: true,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [5] click',
+      storyId: 'story--id',
+      cursor: 5,
+      path: ['userEvent'],
+      method: 'click',
+      args: [{ __element__: { localName: 'button', innerText: 'Click' } }],
+      interceptable: true,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [6] waitFor',
+      storyId: 'story--id',
+      cursor: 6,
+      path: [],
+      method: 'waitFor',
+      args: [{ __function__: { name: '' } }],
+      interceptable: true,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [6] waitFor [0] expect',
+      parentId: 'story--id [6] waitFor',
+      storyId: 'story--id',
+      cursor: 1,
+      path: [],
+      method: 'expect',
+      args: [{ __function__: { name: 'handleSubmit' } }],
+      interceptable: false,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [6] waitFor [1] stringMatching',
+      parentId: 'story--id [6] waitFor',
+      storyId: 'story--id',
+      cursor: 2,
+      path: ['expect'],
+      method: 'stringMatching',
+      args: [{ __regexp__: { flags: 'gi', source: '([A-Z])w+' } }],
+      interceptable: false,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [6] waitFor [2] toHaveBeenCalledWith',
+      parentId: 'story--id [6] waitFor',
+      storyId: 'story--id',
+      cursor: 3,
+      path: [{ __callId__: 'story--id [6] waitFor [0] expect' }],
+      method: 'toHaveBeenCalledWith',
+      args: [{ __callId__: 'story--id [6] waitFor [1] stringMatching', retain: false }],
+      interceptable: true,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [7] expect',
+      storyId: 'story--id',
+      cursor: 7,
+      path: [],
+      method: 'expect',
+      args: [{ __function__: { name: 'handleReset' } }],
+      interceptable: false,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [8] toHaveBeenCalled',
+      storyId: 'story--id',
+      cursor: 8,
+      path: [{ __callId__: 'story--id [7] expect' }, 'not'],
+      method: 'toHaveBeenCalled',
+      args: [],
+      interceptable: true,
+      retain: false,
+      status: finalStatus,
+    },
+  ];
 
-  const overrides = CallStates.ERROR
-    ? { exception: { name: 'Error', stack: '', message: 'Oops!', callId: defaultData.id } }
-    : {};
+  if (finalStatus === CallStates.ERROR) {
+    calls[calls.length - 1].exception = {
+      name: 'Error',
+      stack: '',
+      message: 'Oops!',
+      callId: calls[calls.length - 1].id,
+    };
+  }
 
-  return { ...defaultData, ...overrides };
+  return calls;
 };
+
+export const getInteractions = (finalStatus: CallStates) =>
+  getCalls(finalStatus).filter((call) => call.interceptable);

From 18cf8c6c6d3a20b9a814d1315c99858b88a95367 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 15 Jun 2022 11:23:39 +0200
Subject: [PATCH 37/49] Add story book interaction row with parentId

---
 .../src/components/Interaction/Interaction.stories.tsx      | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/addons/interactions/src/components/Interaction/Interaction.stories.tsx b/addons/interactions/src/components/Interaction/Interaction.stories.tsx
index 2089cef4a2a0..e8eb8b74b0e6 100644
--- a/addons/interactions/src/components/Interaction/Interaction.stories.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.stories.tsx
@@ -49,6 +49,12 @@ export const WithParent: Story = {
   },
 };
 
+export const WithParent: Story = {
+  args: {
+    call: { ...getCall(CallStates.DONE), parentId: 'parent-id' },
+  },
+};
+
 export const Disabled: Story = {
   args: { ...Done.args, controlStates: { ...SubnavStories.args.controlStates, goto: false } },
 };

From 2e23d67253c478826be404a4a355cf4905eb39a2 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 15 Jun 2022 12:11:00 +0200
Subject: [PATCH 38/49] Better story data

---
 .../src/components/Interaction/Interaction.stories.tsx      | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/addons/interactions/src/components/Interaction/Interaction.stories.tsx b/addons/interactions/src/components/Interaction/Interaction.stories.tsx
index e8eb8b74b0e6..2089cef4a2a0 100644
--- a/addons/interactions/src/components/Interaction/Interaction.stories.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.stories.tsx
@@ -49,12 +49,6 @@ export const WithParent: Story = {
   },
 };
 
-export const WithParent: Story = {
-  args: {
-    call: { ...getCall(CallStates.DONE), parentId: 'parent-id' },
-  },
-};
-
 export const Disabled: Story = {
   args: { ...Done.args, controlStates: { ...SubnavStories.args.controlStates, goto: false } },
 };

From 3285a9e6b7ce22f0a92d8c43da9ef1b61e304ccf Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 15 Jun 2022 15:50:34 +0200
Subject: [PATCH 39/49] Collapse child interactions

---
 addons/interactions/src/Panel.tsx             | 31 +++++++-
 .../components/Interaction/Interaction.tsx    | 70 +++++++++++++++----
 2 files changed, 86 insertions(+), 15 deletions(-)

diff --git a/addons/interactions/src/Panel.tsx b/addons/interactions/src/Panel.tsx
index 2778d1c2f1d2..dc06587140f0 100644
--- a/addons/interactions/src/Panel.tsx
+++ b/addons/interactions/src/Panel.tsx
@@ -28,7 +28,12 @@ interface InteractionsPanelProps {
   active: boolean;
   controls: Controls;
   controlStates: ControlStates;
-  interactions: (Call & { status?: CallStates })[];
+  interactions: (Call & {
+    status?: CallStates;
+    childCallIds: Call['id'][];
+    isExpanded: boolean;
+    toggleExpanded: () => void;
+  })[];
   fileName?: string;
   hasException?: boolean;
   isPlaying?: boolean;
@@ -97,6 +102,9 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
             callsById={calls}
             controls={controls}
             controlStates={controlStates}
+            childCallIds={call.childCallIds}
+            isExpanded={call.isExpanded}
+            toggleExpanded={call.toggleExpanded}
             pausedAt={pausedAt}
           />
         ))}
@@ -125,13 +133,32 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
   const [isPlaying, setPlaying] = React.useState(false);
   const [isRerunAnimating, setIsRerunAnimating] = React.useState(false);
   const [scrollTarget, setScrollTarget] = React.useState<HTMLElement>();
+  const [expanded, setExpanded] = React.useState<Set<Call['id']>>(new Set());
 
   // Calls are tracked in a ref so we don't needlessly rerender.
   const calls = React.useRef<Map<Call['id'], Omit<Call, 'status'>>>(new Map());
   const setCall = ({ status, ...call }: Call) => calls.current.set(call.id, call);
 
   const [log, setLog] = React.useState<LogItem[]>([]);
-  const interactions = log.map(({ callId, status }) => ({ ...calls.current.get(callId), status }));
+  const childCallMap = new Map<Call['id'], Call['id'][]>();
+  const interactions = log
+    .filter((call) => {
+      if (!call.parentId) return true;
+      childCallMap.set(call.parentId, (childCallMap.get(call.parentId) || []).concat(call.callId));
+      return expanded.has(call.parentId);
+    })
+    .map(({ callId, status }) => ({
+      ...calls.current.get(callId),
+      status,
+      childCallIds: childCallMap.get(callId),
+      isExpanded: expanded.has(callId),
+      toggleExpanded: () =>
+        setExpanded((ids) => {
+          if (ids.has(callId)) ids.delete(callId);
+          else ids.add(callId);
+          return new Set(ids);
+        }),
+    }));
 
   const endRef = React.useRef();
   React.useEffect(() => {
diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index ec1672027aa7..a7fe2052957e 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { IconButton, Icons, TooltipNote, WithTooltip, Bar } from '@storybook/components';
 import { Call, CallStates, ControlStates } from '@storybook/instrumenter';
 import { styled, typography } from '@storybook/theming';
 import { transparentize } from 'polished';
@@ -55,9 +56,15 @@ const RowContainer = styled('div', {
     }
 );
 
+const RowHeader = styled.div<{ disabled: boolean }>(({ theme, disabled }) => ({
+  display: 'flex',
+  '&:hover': disabled ? {} : { background: theme.background.hoverable },
+}));
+
 const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].includes(prop) })<
   React.ButtonHTMLAttributes<HTMLButtonElement> & { call: Call }
 >(({ theme, disabled, call }) => ({
+  flex: 1,
   display: 'grid',
   background: 'none',
   border: 0,
@@ -68,7 +75,6 @@ const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].inclu
   padding: '8px 15px',
   textAlign: 'start',
   cursor: disabled || call.status === CallStates.ERROR ? 'default' : 'pointer',
-  '&:hover': disabled ? {} : { background: theme.background.hoverable },
   '&:focus-visible': {
     outline: 0,
     boxShadow: `inset 3px 0 0 0 ${
@@ -81,6 +87,19 @@ const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].inclu
   },
 }));
 
+const RowActions = styled.div(({ theme }) => ({
+  padding: 6,
+}));
+
+export const StyledIconButton = styled(IconButton as any)(({ theme }) => ({
+  color: theme.color.mediumdark,
+  margin: '0 3px',
+}));
+
+const Note = styled(TooltipNote)(({ theme }) => ({
+  fontFamily: theme.typography.fonts.base,
+}));
+
 const RowMessage = styled('div')(({ theme }) => ({
   padding: '8px 10px 8px 36px',
   fontSize: typography.size.s1,
@@ -112,29 +131,54 @@ export const Interaction = ({
   callsById,
   controls,
   controlStates,
+  childCallIds,
+  isExpanded,
+  toggleExpanded,
   pausedAt,
 }: {
   call: Call;
   callsById: Map<Call['id'], Call>;
   controls: Controls;
   controlStates: ControlStates;
+  childCallIds?: Call['id'][];
+  isExpanded: boolean;
+  toggleExpanded: () => void;
   pausedAt?: Call['id'];
 }) => {
   const [isHovered, setIsHovered] = React.useState(false);
   return (
     <RowContainer call={call} pausedAt={pausedAt}>
-      <RowLabel
-        call={call}
-        onClick={() => controls.goto(call.id)}
-        disabled={!controlStates.goto || !call.interceptable || !!call.parentId}
-        onMouseEnter={() => controlStates.goto && setIsHovered(true)}
-        onMouseLeave={() => controlStates.goto && setIsHovered(false)}
-      >
-        <StatusIcon status={isHovered ? CallStates.ACTIVE : call.status} />
-        <MethodCallWrapper style={{ marginLeft: 6, marginBottom: 1 }}>
-          <MethodCall call={call} callsById={callsById} />
-        </MethodCallWrapper>
-      </RowLabel>
+      <RowHeader disabled={!controlStates.goto || !call.interceptable || !!call.parentId}>
+        <RowLabel
+          call={call}
+          onClick={() => controls.goto(call.id)}
+          disabled={!controlStates.goto || !call.interceptable || !!call.parentId}
+          onMouseEnter={() => controlStates.goto && setIsHovered(true)}
+          onMouseLeave={() => controlStates.goto && setIsHovered(false)}
+        >
+          <StatusIcon status={isHovered ? CallStates.ACTIVE : call.status} />
+          <MethodCallWrapper style={{ marginLeft: 6, marginBottom: 1 }}>
+            <MethodCall call={call} callsById={callsById} />
+          </MethodCallWrapper>
+        </RowLabel>
+        <RowActions>
+          {childCallIds?.length > 0 && (
+            <WithTooltip
+              hasChrome={false}
+              tooltip={
+                <Note
+                  note={`${isExpanded ? 'Hide' : 'Show'} interactions (${childCallIds.length})`}
+                />
+              }
+            >
+              <StyledIconButton containsIcon onClick={toggleExpanded}>
+                <Icons icon="listunordered" />
+              </StyledIconButton>
+            </WithTooltip>
+          )}
+        </RowActions>
+      </RowHeader>
+
       {call.status === CallStates.ERROR && call.exception?.callId === call.id && (
         <Exception exception={call.exception} />
       )}

From e39fb2277ad6d7c3f5fa5a2660f1f197acafc85e Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 16 Jun 2022 15:21:16 +0200
Subject: [PATCH 40/49] Expand by default

---
 addons/interactions/src/Panel.tsx              | 18 +++++++++---------
 .../src/components/Interaction/Interaction.tsx | 12 ++++++------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/addons/interactions/src/Panel.tsx b/addons/interactions/src/Panel.tsx
index dc06587140f0..fcd6918cfcf5 100644
--- a/addons/interactions/src/Panel.tsx
+++ b/addons/interactions/src/Panel.tsx
@@ -31,8 +31,8 @@ interface InteractionsPanelProps {
   interactions: (Call & {
     status?: CallStates;
     childCallIds: Call['id'][];
-    isExpanded: boolean;
-    toggleExpanded: () => void;
+    isCollapsed: boolean;
+    toggleCollapsed: () => void;
   })[];
   fileName?: string;
   hasException?: boolean;
@@ -103,8 +103,8 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
             controls={controls}
             controlStates={controlStates}
             childCallIds={call.childCallIds}
-            isExpanded={call.isExpanded}
-            toggleExpanded={call.toggleExpanded}
+            isCollapsed={call.isCollapsed}
+            toggleCollapsed={call.toggleCollapsed}
             pausedAt={pausedAt}
           />
         ))}
@@ -133,7 +133,7 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
   const [isPlaying, setPlaying] = React.useState(false);
   const [isRerunAnimating, setIsRerunAnimating] = React.useState(false);
   const [scrollTarget, setScrollTarget] = React.useState<HTMLElement>();
-  const [expanded, setExpanded] = React.useState<Set<Call['id']>>(new Set());
+  const [collapsed, setCollapsed] = React.useState<Set<Call['id']>>(new Set());
 
   // Calls are tracked in a ref so we don't needlessly rerender.
   const calls = React.useRef<Map<Call['id'], Omit<Call, 'status'>>>(new Map());
@@ -145,15 +145,15 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
     .filter((call) => {
       if (!call.parentId) return true;
       childCallMap.set(call.parentId, (childCallMap.get(call.parentId) || []).concat(call.callId));
-      return expanded.has(call.parentId);
+      return !collapsed.has(call.parentId);
     })
     .map(({ callId, status }) => ({
       ...calls.current.get(callId),
       status,
       childCallIds: childCallMap.get(callId),
-      isExpanded: expanded.has(callId),
-      toggleExpanded: () =>
-        setExpanded((ids) => {
+      isCollapsed: collapsed.has(callId),
+      toggleCollapsed: () =>
+        setCollapsed((ids) => {
           if (ids.has(callId)) ids.delete(callId);
           else ids.add(callId);
           return new Set(ids);
diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index a7fe2052957e..768149e38f04 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -132,8 +132,8 @@ export const Interaction = ({
   controls,
   controlStates,
   childCallIds,
-  isExpanded,
-  toggleExpanded,
+  isCollapsed,
+  toggleCollapsed,
   pausedAt,
 }: {
   call: Call;
@@ -141,8 +141,8 @@ export const Interaction = ({
   controls: Controls;
   controlStates: ControlStates;
   childCallIds?: Call['id'][];
-  isExpanded: boolean;
-  toggleExpanded: () => void;
+  isCollapsed: boolean;
+  toggleCollapsed: () => void;
   pausedAt?: Call['id'];
 }) => {
   const [isHovered, setIsHovered] = React.useState(false);
@@ -167,11 +167,11 @@ export const Interaction = ({
               hasChrome={false}
               tooltip={
                 <Note
-                  note={`${isExpanded ? 'Hide' : 'Show'} interactions (${childCallIds.length})`}
+                  note={`${isCollapsed ? 'Show' : 'Hide'} interactions (${childCallIds.length})`}
                 />
               }
             >
-              <StyledIconButton containsIcon onClick={toggleExpanded}>
+              <StyledIconButton containsIcon onClick={toggleCollapsed}>
                 <Icons icon="listunordered" />
               </StyledIconButton>
             </WithTooltip>

From aa7f2b6dea36a934543238900c8568d65892d4e0 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 16 Jun 2022 15:21:37 +0200
Subject: [PATCH 41/49] Tweak anonymous function color

---
 addons/interactions/src/components/MethodCall.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/addons/interactions/src/components/MethodCall.tsx b/addons/interactions/src/components/MethodCall.tsx
index e74e02e6340e..fa792dce56aa 100644
--- a/addons/interactions/src/components/MethodCall.tsx
+++ b/addons/interactions/src/components/MethodCall.tsx
@@ -272,7 +272,11 @@ export const ClassNode = ({ name }: { name: string }) => {
 
 export const FunctionNode = ({ name }: { name: string }) => {
   const colors = useThemeColors();
-  return <span style={{ color: colors.function }}>{name || <i>anonymous</i>}</span>;
+  return name ? (
+    <span style={{ color: colors.function }}>{name}</span>
+  ) : (
+    <span style={{ color: colors.nullish, fontStyle: 'italic' }}>anonymous</span>
+  );
 };
 
 export const ElementNode = ({

From 6fdd19c71a9a4feff7867684d13c59d61ddf9c6b Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 16 Jun 2022 15:56:47 +0200
Subject: [PATCH 42/49] Update
 addons/interactions/src/components/Interaction/Interaction.tsx

Co-authored-by: Michael Shilman <shilman@users.noreply.github.com>
---
 addons/interactions/src/components/Interaction/Interaction.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index 768149e38f04..30922f8dc908 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IconButton, Icons, TooltipNote, WithTooltip, Bar } from '@storybook/components';
+import { IconButton, Icons, TooltipNote, WithTooltip } from '@storybook/components';
 import { Call, CallStates, ControlStates } from '@storybook/instrumenter';
 import { styled, typography } from '@storybook/theming';
 import { transparentize } from 'polished';

From bf2ad5d99063c6560c70fb0f852ecb612bb076d1 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Sun, 19 Jun 2022 14:10:51 +1000
Subject: [PATCH 43/49] Created npm7 migration

---
 lib/cli/src/automigrate/fixes/npm7.ts      | 41 ++++++++++++++++++++++
 lib/cli/src/js-package-manager/NPMProxy.ts | 22 ++++++++++--
 2 files changed, 61 insertions(+), 2 deletions(-)
 create mode 100644 lib/cli/src/automigrate/fixes/npm7.ts

diff --git a/lib/cli/src/automigrate/fixes/npm7.ts b/lib/cli/src/automigrate/fixes/npm7.ts
new file mode 100644
index 000000000000..74f40e6723d8
--- /dev/null
+++ b/lib/cli/src/automigrate/fixes/npm7.ts
@@ -0,0 +1,41 @@
+import chalk from 'chalk';
+import dedent from 'ts-dedent';
+import { Fix } from '../types';
+import { NPMProxy } from '../../js-package-manager/NPMProxy';
+
+interface Npm7RunOptions {
+  npmVersion: string;
+}
+
+/**
+ * Is the user using npm7+? If so create a .npmrc with legacy-peer-deps=true
+ */
+export const npm7: Fix<Npm7RunOptions> = {
+  id: 'npm7',
+
+  async check({ packageManager }) {
+    if (packageManager.type !== 'npm') return null;
+
+    const npmVersion = (packageManager as NPMProxy).getNpmVersion();
+    if ((packageManager as NPMProxy).needsLegacyPeerDeps(npmVersion)) {
+      return { npmVersion };
+    }
+    return null;
+  },
+
+  prompt({ npmVersion }) {
+    const npmFormatted = chalk.cyan(`npm ${npmVersion}`);
+    return dedent`
+      We've detected you are running ${npmFormatted} which has peer dependency semantics which Storybook is incompatible with.
+
+      In order to work with Storybook's package structure, you'll need to run \`npm\` with the
+      \`--legacy-peer-deps=true\` flag. We can generate an \`.npmrc\` which will do that automatically.
+      
+      More info: ${chalk.yellow('https://github.com/storybookjs/storybook/issues/18298')}
+    `;
+  },
+
+  async run({ packageManager }) {
+    (packageManager as NPMProxy).setLegacyPeerDeps();
+  },
+};
diff --git a/lib/cli/src/js-package-manager/NPMProxy.ts b/lib/cli/src/js-package-manager/NPMProxy.ts
index 052bb6fcd255..a75d7d2b69fd 100644
--- a/lib/cli/src/js-package-manager/NPMProxy.ts
+++ b/lib/cli/src/js-package-manager/NPMProxy.ts
@@ -18,10 +18,28 @@ export class NPMProxy extends JsPackageManager {
     return `npm run ${command}`;
   }
 
+  getNpmVersion(): string {
+    return this.executeCommand('npm', ['--version']);
+  }
+
+  hasLegacyPeerDeps() {
+    return (
+      this.executeCommand('npm', ['config', 'get', 'legacy-peer-deps', '--location=project']) ===
+      'true'
+    );
+  }
+
+  setLegacyPeerDeps() {
+    this.executeCommand('npm', ['config', 'set', 'legacy-peer-deps=true', '--location=project']);
+  }
+
+  needsLegacyPeerDeps(version: string) {
+    return semver.gte(version, '7.0.0') && !this.hasLegacyPeerDeps();
+  }
+
   getInstallArgs(): string[] {
     if (!this.installArgs) {
-      const version = this.executeCommand('npm', ['--version']);
-      this.installArgs = semver.gte(version, '7.0.0')
+      this.installArgs = this.needsLegacyPeerDeps(this.getNpmVersion())
         ? ['install', '--legacy-peer-deps']
         : ['install'];
     }

From 10afa9ea1923cc470b185cb93a262deb826252c9 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 20 Jun 2022 11:47:43 +1000
Subject: [PATCH 44/49] Add a test

---
 lib/cli/src/automigrate/fixes/npm7.test.ts | 47 ++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 lib/cli/src/automigrate/fixes/npm7.test.ts

diff --git a/lib/cli/src/automigrate/fixes/npm7.test.ts b/lib/cli/src/automigrate/fixes/npm7.test.ts
new file mode 100644
index 000000000000..83346ccdfaf1
--- /dev/null
+++ b/lib/cli/src/automigrate/fixes/npm7.test.ts
@@ -0,0 +1,47 @@
+import { NPMProxy } from '../../js-package-manager/NPMProxy';
+import { npm7 } from './npm7';
+
+const mockExecuteCommand = jest.fn();
+class MockedNPMProxy extends NPMProxy {
+  executeCommand(...args) {
+    return mockExecuteCommand(...args);
+  }
+}
+
+function mockExecuteResults(map: Record<string, string>) {
+  mockExecuteCommand.mockImplementation((command, args) => {
+    const commandString = `${command} ${args.join(' ')}`;
+    if (map[commandString]) return map[commandString];
+
+    throw new Error(`Unexpected execution of '${commandString}'`);
+  });
+}
+
+describe('npm7 fix', () => {
+  describe('npm < 7', () => {
+    it('does not match', async () => {
+      mockExecuteResults({ 'npm --version': '6.0.0' });
+      expect(await npm7.check({ packageManager: new MockedNPMProxy() })).toEqual(null);
+    });
+  });
+
+  describe('npm 7+', () => {
+    it('matches if config is not installed', async () => {
+      mockExecuteResults({
+        'npm --version': '7.0.0',
+        'npm config get legacy-peer-deps --location=project': 'false',
+      });
+      expect(await npm7.check({ packageManager: new MockedNPMProxy() })).toEqual({
+        npmVersion: '7.0.0',
+      });
+    });
+
+    it('does not match if config is installed', async () => {
+      mockExecuteResults({
+        'npm --version': '7.0.0',
+        'npm config get legacy-peer-deps --location=project': 'true',
+      });
+      expect(await npm7.check({ packageManager: new MockedNPMProxy() })).toEqual(null);
+    });
+  });
+});

From f0169ca02e9ce2192bdec1f9cb4b0e3212efd76b Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 20 Jun 2022 12:33:03 +1000
Subject: [PATCH 45/49] Use node14 in netlify

---
 netlify.toml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/netlify.toml b/netlify.toml
index b390f857e386..8dc12b5ad1e3 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -2,7 +2,7 @@
   publish = "built-storybooks"
   command = "yarn bootstrap --core && yarn build-storybooks --all"
 [build.environment]
-  NODE_VERSION = "12"
+  NODE_VERSION = "14"
   YARN_VERSION = "1.22.10"
   DOTENV_DISPLAY_WARNING = "none"
   STORYBOOK_EXAMPLE_APP ="true"

From 2c064752a361ed5b5507715adbbcd85960d69973 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 20 Jun 2022 20:33:39 +0800
Subject: [PATCH 46/49] 7.0.0-alpha.5 changelog

---
 CHANGELOG.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 427a52f9274f..cddae65e2761 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,15 @@
+## 7.0.0-alpha.5 (June 20, 2022)
+
+### Bug Fixes
+
+- Core: Allow a teardown function to be returned from `renderToDOM` ([#18457](https://github.com/storybookjs/storybook/pull/18457))
+- CLI: Add npm7 migration for legacy peer deps ([#18510](https://github.com/storybookjs/storybook/pull/18510))
+- Interactions: Fix broken UI on nested interactions ([#18499](https://github.com/storybookjs/storybook/pull/18499))
+
+### Maintenance
+
+- Build: Upgrade yarn to 3.2.1 ([#18511](https://github.com/storybookjs/storybook/pull/18511))
+
 ## 7.0.0-alpha.4 (June 19, 2022)
 
 ### Breaking Changes

From 7b415817060a959ca3ac6a878fc60384b991b0a2 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 20 Jun 2022 20:33:59 +0800
Subject: [PATCH 47/49] Update root, peer deps, version.ts/json to
 7.0.0-alpha.5 [ci skip]

---
 .../storyshots-puppeteer/package.json         |   4 +-
 lib/api/src/version.ts                        |   2 +-
 lib/cli/src/versions.ts                       | 146 +++++++++---------
 package.json                                  |   2 +-
 4 files changed, 77 insertions(+), 77 deletions(-)

diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index f43fcd69f661..03266eeb9001 100644
--- a/addons/storyshots/storyshots-puppeteer/package.json
+++ b/addons/storyshots/storyshots-puppeteer/package.json
@@ -45,7 +45,7 @@
     "@types/puppeteer": "^5.4.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependenciesMeta": {
@@ -57,4 +57,4 @@
     "access": "public"
   },
   "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
-}
+}
\ No newline at end of file
diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index 05b49caf472e..c5534700c483 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '7.0.0-alpha.4';
+export const version = '7.0.0-alpha.5';
diff --git a/lib/cli/src/versions.ts b/lib/cli/src/versions.ts
index 6a1a3dfec115..c7c5f41ec446 100644
--- a/lib/cli/src/versions.ts
+++ b/lib/cli/src/versions.ts
@@ -1,76 +1,76 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.0.0-alpha.4',
-  '@storybook/addon-actions': '7.0.0-alpha.4',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.4',
-  '@storybook/addon-controls': '7.0.0-alpha.4',
-  '@storybook/addon-docs': '7.0.0-alpha.4',
-  '@storybook/addon-essentials': '7.0.0-alpha.4',
-  '@storybook/addon-interactions': '7.0.0-alpha.4',
-  '@storybook/addon-jest': '7.0.0-alpha.4',
-  '@storybook/addon-links': '7.0.0-alpha.4',
-  '@storybook/addon-measure': '7.0.0-alpha.4',
-  '@storybook/addon-outline': '7.0.0-alpha.4',
-  '@storybook/addon-storyshots': '7.0.0-alpha.4',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.4',
-  '@storybook/addon-storysource': '7.0.0-alpha.4',
-  '@storybook/addon-toolbars': '7.0.0-alpha.4',
-  '@storybook/addon-viewport': '7.0.0-alpha.4',
-  '@storybook/addons': '7.0.0-alpha.4',
-  '@storybook/angular': '7.0.0-alpha.4',
-  '@storybook/api': '7.0.0-alpha.4',
-  '@storybook/builder-webpack5': '7.0.0-alpha.4',
-  '@storybook/channel-postmessage': '7.0.0-alpha.4',
-  '@storybook/channel-websocket': '7.0.0-alpha.4',
-  '@storybook/channels': '7.0.0-alpha.4',
-  '@storybook/cli': '7.0.0-alpha.4',
-  '@storybook/client-api': '7.0.0-alpha.4',
-  '@storybook/client-logger': '7.0.0-alpha.4',
-  '@storybook/codemod': '7.0.0-alpha.4',
-  '@storybook/components': '7.0.0-alpha.4',
-  '@storybook/core-client': '7.0.0-alpha.4',
-  '@storybook/core-common': '7.0.0-alpha.4',
-  '@storybook/core-events': '7.0.0-alpha.4',
-  '@storybook/core-server': '7.0.0-alpha.4',
-  '@storybook/core-webpack': '7.0.0-alpha.4',
-  '@storybook/csf-tools': '7.0.0-alpha.4',
-  '@storybook/docs-tools': '7.0.0-alpha.4',
-  '@storybook/ember': '7.0.0-alpha.4',
-  '@storybook/html': '7.0.0-alpha.4',
-  '@storybook/html-webpack5': '7.0.0-alpha.4',
-  '@storybook/instrumenter': '7.0.0-alpha.4',
-  '@storybook/manager-webpack5': '7.0.0-alpha.4',
-  '@storybook/node-logger': '7.0.0-alpha.4',
-  '@storybook/postinstall': '7.0.0-alpha.4',
-  '@storybook/preact': '7.0.0-alpha.4',
-  '@storybook/preact-webpack5': '7.0.0-alpha.4',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.4',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.4',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.4',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.4',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.4',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.4',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.4',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.4',
-  '@storybook/preview-web': '7.0.0-alpha.4',
-  '@storybook/react': '7.0.0-alpha.4',
-  '@storybook/react-webpack5': '7.0.0-alpha.4',
-  '@storybook/router': '7.0.0-alpha.4',
-  '@storybook/server': '7.0.0-alpha.4',
-  '@storybook/server-webpack5': '7.0.0-alpha.4',
-  '@storybook/source-loader': '7.0.0-alpha.4',
-  '@storybook/store': '7.0.0-alpha.4',
-  '@storybook/svelte': '7.0.0-alpha.4',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.4',
-  '@storybook/telemetry': '7.0.0-alpha.4',
-  '@storybook/theming': '7.0.0-alpha.4',
-  '@storybook/ui': '7.0.0-alpha.4',
-  '@storybook/vue': '7.0.0-alpha.4',
-  '@storybook/vue-webpack5': '7.0.0-alpha.4',
-  '@storybook/vue3': '7.0.0-alpha.4',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.4',
-  '@storybook/web-components': '7.0.0-alpha.4',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.4',
-  sb: '7.0.0-alpha.4',
-  storybook: '7.0.0-alpha.4',
+  '@storybook/addon-a11y': '7.0.0-alpha.5',
+  '@storybook/addon-actions': '7.0.0-alpha.5',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.5',
+  '@storybook/addon-controls': '7.0.0-alpha.5',
+  '@storybook/addon-docs': '7.0.0-alpha.5',
+  '@storybook/addon-essentials': '7.0.0-alpha.5',
+  '@storybook/addon-interactions': '7.0.0-alpha.5',
+  '@storybook/addon-jest': '7.0.0-alpha.5',
+  '@storybook/addon-links': '7.0.0-alpha.5',
+  '@storybook/addon-measure': '7.0.0-alpha.5',
+  '@storybook/addon-outline': '7.0.0-alpha.5',
+  '@storybook/addon-storyshots': '7.0.0-alpha.5',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.5',
+  '@storybook/addon-storysource': '7.0.0-alpha.5',
+  '@storybook/addon-toolbars': '7.0.0-alpha.5',
+  '@storybook/addon-viewport': '7.0.0-alpha.5',
+  '@storybook/addons': '7.0.0-alpha.5',
+  '@storybook/angular': '7.0.0-alpha.5',
+  '@storybook/api': '7.0.0-alpha.5',
+  '@storybook/builder-webpack5': '7.0.0-alpha.5',
+  '@storybook/channel-postmessage': '7.0.0-alpha.5',
+  '@storybook/channel-websocket': '7.0.0-alpha.5',
+  '@storybook/channels': '7.0.0-alpha.5',
+  '@storybook/cli': '7.0.0-alpha.5',
+  '@storybook/client-api': '7.0.0-alpha.5',
+  '@storybook/client-logger': '7.0.0-alpha.5',
+  '@storybook/codemod': '7.0.0-alpha.5',
+  '@storybook/components': '7.0.0-alpha.5',
+  '@storybook/core-client': '7.0.0-alpha.5',
+  '@storybook/core-common': '7.0.0-alpha.5',
+  '@storybook/core-events': '7.0.0-alpha.5',
+  '@storybook/core-server': '7.0.0-alpha.5',
+  '@storybook/core-webpack': '7.0.0-alpha.5',
+  '@storybook/csf-tools': '7.0.0-alpha.5',
+  '@storybook/docs-tools': '7.0.0-alpha.5',
+  '@storybook/ember': '7.0.0-alpha.5',
+  '@storybook/html': '7.0.0-alpha.5',
+  '@storybook/html-webpack5': '7.0.0-alpha.5',
+  '@storybook/instrumenter': '7.0.0-alpha.5',
+  '@storybook/manager-webpack5': '7.0.0-alpha.5',
+  '@storybook/node-logger': '7.0.0-alpha.5',
+  '@storybook/postinstall': '7.0.0-alpha.5',
+  '@storybook/preact': '7.0.0-alpha.5',
+  '@storybook/preact-webpack5': '7.0.0-alpha.5',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.5',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.5',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.5',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.5',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.5',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.5',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.5',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.5',
+  '@storybook/preview-web': '7.0.0-alpha.5',
+  '@storybook/react': '7.0.0-alpha.5',
+  '@storybook/react-webpack5': '7.0.0-alpha.5',
+  '@storybook/router': '7.0.0-alpha.5',
+  '@storybook/server': '7.0.0-alpha.5',
+  '@storybook/server-webpack5': '7.0.0-alpha.5',
+  '@storybook/source-loader': '7.0.0-alpha.5',
+  '@storybook/store': '7.0.0-alpha.5',
+  '@storybook/svelte': '7.0.0-alpha.5',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.5',
+  '@storybook/telemetry': '7.0.0-alpha.5',
+  '@storybook/theming': '7.0.0-alpha.5',
+  '@storybook/ui': '7.0.0-alpha.5',
+  '@storybook/vue': '7.0.0-alpha.5',
+  '@storybook/vue-webpack5': '7.0.0-alpha.5',
+  '@storybook/vue3': '7.0.0-alpha.5',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.5',
+  '@storybook/web-components': '7.0.0-alpha.5',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.5',
+  sb: '7.0.0-alpha.5',
+  storybook: '7.0.0-alpha.5',
 };
diff --git a/package.json b/package.json
index 8316cf2512b9..3b8679604f92 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "description": "Storybook is an open source tool for developing UI components in isolation for React, Vue and Angular. It makes building stunning UIs organized and efficient.",
   "keywords": [

From 3dd46982823b34d9f37be917b6247631081feff7 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 20 Jun 2022 21:44:25 +0800
Subject: [PATCH 48/49] v7.0.0-alpha.5

---
 addons/a11y/package.json                      | 16 +++---
 addons/actions/package.json                   | 14 +++---
 addons/backgrounds/package.json               | 14 +++---
 addons/controls/package.json                  | 18 +++----
 addons/docs/package.json                      | 28 +++++------
 addons/essentials/package.json                | 28 +++++------
 addons/interactions/package.json              | 18 +++----
 addons/jest/package.json                      | 14 +++---
 addons/links/package.json                     | 10 ++--
 addons/measure/package.json                   | 12 ++---
 addons/outline/package.json                   | 12 ++---
 .../storyshots/storyshots-core/package.json   | 20 ++++----
 .../storyshots-puppeteer/package.json         |  6 +--
 addons/storysource/package.json               | 16 +++---
 addons/toolbars/package.json                  | 12 ++---
 addons/viewport/package.json                  | 14 +++---
 examples/angular-cli/package.json             | 30 +++++------
 examples/cra-kitchen-sink/package.json        | 30 +++++------
 examples/cra-ts-essentials/package.json       | 18 +++----
 examples/cra-ts-kitchen-sink/package.json     | 20 ++++----
 examples/ember-cli/package.json               | 26 +++++-----
 examples/external-docs/package.json           | 18 +++----
 examples/html-kitchen-sink/package.json       | 36 ++++++-------
 examples/official-storybook/package.json      | 50 +++++++++----------
 examples/preact-kitchen-sink/package.json     | 26 +++++-----
 examples/react-ts/package.json                | 22 ++++----
 examples/server-kitchen-sink/package.json     | 20 ++++----
 examples/standalone-preview/package.json      | 12 ++---
 examples/svelte-kitchen-sink/package.json     | 32 ++++++------
 examples/vue-3-cli/package.json               | 18 +++----
 examples/vue-cli/package.json                 | 14 +++---
 examples/vue-kitchen-sink/package.json        | 32 ++++++------
 .../web-components-kitchen-sink/package.json  |  2 +-
 frameworks/angular/package.json               | 24 ++++-----
 frameworks/ember/package.json                 | 12 ++---
 frameworks/html-webpack5/package.json         | 10 ++--
 frameworks/preact-webpack5/package.json       | 10 ++--
 frameworks/react-webpack5/package.json        |  8 +--
 frameworks/server-webpack5/package.json       | 10 ++--
 frameworks/svelte-webpack5/package.json       | 10 ++--
 frameworks/vue-webpack5/package.json          | 10 ++--
 frameworks/vue3-webpack5/package.json         | 10 ++--
 .../web-components-webpack5/package.json      | 10 ++--
 lerna.json                                    |  2 +-
 lib/addons/package.json                       | 14 +++---
 lib/api/package.json                          | 12 ++---
 lib/builder-webpack5/package.json             | 34 ++++++-------
 lib/channel-postmessage/package.json          |  8 +--
 lib/channel-websocket/package.json            |  6 +--
 lib/channels/package.json                     |  2 +-
 lib/cli-sb/package.json                       |  4 +-
 lib/cli-storybook/package.json                |  4 +-
 lib/cli/package.json                          | 16 +++---
 lib/client-api/package.json                   | 14 +++---
 lib/client-logger/package.json                |  2 +-
 lib/codemod/package.json                      |  6 +--
 lib/components/package.json                   |  6 +--
 lib/core-client/package.json                  | 20 ++++----
 lib/core-common/package.json                  |  4 +-
 lib/core-events/package.json                  |  2 +-
 lib/core-server/package.json                  | 20 ++++----
 lib/core-webpack/package.json                 |  6 +--
 lib/csf-tools/package.json                    |  2 +-
 lib/docs-tools/package.json                   |  4 +-
 lib/instrumenter/package.json                 |  8 +--
 lib/manager-webpack5/package.json             | 16 +++---
 lib/node-logger/package.json                  |  2 +-
 lib/postinstall/package.json                  |  2 +-
 lib/preview-web/package.json                  | 12 ++---
 lib/router/package.json                       |  4 +-
 lib/source-loader/package.json                |  6 +--
 lib/store/package.json                        |  8 +--
 lib/telemetry/package.json                    |  6 +--
 lib/theming/package.json                      |  4 +-
 lib/ui/package.json                           | 18 +++----
 presets/html-webpack/package.json             |  4 +-
 presets/preact-webpack/package.json           |  4 +-
 presets/react-webpack/package.json            | 10 ++--
 presets/server-webpack/package.json           |  8 +--
 presets/svelte-webpack/package.json           |  6 +--
 presets/vue-webpack/package.json              |  6 +--
 presets/vue3-webpack/package.json             |  6 +--
 presets/web-components-webpack/package.json   |  4 +-
 renderers/html/package.json                   | 12 ++---
 renderers/preact/package.json                 |  8 +--
 renderers/react/package.json                  | 12 ++---
 renderers/server/package.json                 | 10 ++--
 renderers/svelte/package.json                 | 12 ++---
 renderers/vue/package.json                    | 12 ++---
 renderers/vue3/package.json                   | 10 ++--
 renderers/web-components/package.json         | 16 +++---
 91 files changed, 593 insertions(+), 593 deletions(-)

diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index 468e88565138..128f5f841e74 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -38,14 +38,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/channels": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/channels": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/theming": "7.0.0-alpha.5",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/addons/actions/package.json b/addons/actions/package.json
index f72967a3896b..024ab0b7eec9 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -34,13 +34,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index 09e40067ed5b..3e20b25ed5f1 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -38,13 +38,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/addons/controls/package.json b/addons/controls/package.json
index a921e02f2e1d..6bf30734ca51 100644
--- a/addons/controls/package.json
+++ b/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -38,15 +38,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/node-logger": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/node-logger": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
diff --git a/addons/docs/package.json b/addons/docs/package.json
index 6c2a7bfa7de7..e346145891c4 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -52,21 +52,21 @@
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/csf-tools": "7.0.0-alpha.4",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
+    "@storybook/csf-tools": "7.0.0-alpha.5",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
     "@storybook/mdx1-csf": "^0.0.1",
-    "@storybook/node-logger": "7.0.0-alpha.4",
-    "@storybook/postinstall": "7.0.0-alpha.4",
-    "@storybook/preview-web": "7.0.0-alpha.4",
-    "@storybook/source-loader": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/node-logger": "7.0.0-alpha.5",
+    "@storybook/postinstall": "7.0.0-alpha.5",
+    "@storybook/preview-web": "7.0.0-alpha.5",
+    "@storybook/source-loader": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "babel-loader": "^8.2.5",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
diff --git a/addons/essentials/package.json b/addons/essentials/package.json
index d961e51b097d..1886fbe634b2 100644
--- a/addons/essentials/package.json
+++ b/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -32,24 +32,24 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-controls": "7.0.0-alpha.4",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/addon-measure": "7.0.0-alpha.4",
-    "@storybook/addon-outline": "7.0.0-alpha.4",
-    "@storybook/addon-toolbars": "7.0.0-alpha.4",
-    "@storybook/addon-viewport": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-controls": "7.0.0-alpha.5",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/addon-measure": "7.0.0-alpha.5",
+    "@storybook/addon-outline": "7.0.0-alpha.5",
+    "@storybook/addon-toolbars": "7.0.0-alpha.5",
+    "@storybook/addon-viewport": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/vue": "7.0.0-alpha.4",
+    "@storybook/vue": "7.0.0-alpha.5",
     "@types/jest": "^26.0.16"
   },
   "peerDependencies": {
diff --git a/addons/interactions/package.json b/addons/interactions/package.json
index a096f2dd1f56..ac096a35ab4d 100644
--- a/addons/interactions/package.json
+++ b/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -35,15 +35,15 @@
   },
   "dependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/instrumenter": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/instrumenter": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "jest-mock": "^27.0.6",
diff --git a/addons/jest/package.json b/addons/jest/package.json
index d5ced4ab1aaf..1b62f927fb84 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -40,12 +40,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react-sizeme": "^3.0.1",
diff --git a/addons/links/package.json b/addons/links/package.json
index ed6a4c488ca9..f3d650787b31 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -34,11 +34,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/router": "7.0.0-alpha.4",
+    "@storybook/router": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
diff --git a/addons/measure/package.json b/addons/measure/package.json
index afc86a83ff90..cf5760a11829 100644
--- a/addons/measure/package.json
+++ b/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
@@ -37,11 +37,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/addons/outline/package.json b/addons/outline/package.json
index fb1e4d3316d0..3087d5ffc060 100644
--- a/addons/outline/package.json
+++ b/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
@@ -40,11 +40,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index dbbdb0500606..0e3bbf254906 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
@@ -38,11 +38,11 @@
   },
   "dependencies": {
     "@jest/transform": "^26.6.2",
-    "@storybook/addons": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/client-api": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
+    "@storybook/client-api": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "@types/glob": "^7.1.3",
     "@types/jest": "^26.0.16",
@@ -61,11 +61,11 @@
     "@angular/core": "^13.3.6",
     "@angular/platform-browser-dynamic": "^13.3.6",
     "@emotion/jest": "^11.8.0",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/angular": "7.0.0-alpha.4",
-    "@storybook/react": "7.0.0-alpha.4",
-    "@storybook/vue": "7.0.0-alpha.4",
-    "@storybook/vue3": "7.0.0-alpha.4",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/angular": "7.0.0-alpha.5",
+    "@storybook/react": "7.0.0-alpha.5",
+    "@storybook/vue": "7.0.0-alpha.5",
+    "@storybook/vue3": "7.0.0-alpha.5",
     "babel-loader": "^8.2.5",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index 03266eeb9001..abb4fa4f8a35 100644
--- a/addons/storyshots/storyshots-puppeteer/package.json
+++ b/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Image snapshots addition to StoryShots based on puppeteer",
   "keywords": [
     "addon",
@@ -35,7 +35,7 @@
   "dependencies": {
     "@axe-core/puppeteer": "^4.2.0",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/node-logger": "7.0.0-alpha.4",
+    "@storybook/node-logger": "7.0.0-alpha.5",
     "@types/jest-image-snapshot": "^4.1.3",
     "core-js": "^3.8.2",
     "jest-image-snapshot": "^4.3.0"
@@ -57,4 +57,4 @@
     "access": "public"
   },
   "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
-}
\ No newline at end of file
+}
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index b393faf75ec0..acc64e6a2462 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
@@ -34,13 +34,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/router": "7.0.0-alpha.4",
-    "@storybook/source-loader": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/router": "7.0.0-alpha.5",
+    "@storybook/source-loader": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
     "prop-types": "^15.7.2",
diff --git a/addons/toolbars/package.json b/addons/toolbars/package.json
index ff9a6ea7d365..c0a2a51c1c83 100644
--- a/addons/toolbars/package.json
+++ b/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
@@ -38,11 +38,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2"
   },
   "peerDependencies": {
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index 4bb5a2be76ea..8974cddb7f18 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
@@ -35,12 +35,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index caaaeb94f6e1..a18b975ee3a9 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "license": "MIT",
   "workspaces": {
@@ -44,21 +44,21 @@
     "@angular/compiler-cli": "^13.3.6",
     "@angular/elements": "^13.3.6",
     "@compodoc/compodoc": "^1.1.18",
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-controls": "7.0.0-alpha.4",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/addon-interactions": "7.0.0-alpha.4",
-    "@storybook/addon-jest": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
-    "@storybook/addon-storysource": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/angular": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-controls": "7.0.0-alpha.5",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/addon-interactions": "7.0.0-alpha.5",
+    "@storybook/addon-jest": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
+    "@storybook/addon-storysource": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/angular": "7.0.0-alpha.5",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
     "@storybook/jest": "^0.0.5",
-    "@storybook/source-loader": "7.0.0-alpha.4",
+    "@storybook/source-loader": "7.0.0-alpha.5",
     "@storybook/testing-library": "^0.0.12",
     "@types/core-js": "^2.5.4",
     "@types/jest": "^26.0.16",
@@ -71,7 +71,7 @@
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
     "protractor": "~7.0.0",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "storybook-addon-angular-ivy": "^0.0.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index 71ad8afa9bed..1fc26ff129e4 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -11,7 +11,7 @@
     "test": "react-scripts test --env=jsdom"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.4",
+    "@storybook/client-logger": "7.0.0-alpha.5",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "react": "16.14.0",
@@ -21,20 +21,20 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/addon-jest": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/addon-jest": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.4",
-    "@storybook/react-webpack5": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
-    "storybook": "7.0.0-alpha.4",
+    "@storybook/react": "7.0.0-alpha.5",
+    "@storybook/react-webpack5": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
+    "storybook": "7.0.0-alpha.5",
     "webpack": "5"
   },
   "storybook": {
diff --git a/examples/cra-ts-essentials/package.json b/examples/cra-ts-essentials/package.json
index 5430fa213bff..fc01ff39bcb3 100644
--- a/examples/cra-ts-essentials/package.json
+++ b/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-essentials",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -23,8 +23,8 @@
     ]
   },
   "dependencies": {
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "@types/jest": "^26.0.16",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
@@ -37,14 +37,14 @@
     "typescript": "~4.6.3"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
+    "@storybook/addon-essentials": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.4",
-    "@storybook/react-webpack5": "7.0.0-alpha.4",
+    "@storybook/react": "7.0.0-alpha.5",
+    "@storybook/react-webpack5": "7.0.0-alpha.5",
     "@storybook/testing-library": "^0.0.9",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json
index b407e6decc4c..494311a54536 100644
--- a/examples/cra-ts-kitchen-sink/package.json
+++ b/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -34,22 +34,22 @@
     "typescript": "~4.6.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.4",
-    "@storybook/react-webpack5": "7.0.0-alpha.4",
+    "@storybook/react": "7.0.0-alpha.5",
+    "@storybook/react-webpack5": "7.0.0-alpha.5",
     "@types/enzyme": "^3.10.8",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.9.1",
     "enzyme-to-json": "^3.6.1",
     "fork-ts-checker-webpack-plugin": "^7.2.6",
     "react-moment-proptypes": "^1.7.0",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
index 8930d9a0796d..e988988a3f65 100644
--- a/examples/ember-cli/package.json
+++ b/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "--build-storybook": "yarn storybook-prebuild && storybook build",
@@ -17,18 +17,18 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@ember/optional-features": "^2.0.0",
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-controls": "7.0.0-alpha.4",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/addon-storysource": "7.0.0-alpha.4",
-    "@storybook/addon-viewport": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/ember": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-controls": "7.0.0-alpha.5",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/addon-storysource": "7.0.0-alpha.5",
+    "@storybook/addon-viewport": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/ember": "7.0.0-alpha.5",
     "@storybook/ember-cli-storybook": "^0.2.1",
-    "@storybook/source-loader": "7.0.0-alpha.4",
+    "@storybook/source-loader": "7.0.0-alpha.5",
     "babel-loader": "^8.2.5",
     "broccoli-asset-rev": "^3.0.0",
     "browserify-zlib": "^0.2.0",
@@ -48,7 +48,7 @@
     "loader.js": "^4.7.0",
     "os-browserify": "^0.3.0",
     "shx": "^0.3.2",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "stream-browserify": "^3.0.0",
     "vm-browserify": "^1.1.2",
     "webpack": "5",
diff --git a/examples/external-docs/package.json b/examples/external-docs/package.json
index 2451f3cc6664..d72b2ffcd9e2 100644
--- a/examples/external-docs/package.json
+++ b/examples/external-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/external-docs",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./src/.storybook",
@@ -9,14 +9,14 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c ./src/.storybook"
   },
   "dependencies": {
-    "@storybook/addon-essentials": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
+    "@storybook/addon-essentials": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/preview-web": "7.0.0-alpha.4",
-    "@storybook/react": "7.0.0-alpha.4",
-    "@storybook/react-webpack5": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/preview-web": "7.0.0-alpha.5",
+    "@storybook/react": "7.0.0-alpha.5",
+    "@storybook/react-webpack5": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "formik": "^2.2.9",
     "prop-types": "15.7.2",
     "react": "16.14.0",
@@ -33,7 +33,7 @@
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
     "cross-env": "^7.0.3",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index 2bd188546f43..bc6bed7275a4 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,30 +13,30 @@
     "storybook": "storybook dev -p 9006 --no-manager-cache"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-controls": "7.0.0-alpha.4",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/addon-jest": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-controls": "7.0.0-alpha.5",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/addon-jest": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
-    "@storybook/addon-storysource": "7.0.0-alpha.4",
-    "@storybook/addon-viewport": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/client-api": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
-    "@storybook/html": "7.0.0-alpha.4",
-    "@storybook/html-webpack5": "7.0.0-alpha.4",
-    "@storybook/source-loader": "7.0.0-alpha.4",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
+    "@storybook/addon-storysource": "7.0.0-alpha.5",
+    "@storybook/addon-viewport": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/client-api": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
+    "@storybook/html": "7.0.0-alpha.5",
+    "@storybook/html-webpack5": "7.0.0-alpha.5",
+    "@storybook/source-loader": "7.0.0-alpha.5",
     "autoprefixer": "^10.0.1",
     "eventemitter3": "^4.0.7",
     "format-json": "^1.0.3",
     "global": "^4.4.0",
     "postcss": "^8.2.4",
     "postcss-color-rebeccapurple": "^6.0.0",
-    "storybook": "7.0.0-alpha.4"
+    "storybook": "7.0.0-alpha.5"
   },
   "storybook": {
     "chromatic": {
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index 726856cee0dc..00bfd367a156 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@@ -13,32 +13,32 @@
   "devDependencies": {
     "@emotion/jest": "^11.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-controls": "7.0.0-alpha.4",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/addon-interactions": "7.0.0-alpha.4",
-    "@storybook/addon-jest": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
-    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.4",
-    "@storybook/addon-storysource": "7.0.0-alpha.4",
-    "@storybook/addon-toolbars": "7.0.0-alpha.4",
-    "@storybook/addon-viewport": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/cli": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-controls": "7.0.0-alpha.5",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/addon-interactions": "7.0.0-alpha.5",
+    "@storybook/addon-jest": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
+    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.5",
+    "@storybook/addon-storysource": "7.0.0-alpha.5",
+    "@storybook/addon-toolbars": "7.0.0-alpha.5",
+    "@storybook/addon-viewport": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/cli": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/design-system": "^5.4.7",
     "@storybook/jest": "^0.0.5",
-    "@storybook/node-logger": "7.0.0-alpha.4",
-    "@storybook/react": "7.0.0-alpha.4",
-    "@storybook/react-webpack5": "7.0.0-alpha.4",
-    "@storybook/router": "7.0.0-alpha.4",
-    "@storybook/source-loader": "7.0.0-alpha.4",
+    "@storybook/node-logger": "7.0.0-alpha.5",
+    "@storybook/react": "7.0.0-alpha.5",
+    "@storybook/react-webpack5": "7.0.0-alpha.5",
+    "@storybook/router": "7.0.0-alpha.5",
+    "@storybook/source-loader": "7.0.0-alpha.5",
     "@storybook/testing-library": "^0.0.12",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/theming": "7.0.0-alpha.5",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/user-event": "^13.1.9",
     "chromatic": "^6.0.2",
@@ -54,7 +54,7 @@
     "prop-types": "^15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "terser-webpack-plugin": "^5.3.1",
     "uuid-browser": "^3.1.0",
     "webpack": "5"
diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
index 52e6cee10ba3..05dc4b957183 100644
--- a/examples/preact-kitchen-sink/package.json
+++ b/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -15,17 +15,17 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@babel/plugin-transform-runtime": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
-    "@storybook/addon-storysource": "7.0.0-alpha.4",
-    "@storybook/addon-viewport": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/preact": "7.0.0-alpha.4",
-    "@storybook/preact-webpack5": "7.0.0-alpha.4",
-    "@storybook/source-loader": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
+    "@storybook/addon-storysource": "7.0.0-alpha.5",
+    "@storybook/addon-viewport": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/preact": "7.0.0-alpha.5",
+    "@storybook/preact-webpack5": "7.0.0-alpha.5",
+    "@storybook/source-loader": "7.0.0-alpha.5",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^17",
     "@types/react-dom": "^17",
@@ -38,7 +38,7 @@
     "raw-loader": "^4.0.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "svg-url-loader": "^7.1.1",
     "webpack": "5",
     "webpack-dev-server": "^4.8.1"
diff --git a/examples/react-ts/package.json b/examples/react-ts/package.json
index 9449f48d59be..2a6011ac2b90 100644
--- a/examples/react-ts/package.json
+++ b/examples/react-ts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build",
@@ -17,15 +17,15 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
-    "@storybook/addon-essentials": "7.0.0-alpha.4",
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
-    "@storybook/addon-storysource": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/cli": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/react": "7.0.0-alpha.4",
-    "@storybook/react-webpack5": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/addon-essentials": "7.0.0-alpha.5",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
+    "@storybook/addon-storysource": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/cli": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/react": "7.0.0-alpha.5",
+    "@storybook/react-webpack5": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/react": "12.1.2",
     "@testing-library/user-event": "^13.1.9",
@@ -34,7 +34,7 @@
     "@types/react-dom": "^16.9.14",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.21",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/examples/server-kitchen-sink/package.json b/examples/server-kitchen-sink/package.json
index e9685f657969..60d87b0b9e34 100644
--- a/examples/server-kitchen-sink/package.json
+++ b/examples/server-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server-kitchen-sink",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,14 +14,14 @@
     "storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-controls": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
-    "@storybook/server": "7.0.0-alpha.4",
-    "@storybook/server-webpack5": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-controls": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
+    "@storybook/server": "7.0.0-alpha.5",
+    "@storybook/server-webpack5": "7.0.0-alpha.5",
     "concurrently": "^5.3.0",
     "cors": "^2.8.5",
     "express": "~4.17.1",
@@ -29,6 +29,6 @@
     "nodemon": "^2.0.7",
     "pug": "^3.0.0",
     "safe-identifier": "^0.4.1",
-    "storybook": "7.0.0-alpha.4"
+    "storybook": "7.0.0-alpha.5"
   }
 }
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
index 14ea1856d5c4..de8c6026c30b 100644
--- a/examples/standalone-preview/package.json
+++ b/examples/standalone-preview/package.json
@@ -1,20 +1,20 @@
 {
   "name": "standalone-preview",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 -c ../official-storybook --no-manager-cache --preview-url=http://localhost:1337/external-iframe.html",
     "storybook-preview": "cross-env PREVIEW_URL=external-iframe.html parcel ./storybook.html --port 1337"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/cli": "7.0.0-alpha.4",
-    "@storybook/react": "7.0.0-alpha.4",
-    "@storybook/react-webpack5": "7.0.0-alpha.4",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/cli": "7.0.0-alpha.5",
+    "@storybook/react": "7.0.0-alpha.5",
+    "@storybook/react-webpack5": "7.0.0-alpha.5",
     "cross-env": "^7.0.3",
     "parcel": "2.0.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.4"
+    "storybook": "7.0.0-alpha.5"
   }
 }
diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
index 2ee5324325aa..b6b80e2b2ebd 100644
--- a/examples/svelte-kitchen-sink/package.json
+++ b/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build-storybook": "storybook build",
@@ -10,23 +10,23 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-controls": "7.0.0-alpha.4",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/addon-interactions": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
-    "@storybook/addon-storysource": "7.0.0-alpha.4",
-    "@storybook/addon-viewport": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-controls": "7.0.0-alpha.5",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/addon-interactions": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
+    "@storybook/addon-storysource": "7.0.0-alpha.5",
+    "@storybook/addon-viewport": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
     "@storybook/jest": "^0.0.5",
-    "@storybook/source-loader": "7.0.0-alpha.4",
-    "@storybook/svelte": "7.0.0-alpha.4",
-    "@storybook/svelte-webpack5": "7.0.0-alpha.4",
+    "@storybook/source-loader": "7.0.0-alpha.5",
+    "@storybook/svelte": "7.0.0-alpha.5",
+    "@storybook/svelte-webpack5": "7.0.0-alpha.5",
     "@storybook/testing-library": "^0.0.7",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "svelte-jester": "^2.3.2",
     "svelte-preprocess": "^4.10.6"
   },
diff --git a/examples/vue-3-cli/package.json b/examples/vue-3-cli/package.json
index 4600e1c53d08..ac9be94e7ac1 100644
--- a/examples/vue-3-cli/package.json
+++ b/examples/vue-3-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-3-cli-example",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build": "vue-cli-service build",
@@ -14,21 +14,21 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-essentials": "7.0.0-alpha.4",
-    "@storybook/addon-interactions": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-essentials": "7.0.0-alpha.5",
+    "@storybook/addon-interactions": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
     "@storybook/jest": "^0.0.5",
     "@storybook/testing-library": "^0.0.12",
-    "@storybook/vue3": "7.0.0-alpha.4",
-    "@storybook/vue3-webpack5": "7.0.0-alpha.4",
+    "@storybook/vue3": "7.0.0-alpha.5",
+    "@storybook/vue3-webpack5": "7.0.0-alpha.5",
     "@vue/cli-plugin-babel": "^5.0.4",
     "@vue/cli-plugin-typescript": "^5.0.4",
     "@vue/cli-service": "^5.0.4",
     "@vue/compiler-sfc": "^3.2.36",
     "babel-loader": "^8.2.5",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "typescript": "~4.6.3",
     "vue-jest": "^5.0.0-alpha.8",
     "vue-loader": "^16.0.0"
diff --git a/examples/vue-cli/package.json b/examples/vue-cli/package.json
index 5246c63b91e8..7e6f68e31735 100644
--- a/examples/vue-cli/package.json
+++ b/examples/vue-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-example",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build": "vue-cli-service build",
@@ -15,16 +15,16 @@
     "vue-property-decorator": "^9.1.2"
   },
   "devDependencies": {
-    "@storybook/addon-controls": "7.0.0-alpha.4",
-    "@storybook/addon-essentials": "7.0.0-alpha.4",
+    "@storybook/addon-controls": "7.0.0-alpha.5",
+    "@storybook/addon-essentials": "7.0.0-alpha.5",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/source-loader": "7.0.0-alpha.4",
-    "@storybook/vue": "7.0.0-alpha.4",
-    "@storybook/vue-webpack5": "7.0.0-alpha.4",
+    "@storybook/source-loader": "7.0.0-alpha.5",
+    "@storybook/vue": "7.0.0-alpha.5",
+    "@storybook/vue-webpack5": "7.0.0-alpha.5",
     "@vue/cli-plugin-babel": "^5.0.4",
     "@vue/cli-plugin-typescript": "^5.0.4",
     "@vue/cli-service": "^5.0.4",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "typescript": "~4.6.3",
     "vue-template-compiler": "^2.6.14"
   }
diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index a53773faf69d..68badc2d4516 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,28 +14,28 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.4",
-    "@storybook/addon-actions": "7.0.0-alpha.4",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.4",
-    "@storybook/addon-controls": "7.0.0-alpha.4",
-    "@storybook/addon-docs": "7.0.0-alpha.4",
-    "@storybook/addon-interactions": "7.0.0-alpha.4",
-    "@storybook/addon-links": "7.0.0-alpha.4",
-    "@storybook/addon-storyshots": "7.0.0-alpha.4",
-    "@storybook/addon-storysource": "7.0.0-alpha.4",
-    "@storybook/addon-viewport": "7.0.0-alpha.4",
-    "@storybook/addons": "7.0.0-alpha.4",
+    "@storybook/addon-a11y": "7.0.0-alpha.5",
+    "@storybook/addon-actions": "7.0.0-alpha.5",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.5",
+    "@storybook/addon-controls": "7.0.0-alpha.5",
+    "@storybook/addon-docs": "7.0.0-alpha.5",
+    "@storybook/addon-interactions": "7.0.0-alpha.5",
+    "@storybook/addon-links": "7.0.0-alpha.5",
+    "@storybook/addon-storyshots": "7.0.0-alpha.5",
+    "@storybook/addon-storysource": "7.0.0-alpha.5",
+    "@storybook/addon-viewport": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.5",
     "@storybook/jest": "^0.0.5",
-    "@storybook/source-loader": "7.0.0-alpha.4",
+    "@storybook/source-loader": "7.0.0-alpha.5",
     "@storybook/testing-library": "^0.0.12",
-    "@storybook/vue": "7.0.0-alpha.4",
-    "@storybook/vue-webpack5": "7.0.0-alpha.4",
+    "@storybook/vue": "7.0.0-alpha.5",
+    "@storybook/vue-webpack5": "7.0.0-alpha.5",
     "@vue/babel-preset-jsx": "^1.2.4",
     "babel-loader": "^8.2.5",
     "cross-env": "^7.0.3",
     "file-loader": "^6.2.0",
     "prop-types": "^15.7.2",
-    "storybook": "7.0.0-alpha.4",
+    "storybook": "7.0.0-alpha.5",
     "svg-url-loader": "^7.1.1",
     "vue-loader": "^15.9.6",
     "vue-style-loader": "^4.1.3",
diff --git a/examples/web-components-kitchen-sink/package.json b/examples/web-components-kitchen-sink/package.json
index 2a787672d2ed..5e96842db62c 100644
--- a/examples/web-components-kitchen-sink/package.json
+++ b/examples/web-components-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components-kitchen-sink",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "private": true,
   "description": "",
   "keywords": [],
diff --git a/frameworks/angular/package.json b/frameworks/angular/package.json
index ce0f957db976..9d4ace048dc1 100644
--- a/frameworks/angular/package.json
+++ b/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -33,19 +33,19 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
-    "@storybook/core-server": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
+    "@storybook/core-server": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/store": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
diff --git a/frameworks/ember/package.json b/frameworks/ember/package.json
index 902891300f0b..51e3cef22e9c 100644
--- a/frameworks/ember/package.json
+++ b/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -29,11 +29,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/frameworks/html-webpack5/package.json b/frameworks/html-webpack5/package.json
index 79442f984d83..49f8c746d21a 100644
--- a/frameworks/html-webpack5/package.json
+++ b/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -32,10 +32,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/html": "7.0.0-alpha.4",
-    "@storybook/preset-html-webpack": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/html": "7.0.0-alpha.5",
+    "@storybook/preset-html-webpack": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/frameworks/preact-webpack5/package.json b/frameworks/preact-webpack5/package.json
index ef988ff0699c..c2042e0b0b14 100644
--- a/frameworks/preact-webpack5/package.json
+++ b/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -32,10 +32,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/preact": "7.0.0-alpha.4",
-    "@storybook/preset-preact-webpack": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/preact": "7.0.0-alpha.5",
+    "@storybook/preset-preact-webpack": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/frameworks/react-webpack5/package.json b/frameworks/react-webpack5/package.json
index ae7fbb9fd86b..48935e5ddefa 100644
--- a/frameworks/react-webpack5/package.json
+++ b/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -33,9 +33,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/preset-react-webpack": "7.0.0-alpha.4",
-    "@storybook/react": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/preset-react-webpack": "7.0.0-alpha.5",
+    "@storybook/react": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2"
   },
diff --git a/frameworks/server-webpack5/package.json b/frameworks/server-webpack5/package.json
index 01f95425f988..e25640af4859 100644
--- a/frameworks/server-webpack5/package.json
+++ b/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -32,10 +32,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/preset-server-webpack": "7.0.0-alpha.4",
-    "@storybook/server": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/preset-server-webpack": "7.0.0-alpha.5",
+    "@storybook/server": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/frameworks/svelte-webpack5/package.json b/frameworks/svelte-webpack5/package.json
index a44b1019cc26..26ad8399d4a3 100644
--- a/frameworks/svelte-webpack5/package.json
+++ b/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -33,10 +33,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/preset-svelte-webpack": "7.0.0-alpha.4",
-    "@storybook/svelte": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/preset-svelte-webpack": "7.0.0-alpha.5",
+    "@storybook/svelte": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
diff --git a/frameworks/vue-webpack5/package.json b/frameworks/vue-webpack5/package.json
index 4e65c3640843..44fa2db37453 100644
--- a/frameworks/vue-webpack5/package.json
+++ b/frameworks/vue-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -32,10 +32,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/preset-vue-webpack": "7.0.0-alpha.4",
-    "@storybook/vue": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/preset-vue-webpack": "7.0.0-alpha.5",
+    "@storybook/vue": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/frameworks/vue3-webpack5/package.json b/frameworks/vue3-webpack5/package.json
index 61dcd7d0c447..5943a4617f69 100644
--- a/frameworks/vue3-webpack5/package.json
+++ b/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -32,10 +32,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/preset-vue3-webpack": "7.0.0-alpha.4",
-    "@storybook/vue3": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/preset-vue3-webpack": "7.0.0-alpha.5",
+    "@storybook/vue3": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/frameworks/web-components-webpack5/package.json b/frameworks/web-components-webpack5/package.json
index 06a6d82f443a..c7efea5013bd 100644
--- a/frameworks/web-components-webpack5/package.json
+++ b/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -35,10 +35,10 @@
   },
   "dependencies": {
     "@babel/preset-env": "^7.12.11",
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/preset-web-components-webpack": "7.0.0-alpha.4",
-    "@storybook/web-components": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/preset-web-components-webpack": "7.0.0-alpha.5",
+    "@storybook/web-components": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/lerna.json b/lerna.json
index 3ab32d679927..fdfac6d70323 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "7.0.0-alpha.4"
+  "version": "7.0.0-alpha.5"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index bda072b16e98..bfc52539ecbb 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -33,13 +33,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/channels": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/channels": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/router": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/router": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/lib/api/package.json b/lib/api/package.json
index cedab0e61abc..09759f898068 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -31,13 +31,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/channels": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/router": "7.0.0-alpha.4",
+    "@storybook/router": "7.0.0-alpha.5",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
diff --git a/lib/builder-webpack5/package.json b/lib/builder-webpack5/package.json
index 1ba033c192e6..823d25efbadb 100644
--- a/lib/builder-webpack5/package.json
+++ b/lib/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -33,23 +33,23 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/channel-postmessage": "7.0.0-alpha.4",
-    "@storybook/channel-websocket": "7.0.0-alpha.4",
-    "@storybook/channels": "7.0.0-alpha.4",
-    "@storybook/client-api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
-    "@storybook/core-webpack": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
-    "@storybook/preview-web": "7.0.0-alpha.4",
-    "@storybook/router": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/channel-postmessage": "7.0.0-alpha.5",
+    "@storybook/channel-websocket": "7.0.0-alpha.5",
+    "@storybook/channels": "7.0.0-alpha.5",
+    "@storybook/client-api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
+    "@storybook/preview-web": "7.0.0-alpha.5",
+    "@storybook/router": "7.0.0-alpha.5",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/store": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
     "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-named-exports-order": "^0.0.2",
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index 71857ad8c126..b72cdb8f49bf 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "",
   "keywords": [
     "storybook"
@@ -33,9 +33,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/channels": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "qs": "^6.10.0",
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index cca35a864faa..9d0b83f2002f 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "",
   "keywords": [
     "storybook"
@@ -33,8 +33,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
+    "@storybook/channels": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "telejson": "^6.0.8"
diff --git a/lib/channels/package.json b/lib/channels/package.json
index 752f897ee4a7..79ea202b78be 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/cli-sb/package.json b/lib/cli-sb/package.json
index a0b85f7dbffa..477276704184 100644
--- a/lib/cli-sb/package.json
+++ b/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -24,7 +24,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.4"
+    "@storybook/cli": "7.0.0-alpha.5"
   },
   "publishConfig": {
     "access": "public"
diff --git a/lib/cli-storybook/package.json b/lib/cli-storybook/package.json
index 68850b47ba26..f12b307f2157 100644
--- a/lib/cli-storybook/package.json
+++ b/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.4"
+    "@storybook/cli": "7.0.0-alpha.5"
   },
   "publishConfig": {
     "access": "public"
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 18dc593f52a0..583a4cf20882 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -47,13 +47,13 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/core-server": "7.0.0-alpha.4",
-    "@storybook/csf-tools": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
+    "@storybook/codemod": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/core-server": "7.0.0-alpha.5",
+    "@storybook/csf-tools": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.4",
+    "@storybook/telemetry": "7.0.0-alpha.5",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -78,7 +78,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.4",
+    "@storybook/client-api": "7.0.0-alpha.5",
     "@types/cross-spawn": "^6.0.2",
     "@types/prompts": "^2.0.9",
     "@types/puppeteer-core": "^2.1.0",
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index 4f7d27a89618..869cd09389fe 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -33,13 +33,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/channel-postmessage": "7.0.0-alpha.4",
-    "@storybook/channels": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/channel-postmessage": "7.0.0-alpha.5",
+    "@storybook/channels": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/store": "7.0.0-alpha.5",
     "@types/qs": "^6.9.5",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index fd10935c5698..c89a43ff7e3f 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 7ad845dd269a..366062e5215b 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -44,8 +44,8 @@
     "@babel/types": "^7.12.11",
     "@mdx-js/mdx": "^1.6.22",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/csf-tools": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
+    "@storybook/csf-tools": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "cross-spawn": "^7.0.3",
     "globby": "^11.0.2",
diff --git a/lib/components/package.json b/lib/components/package.json
index bf193b132d86..0cf569a5e301 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -50,9 +50,9 @@
     "prepare": "esrun ../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.4",
+    "@storybook/client-logger": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
diff --git a/lib/core-client/package.json b/lib/core-client/package.json
index 464f8f7418c5..1447be7bbd31 100644
--- a/lib/core-client/package.json
+++ b/lib/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -33,16 +33,16 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/channel-postmessage": "7.0.0-alpha.4",
-    "@storybook/channel-websocket": "7.0.0-alpha.4",
-    "@storybook/client-api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/channel-postmessage": "7.0.0-alpha.5",
+    "@storybook/channel-websocket": "7.0.0-alpha.5",
+    "@storybook/client-api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/preview-web": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
-    "@storybook/ui": "7.0.0-alpha.4",
+    "@storybook/preview-web": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
+    "@storybook/ui": "7.0.0-alpha.5",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/lib/core-common/package.json b/lib/core-common/package.json
index 08f5e62e802d..2825cd572db7 100644
--- a/lib/core-common/package.json
+++ b/lib/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -55,7 +55,7 @@
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
     "@babel/register": "^7.12.1",
-    "@storybook/node-logger": "7.0.0-alpha.4",
+    "@storybook/node-logger": "7.0.0-alpha.5",
     "@storybook/semver": "^7.3.2",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index b8577866e4a9..70c91fd32191 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/lib/core-server/package.json b/lib/core-server/package.json
index f816190d3aa1..055a309c1d1a 100644
--- a/lib/core-server/package.json
+++ b/lib/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -33,16 +33,16 @@
   },
   "dependencies": {
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/core-client": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/core-client": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/csf-tools": "7.0.0-alpha.4",
-    "@storybook/manager-webpack5": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
+    "@storybook/csf-tools": "7.0.0-alpha.5",
+    "@storybook/manager-webpack5": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.4",
-    "@storybook/telemetry": "7.0.0-alpha.4",
+    "@storybook/store": "7.0.0-alpha.5",
+    "@storybook/telemetry": "7.0.0-alpha.5",
     "@types/node": "^14.0.10 || ^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
@@ -77,7 +77,7 @@
     "x-default-browser": "^0.4.0"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.4",
+    "@storybook/builder-webpack5": "7.0.0-alpha.5",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
diff --git a/lib/core-webpack/package.json b/lib/core-webpack/package.json
index 3ba5b6799c8f..be9a00208491 100644
--- a/lib/core-webpack/package.json
+++ b/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -33,8 +33,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
     "@types/node": "^14.0.10 || ^16.0.0",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
diff --git a/lib/csf-tools/package.json b/lib/csf-tools/package.json
index cbe219d382b8..c9d676bf7706 100644
--- a/lib/csf-tools/package.json
+++ b/lib/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/docs-tools/package.json b/lib/docs-tools/package.json
index ee12646b52aa..655205245758 100644
--- a/lib/docs-tools/package.json
+++ b/lib/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
@@ -35,7 +35,7 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/store": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21"
diff --git a/lib/instrumenter/package.json b/lib/instrumenter/package.json
index 85a13d9ab404..76b4a7eacb86 100644
--- a/lib/instrumenter/package.json
+++ b/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "",
   "keywords": [
     "storybook"
@@ -40,9 +40,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/lib/manager-webpack5/package.json b/lib/manager-webpack5/package.json
index 25084cad341d..7b317daf6ff7 100644
--- a/lib/manager-webpack5/package.json
+++ b/lib/manager-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-webpack5",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -38,13 +38,13 @@
     "@babel/core": "^7.12.10",
     "@babel/plugin-transform-template-literals": "^7.12.1",
     "@babel/preset-react": "^7.12.10",
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
-    "@storybook/core-webpack": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
-    "@storybook/theming": "7.0.0-alpha.4",
-    "@storybook/ui": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
+    "@storybook/theming": "7.0.0-alpha.5",
+    "@storybook/ui": "7.0.0-alpha.5",
     "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.2.5",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index 0c98ed054860..b90b8a3d369d 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/postinstall/package.json b/lib/postinstall/package.json
index 709062b4272d..f5a93d8617b1 100644
--- a/lib/postinstall/package.json
+++ b/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/lib/preview-web/package.json b/lib/preview-web/package.json
index d88a8d8eb6a8..dd73ddfe9ec0 100644
--- a/lib/preview-web/package.json
+++ b/lib/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "",
   "keywords": [
     "storybook"
@@ -40,12 +40,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/channel-postmessage": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/channel-postmessage": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/store": "7.0.0-alpha.5",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/lib/router/package.json b/lib/router/package.json
index 6a038a013264..b4aa232dabb5 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -33,7 +33,7 @@
     "prepare": "ts-node ../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.4",
+    "@storybook/client-logger": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0"
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index 17d299b98cfc..8236ff441b0d 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -34,8 +34,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
diff --git a/lib/store/package.json b/lib/store/package.json
index 385d5b11f523..e1ff54d4811a 100644
--- a/lib/store/package.json
+++ b/lib/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "",
   "keywords": [
     "storybook"
@@ -40,9 +40,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
diff --git a/lib/telemetry/package.json b/lib/telemetry/package.json
index e2f58225a823..28d6cdbc6c04 100644
--- a/lib/telemetry/package.json
+++ b/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
@@ -33,8 +33,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-common": "7.0.0-alpha.4",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-common": "7.0.0-alpha.5",
     "chalk": "^4.1.0",
     "core-js": "^3.8.2",
     "detect-package-manager": "^2.0.1",
diff --git a/lib/theming/package.json b/lib/theming/package.json
index 7b41c7fa2e9e..e276bf977068 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -33,7 +33,7 @@
     "prepare": "ts-node ../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.4",
+    "@storybook/client-logger": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3"
   },
diff --git a/lib/ui/package.json b/lib/ui/package.json
index d0af69d91331..52c2abb0bc9e 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -33,15 +33,15 @@
     "prepare": "ts-node ../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/channels": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/components": "7.0.0-alpha.4",
-    "@storybook/core-events": "7.0.0-alpha.4",
-    "@storybook/router": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/channels": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/components": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
+    "@storybook/router": "7.0.0-alpha.5",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.4",
+    "@storybook/theming": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
diff --git a/presets/html-webpack/package.json b/presets/html-webpack/package.json
index f777fa6b0611..1c9f9c0b5029 100644
--- a/presets/html-webpack/package.json
+++ b/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -32,7 +32,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.4",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "html-loader": "^3.1.0",
diff --git a/presets/preact-webpack/package.json b/presets/preact-webpack/package.json
index 2ee7423fffca..a5595adb0f14 100644
--- a/presets/preact-webpack/package.json
+++ b/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@storybook/core-webpack": "7.0.0-alpha.4",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/presets/react-webpack/package.json b/presets/react-webpack/package.json
index 1b4a74502c97..3d8ac8800d69 100644
--- a/presets/react-webpack/package.json
+++ b/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -36,10 +36,10 @@
     "@babel/preset-flow": "^7.12.1",
     "@babel/preset-react": "^7.12.10",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/core-webpack": "7.0.0-alpha.4",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
-    "@storybook/react": "7.0.0-alpha.4",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
+    "@storybook/react": "7.0.0-alpha.5",
     "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
     "@storybook/semver": "^7.3.2",
     "@types/node": "^14.14.20 || ^16.0.0",
diff --git a/presets/server-webpack/package.json b/presets/server-webpack/package.json
index 41e4eb7b734d..28e213ee79c3 100644
--- a/presets/server-webpack/package.json
+++ b/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -32,9 +32,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-server": "7.0.0-alpha.4",
-    "@storybook/core-webpack": "7.0.0-alpha.4",
-    "@storybook/server": "7.0.0-alpha.4",
+    "@storybook/core-server": "7.0.0-alpha.5",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
+    "@storybook/server": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/presets/svelte-webpack/package.json b/presets/svelte-webpack/package.json
index bb15b7851b24..b0c50773cf49 100644
--- a/presets/svelte-webpack/package.json
+++ b/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -33,8 +33,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.4",
-    "@storybook/node-logger": "7.0.0-alpha.4",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
diff --git a/presets/vue-webpack/package.json b/presets/vue-webpack/package.json
index 539e97cc5983..a67fe6114f92 100644
--- a/presets/vue-webpack/package.json
+++ b/presets/vue-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue-webpack",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -32,8 +32,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.4",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/presets/vue3-webpack/package.json b/presets/vue3-webpack/package.json
index 777331b7cae7..d7decb0cdce1 100644
--- a/presets/vue3-webpack/package.json
+++ b/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -33,8 +33,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.4",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/presets/web-components-webpack/package.json b/presets/web-components-webpack/package.json
index 9369c31cb55f..45d11ba3e017 100644
--- a/presets/web-components-webpack/package.json
+++ b/presets/web-components-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-web-components-webpack",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -37,7 +37,7 @@
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/plugin-syntax-import-meta": "^7.10.4",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/core-webpack": "7.0.0-alpha.4",
+    "@storybook/core-webpack": "7.0.0-alpha.5",
     "@types/node": "^14.14.20 || ^16.0.0",
     "babel-plugin-bundled-import-meta": "^0.3.1",
     "core-js": "^3.8.2",
diff --git a/renderers/html/package.json b/renderers/html/package.json
index 8faa18fdd30b..d321f7564dd4 100644
--- a/renderers/html/package.json
+++ b/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -32,12 +32,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/preview-web": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/preview-web": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/renderers/preact/package.json b/renderers/preact/package.json
index 6c386a570ee0..733c915700f5 100644
--- a/renderers/preact/package.json
+++ b/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -32,10 +32,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/store": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/renderers/react/package.json b/renderers/react/package.json
index f79e6503bb6f..b31b8b1074e5 100644
--- a/renderers/react/package.json
+++ b/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -33,12 +33,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "acorn": "^7.4.1",
diff --git a/renderers/server/package.json b/renderers/server/package.json
index f43dac26d923..71fedf5dfb68 100644
--- a/renderers/server/package.json
+++ b/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -32,11 +32,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/preview-web": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/preview-web": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/renderers/svelte/package.json b/renderers/svelte/package.json
index 66e811ad6f8f..f2e84b3c739e 100644
--- a/renderers/svelte/package.json
+++ b/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -33,12 +33,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/renderers/vue/package.json b/renderers/vue/package.json
index 2b099a99f1cd..65e5593dd7c1 100644
--- a/renderers/vue/package.json
+++ b/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
@@ -32,12 +32,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/renderers/vue3/package.json b/renderers/vue3/package.json
index d94bb8f0ffba..8107d4f30331 100644
--- a/renderers/vue3/package.json
+++ b/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -33,11 +33,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/renderers/web-components/package.json b/renderers/web-components/package.json
index 6bc50167e444..4bb4cef413c7 100644
--- a/renderers/web-components/package.json
+++ b/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -34,14 +34,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.5",
+    "@storybook/api": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-client": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/preview-web": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/preview-web": "7.0.0-alpha.5",
+    "@storybook/store": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",

From bbb862e8a71810a54d8bbeb5bcbd45f305ad1a7b Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 20 Jun 2022 21:48:14 +0800
Subject: [PATCH 49/49] Update git head to 7.0.0-alpha.5, update yarn.lock

---
 addons/a11y/package.json                      |    2 +-
 addons/actions/package.json                   |    2 +-
 addons/backgrounds/package.json               |    2 +-
 addons/controls/package.json                  |    2 +-
 addons/docs/package.json                      |    2 +-
 addons/essentials/package.json                |    2 +-
 addons/interactions/package.json              |    2 +-
 addons/jest/package.json                      |    2 +-
 addons/links/package.json                     |    2 +-
 addons/measure/package.json                   |    2 +-
 addons/outline/package.json                   |    2 +-
 .../storyshots/storyshots-core/package.json   |    2 +-
 .../storyshots-puppeteer/package.json         |    2 +-
 addons/storysource/package.json               |    2 +-
 addons/toolbars/package.json                  |    2 +-
 addons/viewport/package.json                  |    2 +-
 frameworks/angular/package.json               |    2 +-
 frameworks/ember/package.json                 |    2 +-
 frameworks/html-webpack5/package.json         |    2 +-
 frameworks/preact-webpack5/package.json       |    2 +-
 frameworks/react-webpack5/package.json        |    2 +-
 frameworks/server-webpack5/package.json       |    2 +-
 frameworks/svelte-webpack5/package.json       |    2 +-
 frameworks/vue-webpack5/package.json          |    2 +-
 frameworks/vue3-webpack5/package.json         |    2 +-
 .../web-components-webpack5/package.json      |    2 +-
 lib/addons/package.json                       |    2 +-
 lib/api/package.json                          |    2 +-
 lib/builder-webpack5/package.json             |    2 +-
 lib/channel-postmessage/package.json          |    2 +-
 lib/channel-websocket/package.json            |    2 +-
 lib/channels/package.json                     |    2 +-
 lib/cli-sb/package.json                       |    2 +-
 lib/cli-storybook/package.json                |    2 +-
 lib/cli/package.json                          |    2 +-
 lib/client-api/package.json                   |    2 +-
 lib/client-logger/package.json                |    2 +-
 lib/codemod/package.json                      |    2 +-
 lib/components/package.json                   |    2 +-
 lib/core-client/package.json                  |    2 +-
 lib/core-common/package.json                  |    2 +-
 lib/core-events/package.json                  |    2 +-
 lib/core-server/package.json                  |    2 +-
 lib/core-webpack/package.json                 |    2 +-
 lib/csf-tools/package.json                    |    2 +-
 lib/docs-tools/package.json                   |    2 +-
 lib/instrumenter/package.json                 |    2 +-
 lib/manager-webpack5/package.json             |    2 +-
 lib/node-logger/package.json                  |    2 +-
 lib/postinstall/package.json                  |    2 +-
 lib/preview-web/package.json                  |    2 +-
 lib/router/package.json                       |    2 +-
 lib/source-loader/package.json                |    2 +-
 lib/store/package.json                        |    2 +-
 lib/telemetry/package.json                    |    2 +-
 lib/theming/package.json                      |    2 +-
 lib/ui/package.json                           |    2 +-
 presets/html-webpack/package.json             |    2 +-
 presets/preact-webpack/package.json           |    2 +-
 presets/react-webpack/package.json            |    2 +-
 presets/server-webpack/package.json           |    2 +-
 presets/svelte-webpack/package.json           |    2 +-
 presets/vue-webpack/package.json              |    2 +-
 presets/vue3-webpack/package.json             |    2 +-
 presets/web-components-webpack/package.json   |    2 +-
 renderers/html/package.json                   |    2 +-
 renderers/preact/package.json                 |    2 +-
 renderers/react/package.json                  |    2 +-
 renderers/server/package.json                 |    2 +-
 renderers/svelte/package.json                 |    2 +-
 renderers/vue/package.json                    |    2 +-
 renderers/vue3/package.json                   |    2 +-
 renderers/web-components/package.json         |    2 +-
 yarn.lock                                     | 1146 ++++++++---------
 74 files changed, 646 insertions(+), 646 deletions(-)

diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index 128f5f841e74..3ff56242c404 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
diff --git a/addons/actions/package.json b/addons/actions/package.json
index 024ab0b7eec9..333aed48193c 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -71,7 +71,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index 3e20b25ed5f1..7e4017dee946 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -66,7 +66,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
diff --git a/addons/controls/package.json b/addons/controls/package.json
index 6bf30734ca51..1b8ed68d44ec 100644
--- a/addons/controls/package.json
+++ b/addons/controls/package.json
@@ -66,7 +66,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
diff --git a/addons/docs/package.json b/addons/docs/package.json
index e346145891c4..5462d2447563 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -101,7 +101,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
diff --git a/addons/essentials/package.json b/addons/essentials/package.json
index 1886fbe634b2..f28076494fb6 100644
--- a/addons/essentials/package.json
+++ b/addons/essentials/package.json
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/addons/interactions/package.json b/addons/interactions/package.json
index ac096a35ab4d..cda36ad5c0a4 100644
--- a/addons/interactions/package.json
+++ b/addons/interactions/package.json
@@ -70,7 +70,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Interactions",
     "unsupportedFrameworks": [
diff --git a/addons/jest/package.json b/addons/jest/package.json
index 1b62f927fb84..647d8d449c9f 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -66,7 +66,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Jest",
     "icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
diff --git a/addons/links/package.json b/addons/links/package.json
index f3d650787b31..5ae6ded742e8 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -59,7 +59,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
diff --git a/addons/measure/package.json b/addons/measure/package.json
index cf5760a11829..2344407b98dc 100644
--- a/addons/measure/package.json
+++ b/addons/measure/package.json
@@ -61,7 +61,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Measure",
     "unsupportedFrameworks": [
diff --git a/addons/outline/package.json b/addons/outline/package.json
index 3087d5ffc060..e6e17ce60b01 100644
--- a/addons/outline/package.json
+++ b/addons/outline/package.json
@@ -65,7 +65,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Outline",
     "unsupportedFrameworks": [
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index 0e3bbf254906..819df652f3bc 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -142,7 +142,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Storyshots",
     "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index abb4fa4f8a35..b33273cbe115 100644
--- a/addons/storyshots/storyshots-puppeteer/package.json
+++ b/addons/storyshots/storyshots-puppeteer/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index acc64e6a2462..fb81b898cd7b 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -65,7 +65,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Storysource",
     "icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
diff --git a/addons/toolbars/package.json b/addons/toolbars/package.json
index c0a2a51c1c83..fa45cf4fbfab 100644
--- a/addons/toolbars/package.json
+++ b/addons/toolbars/package.json
@@ -60,7 +60,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Toolbars",
     "icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index 8974cddb7f18..aa8473e9d280 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -61,7 +61,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Viewport",
     "icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
diff --git a/frameworks/angular/package.json b/frameworks/angular/package.json
index 9d4ace048dc1..6346e6c3e7fc 100644
--- a/frameworks/angular/package.json
+++ b/frameworks/angular/package.json
@@ -127,5 +127,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/frameworks/ember/package.json b/frameworks/ember/package.json
index 51e3cef22e9c..3485e9bc163e 100644
--- a/frameworks/ember/package.json
+++ b/frameworks/ember/package.json
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/frameworks/html-webpack5/package.json b/frameworks/html-webpack5/package.json
index 49f8c746d21a..86fe500dafa9 100644
--- a/frameworks/html-webpack5/package.json
+++ b/frameworks/html-webpack5/package.json
@@ -51,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/frameworks/preact-webpack5/package.json b/frameworks/preact-webpack5/package.json
index c2042e0b0b14..119952de0355 100644
--- a/frameworks/preact-webpack5/package.json
+++ b/frameworks/preact-webpack5/package.json
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/frameworks/react-webpack5/package.json b/frameworks/react-webpack5/package.json
index 48935e5ddefa..03fbeffd31c3 100644
--- a/frameworks/react-webpack5/package.json
+++ b/frameworks/react-webpack5/package.json
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/frameworks/server-webpack5/package.json b/frameworks/server-webpack5/package.json
index e25640af4859..4b3bb16dacfa 100644
--- a/frameworks/server-webpack5/package.json
+++ b/frameworks/server-webpack5/package.json
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/frameworks/svelte-webpack5/package.json b/frameworks/svelte-webpack5/package.json
index 26ad8399d4a3..de27ba3118a0 100644
--- a/frameworks/svelte-webpack5/package.json
+++ b/frameworks/svelte-webpack5/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/frameworks/vue-webpack5/package.json b/frameworks/vue-webpack5/package.json
index 44fa2db37453..717bdc3909c1 100644
--- a/frameworks/vue-webpack5/package.json
+++ b/frameworks/vue-webpack5/package.json
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/frameworks/vue3-webpack5/package.json b/frameworks/vue3-webpack5/package.json
index 5943a4617f69..7ede6959108c 100644
--- a/frameworks/vue3-webpack5/package.json
+++ b/frameworks/vue3-webpack5/package.json
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/frameworks/web-components-webpack5/package.json b/frameworks/web-components-webpack5/package.json
index c7efea5013bd..2b5aa9684177 100644
--- a/frameworks/web-components-webpack5/package.json
+++ b/frameworks/web-components-webpack5/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index bfc52539ecbb..8204ea407623 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -51,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/api/package.json b/lib/api/package.json
index 09759f898068..a30519b294ed 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/builder-webpack5/package.json b/lib/builder-webpack5/package.json
index 823d25efbadb..0824f9f346af 100644
--- a/lib/builder-webpack5/package.json
+++ b/lib/builder-webpack5/package.json
@@ -93,5 +93,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index b72cdb8f49bf..75693597cdeb 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index 9d0b83f2002f..194ea6844e2c 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/channels/package.json b/lib/channels/package.json
index 79ea202b78be..48106349b524 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -40,5 +40,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/cli-sb/package.json b/lib/cli-sb/package.json
index 477276704184..5d1873857215 100644
--- a/lib/cli-sb/package.json
+++ b/lib/cli-sb/package.json
@@ -29,5 +29,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/cli-storybook/package.json b/lib/cli-storybook/package.json
index f12b307f2157..5cdc1c793871 100644
--- a/lib/cli-storybook/package.json
+++ b/lib/cli-storybook/package.json
@@ -32,5 +32,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 583a4cf20882..1c88b3ceac4c 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -91,5 +91,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index 869cd09389fe..50aba3c44801 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index c89a43ff7e3f..7ba59482974d 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 366062e5215b..ba4e5b604f89 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/components/package.json b/lib/components/package.json
index 0cf569a5e301..377dd7b44472 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -92,5 +92,5 @@
     "./src/index.ts",
     "./src/html.tsx"
   ],
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/core-client/package.json b/lib/core-client/package.json
index 1447be7bbd31..b9d2edad9b28 100644
--- a/lib/core-client/package.json
+++ b/lib/core-client/package.json
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/core-common/package.json b/lib/core-common/package.json
index 2825cd572db7..e1b9ade313c7 100644
--- a/lib/core-common/package.json
+++ b/lib/core-common/package.json
@@ -103,5 +103,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index 70c91fd32191..9f64bfacbcb3 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/core-server/package.json b/lib/core-server/package.json
index 055a309c1d1a..5c97d98074bc 100644
--- a/lib/core-server/package.json
+++ b/lib/core-server/package.json
@@ -102,5 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/core-webpack/package.json b/lib/core-webpack/package.json
index be9a00208491..7e612522a2a1 100644
--- a/lib/core-webpack/package.json
+++ b/lib/core-webpack/package.json
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/csf-tools/package.json b/lib/csf-tools/package.json
index c9d676bf7706..c66a151773a4 100644
--- a/lib/csf-tools/package.json
+++ b/lib/csf-tools/package.json
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/docs-tools/package.json b/lib/docs-tools/package.json
index 655205245758..ec39ba84d3de 100644
--- a/lib/docs-tools/package.json
+++ b/lib/docs-tools/package.json
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/instrumenter/package.json b/lib/instrumenter/package.json
index 76b4a7eacb86..16adfa8f571b 100644
--- a/lib/instrumenter/package.json
+++ b/lib/instrumenter/package.json
@@ -49,5 +49,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/manager-webpack5/package.json b/lib/manager-webpack5/package.json
index 7b317daf6ff7..7bfd830fa097 100644
--- a/lib/manager-webpack5/package.json
+++ b/lib/manager-webpack5/package.json
@@ -82,5 +82,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index b90b8a3d369d..5cff158984b8 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/postinstall/package.json b/lib/postinstall/package.json
index f5a93d8617b1..eaa56882c08c 100644
--- a/lib/postinstall/package.json
+++ b/lib/postinstall/package.json
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/preview-web/package.json b/lib/preview-web/package.json
index dd73ddfe9ec0..4ba321a43a9b 100644
--- a/lib/preview-web/package.json
+++ b/lib/preview-web/package.json
@@ -62,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/router/package.json b/lib/router/package.json
index b4aa232dabb5..a4a53d2e05f1 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -56,5 +56,5 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.ts",
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index 8236ff441b0d..71428c71f390 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/store/package.json b/lib/store/package.json
index e1ff54d4811a..402a40c392b7 100644
--- a/lib/store/package.json
+++ b/lib/store/package.json
@@ -62,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/telemetry/package.json b/lib/telemetry/package.json
index 28d6cdbc6c04..68ed83a9ce55 100644
--- a/lib/telemetry/package.json
+++ b/lib/telemetry/package.json
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/theming/package.json b/lib/theming/package.json
index e276bf977068..34bec84a3bc6 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -57,5 +57,5 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.ts",
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/lib/ui/package.json b/lib/ui/package.json
index 52c2abb0bc9e..a6047bb1d89f 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -75,5 +75,5 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.tsx",
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/presets/html-webpack/package.json b/presets/html-webpack/package.json
index 1c9f9c0b5029..e01820cd2fc1 100644
--- a/presets/html-webpack/package.json
+++ b/presets/html-webpack/package.json
@@ -49,5 +49,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/presets/preact-webpack/package.json b/presets/preact-webpack/package.json
index a5595adb0f14..a0c0a1d5dc0f 100644
--- a/presets/preact-webpack/package.json
+++ b/presets/preact-webpack/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/presets/react-webpack/package.json b/presets/react-webpack/package.json
index 3d8ac8800d69..c7f6859c8718 100644
--- a/presets/react-webpack/package.json
+++ b/presets/react-webpack/package.json
@@ -74,5 +74,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/presets/server-webpack/package.json b/presets/server-webpack/package.json
index 28e213ee79c3..32b3fd4eb733 100644
--- a/presets/server-webpack/package.json
+++ b/presets/server-webpack/package.json
@@ -55,5 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/presets/svelte-webpack/package.json b/presets/svelte-webpack/package.json
index b0c50773cf49..7a5724fc6409 100644
--- a/presets/svelte-webpack/package.json
+++ b/presets/svelte-webpack/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/presets/vue-webpack/package.json b/presets/vue-webpack/package.json
index a67fe6114f92..0305e240508d 100644
--- a/presets/vue-webpack/package.json
+++ b/presets/vue-webpack/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/presets/vue3-webpack/package.json b/presets/vue3-webpack/package.json
index d7decb0cdce1..135c9ecda6c6 100644
--- a/presets/vue3-webpack/package.json
+++ b/presets/vue3-webpack/package.json
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/presets/web-components-webpack/package.json b/presets/web-components-webpack/package.json
index 45d11ba3e017..9155f23d95ca 100644
--- a/presets/web-components-webpack/package.json
+++ b/presets/web-components-webpack/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/renderers/html/package.json b/renderers/html/package.json
index d321f7564dd4..82db85661e04 100644
--- a/renderers/html/package.json
+++ b/renderers/html/package.json
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/renderers/preact/package.json b/renderers/preact/package.json
index 733c915700f5..073f07e240ee 100644
--- a/renderers/preact/package.json
+++ b/renderers/preact/package.json
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/renderers/react/package.json b/renderers/react/package.json
index b31b8b1074e5..7d66a41eb574 100644
--- a/renderers/react/package.json
+++ b/renderers/react/package.json
@@ -75,5 +75,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/renderers/server/package.json b/renderers/server/package.json
index 71fedf5dfb68..76363f0a3e91 100644
--- a/renderers/server/package.json
+++ b/renderers/server/package.json
@@ -49,5 +49,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/renderers/svelte/package.json b/renderers/svelte/package.json
index f2e84b3c739e..1d93ec6ff77f 100644
--- a/renderers/svelte/package.json
+++ b/renderers/svelte/package.json
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/renderers/vue/package.json b/renderers/vue/package.json
index 65e5593dd7c1..a27c903be188 100644
--- a/renderers/vue/package.json
+++ b/renderers/vue/package.json
@@ -59,5 +59,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/renderers/vue3/package.json b/renderers/vue3/package.json
index 8107d4f30331..336612dbcf6f 100644
--- a/renderers/vue3/package.json
+++ b/renderers/vue3/package.json
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/renderers/web-components/package.json b/renderers/web-components/package.json
index 4bb4cef413c7..69e6f36375aa 100644
--- a/renderers/web-components/package.json
+++ b/renderers/web-components/package.json
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7"
 }
diff --git a/yarn.lock b/yarn.lock
index 13b0f7037bb3..cf751147f93e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6579,18 +6579,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-a11y@7.0.0-alpha.4, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
+"@storybook/addon-a11y@7.0.0-alpha.5, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-a11y@workspace:addons/a11y"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/channels": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/channels": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/theming": 7.0.0-alpha.5
     "@testing-library/react": ^11.2.2
     axe-core: ^4.2.0
     core-js: ^3.8.2
@@ -6610,17 +6610,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-actions@7.0.0-alpha.4, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@7.0.0-alpha.5, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-actions@workspace:addons/actions"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/theming": 7.0.0-alpha.5
     "@types/lodash": ^4.14.167
     core-js: ^3.8.2
     fast-deep-equal: ^3.1.3
@@ -6644,17 +6644,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-backgrounds@7.0.0-alpha.4, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@7.0.0-alpha.5, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-backgrounds@workspace:addons/backgrounds"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/theming": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -6671,19 +6671,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-controls@7.0.0-alpha.4, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@7.0.0-alpha.5, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-controls@workspace:addons/controls"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/node-logger": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/node-logger": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     core-js: ^3.8.2
     lodash: ^4.17.21
     ts-dedent: ^2.0.0
@@ -6698,7 +6698,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-docs@7.0.0-alpha.4, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@7.0.0-alpha.5, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-docs@workspace:addons/docs"
   dependencies:
@@ -6707,22 +6707,22 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@jest/transform": ^26.6.2
     "@mdx-js/react": ^1.6.22
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/csf-tools": 7.0.0-alpha.4
-    "@storybook/docs-tools": 7.0.0-alpha.4
+    "@storybook/csf-tools": 7.0.0-alpha.5
+    "@storybook/docs-tools": 7.0.0-alpha.5
     "@storybook/mdx1-csf": ^0.0.1
     "@storybook/mdx2-csf": ^0.0.3
-    "@storybook/node-logger": 7.0.0-alpha.4
-    "@storybook/postinstall": 7.0.0-alpha.4
-    "@storybook/preview-web": 7.0.0-alpha.4
-    "@storybook/source-loader": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/node-logger": 7.0.0-alpha.5
+    "@storybook/postinstall": 7.0.0-alpha.5
+    "@storybook/preview-web": 7.0.0-alpha.5
+    "@storybook/source-loader": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     "@types/util-deprecate": ^1.0.0
     babel-loader: ^8.2.5
     core-js: ^3.8.2
@@ -6747,24 +6747,24 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-essentials@7.0.0-alpha.4, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
+"@storybook/addon-essentials@7.0.0-alpha.5, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-essentials@workspace:addons/essentials"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-controls": 7.0.0-alpha.4
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addon-measure": 7.0.0-alpha.4
-    "@storybook/addon-outline": 7.0.0-alpha.4
-    "@storybook/addon-toolbars": 7.0.0-alpha.4
-    "@storybook/addon-viewport": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
-    "@storybook/vue": 7.0.0-alpha.4
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-controls": 7.0.0-alpha.5
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addon-measure": 7.0.0-alpha.5
+    "@storybook/addon-outline": 7.0.0-alpha.5
+    "@storybook/addon-toolbars": 7.0.0-alpha.5
+    "@storybook/addon-viewport": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
+    "@storybook/vue": 7.0.0-alpha.5
     "@types/jest": ^26.0.16
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -6798,22 +6798,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-interactions@7.0.0-alpha.4, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
+"@storybook/addon-interactions@7.0.0-alpha.5, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-interactions@workspace:addons/interactions"
   dependencies:
     "@devtools-ds/object-inspector": ^1.1.2
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/instrumenter": 7.0.0-alpha.4
+    "@storybook/instrumenter": 7.0.0-alpha.5
     "@storybook/jest": ^0.0.5
     "@storybook/testing-library": ^0.0.12
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/theming": 7.0.0-alpha.5
     core-js: ^3.8.2
     formik: ^2.2.9
     global: ^4.4.0
@@ -6831,16 +6831,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-jest@7.0.0-alpha.4, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
+"@storybook/addon-jest@7.0.0-alpha.5, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-jest@workspace:addons/jest"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     react-sizeme: ^3.0.1
@@ -6856,15 +6856,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-links@7.0.0-alpha.4, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
+"@storybook/addon-links@7.0.0-alpha.5, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-links@workspace:addons/links"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/router": 7.0.0-alpha.4
+    "@storybook/router": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     prop-types: ^15.7.2
@@ -6880,15 +6880,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-measure@7.0.0-alpha.4, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@7.0.0-alpha.5, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-measure@workspace:addons/measure"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
     core-js: ^3.8.2
     global: ^4.4.0
@@ -6903,15 +6903,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-outline@7.0.0-alpha.4, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@7.0.0-alpha.5, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-outline@workspace:addons/outline"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
     core-js: ^3.8.2
     global: ^4.4.0
@@ -6940,19 +6940,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.4, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
+"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.5, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer"
   dependencies:
     "@axe-core/puppeteer": ^4.2.0
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/node-logger": 7.0.0-alpha.4
+    "@storybook/node-logger": 7.0.0-alpha.5
     "@types/jest-image-snapshot": ^4.1.3
     "@types/puppeteer": ^5.4.0
     core-js: ^3.8.2
     jest-image-snapshot: ^4.3.0
   peerDependencies:
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
     puppeteer: ^2.0.0 || ^3.0.0
   peerDependenciesMeta:
     puppeteer:
@@ -6960,7 +6960,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storyshots@7.0.0-alpha.4, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
+"@storybook/addon-storyshots@7.0.0-alpha.5, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core"
   dependencies:
@@ -6968,17 +6968,17 @@ __metadata:
     "@angular/platform-browser-dynamic": ^13.3.6
     "@emotion/jest": ^11.8.0
     "@jest/transform": ^26.6.2
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/angular": 7.0.0-alpha.4
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/angular": 7.0.0-alpha.5
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
+    "@storybook/client-api": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/react": 7.0.0-alpha.4
-    "@storybook/vue": 7.0.0-alpha.4
-    "@storybook/vue3": 7.0.0-alpha.4
+    "@storybook/react": 7.0.0-alpha.5
+    "@storybook/vue": 7.0.0-alpha.5
+    "@storybook/vue3": 7.0.0-alpha.5
     "@types/glob": ^7.1.3
     "@types/jest": ^26.0.16
     "@types/jest-specific-snapshot": ^0.5.3
@@ -7049,17 +7049,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storysource@7.0.0-alpha.4, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
+"@storybook/addon-storysource@7.0.0-alpha.5, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-storysource@workspace:addons/storysource"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/router": 7.0.0-alpha.4
-    "@storybook/source-loader": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/router": 7.0.0-alpha.5
+    "@storybook/source-loader": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     "@types/react": ^16.14.23
     "@types/react-syntax-highlighter": 11.0.5
     core-js: ^3.8.2
@@ -7077,15 +7077,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-toolbars@7.0.0-alpha.4, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-toolbars@7.0.0-alpha.5, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-toolbars@workspace:addons/toolbars"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     core-js: ^3.8.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -7098,16 +7098,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-viewport@7.0.0-alpha.4, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@7.0.0-alpha.5, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-viewport@workspace:addons/viewport"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -7123,17 +7123,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@7.0.0-alpha.4, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
+"@storybook/addons@7.0.0-alpha.5, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
   version: 0.0.0-use.local
   resolution: "@storybook/addons@workspace:lib/addons"
   dependencies:
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/channels": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/channels": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/router": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/router": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7187,7 +7187,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/angular@7.0.0-alpha.4, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
+"@storybook/angular@7.0.0-alpha.5, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
   version: 0.0.0-use.local
   resolution: "@storybook/angular@workspace:frameworks/angular"
   dependencies:
@@ -7204,19 +7204,19 @@ __metadata:
     "@angular/platform-browser": ^13.3.6
     "@angular/platform-browser-dynamic": ^13.3.6
     "@nrwl/workspace": ^14.1.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
-    "@storybook/core-server": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
+    "@storybook/core-server": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/docs-tools": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
+    "@storybook/docs-tools": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/store": 7.0.0-alpha.5
     "@types/autoprefixer": ^9.7.2
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -7273,17 +7273,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@7.0.0-alpha.4, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
+"@storybook/api@7.0.0-alpha.5, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
   version: 0.0.0-use.local
   resolution: "@storybook/api@workspace:lib/api"
   dependencies:
-    "@storybook/channels": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/channels": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/router": 7.0.0-alpha.4
+    "@storybook/router": 7.0.0-alpha.5
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/theming": 7.0.0-alpha.5
     "@types/lodash": ^4.14.167
     "@types/qs": ^6
     "@types/semver": ^7.3.4
@@ -7368,28 +7368,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/builder-webpack5@7.0.0-alpha.4, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
+"@storybook/builder-webpack5@7.0.0-alpha.5, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-webpack5@workspace:lib/builder-webpack5"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/channel-postmessage": 7.0.0-alpha.4
-    "@storybook/channel-websocket": 7.0.0-alpha.4
-    "@storybook/channels": 7.0.0-alpha.4
-    "@storybook/client-api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
-    "@storybook/core-webpack": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
-    "@storybook/preview-web": 7.0.0-alpha.4
-    "@storybook/router": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/channel-postmessage": 7.0.0-alpha.5
+    "@storybook/channel-websocket": 7.0.0-alpha.5
+    "@storybook/channels": 7.0.0-alpha.5
+    "@storybook/client-api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
+    "@storybook/core-webpack": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
+    "@storybook/preview-web": 7.0.0-alpha.5
+    "@storybook/router": 7.0.0-alpha.5
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/store": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.2.0
     "@types/webpack-dev-middleware": ^5.3.0
@@ -7427,13 +7427,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-postmessage@7.0.0-alpha.4, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
+"@storybook/channel-postmessage@7.0.0-alpha.5, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
   version: 0.0.0-use.local
   resolution: "@storybook/channel-postmessage@workspace:lib/channel-postmessage"
   dependencies:
-    "@storybook/channels": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/channels": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     qs: ^6.10.0
@@ -7441,19 +7441,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-websocket@7.0.0-alpha.4, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
+"@storybook/channel-websocket@7.0.0-alpha.5, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
   version: 0.0.0-use.local
   resolution: "@storybook/channel-websocket@workspace:lib/channel-websocket"
   dependencies:
-    "@storybook/channels": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
+    "@storybook/channels": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     telejson: ^6.0.8
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@7.0.0-alpha.4, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@7.0.0-alpha.5, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
@@ -7485,20 +7485,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/cli@7.0.0-alpha.4, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@7.0.0-alpha.5, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
   version: 0.0.0-use.local
   resolution: "@storybook/cli@workspace:lib/cli"
   dependencies:
     "@babel/core": ^7.12.10
     "@babel/preset-env": ^7.12.11
-    "@storybook/client-api": 7.0.0-alpha.4
-    "@storybook/codemod": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/core-server": 7.0.0-alpha.4
-    "@storybook/csf-tools": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
+    "@storybook/client-api": 7.0.0-alpha.5
+    "@storybook/codemod": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/core-server": 7.0.0-alpha.5
+    "@storybook/csf-tools": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
     "@storybook/semver": ^7.3.2
-    "@storybook/telemetry": 7.0.0-alpha.4
+    "@storybook/telemetry": 7.0.0-alpha.5
     "@types/cross-spawn": ^6.0.2
     "@types/prompts": ^2.0.9
     "@types/puppeteer-core": ^2.1.0
@@ -7533,17 +7533,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-api@7.0.0-alpha.4, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
+"@storybook/client-api@7.0.0-alpha.5, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
   version: 0.0.0-use.local
   resolution: "@storybook/client-api@workspace:lib/client-api"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/channel-postmessage": 7.0.0-alpha.4
-    "@storybook/channels": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/channel-postmessage": 7.0.0-alpha.5
+    "@storybook/channels": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/store": 7.0.0-alpha.5
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
@@ -7562,7 +7562,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@7.0.0-alpha.4, @storybook/client-logger@^6 || ^7 || ^7.0.0-0, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@7.0.0-alpha.5, @storybook/client-logger@^6 || ^7 || ^7.0.0-0, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
   version: 0.0.0-use.local
   resolution: "@storybook/client-logger@workspace:lib/client-logger"
   dependencies:
@@ -7591,15 +7591,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/codemod@7.0.0-alpha.4, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@7.0.0-alpha.5, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
   version: 0.0.0-use.local
   resolution: "@storybook/codemod@workspace:lib/codemod"
   dependencies:
     "@babel/types": ^7.12.11
     "@mdx-js/mdx": ^1.6.22
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/csf-tools": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
+    "@storybook/csf-tools": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
     core-js: ^3.8.2
     cross-spawn: ^7.0.3
     globby: ^11.0.2
@@ -7612,15 +7612,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/components@7.0.0-alpha.4, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
+"@storybook/components@7.0.0-alpha.5, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
   version: 0.0.0-use.local
   resolution: "@storybook/components@workspace:lib/components"
   dependencies:
     "@digitak/esrun": ^3.2.2
     "@popperjs/core": ^2.6.0
-    "@storybook/client-logger": 7.0.0-alpha.4
+    "@storybook/client-logger": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/theming": 7.0.0-alpha.5
     "@types/color-convert": ^2.0.0
     "@types/overlayscrollbars": ^1.12.0
     "@types/react-syntax-highlighter": 11.0.5
@@ -7650,20 +7650,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-client@7.0.0-alpha.4, @storybook/core-client@workspace:lib/core-client":
+"@storybook/core-client@7.0.0-alpha.5, @storybook/core-client@workspace:lib/core-client":
   version: 0.0.0-use.local
   resolution: "@storybook/core-client@workspace:lib/core-client"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/channel-postmessage": 7.0.0-alpha.4
-    "@storybook/channel-websocket": 7.0.0-alpha.4
-    "@storybook/client-api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/channel-postmessage": 7.0.0-alpha.5
+    "@storybook/channel-websocket": 7.0.0-alpha.5
+    "@storybook/client-api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/preview-web": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
-    "@storybook/ui": 7.0.0-alpha.4
+    "@storybook/preview-web": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
+    "@storybook/ui": 7.0.0-alpha.5
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7678,7 +7678,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@7.0.0-alpha.4, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@7.0.0-alpha.5, @storybook/core-common@workspace:lib/core-common":
   version: 0.0.0-use.local
   resolution: "@storybook/core-common@workspace:lib/core-common"
   dependencies:
@@ -7704,7 +7704,7 @@ __metadata:
     "@babel/preset-react": ^7.12.10
     "@babel/preset-typescript": ^7.12.7
     "@babel/register": ^7.12.1
-    "@storybook/node-logger": 7.0.0-alpha.4
+    "@storybook/node-logger": 7.0.0-alpha.5
     "@storybook/semver": ^7.3.2
     "@types/babel__core": ^7.0.0
     "@types/compression": ^1.7.0
@@ -7746,7 +7746,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@7.0.0-alpha.4, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@7.0.0-alpha.5, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
   version: 0.0.0-use.local
   resolution: "@storybook/core-events@workspace:lib/core-events"
   dependencies:
@@ -7772,22 +7772,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-server@7.0.0-alpha.4, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@7.0.0-alpha.5, @storybook/core-server@workspace:lib/core-server":
   version: 0.0.0-use.local
   resolution: "@storybook/core-server@workspace:lib/core-server"
   dependencies:
     "@discoveryjs/json-ext": ^0.5.3
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/csf-tools": 7.0.0-alpha.4
-    "@storybook/manager-webpack5": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
+    "@storybook/csf-tools": 7.0.0-alpha.5
+    "@storybook/manager-webpack5": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.4
-    "@storybook/telemetry": 7.0.0-alpha.4
+    "@storybook/store": 7.0.0-alpha.5
+    "@storybook/telemetry": 7.0.0-alpha.5
     "@types/compression": ^1.7.0
     "@types/ip": ^1.1.0
     "@types/node": ^14.0.10 || ^16.0.0
@@ -7838,19 +7838,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-webpack@7.0.0-alpha.4, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
+"@storybook/core-webpack@7.0.0-alpha.5, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/core-webpack@workspace:lib/core-webpack"
   dependencies:
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
     "@types/node": ^14.0.10 || ^16.0.0
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@7.0.0-alpha.4, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@7.0.0-alpha.5, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
   version: 0.0.0-use.local
   resolution: "@storybook/csf-tools@workspace:lib/csf-tools"
   dependencies:
@@ -7922,13 +7922,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/docs-tools@7.0.0-alpha.4, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+"@storybook/docs-tools@7.0.0-alpha.5, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
   version: 0.0.0-use.local
   resolution: "@storybook/docs-tools@workspace:lib/docs-tools"
   dependencies:
     "@babel/core": ^7.12.10
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/store": 7.0.0-alpha.5
     core-js: ^3.8.2
     doctrine: ^3.0.0
     jest-specific-snapshot: ^4.0.0
@@ -7949,15 +7949,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ember@7.0.0-alpha.4, @storybook/ember@workspace:*, @storybook/ember@workspace:frameworks/ember":
+"@storybook/ember@7.0.0-alpha.5, @storybook/ember@workspace:*, @storybook/ember@workspace:frameworks/ember":
   version: 0.0.0-use.local
   resolution: "@storybook/ember@workspace:frameworks/ember"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/docs-tools": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/docs-tools": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -7988,15 +7988,15 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@babel/preset-react": ^7.12.10
     "@babel/preset-typescript": ^7.12.7
-    "@storybook/addon-essentials": 7.0.0-alpha.4
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
-    "@storybook/addon-storysource": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/cli": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/react": 7.0.0-alpha.4
-    "@storybook/react-webpack5": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/addon-essentials": 7.0.0-alpha.5
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
+    "@storybook/addon-storysource": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/cli": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/react": 7.0.0-alpha.5
+    "@storybook/react-webpack5": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     "@testing-library/dom": ^7.31.2
     "@testing-library/react": 12.1.2
     "@testing-library/user-event": ^13.1.9
@@ -8009,7 +8009,7 @@ __metadata:
     prop-types: 15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8031,14 +8031,14 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@babel/preset-react": ^7.12.10
     "@babel/preset-typescript": ^7.12.7
-    "@storybook/addon-essentials": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
+    "@storybook/addon-essentials": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/preview-web": 7.0.0-alpha.4
-    "@storybook/react": 7.0.0-alpha.4
-    "@storybook/react-webpack5": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/preview-web": 7.0.0-alpha.5
+    "@storybook/react": 7.0.0-alpha.5
+    "@storybook/react-webpack5": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     "@types/babel__preset-env": ^7
@@ -8050,20 +8050,20 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
   linkType: soft
 
-"@storybook/html-webpack5@7.0.0-alpha.4, @storybook/html-webpack5@workspace:*, @storybook/html-webpack5@workspace:frameworks/html-webpack5":
+"@storybook/html-webpack5@7.0.0-alpha.5, @storybook/html-webpack5@workspace:*, @storybook/html-webpack5@workspace:frameworks/html-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/html-webpack5@workspace:frameworks/html-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/html": 7.0.0-alpha.4
-    "@storybook/preset-html-webpack": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/html": 7.0.0-alpha.5
+    "@storybook/preset-html-webpack": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8074,16 +8074,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/html@7.0.0-alpha.4, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
+"@storybook/html@7.0.0-alpha.5, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
   version: 0.0.0-use.local
   resolution: "@storybook/html@workspace:renderers/html"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/docs-tools": 7.0.0-alpha.4
-    "@storybook/preview-web": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/docs-tools": 7.0.0-alpha.5
+    "@storybook/preview-web": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8094,13 +8094,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@7.0.0-alpha.4, @storybook/instrumenter@^6 || ^7 || ^7.0.0-0, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@7.0.0-alpha.5, @storybook/instrumenter@^6 || ^7 || ^7.0.0-0, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
   version: 0.0.0-use.local
   resolution: "@storybook/instrumenter@workspace:lib/instrumenter"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
   languageName: unknown
@@ -8170,20 +8170,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/manager-webpack5@7.0.0-alpha.4, @storybook/manager-webpack5@workspace:lib/manager-webpack5":
+"@storybook/manager-webpack5@7.0.0-alpha.5, @storybook/manager-webpack5@workspace:lib/manager-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/manager-webpack5@workspace:lib/manager-webpack5"
   dependencies:
     "@babel/core": ^7.12.10
     "@babel/plugin-transform-template-literals": ^7.12.1
     "@babel/preset-react": ^7.12.10
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/core-webpack": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
-    "@storybook/ui": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/core-webpack": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
+    "@storybook/ui": 7.0.0-alpha.5
     "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.2.0
     "@types/webpack-dev-middleware": ^5.3.0
@@ -8251,7 +8251,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/node-logger@7.0.0-alpha.4, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@7.0.0-alpha.5, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
   version: 0.0.0-use.local
   resolution: "@storybook/node-logger@workspace:lib/node-logger"
   dependencies:
@@ -8277,7 +8277,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/postinstall@7.0.0-alpha.4, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@7.0.0-alpha.5, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
   version: 0.0.0-use.local
   resolution: "@storybook/postinstall@workspace:lib/postinstall"
   dependencies:
@@ -8288,14 +8288,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact-webpack5@7.0.0-alpha.4, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
+"@storybook/preact-webpack5@7.0.0-alpha.5, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/preact-webpack5@workspace:frameworks/preact-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/preact": 7.0.0-alpha.4
-    "@storybook/preset-preact-webpack": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/preact": 7.0.0-alpha.5
+    "@storybook/preset-preact-webpack": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8307,14 +8307,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact@7.0.0-alpha.4, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
+"@storybook/preact@7.0.0-alpha.5, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
   version: 0.0.0-use.local
   resolution: "@storybook/preact@workspace:renderers/preact"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/store": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     preact: ^10.5.13
@@ -8345,11 +8345,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-html-webpack@7.0.0-alpha.4, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
+"@storybook/preset-html-webpack@7.0.0-alpha.5, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-html-webpack@workspace:presets/html-webpack"
   dependencies:
-    "@storybook/core-webpack": 7.0.0-alpha.4
+    "@storybook/core-webpack": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     html-loader: ^3.1.0
@@ -8361,12 +8361,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-preact-webpack@7.0.0-alpha.4, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
+"@storybook/preset-preact-webpack@7.0.0-alpha.5, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-preact-webpack@workspace:presets/preact-webpack"
   dependencies:
     "@babel/plugin-transform-react-jsx": ^7.12.12
-    "@storybook/core-webpack": 7.0.0-alpha.4
+    "@storybook/core-webpack": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8378,17 +8378,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-react-webpack@7.0.0-alpha.4, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
+"@storybook/preset-react-webpack@7.0.0-alpha.5, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-react-webpack@workspace:presets/react-webpack"
   dependencies:
     "@babel/preset-flow": ^7.12.1
     "@babel/preset-react": ^7.12.10
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/core-webpack": 7.0.0-alpha.4
-    "@storybook/docs-tools": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
-    "@storybook/react": 7.0.0-alpha.4
+    "@storybook/core-webpack": 7.0.0-alpha.5
+    "@storybook/docs-tools": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
+    "@storybook/react": 7.0.0-alpha.5
     "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0
     "@storybook/semver": ^7.3.2
     "@types/node": ^14.14.20 || ^16.0.0
@@ -8424,13 +8424,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-server-webpack@7.0.0-alpha.4, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
+"@storybook/preset-server-webpack@7.0.0-alpha.5, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-server-webpack@workspace:presets/server-webpack"
   dependencies:
-    "@storybook/core-server": 7.0.0-alpha.4
-    "@storybook/core-webpack": 7.0.0-alpha.4
-    "@storybook/server": 7.0.0-alpha.4
+    "@storybook/core-server": 7.0.0-alpha.5
+    "@storybook/core-webpack": 7.0.0-alpha.5
+    "@storybook/server": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     fs-extra: ^9.0.1
@@ -8445,12 +8445,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-svelte-webpack@7.0.0-alpha.4, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
+"@storybook/preset-svelte-webpack@7.0.0-alpha.5, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-svelte-webpack@workspace:presets/svelte-webpack"
   dependencies:
-    "@storybook/core-webpack": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
+    "@storybook/core-webpack": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -8465,12 +8465,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue-webpack@7.0.0-alpha.4, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
+"@storybook/preset-vue-webpack@7.0.0-alpha.5, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-vue-webpack@workspace:presets/vue-webpack"
   dependencies:
-    "@storybook/core-webpack": 7.0.0-alpha.4
-    "@storybook/docs-tools": 7.0.0-alpha.4
+    "@storybook/core-webpack": 7.0.0-alpha.5
+    "@storybook/docs-tools": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -8492,12 +8492,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue3-webpack@7.0.0-alpha.4, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
+"@storybook/preset-vue3-webpack@7.0.0-alpha.5, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-vue3-webpack@workspace:presets/vue3-webpack"
   dependencies:
-    "@storybook/core-webpack": 7.0.0-alpha.4
-    "@storybook/docs-tools": 7.0.0-alpha.4
+    "@storybook/core-webpack": 7.0.0-alpha.5
+    "@storybook/docs-tools": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": ^3.2.33
     core-js: ^3.8.2
@@ -8517,14 +8517,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-web-components-webpack@7.0.0-alpha.4, @storybook/preset-web-components-webpack@workspace:*, @storybook/preset-web-components-webpack@workspace:presets/web-components-webpack":
+"@storybook/preset-web-components-webpack@7.0.0-alpha.5, @storybook/preset-web-components-webpack@workspace:*, @storybook/preset-web-components-webpack@workspace:presets/web-components-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-web-components-webpack@workspace:presets/web-components-webpack"
   dependencies:
     "@babel/plugin-syntax-dynamic-import": ^7.8.3
     "@babel/plugin-syntax-import-meta": ^7.10.4
     "@babel/preset-env": ^7.12.11
-    "@storybook/core-webpack": 7.0.0-alpha.4
+    "@storybook/core-webpack": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     babel-plugin-bundled-import-meta: ^0.3.1
     core-js: ^3.8.2
@@ -8536,16 +8536,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preview-web@7.0.0-alpha.4, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
+"@storybook/preview-web@7.0.0-alpha.5, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
   version: 0.0.0-use.local
   resolution: "@storybook/preview-web@workspace:lib/preview-web"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/channel-postmessage": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/channel-postmessage": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/store": 7.0.0-alpha.5
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8578,13 +8578,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-webpack5@7.0.0-alpha.4, @storybook/react-webpack5@workspace:*, @storybook/react-webpack5@workspace:frameworks/react-webpack5":
+"@storybook/react-webpack5@7.0.0-alpha.5, @storybook/react-webpack5@workspace:*, @storybook/react-webpack5@workspace:frameworks/react-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/react-webpack5@workspace:frameworks/react-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/preset-react-webpack": 7.0.0-alpha.4
-    "@storybook/react": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/preset-react-webpack": 7.0.0-alpha.5
+    "@storybook/react": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     jest-specific-snapshot: ^4.0.0
@@ -8600,17 +8600,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/react@7.0.0-alpha.4, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
+"@storybook/react@7.0.0-alpha.5, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
   version: 0.0.0-use.local
   resolution: "@storybook/react@workspace:renderers/react"
   dependencies:
     "@babel/core": ^7.11.5
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/docs-tools": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/docs-tools": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
     "@types/estree": ^0.0.51
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/util-deprecate": ^1.0.0
@@ -8903,11 +8903,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@7.0.0-alpha.4, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@7.0.0-alpha.5, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
   version: 0.0.0-use.local
   resolution: "@storybook/router@workspace:lib/router"
   dependencies:
-    "@storybook/client-logger": 7.0.0-alpha.4
+    "@storybook/client-logger": 7.0.0-alpha.5
     core-js: ^3.8.2
     fast-deep-equal: ^3.1.3
     global: ^4.4.0
@@ -8973,14 +8973,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/server-webpack5@7.0.0-alpha.4, @storybook/server-webpack5@workspace:*, @storybook/server-webpack5@workspace:frameworks/server-webpack5":
+"@storybook/server-webpack5@7.0.0-alpha.5, @storybook/server-webpack5@workspace:*, @storybook/server-webpack5@workspace:frameworks/server-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/server-webpack5@workspace:frameworks/server-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/preset-server-webpack": 7.0.0-alpha.4
-    "@storybook/server": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/preset-server-webpack": 7.0.0-alpha.5
+    "@storybook/server": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -8988,15 +8988,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/server@7.0.0-alpha.4, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
+"@storybook/server@7.0.0-alpha.5, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
   version: 0.0.0-use.local
   resolution: "@storybook/server@workspace:renderers/server"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/preview-web": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/preview-web": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9005,12 +9005,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/source-loader@7.0.0-alpha.4, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@7.0.0-alpha.5, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
   version: 0.0.0-use.local
   resolution: "@storybook/source-loader@workspace:lib/source-loader"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
     core-js: ^3.8.2
     estraverse: ^5.2.0
@@ -9023,13 +9023,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/store@7.0.0-alpha.4, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
+"@storybook/store@7.0.0-alpha.5, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
   version: 0.0.0-use.local
   resolution: "@storybook/store@workspace:lib/store"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
     core-js: ^3.8.2
     fast-deep-equal: ^3.1.3
@@ -9047,14 +9047,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte-webpack5@7.0.0-alpha.4, @storybook/svelte-webpack5@workspace:*, @storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5":
+"@storybook/svelte-webpack5@7.0.0-alpha.5, @storybook/svelte-webpack5@workspace:*, @storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/preset-svelte-webpack": 7.0.0-alpha.4
-    "@storybook/svelte": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/preset-svelte-webpack": 7.0.0-alpha.5
+    "@storybook/svelte": 7.0.0-alpha.5
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -9067,16 +9067,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@7.0.0-alpha.4, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
+"@storybook/svelte@7.0.0-alpha.5, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
   version: 0.0.0-use.local
   resolution: "@storybook/svelte@workspace:renderers/svelte"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/docs-tools": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/docs-tools": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9089,12 +9089,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/telemetry@7.0.0-alpha.4, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
+"@storybook/telemetry@7.0.0-alpha.5, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
   version: 0.0.0-use.local
   resolution: "@storybook/telemetry@workspace:lib/telemetry"
   dependencies:
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
     chalk: ^4.1.0
     core-js: ^3.8.2
     detect-package-manager: ^2.0.1
@@ -9146,7 +9146,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@7.0.0-alpha.4, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@7.0.0-alpha.5, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
   version: 0.0.0-use.local
   resolution: "@storybook/theming@workspace:lib/theming"
   dependencies:
@@ -9154,7 +9154,7 @@ __metadata:
     "@emotion/is-prop-valid": ^1.1.2
     "@emotion/react": ^11.8.1
     "@emotion/styled": ^11.8.1
-    "@storybook/client-logger": 7.0.0-alpha.4
+    "@storybook/client-logger": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     deep-object-diff: ^1.1.0
@@ -9206,20 +9206,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ui@7.0.0-alpha.4, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
+"@storybook/ui@7.0.0-alpha.5, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
   version: 0.0.0-use.local
   resolution: "@storybook/ui@workspace:lib/ui"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/channels": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
-    "@storybook/router": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/channels": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
+    "@storybook/router": 7.0.0-alpha.5
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/theming": 7.0.0-alpha.5
     "@testing-library/react": ^11.2.2
     copy-to-clipboard: ^3.3.1
     core-js: ^3.8.2
@@ -9246,14 +9246,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue-webpack5@7.0.0-alpha.4, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5":
+"@storybook/vue-webpack5@7.0.0-alpha.5, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/vue-webpack5@workspace:frameworks/vue-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/preset-vue-webpack": 7.0.0-alpha.4
-    "@storybook/vue": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/preset-vue-webpack": 7.0.0-alpha.5
+    "@storybook/vue": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9271,14 +9271,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3-webpack5@7.0.0-alpha.4, @storybook/vue3-webpack5@workspace:*, @storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5":
+"@storybook/vue3-webpack5@7.0.0-alpha.5, @storybook/vue3-webpack5@workspace:*, @storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/preset-vue3-webpack": 7.0.0-alpha.4
-    "@storybook/vue3": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/preset-vue3-webpack": 7.0.0-alpha.5
+    "@storybook/vue3": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": 3.0.0
     core-js: ^3.8.2
@@ -9293,15 +9293,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3@7.0.0-alpha.4, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
+"@storybook/vue3@7.0.0-alpha.5, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3@workspace:renderers/vue3"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/docs-tools": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/docs-tools": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9315,16 +9315,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue@7.0.0-alpha.4, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
+"@storybook/vue@7.0.0-alpha.5, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
   version: 0.0.0-use.local
   resolution: "@storybook/vue@workspace:renderers/vue"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/docs-tools": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/docs-tools": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9344,10 +9344,10 @@ __metadata:
   resolution: "@storybook/web-components-webpack5@workspace:frameworks/web-components-webpack5"
   dependencies:
     "@babel/preset-env": ^7.12.11
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/core-common": 7.0.0-alpha.4
-    "@storybook/preset-web-components-webpack": 7.0.0-alpha.4
-    "@storybook/web-components": 7.0.0-alpha.4
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/core-common": 7.0.0-alpha.5
+    "@storybook/preset-web-components-webpack": 7.0.0-alpha.5
+    "@storybook/web-components": 7.0.0-alpha.5
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     lit-html: 2.0.2
@@ -9358,18 +9358,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/web-components@7.0.0-alpha.4, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
+"@storybook/web-components@7.0.0-alpha.5, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
   version: 0.0.0-use.local
   resolution: "@storybook/web-components@workspace:renderers/web-components"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/api": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
-    "@storybook/core-client": 7.0.0-alpha.4
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/api": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
+    "@storybook/core-client": 7.0.0-alpha.5
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/docs-tools": 7.0.0-alpha.4
-    "@storybook/preview-web": 7.0.0-alpha.4
-    "@storybook/store": 7.0.0-alpha.4
+    "@storybook/docs-tools": 7.0.0-alpha.5
+    "@storybook/preview-web": 7.0.0-alpha.5
+    "@storybook/store": 7.0.0-alpha.5
     core-js: ^3.8.2
     global: ^4.4.0
     lit-html: 2.0.2
@@ -12615,21 +12615,21 @@ __metadata:
     "@angular/platform-browser-dynamic": ^13.3.6
     "@compodoc/compodoc": ^1.1.18
     "@ngrx/store": ^13.2.0
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-controls": 7.0.0-alpha.4
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addon-interactions": 7.0.0-alpha.4
-    "@storybook/addon-jest": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
-    "@storybook/addon-storysource": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/angular": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-controls": 7.0.0-alpha.5
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addon-interactions": 7.0.0-alpha.5
+    "@storybook/addon-jest": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
+    "@storybook/addon-storysource": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/angular": 7.0.0-alpha.5
     "@storybook/babel-plugin-require-context-hook": 1.0.1
     "@storybook/jest": ^0.0.5
-    "@storybook/source-loader": 7.0.0-alpha.4
+    "@storybook/source-loader": 7.0.0-alpha.5
     "@storybook/testing-library": ^0.0.12
     "@types/core-js": ^2.5.4
     "@types/jest": ^26.0.16
@@ -12645,7 +12645,7 @@ __metadata:
     protractor: ~7.0.0
     rxjs: ^6.6.7
     sass: ^1.43.4
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     storybook-addon-angular-ivy: ^0.0.1
     telejson: ^6.0.8
     ts-jest: ^26.4.4
@@ -17142,27 +17142,27 @@ __metadata:
   resolution: "cra-kitchen-sink@workspace:examples/cra-kitchen-sink"
   dependencies:
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addon-jest": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/client-logger": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addon-jest": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/client-logger": 7.0.0-alpha.5
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.4
-    "@storybook/react-webpack5": 7.0.0-alpha.4
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/react": 7.0.0-alpha.5
+    "@storybook/react-webpack5": 7.0.0-alpha.5
+    "@storybook/theming": 7.0.0-alpha.5
     global: ^4.4.0
     prop-types: ^15.7.2
     react: 16.14.0
     react-dom: 16.14.0
     react-lifecycles-compat: ^3.0.4
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -17171,15 +17171,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "cra-ts-essentials@workspace:examples/cra-ts-essentials"
   dependencies:
-    "@storybook/addon-essentials": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
+    "@storybook/addon-essentials": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.4
-    "@storybook/react-webpack5": 7.0.0-alpha.4
+    "@storybook/react": 7.0.0-alpha.5
+    "@storybook/react-webpack5": 7.0.0-alpha.5
     "@storybook/testing-library": ^0.0.9
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/theming": 7.0.0-alpha.5
     "@types/jest": ^26.0.16
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -17189,7 +17189,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -17200,15 +17200,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "cra-ts-kitchen-sink@workspace:examples/cra-ts-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/builder-webpack5": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/builder-webpack5": 7.0.0-alpha.5
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.4
-    "@storybook/react-webpack5": 7.0.0-alpha.4
+    "@storybook/react": 7.0.0-alpha.5
+    "@storybook/react-webpack5": 7.0.0-alpha.5
     "@types/enzyme": ^3.10.8
     "@types/jest": 25.2.3
     "@types/node": ^14.14.20 || ^16.0.0
@@ -17223,7 +17223,7 @@ __metadata:
     react-dom: 16.14.0
     react-moment-proptypes: ^1.7.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -19480,18 +19480,18 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@ember/optional-features": ^2.0.0
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-controls": 7.0.0-alpha.4
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/addon-storysource": 7.0.0-alpha.4
-    "@storybook/addon-viewport": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/ember": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-controls": 7.0.0-alpha.5
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/addon-storysource": 7.0.0-alpha.5
+    "@storybook/addon-viewport": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/ember": 7.0.0-alpha.5
     "@storybook/ember-cli-storybook": ^0.2.1
-    "@storybook/source-loader": 7.0.0-alpha.4
+    "@storybook/source-loader": 7.0.0-alpha.5
     babel-loader: ^8.2.5
     broccoli-asset-rev: ^3.0.0
     browserify-zlib: ^0.2.0
@@ -19513,7 +19513,7 @@ __metadata:
     loader.js: ^4.7.0
     os-browserify: ^0.3.0
     shx: ^0.3.2
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     stream-browserify: ^3.0.0
     vm-browserify: ^1.1.2
     webpack: 5
@@ -24289,30 +24289,30 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "html-kitchen-sink@workspace:examples/html-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-controls": 7.0.0-alpha.4
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addon-jest": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-controls": 7.0.0-alpha.5
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addon-jest": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
     "@storybook/addon-postcss": ^2.0.0
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
-    "@storybook/addon-storysource": 7.0.0-alpha.4
-    "@storybook/addon-viewport": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/client-api": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
-    "@storybook/html": 7.0.0-alpha.4
-    "@storybook/html-webpack5": 7.0.0-alpha.4
-    "@storybook/source-loader": 7.0.0-alpha.4
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
+    "@storybook/addon-storysource": 7.0.0-alpha.5
+    "@storybook/addon-viewport": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/client-api": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
+    "@storybook/html": 7.0.0-alpha.5
+    "@storybook/html-webpack5": 7.0.0-alpha.5
+    "@storybook/source-loader": 7.0.0-alpha.5
     autoprefixer: ^10.0.1
     eventemitter3: ^4.0.7
     format-json: ^1.0.3
     global: ^4.4.0
     postcss: ^8.2.4
     postcss-color-rebeccapurple: ^6.0.0
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
   languageName: unknown
   linkType: soft
 
@@ -32633,32 +32633,32 @@ __metadata:
   dependencies:
     "@emotion/jest": ^11.8.0
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-controls": 7.0.0-alpha.4
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addon-interactions": 7.0.0-alpha.4
-    "@storybook/addon-jest": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
-    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.4
-    "@storybook/addon-storysource": 7.0.0-alpha.4
-    "@storybook/addon-toolbars": 7.0.0-alpha.4
-    "@storybook/addon-viewport": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/cli": 7.0.0-alpha.4
-    "@storybook/components": 7.0.0-alpha.4
-    "@storybook/core-events": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-controls": 7.0.0-alpha.5
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addon-interactions": 7.0.0-alpha.5
+    "@storybook/addon-jest": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
+    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.5
+    "@storybook/addon-storysource": 7.0.0-alpha.5
+    "@storybook/addon-toolbars": 7.0.0-alpha.5
+    "@storybook/addon-viewport": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/cli": 7.0.0-alpha.5
+    "@storybook/components": 7.0.0-alpha.5
+    "@storybook/core-events": 7.0.0-alpha.5
     "@storybook/design-system": ^5.4.7
     "@storybook/jest": ^0.0.5
-    "@storybook/node-logger": 7.0.0-alpha.4
-    "@storybook/react": 7.0.0-alpha.4
-    "@storybook/react-webpack5": 7.0.0-alpha.4
-    "@storybook/router": 7.0.0-alpha.4
-    "@storybook/source-loader": 7.0.0-alpha.4
+    "@storybook/node-logger": 7.0.0-alpha.5
+    "@storybook/react": 7.0.0-alpha.5
+    "@storybook/react-webpack5": 7.0.0-alpha.5
+    "@storybook/router": 7.0.0-alpha.5
+    "@storybook/source-loader": 7.0.0-alpha.5
     "@storybook/testing-library": ^0.0.12
-    "@storybook/theming": 7.0.0-alpha.4
+    "@storybook/theming": 7.0.0-alpha.5
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     chromatic: ^6.0.2
@@ -32674,7 +32674,7 @@ __metadata:
     prop-types: ^15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     terser-webpack-plugin: ^5.3.1
     uuid-browser: ^3.1.0
     webpack: 5
@@ -35051,17 +35051,17 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@babel/plugin-transform-runtime": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
-    "@storybook/addon-storysource": 7.0.0-alpha.4
-    "@storybook/addon-viewport": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
-    "@storybook/preact": 7.0.0-alpha.4
-    "@storybook/preact-webpack5": 7.0.0-alpha.4
-    "@storybook/source-loader": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
+    "@storybook/addon-storysource": 7.0.0-alpha.5
+    "@storybook/addon-viewport": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
+    "@storybook/preact": 7.0.0-alpha.5
+    "@storybook/preact-webpack5": 7.0.0-alpha.5
+    "@storybook/source-loader": 7.0.0-alpha.5
     "@types/prop-types": ^15.7.3
     "@types/react": ^17
     "@types/react-dom": ^17
@@ -35076,7 +35076,7 @@ __metadata:
     raw-loader: ^4.0.2
     react: ^17.0.2
     react-dom: ^17.0.2
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     svg-url-loader: ^7.1.1
     webpack: 5
     webpack-dev-server: ^4.8.1
@@ -38622,7 +38622,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.4
+    "@storybook/cli": 7.0.0-alpha.5
   bin:
     sb: ./index.js
   languageName: unknown
@@ -38973,14 +38973,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "server-kitchen-sink@workspace:examples/server-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-controls": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/node-logger": 7.0.0-alpha.4
-    "@storybook/server": 7.0.0-alpha.4
-    "@storybook/server-webpack5": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-controls": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/node-logger": 7.0.0-alpha.5
+    "@storybook/server": 7.0.0-alpha.5
+    "@storybook/server-webpack5": 7.0.0-alpha.5
     concurrently: ^5.3.0
     cors: ^2.8.5
     express: ~4.17.1
@@ -38988,7 +38988,7 @@ __metadata:
     nodemon: ^2.0.7
     pug: ^3.0.0
     safe-identifier: ^0.4.1
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
   languageName: unknown
   linkType: soft
 
@@ -39843,15 +39843,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "standalone-preview@workspace:examples/standalone-preview"
   dependencies:
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/cli": 7.0.0-alpha.4
-    "@storybook/react": 7.0.0-alpha.4
-    "@storybook/react-webpack5": 7.0.0-alpha.4
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/cli": 7.0.0-alpha.5
+    "@storybook/react": 7.0.0-alpha.5
+    "@storybook/react-webpack5": 7.0.0-alpha.5
     cross-env: ^7.0.3
     parcel: 2.0.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
   languageName: unknown
   linkType: soft
 
@@ -39947,11 +39947,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"storybook@7.0.0-alpha.4, storybook@workspace:lib/cli-storybook":
+"storybook@7.0.0-alpha.5, storybook@workspace:lib/cli-storybook":
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.4
+    "@storybook/cli": 7.0.0-alpha.5
   bin:
     sb: ./index.js
     storybook: ./index.js
@@ -40627,24 +40627,24 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "svelte-example@workspace:examples/svelte-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-controls": 7.0.0-alpha.4
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addon-interactions": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
-    "@storybook/addon-storysource": 7.0.0-alpha.4
-    "@storybook/addon-viewport": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-controls": 7.0.0-alpha.5
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addon-interactions": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
+    "@storybook/addon-storysource": 7.0.0-alpha.5
+    "@storybook/addon-viewport": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
     "@storybook/jest": ^0.0.5
-    "@storybook/source-loader": 7.0.0-alpha.4
-    "@storybook/svelte": 7.0.0-alpha.4
-    "@storybook/svelte-webpack5": 7.0.0-alpha.4
+    "@storybook/source-loader": 7.0.0-alpha.5
+    "@storybook/svelte": 7.0.0-alpha.5
+    "@storybook/svelte-webpack5": 7.0.0-alpha.5
     "@storybook/testing-library": ^0.0.7
     global: ^4.4.0
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     svelte-jester: ^2.3.2
     svelte-preprocess: ^4.10.6
   languageName: unknown
@@ -43406,22 +43406,22 @@ __metadata:
   resolution: "vue-3-cli-example@workspace:examples/vue-3-cli"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-essentials": 7.0.0-alpha.4
-    "@storybook/addon-interactions": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-essentials": 7.0.0-alpha.5
+    "@storybook/addon-interactions": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
     "@storybook/jest": ^0.0.5
     "@storybook/testing-library": ^0.0.12
-    "@storybook/vue3": 7.0.0-alpha.4
-    "@storybook/vue3-webpack5": 7.0.0-alpha.4
+    "@storybook/vue3": 7.0.0-alpha.5
+    "@storybook/vue3-webpack5": 7.0.0-alpha.5
     "@vue/cli-plugin-babel": ^5.0.4
     "@vue/cli-plugin-typescript": ^5.0.4
     "@vue/cli-service": ^5.0.4
     "@vue/compiler-sfc": ^3.2.36
     babel-loader: ^8.2.5
     core-js: ^3.8.2
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     typescript: ~4.6.3
     vue: ^3.0.0
     vue-jest: ^5.0.0-alpha.8
@@ -43442,17 +43442,17 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "vue-cli-example@workspace:examples/vue-cli"
   dependencies:
-    "@storybook/addon-controls": 7.0.0-alpha.4
-    "@storybook/addon-essentials": 7.0.0-alpha.4
+    "@storybook/addon-controls": 7.0.0-alpha.5
+    "@storybook/addon-essentials": 7.0.0-alpha.5
     "@storybook/preset-scss": ^1.0.3
-    "@storybook/source-loader": 7.0.0-alpha.4
-    "@storybook/vue": 7.0.0-alpha.4
-    "@storybook/vue-webpack5": 7.0.0-alpha.4
+    "@storybook/source-loader": 7.0.0-alpha.5
+    "@storybook/vue": 7.0.0-alpha.5
+    "@storybook/vue-webpack5": 7.0.0-alpha.5
     "@vue/cli-plugin-babel": ^5.0.4
     "@vue/cli-plugin-typescript": ^5.0.4
     "@vue/cli-service": ^5.0.4
     core-js: ^3.8.2
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     typescript: ~4.6.3
     vue: ^2.6.12
     vue-class-component: ^7.2.6
@@ -43500,28 +43500,28 @@ __metadata:
   resolution: "vue-example@workspace:examples/vue-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.4
-    "@storybook/addon-actions": 7.0.0-alpha.4
-    "@storybook/addon-backgrounds": 7.0.0-alpha.4
-    "@storybook/addon-controls": 7.0.0-alpha.4
-    "@storybook/addon-docs": 7.0.0-alpha.4
-    "@storybook/addon-interactions": 7.0.0-alpha.4
-    "@storybook/addon-links": 7.0.0-alpha.4
-    "@storybook/addon-storyshots": 7.0.0-alpha.4
-    "@storybook/addon-storysource": 7.0.0-alpha.4
-    "@storybook/addon-viewport": 7.0.0-alpha.4
-    "@storybook/addons": 7.0.0-alpha.4
+    "@storybook/addon-a11y": 7.0.0-alpha.5
+    "@storybook/addon-actions": 7.0.0-alpha.5
+    "@storybook/addon-backgrounds": 7.0.0-alpha.5
+    "@storybook/addon-controls": 7.0.0-alpha.5
+    "@storybook/addon-docs": 7.0.0-alpha.5
+    "@storybook/addon-interactions": 7.0.0-alpha.5
+    "@storybook/addon-links": 7.0.0-alpha.5
+    "@storybook/addon-storyshots": 7.0.0-alpha.5
+    "@storybook/addon-storysource": 7.0.0-alpha.5
+    "@storybook/addon-viewport": 7.0.0-alpha.5
+    "@storybook/addons": 7.0.0-alpha.5
     "@storybook/jest": ^0.0.5
-    "@storybook/source-loader": 7.0.0-alpha.4
+    "@storybook/source-loader": 7.0.0-alpha.5
     "@storybook/testing-library": ^0.0.12
-    "@storybook/vue": 7.0.0-alpha.4
-    "@storybook/vue-webpack5": 7.0.0-alpha.4
+    "@storybook/vue": 7.0.0-alpha.5
+    "@storybook/vue-webpack5": 7.0.0-alpha.5
     "@vue/babel-preset-jsx": ^1.2.4
     babel-loader: ^8.2.5
     cross-env: ^7.0.3
     file-loader: ^6.2.0
     prop-types: ^15.7.2
-    storybook: 7.0.0-alpha.4
+    storybook: 7.0.0-alpha.5
     svg-url-loader: ^7.1.1
     vue: ^2.6.12
     vue-loader: ^15.9.6