From ee3fe71c2c3c5cb987f40c8d545b5b01e4b45c6b Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 23 Jun 2022 22:46:07 +0200
Subject: [PATCH 001/266] Add step function and support for deeply nested
 interactions

---
 addons/interactions/src/Panel.tsx             | 13 ++++----
 .../src/components/Interaction.stories.tsx    |  2 +-
 .../src/components/Interaction.tsx            | 12 ++++----
 .../src/components/MethodCall.tsx             | 23 ++++++++++++--
 addons/interactions/src/mocks/index.ts        | 12 ++++++--
 lib/instrumenter/src/instrumenter.test.ts     | 30 +++++++++----------
 lib/instrumenter/src/instrumenter.ts          | 30 +++++++++----------
 lib/instrumenter/src/types.ts                 |  8 ++---
 lib/preview-web/package.json                  |  1 +
 lib/preview-web/src/StoryRender.ts            | 11 +++++--
 yarn.lock                                     |  1 +
 11 files changed, 90 insertions(+), 53 deletions(-)

diff --git a/addons/interactions/src/Panel.tsx b/addons/interactions/src/Panel.tsx
index 960687f98956..bc4ce66aa464 100644
--- a/addons/interactions/src/Panel.tsx
+++ b/addons/interactions/src/Panel.tsx
@@ -43,16 +43,19 @@ export const getInteractions = ({
   const callsById = new Map<Call['id'], Call>();
   const childCallMap = new Map<Call['id'], Call['id'][]>();
   return log
-    .filter(({ callId, parentId }) => {
-      if (!parentId) return true;
-      childCallMap.set(parentId, (childCallMap.get(parentId) || []).concat(callId));
-      return !collapsed.has(parentId);
+    .filter(({ callId, ancestors }) => {
+      let visible = true;
+      ancestors.forEach((ancestor) => {
+        if (collapsed.has(ancestor)) visible = false;
+        childCallMap.set(ancestor, (childCallMap.get(ancestor) || []).concat(callId));
+      });
+      return visible;
     })
     .map(({ callId, status }) => ({ ...calls.get(callId), status } as Call))
     .map<Interaction>((call) => {
       const status =
         call.status === CallStates.ERROR &&
-        callsById.get(call.parentId)?.status === CallStates.ACTIVE
+        callsById.get(call.ancestors.slice(-1)[0])?.status === CallStates.ACTIVE
           ? CallStates.ACTIVE
           : call.status;
       callsById.set(call.id, { ...call, status });
diff --git a/addons/interactions/src/components/Interaction.stories.tsx b/addons/interactions/src/components/Interaction.stories.tsx
index 3836267b0803..8ebecd5f383a 100644
--- a/addons/interactions/src/components/Interaction.stories.tsx
+++ b/addons/interactions/src/components/Interaction.stories.tsx
@@ -45,7 +45,7 @@ export const Done: Story = {
 
 export const WithParent: Story = {
   args: {
-    call: { ...getCalls(CallStates.DONE).slice(-1)[0], parentId: 'parent-id' },
+    call: { ...getCalls(CallStates.DONE).slice(-1)[0], ancestors: ['parent-id'] },
   },
 };
 
diff --git a/addons/interactions/src/components/Interaction.tsx b/addons/interactions/src/components/Interaction.tsx
index 609aa3e18569..12d48bfe82f0 100644
--- a/addons/interactions/src/components/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction.tsx
@@ -32,7 +32,7 @@ const RowContainer = styled('div', {
           ? transparentize(0.93, theme.color.negative)
           : theme.background.warning,
     }),
-    paddingLeft: call.parentId ? 20 : 0,
+    paddingLeft: call.ancestors.length * 20,
   }),
   ({ theme, call, pausedAt }) =>
     pausedAt === call.id && {
@@ -56,9 +56,9 @@ const RowContainer = styled('div', {
     }
 );
 
-const RowHeader = styled.div<{ disabled: boolean }>(({ theme, disabled }) => ({
+const RowHeader = styled.div<{ isInteractive: boolean }>(({ theme, isInteractive }) => ({
   display: 'flex',
-  '&:hover': disabled ? {} : { background: theme.background.hoverable },
+  '&:hover': isInteractive ? {} : { background: theme.background.hoverable },
 }));
 
 const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].includes(prop) })<
@@ -144,13 +144,15 @@ export const Interaction = ({
   pausedAt?: Call['id'];
 }) => {
   const [isHovered, setIsHovered] = React.useState(false);
+  const isInteractive = !controlStates.goto || !call.interceptable || !!call.ancestors.length;
+
   return (
     <RowContainer call={call} pausedAt={pausedAt}>
-      <RowHeader disabled={!controlStates.goto || !call.interceptable || !!call.parentId}>
+      <RowHeader isInteractive={isInteractive}>
         <RowLabel
           call={call}
           onClick={() => controls.goto(call.id)}
-          disabled={!controlStates.goto || !call.interceptable || !!call.parentId}
+          disabled={isInteractive}
           onMouseEnter={() => controlStates.goto && setIsHovered(true)}
           onMouseLeave={() => controlStates.goto && setIsHovered(false)}
         >
diff --git a/addons/interactions/src/components/MethodCall.tsx b/addons/interactions/src/components/MethodCall.tsx
index e9a98602e783..bd4ecd8a3174 100644
--- a/addons/interactions/src/components/MethodCall.tsx
+++ b/addons/interactions/src/components/MethodCall.tsx
@@ -1,6 +1,6 @@
 import { ObjectInspector } from '@devtools-ds/object-inspector';
 import { Call, CallRef, ElementRef } from '@storybook/instrumenter';
-import { useTheme } from '@storybook/theming';
+import { color, useTheme } from '@storybook/theming';
 import React, { Fragment, ReactElement } from 'react';
 
 const colorsLight = {
@@ -383,6 +383,22 @@ export const OtherNode = ({ value }: { value: any }) => {
   return <span style={{ color: colors.meta }}>{stringify(value)}</span>;
 };
 
+export const StepNode = ({ label }: { label: string }) => {
+  const colors = useThemeColors();
+  const { typography } = useTheme();
+  return (
+    <span
+      style={{
+        color: colors.base,
+        fontFamily: typography.fonts.base,
+        fontSize: typography.size.s2 - 1,
+      }}
+    >
+      {label}
+    </span>
+  );
+};
+
 export const MethodCall = ({
   call,
   callsById,
@@ -393,7 +409,9 @@ export const MethodCall = ({
   // Call might be undefined during initial render, can be safely ignored.
   if (!call) return null;
 
-  const colors = useThemeColors();
+  if (call.method === 'step' && call.path.length === 0) {
+    return <StepNode label={call.args[0]} />;
+  }
 
   const path = call.path.flatMap((elem, index) => {
     // eslint-disable-next-line no-underscore-dangle
@@ -416,6 +434,7 @@ export const MethodCall = ({
       : [node];
   });
 
+  const colors = useThemeColors();
   return (
     <>
       <span style={{ color: colors.base }}>{path}</span>
diff --git a/addons/interactions/src/mocks/index.ts b/addons/interactions/src/mocks/index.ts
index d42507545332..61600cccb4c0 100644
--- a/addons/interactions/src/mocks/index.ts
+++ b/addons/interactions/src/mocks/index.ts
@@ -6,6 +6,7 @@ export const getCalls = (finalStatus: CallStates) => {
       id: 'story--id [3] within',
       storyId: 'story--id',
       cursor: 3,
+      ancestors: [],
       path: [],
       method: 'within',
       args: [{ __element__: { localName: 'div', id: 'root' } }],
@@ -17,6 +18,7 @@ export const getCalls = (finalStatus: CallStates) => {
       id: 'story--id [4] findByText',
       storyId: 'story--id',
       cursor: 4,
+      ancestors: [],
       path: [{ __callId__: 'story--id [3] within' }],
       method: 'findByText',
       args: ['Click'],
@@ -28,6 +30,7 @@ export const getCalls = (finalStatus: CallStates) => {
       id: 'story--id [5] click',
       storyId: 'story--id',
       cursor: 5,
+      ancestors: [],
       path: ['userEvent'],
       method: 'click',
       args: [{ __element__: { localName: 'button', innerText: 'Click' } }],
@@ -39,6 +42,7 @@ export const getCalls = (finalStatus: CallStates) => {
       id: 'story--id [6] waitFor',
       storyId: 'story--id',
       cursor: 6,
+      ancestors: [],
       path: [],
       method: 'waitFor',
       args: [{ __function__: { name: '' } }],
@@ -48,9 +52,9 @@ export const getCalls = (finalStatus: CallStates) => {
     },
     {
       id: 'story--id [6] waitFor [0] expect',
-      parentId: 'story--id [6] waitFor',
       storyId: 'story--id',
       cursor: 1,
+      ancestors: ['story--id [6] waitFor'],
       path: [],
       method: 'expect',
       args: [{ __function__: { name: 'handleSubmit' } }],
@@ -60,9 +64,9 @@ export const getCalls = (finalStatus: CallStates) => {
     },
     {
       id: 'story--id [6] waitFor [1] stringMatching',
-      parentId: 'story--id [6] waitFor',
       storyId: 'story--id',
       cursor: 2,
+      ancestors: ['story--id [6] waitFor'],
       path: ['expect'],
       method: 'stringMatching',
       args: [{ __regexp__: { flags: 'gi', source: '([A-Z])w+' } }],
@@ -72,9 +76,9 @@ export const getCalls = (finalStatus: CallStates) => {
     },
     {
       id: 'story--id [6] waitFor [2] toHaveBeenCalledWith',
-      parentId: 'story--id [6] waitFor',
       storyId: 'story--id',
       cursor: 3,
+      ancestors: ['story--id [6] waitFor'],
       path: [{ __callId__: 'story--id [6] waitFor [0] expect' }],
       method: 'toHaveBeenCalledWith',
       args: [{ __callId__: 'story--id [6] waitFor [1] stringMatching', retain: false }],
@@ -86,6 +90,7 @@ export const getCalls = (finalStatus: CallStates) => {
       id: 'story--id [7] expect',
       storyId: 'story--id',
       cursor: 7,
+      ancestors: [],
       path: [],
       method: 'expect',
       args: [{ __function__: { name: 'handleReset' } }],
@@ -97,6 +102,7 @@ export const getCalls = (finalStatus: CallStates) => {
       id: 'story--id [8] toHaveBeenCalled',
       storyId: 'story--id',
       cursor: 8,
+      ancestors: [],
       path: [{ __callId__: 'story--id [7] expect' }, 'not'],
       method: 'toHaveBeenCalled',
       args: [],
diff --git a/lib/instrumenter/src/instrumenter.test.ts b/lib/instrumenter/src/instrumenter.test.ts
index 5c8025c03dc9..277be46a0167 100644
--- a/lib/instrumenter/src/instrumenter.test.ts
+++ b/lib/instrumenter/src/instrumenter.test.ts
@@ -140,7 +140,7 @@ describe('Instrumenter', () => {
         method: 'fn',
         interceptable: false,
         status: 'done',
-        parentId: undefined,
+        ancestors: [],
       })
     );
   });
@@ -216,28 +216,28 @@ describe('Instrumenter', () => {
     });
     fn5();
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [0] fn1', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [0] fn1', ancestors: [] })
     );
     expect(callSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'kind--story [0] fn1 [0] fn2',
-        parentId: 'kind--story [0] fn1',
+        ancestors: ['kind--story [0] fn1'],
       })
     );
     expect(callSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'kind--story [0] fn1 [0] fn2 [0] fn3',
-        parentId: 'kind--story [0] fn1 [0] fn2',
+        ancestors: ['kind--story [0] fn1 [0] fn2'],
       })
     );
     expect(callSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'kind--story [0] fn1 [1] fn4',
-        parentId: 'kind--story [0] fn1',
+        ancestors: ['kind--story [0] fn1'],
       })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [1] fn5', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [1] fn5', ancestors: [] })
     );
   });
 
@@ -247,16 +247,16 @@ describe('Instrumenter', () => {
     await fn1(() => fn2());
     await fn3();
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [0] fn1', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [0] fn1', ancestors: [] })
     );
     expect(callSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'kind--story [0] fn1 [0] fn2',
-        parentId: 'kind--story [0] fn1',
+        ancestors: ['kind--story [0] fn1'],
       })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [1] fn3', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [1] fn3', ancestors: [] })
     );
   });
 
@@ -294,8 +294,8 @@ describe('Instrumenter', () => {
     expect(syncSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         logItems: [
-          { callId: 'kind--story [2] fn2', status: 'done' },
-          { callId: 'kind--story [3] fn', status: 'done' },
+          { callId: 'kind--story [2] fn2', status: 'done', ancestors: [] },
+          { callId: 'kind--story [3] fn', status: 'done', ancestors: [] },
         ],
       })
     );
@@ -388,8 +388,8 @@ describe('Instrumenter', () => {
       expect(syncSpy).toHaveBeenCalledWith(
         expect.objectContaining({
           logItems: [
-            { callId: 'kind--story [0] fn1', status: 'done' },
-            { callId: 'kind--story [1] fn2', status: 'done' },
+            { callId: 'kind--story [0] fn1', status: 'done', ancestors: [] },
+            { callId: 'kind--story [1] fn2', status: 'done', ancestors: [] },
           ],
         })
       );
@@ -405,11 +405,11 @@ describe('Instrumenter', () => {
       expect(syncSpy).toHaveBeenCalledWith(
         expect.objectContaining({
           logItems: [
-            { callId: 'kind--story [0] fn1', status: 'done' },
+            { callId: 'kind--story [0] fn1', status: 'done', ancestors: [] },
             {
               callId: 'kind--story [0] fn1 [0] fn2',
               status: 'done',
-              parentId: 'kind--story [0] fn1',
+              ancestors: ['kind--story [0] fn1'],
             },
           ],
         })
diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index 71170dcfc278..16562248790b 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -69,7 +69,7 @@ const getInitialState = (): State => ({
   shadowCalls: [],
   callRefsByResult: new Map(),
   chainedCallIds: new Set<Call['id']>(),
-  parentId: undefined,
+  ancestors: [],
   playUntil: undefined,
   resolvers: {},
   syncTimeout: undefined,
@@ -177,7 +177,7 @@ export class Instrumenter {
             playUntil ||
             shadowCalls
               .slice(0, firstRowIndex)
-              .filter((call) => call.interceptable && !call.parentId)
+              .filter((call) => call.interceptable && !call.ancestors.length)
               .slice(-1)[0]?.id,
         };
       });
@@ -187,7 +187,7 @@ export class Instrumenter {
     };
 
     const back = ({ storyId }: { storyId: string }) => {
-      const log = this.getLog(storyId).filter((call) => !call.parentId);
+      const log = this.getLog(storyId).filter((call) => !call.ancestors.length);
       const last = log.reduceRight((res, item, index) => {
         if (res >= 0 || item.status === CallStates.WAITING) return res;
         return index;
@@ -275,7 +275,7 @@ export class Instrumenter {
         }
       });
       if ((call.interceptable || call.exception) && !seen.has(call.id)) {
-        acc.unshift({ callId: call.id, status: call.status, parentId: call.parentId });
+        acc.unshift({ callId: call.id, status: call.status, ancestors: call.ancestors });
         seen.add(call.id);
       }
       return acc;
@@ -332,13 +332,13 @@ export class Instrumenter {
   track(method: string, fn: Function, args: any[], options: Options) {
     const storyId: StoryId =
       args?.[0]?.__storyId__ || global.window.__STORYBOOK_PREVIEW__?.urlStore?.selection?.storyId;
-    const { cursor, parentId } = this.getState(storyId);
+    const { cursor, ancestors } = this.getState(storyId);
     this.setState(storyId, { cursor: cursor + 1 });
-    const id = `${parentId || storyId} [${cursor}] ${method}`;
+    const id = `${ancestors.slice(-1)[0] || storyId} [${cursor}] ${method}`;
     const { path = [], intercept = false, retain = false } = options;
     const interceptable = typeof intercept === 'function' ? intercept(method, path) : intercept;
-    const call: Call = { id, parentId, storyId, cursor, path, method, args, interceptable, retain };
-    const interceptOrInvoke = interceptable && !parentId ? this.intercept : this.invoke;
+    const call = { id, cursor, storyId, ancestors, path, method, args, interceptable, retain };
+    const interceptOrInvoke = interceptable && !ancestors.length ? this.intercept : this.invoke;
     const result = interceptOrInvoke.call(this, fn, call, options);
     return this.instrument(result, { ...options, mutate: true, path: [{ __callId__: call.id }] });
   }
@@ -449,7 +449,7 @@ export class Instrumenter {
         }));
 
         // Exceptions inside callbacks should bubble up to the parent call.
-        if (call.parentId) {
+        if (call.ancestors.length) {
           Object.defineProperty(e, 'callId', { value: call.id });
           throw e;
         }
@@ -481,15 +481,15 @@ export class Instrumenter {
         if (typeof arg !== 'function' || Object.keys(arg).length) return arg;
 
         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 });
+          // Set the cursor and ancestors for calls that happen inside the callback.
+          const { cursor, ancestors } = this.getState(call.storyId);
+          this.setState(call.storyId, { cursor: 0, ancestors: [...ancestors, call.id] });
+          const restore = () => this.setState(call.storyId, { cursor, ancestors });
 
           // Invoke the actual callback function.
           const res = arg(...args);
 
-          // Reset cursor and parentId to their original values before we entered the callback.
+          // Reset cursor and ancestors to their original values before we entered the callback.
           if (res instanceof Promise) res.then(restore, restore);
           else restore();
 
@@ -553,7 +553,7 @@ export class Instrumenter {
     const { isLocked, isPlaying } = this.getState(storyId);
     const logItems: LogItem[] = this.getLog(storyId);
     const pausedAt = logItems
-      .filter(({ parentId }) => !parentId)
+      .filter(({ ancestors }) => !ancestors.length)
       .find((item) => item.status === CallStates.WAITING)?.callId;
 
     const hasActive = logItems.some((item) => item.status === CallStates.ACTIVE);
diff --git a/lib/instrumenter/src/types.ts b/lib/instrumenter/src/types.ts
index e9cca7003547..2b9edab63de4 100644
--- a/lib/instrumenter/src/types.ts
+++ b/lib/instrumenter/src/types.ts
@@ -2,9 +2,9 @@ import type { StoryId } from '@storybook/addons';
 
 export interface Call {
   id: string;
-  parentId?: Call['id'];
-  storyId: StoryId;
   cursor: number;
+  storyId: StoryId;
+  ancestors: Call['id'][];
   path: Array<string | CallRef>;
   method: string;
   args: any[];
@@ -52,7 +52,7 @@ export interface ControlStates {
 export interface LogItem {
   callId: Call['id'];
   status: Call['status'];
-  parentId?: Call['id'];
+  ancestors: Call['id'][];
 }
 
 export interface Payload {
@@ -70,7 +70,7 @@ export interface State {
   shadowCalls: Call[];
   callRefsByResult: Map<any, CallRef & { retain: boolean }>;
   chainedCallIds: Set<Call['id']>;
-  parentId?: Call['id'];
+  ancestors: Call['id'][];
   playUntil?: Call['id'];
   resolvers: Record<Call['id'], Function>;
   syncTimeout: ReturnType<typeof setTimeout>;
diff --git a/lib/preview-web/package.json b/lib/preview-web/package.json
index bde7870db102..96808a2fc038 100644
--- a/lib/preview-web/package.json
+++ b/lib/preview-web/package.json
@@ -45,6 +45,7 @@
     "@storybook/client-logger": "7.0.0-alpha.10",
     "@storybook/core-events": "7.0.0-alpha.10",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
+    "@storybook/instrumenter": "7.0.0-alpha.10",
     "@storybook/store": "7.0.0-alpha.10",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
diff --git a/lib/preview-web/src/StoryRender.ts b/lib/preview-web/src/StoryRender.ts
index e49e89903abf..d4e9eea8ac68 100644
--- a/lib/preview-web/src/StoryRender.ts
+++ b/lib/preview-web/src/StoryRender.ts
@@ -20,6 +20,7 @@ import {
   STORY_RENDERED,
   PLAY_FUNCTION_THREW_EXCEPTION,
 } from '@storybook/core-events';
+import { instrument } from '@storybook/instrumenter';
 
 const { AbortController } = global;
 
@@ -242,9 +243,13 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
       if (forceRemount && playFunction && this.phase !== 'errored') {
         this.disableKeyListeners = true;
         try {
-          await this.runPhase(abortSignal, 'playing', async () => {
-            await playFunction(renderContext.storyContext);
-          });
+          const { step } = instrument(
+            { step: async (label: string, callback: () => any) => callback() },
+            { intercept: true }
+          );
+          await this.runPhase(abortSignal, 'playing', async () =>
+            playFunction({ ...renderContext.storyContext, step })
+          );
           await this.runPhase(abortSignal, 'played');
         } catch (error) {
           logger.error(error);
diff --git a/yarn.lock b/yarn.lock
index c7eb673c6355..625b99d3e645 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9108,6 +9108,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.10
     "@storybook/core-events": 7.0.0-alpha.10
     "@storybook/csf": 0.0.2--canary.4566f4d.1
+    "@storybook/instrumenter": 7.0.0-alpha.10
     "@storybook/store": 7.0.0-alpha.10
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2

From 9c427fe8a9c1bb4da80bcf9c74c3f269eb45d83a Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 23 Jun 2022 23:01:50 +0200
Subject: [PATCH 002/266] Fix bubbling multiple levels

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

diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index 16562248790b..dc9a1f0b2a0e 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -450,7 +450,9 @@ export class Instrumenter {
 
         // Exceptions inside callbacks should bubble up to the parent call.
         if (call.ancestors.length) {
-          Object.defineProperty(e, 'callId', { value: call.id });
+          if (!Object.prototype.hasOwnProperty.call(e, 'callId')) {
+            Object.defineProperty(e, 'callId', { value: call.id });
+          }
           throw e;
         }
 

From fc1d62d2d633a144e6cc38311b7b6b3a5fad3660 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 24 Jun 2022 09:17:14 +0200
Subject: [PATCH 003/266] Refactor stories to use step function

---
 .../addon-interactions.stories.tsx            | 104 ++++++++++++------
 1 file changed, 69 insertions(+), 35 deletions(-)

diff --git a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx b/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
index 3a4ad4e71704..2fb00e6feea5 100644
--- a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
+++ b/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable jest/no-standalone-expect */
 import { Story as CSF2Story, Meta, ComponentStoryObj } from '@storybook/react';
 import { expect } from '@storybook/jest';
 import {
@@ -120,38 +121,51 @@ export const Standard: CSF3Story = {
   args: { passwordVerification: false },
 };
 
-export const StandardEmailFilled: CSF3Story = {
+export const StandardEmailFilled = {
   ...Standard,
-  play: async ({ canvasElement }) => {
+  play: async ({ canvasElement, step }) => {
     const canvas = within(canvasElement);
-    await fireEvent.change(canvas.getByTestId('email'), {
-      target: {
-        value: 'michael@chromatic.com',
-      },
+
+    await step('Enter email', async () => {
+      await fireEvent.change(canvas.getByTestId('email'), {
+        target: { value: 'michael@chromatic.com' },
+      });
     });
   },
 };
 
-export const StandardEmailFailed: CSF3Story = {
+export const StandardEmailFailed = {
   ...Standard,
-  play: async ({ args, canvasElement }) => {
+  play: async ({ args, canvasElement, step }) => {
     const canvas = within(canvasElement);
-    await userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
-    await userEvent.type(canvas.getByTestId('password1'), 'supersecret');
-    await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
+
+    await step('Enter email and password', async () => {
+      await userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
+      await userEvent.type(canvas.getByTestId('password1'), 'supersecret');
+    });
+
+    await step('Submit form', async () => {
+      await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
+    });
 
     await canvas.findByText('Please enter a correctly formatted email address');
     await expect(args.onSubmit).not.toHaveBeenCalled();
   },
 };
 
-export const StandardEmailSuccess: CSF3Story = {
+export const StandardEmailSuccess = {
   ...Standard,
-  play: async ({ args, canvasElement }) => {
+  play: async ({ args, canvasElement, step }) => {
     const canvas = within(canvasElement);
-    await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
-    await userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
-    await userEvent.click(canvas.getByTestId('submit'));
+
+    await step('Enter email and password', async () => {
+      await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
+      await userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
+    });
+
+    await step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
 
     await waitFor(async () => {
       await expect(args.onSubmit).toHaveBeenCalledTimes(1);
@@ -163,17 +177,23 @@ export const StandardEmailSuccess: CSF3Story = {
   },
 };
 
-export const StandardPasswordFailed: CSF3Story = {
+export const StandardPasswordFailed = {
   ...Standard,
   play: async (context) => {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
-    await userEvent.type(canvas.getByTestId('password1'), 'asdf');
-    await userEvent.click(canvas.getByTestId('submit'));
+
+    await context.step('Enter password', async () => {
+      await userEvent.type(canvas.getByTestId('password1'), 'asdf');
+    });
+
+    await context.step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
   },
 };
 
-export const StandardFailHover: CSF3Story = {
+export const StandardFailHover = {
   ...StandardPasswordFailed,
   play: async (context) => {
     const canvas = within(context.canvasElement);
@@ -184,42 +204,56 @@ export const StandardFailHover: CSF3Story = {
   },
 };
 
-export const Verification: CSF3Story = {
+export const Verification = {
   args: { passwordVerification: true },
   argTypes: { onSubmit: { action: 'clicked' } },
 };
 
-export const VerificationPassword: CSF3Story = {
+export const VerificationPassword = {
   ...Verification,
   play: async (context) => {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
-    await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
-    await userEvent.click(canvas.getByTestId('submit'));
+    await context.step('Enter password', async () => {
+      await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
+    });
+    await context.step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
   },
 };
 
-export const VerificationPasswordMismatch: CSF3Story = {
+export const VerificationPasswordMismatch = {
   ...Verification,
   play: async (context) => {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
-    await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
-    await userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
-    await userEvent.click(canvas.getByTestId('submit'));
+    await context.step('Enter passwords', async () => {
+      await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
+      await userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
+    });
+    await context.step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
   },
 };
 
-export const VerificationSuccess: CSF3Story = {
+export const VerificationSuccess = {
   ...Verification,
   play: async (context) => {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.type(canvas.getByTestId('password1'), 'helloyou', { delay: 50 });
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.type(canvas.getByTestId('password2'), 'helloyou', { delay: 50 });
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.click(canvas.getByTestId('submit'));
+
+    await context.step('Enter passwords', async () => {
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await userEvent.type(canvas.getByTestId('password1'), 'helloyou', { delay: 50 });
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await userEvent.type(canvas.getByTestId('password2'), 'helloyou', { delay: 50 });
+    });
+
+    await context.step('Submit form', async () => {
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
   },
 };

From b2a18cf256eca1435b63def39bbf3d6f5f9ccd04 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 24 Jun 2022 09:36:01 +0200
Subject: [PATCH 004/266] Pull example stories into their own file

---
 addons/interactions/src/Examples.stories.tsx  | 126 ++++++++++++++++++
 .../addon-interactions.stories.tsx            | 101 +-------------
 2 files changed, 128 insertions(+), 99 deletions(-)
 create mode 100644 addons/interactions/src/Examples.stories.tsx

diff --git a/addons/interactions/src/Examples.stories.tsx b/addons/interactions/src/Examples.stories.tsx
new file mode 100644
index 000000000000..79618730b304
--- /dev/null
+++ b/addons/interactions/src/Examples.stories.tsx
@@ -0,0 +1,126 @@
+/* eslint-disable jest/no-standalone-expect */
+import { Story, Meta } from '@storybook/react';
+import { expect } from '@storybook/jest';
+import { within, waitFor, userEvent, waitForElementToBeRemoved } from '@storybook/testing-library';
+import React from 'react';
+
+export default {
+  title: 'Addons/Interactions/Examples',
+  parameters: {
+    layout: 'centered',
+    theme: 'light',
+    options: { selectedPanel: 'storybook/interactions/panel' },
+  },
+  argTypes: {
+    onSubmit: { action: true },
+  },
+} as Meta;
+
+export const Assertions: Story = ({ onSubmit }) => (
+  <button type="button" onClick={() => onSubmit('clicked')}>
+    Click
+  </button>
+);
+Assertions.play = async ({ args, canvasElement }) => {
+  await userEvent.click(within(canvasElement).getByRole('button'));
+  await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
+  await expect([{ name: 'John', age: 42 }]).toEqual(
+    expect.arrayContaining([
+      expect.objectContaining({ name: 'John' }),
+      expect.objectContaining({ age: 42 }),
+    ])
+  );
+};
+
+export const FindBy: Story = () => {
+  const [isLoading, setIsLoading] = React.useState(true);
+  React.useEffect(() => {
+    setTimeout(() => setIsLoading(false), 500);
+  }, []);
+  return isLoading ? <div>Loading...</div> : <button type="button">Loaded!</button>;
+};
+FindBy.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  await canvas.findByRole('button');
+  await expect(true).toBe(true);
+};
+
+export const WaitFor: Story = ({ onSubmit }) => (
+  <button type="button" onClick={() => setTimeout(() => onSubmit('clicked'), 100)}>
+    Click
+  </button>
+);
+WaitFor.play = async ({ args, canvasElement }) => {
+  await userEvent.click(await within(canvasElement).findByText('Click'));
+  await waitFor(async () => {
+    await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
+    await expect(true).toBe(true);
+  });
+};
+
+export const WaitForElementToBeRemoved: Story = () => {
+  const [isLoading, setIsLoading] = React.useState(true);
+  React.useEffect(() => {
+    setTimeout(() => setIsLoading(false), 1500);
+  }, []);
+  return isLoading ? <div>Loading...</div> : <button type="button">Loaded!</button>;
+};
+WaitForElementToBeRemoved.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  await waitForElementToBeRemoved(await canvas.findByText('Loading...'), { timeout: 2000 });
+  const button = await canvas.findByText('Loaded!');
+  await expect(button).not.toBeNull();
+};
+
+export const WithLoaders: Story = ({ onSubmit }, { loaded: { todo } }) => {
+  return (
+    <button type="button" onClick={onSubmit(todo.title)}>
+      Todo: {todo.title}
+    </button>
+  );
+};
+WithLoaders.loaders = [
+  async () => {
+    // long fake timeout
+    await new Promise((resolve) => setTimeout(resolve, 2000));
+
+    return {
+      todo: {
+        userId: 1,
+        id: 1,
+        title: 'delectus aut autem',
+        completed: false,
+      },
+    };
+  },
+];
+WithLoaders.play = async ({ args, canvasElement }) => {
+  const canvas = within(canvasElement);
+  const todoItem = await canvas.findByText('Todo: delectus aut autem');
+  await userEvent.click(todoItem);
+  await expect(args.onSubmit).toHaveBeenCalledWith('delectus aut autem');
+};
+
+export const WithSteps: Story = ({ onSubmit }) => (
+  <button type="button" onClick={() => onSubmit('clicked')}>
+    Click
+  </button>
+);
+WithSteps.play = async ({ args, canvasElement, step }) => {
+  step('Click button', async () => {
+    await userEvent.click(within(canvasElement).getByRole('button'));
+
+    step('Verify submit', async () => {
+      await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
+    });
+
+    step('Verify result', async () => {
+      await expect([{ name: 'John', age: 42 }]).toEqual(
+        expect.arrayContaining([
+          expect.objectContaining({ name: 'John' }),
+          expect.objectContaining({ age: 42 }),
+        ])
+      );
+    });
+  });
+};
diff --git a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx b/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
index 2fb00e6feea5..6d835dffa1b7 100644
--- a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
+++ b/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
@@ -1,14 +1,7 @@
 /* eslint-disable jest/no-standalone-expect */
-import { Story as CSF2Story, Meta, ComponentStoryObj } from '@storybook/react';
+import { Meta, ComponentStoryObj } from '@storybook/react';
 import { expect } from '@storybook/jest';
-import {
-  within,
-  waitFor,
-  fireEvent,
-  userEvent,
-  waitForElementToBeRemoved,
-} from '@storybook/testing-library';
-import React from 'react';
+import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
 
 import { AccountForm } from './AccountForm';
 
@@ -27,96 +20,6 @@ export default {
 
 type CSF3Story = ComponentStoryObj<typeof AccountForm>;
 
-export const Demo: CSF2Story = (args) => (
-  <button type="button" onClick={() => args.onSubmit('clicked')}>
-    Click
-  </button>
-);
-
-Demo.play = async ({ args, canvasElement }) => {
-  await userEvent.click(within(canvasElement).getByRole('button'));
-  await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
-  await expect([{ name: 'John', age: 42 }]).toEqual(
-    expect.arrayContaining([
-      expect.objectContaining({ name: 'John' }),
-      expect.objectContaining({ age: 42 }),
-    ])
-  );
-};
-
-export const Exception = Demo.bind({});
-Exception.play = () => Demo.play(undefined as any); // deepscan-disable-line
-Exception.parameters = { chromatic: { disableSnapshot: true } };
-
-export const FindBy: CSF2Story = (args) => {
-  const [isLoading, setIsLoading] = React.useState(true);
-  React.useEffect(() => {
-    setTimeout(() => setIsLoading(false), 500);
-  }, []);
-  return isLoading ? <div>Loading...</div> : <button type="button">Loaded!</button>;
-};
-FindBy.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  await canvas.findByRole('button');
-  await expect(true).toBe(true);
-};
-
-export const WaitFor: CSF2Story = (args) => (
-  <button type="button" onClick={() => setTimeout(() => args.onSubmit('clicked'), 100)}>
-    Click
-  </button>
-);
-WaitFor.play = async ({ args, canvasElement }) => {
-  await userEvent.click(await within(canvasElement).findByText('Click'));
-  await waitFor(async () => {
-    await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
-    await expect(true).toBe(true);
-  });
-};
-
-export const WaitForElementToBeRemoved: CSF2Story = () => {
-  const [isLoading, setIsLoading] = React.useState(true);
-  React.useEffect(() => {
-    setTimeout(() => setIsLoading(false), 1500);
-  }, []);
-  return isLoading ? <div>Loading...</div> : <button type="button">Loaded!</button>;
-};
-WaitForElementToBeRemoved.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  await waitForElementToBeRemoved(await canvas.findByText('Loading...'), { timeout: 2000 });
-  const button = await canvas.findByText('Loaded!');
-  await expect(button).not.toBeNull();
-};
-
-export const WithLoaders: CSF2Story = (args, { loaded: { todo } }) => {
-  return (
-    <button type="button" onClick={args.onSubmit(todo.title)}>
-      Todo: {todo.title}
-    </button>
-  );
-};
-WithLoaders.loaders = [
-  async () => {
-    // long fake timeout
-    await new Promise((resolve) => setTimeout(resolve, 2000));
-
-    return {
-      todo: {
-        userId: 1,
-        id: 1,
-        title: 'delectus aut autem',
-        completed: false,
-      },
-    };
-  },
-];
-WithLoaders.play = async ({ args, canvasElement }) => {
-  const canvas = within(canvasElement);
-  const todoItem = await canvas.findByText('Todo: delectus aut autem');
-  await userEvent.click(todoItem);
-  await expect(args.onSubmit).toHaveBeenCalledWith('delectus aut autem');
-};
-
 export const Standard: CSF3Story = {
   args: { passwordVerification: false },
 };

From 884e410552607de4617b9626e26a2b9a78aa7ff0 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 24 Jun 2022 09:59:26 +0200
Subject: [PATCH 005/266] Move examples to separate directory

---
 .../addon-interactions.stories.mdx            | 33 -------------------
 .../AccountFormInteractions.stories.mdx       | 31 +++++++++++++++++
 .../AccountFormInteractions.stories.tsx}      |  4 +--
 .../AccountFormInteractions.tsx}              |  0
 .../src/{ => examples}/Examples.stories.tsx   |  0
 5 files changed, 33 insertions(+), 35 deletions(-)
 delete mode 100644 addons/interactions/src/components/AccountForm/addon-interactions.stories.mdx
 create mode 100644 addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.mdx
 rename addons/interactions/src/{components/AccountForm/addon-interactions.stories.tsx => examples/AccountFormInteractions/AccountFormInteractions.stories.tsx} (97%)
 rename addons/interactions/src/{components/AccountForm/AccountForm.tsx => examples/AccountFormInteractions/AccountFormInteractions.tsx} (100%)
 rename addons/interactions/src/{ => examples}/Examples.stories.tsx (100%)

diff --git a/addons/interactions/src/components/AccountForm/addon-interactions.stories.mdx b/addons/interactions/src/components/AccountForm/addon-interactions.stories.mdx
deleted file mode 100644
index 1930000cc9a1..000000000000
--- a/addons/interactions/src/components/AccountForm/addon-interactions.stories.mdx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Meta, Canvas, Story } from '@storybook/addon-docs';
-import { expect } from '@storybook/jest';
-import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
-
-import { AccountForm } from './AccountForm';
-
-<Meta
-  title="Addons/Interactions/Mdx"
-  component={AccountForm}
-  parameters={{ layout: 'centered', theme: 'light' }}
-  argTypes={{
-    onSubmit: { action: true },
-  }}
-/>
-
-## AccountForm
-
-<Canvas>
-  <Story
-    name="StandardEmailFilled"
-    args={{
-      passwordVerification: false,
-    }}
-    play={async (context) => {
-      const { args, canvasElement } = context
-      const canvas = within(canvasElement)
-      
-      await userEvent.type(canvas.getByTestId('email'), 'username@email.com')
-      await userEvent.type(canvas.getByTestId('password1'), 'thepassword')
-      await userEvent.click(canvas.getByRole('button', { name: /create account/i }))
-      expect(args.onSubmit).not.toHaveBeenCalled()
-    }}/>
-</Canvas>
diff --git a/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.mdx b/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.mdx
new file mode 100644
index 000000000000..4c97235008e3
--- /dev/null
+++ b/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.mdx
@@ -0,0 +1,31 @@
+import { Meta, Canvas, Story } from '@storybook/addon-docs';
+import { expect } from '@storybook/jest';
+import { within, waitFor, fireEvent, userEvent, screen } from '@storybook/testing-library';
+
+import { AccountForm } from './AccountFormInteractions';
+
+<Meta
+  title="Addons/Interactions/Examples/AccountForm MDX"
+  component={AccountForm}
+  parameters={{ layout: 'centered', theme: 'light' }}
+  argTypes={{
+    onSubmit: { action: true },
+  }}
+/>
+
+## AccountForm
+
+<Canvas>
+  <Story
+    name="StandardEmailFilled"
+    args={{
+      passwordVerification: false,
+    }}
+    play={async ({ args }) => {
+      await userEvent.type(screen.getByTestId('email'), 'username@email.com');
+      await userEvent.type(screen.getByTestId('password1'), 'thepassword');
+      await userEvent.click(screen.getByRole('button', { name: /create account/i }));
+      await expect(args.onSubmit).not.toHaveBeenCalled();
+    }}
+  />
+</Canvas>
diff --git a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx b/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
similarity index 97%
rename from addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
rename to addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
index 6d835dffa1b7..34f84115113c 100644
--- a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
+++ b/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
@@ -3,10 +3,10 @@ import { Meta, ComponentStoryObj } from '@storybook/react';
 import { expect } from '@storybook/jest';
 import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
 
-import { AccountForm } from './AccountForm';
+import { AccountForm } from './AccountFormInteractions';
 
 export default {
-  title: 'Addons/Interactions/AccountForm',
+  title: 'Addons/Interactions/Examples/AccountForm',
   component: AccountForm,
   parameters: {
     layout: 'centered',
diff --git a/addons/interactions/src/components/AccountForm/AccountForm.tsx b/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.tsx
similarity index 100%
rename from addons/interactions/src/components/AccountForm/AccountForm.tsx
rename to addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.tsx
diff --git a/addons/interactions/src/Examples.stories.tsx b/addons/interactions/src/examples/Examples.stories.tsx
similarity index 100%
rename from addons/interactions/src/Examples.stories.tsx
rename to addons/interactions/src/examples/Examples.stories.tsx

From 890d94a4e101af83785f3b8e698ed47463e4fc92 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 24 Jun 2022 10:52:11 +0200
Subject: [PATCH 006/266] Stories for step function

---
 .../components/InteractionsPanel.stories.tsx  |  2 +-
 .../src/components/MethodCall.stories.tsx     | 21 ++++++++++++
 addons/interactions/src/mocks/index.ts        | 33 +++++++++++--------
 3 files changed, 42 insertions(+), 14 deletions(-)

diff --git a/addons/interactions/src/components/InteractionsPanel.stories.tsx b/addons/interactions/src/components/InteractionsPanel.stories.tsx
index 2d6e088674be..f46faeca93cd 100644
--- a/addons/interactions/src/components/InteractionsPanel.stories.tsx
+++ b/addons/interactions/src/components/InteractionsPanel.stories.tsx
@@ -120,7 +120,7 @@ export const Failed: Story = {
   },
 };
 
-export const WithDebuggingDisabled: Story = {
+export const NoDebugger: Story = {
   args: { controlStates: { ...SubnavStories.args.controlStates, debugger: false } },
 };
 
diff --git a/addons/interactions/src/components/MethodCall.stories.tsx b/addons/interactions/src/components/MethodCall.stories.tsx
index b65001b4e1cb..953a9e6adbb6 100644
--- a/addons/interactions/src/components/MethodCall.stories.tsx
+++ b/addons/interactions/src/components/MethodCall.stories.tsx
@@ -57,6 +57,7 @@ export const Args = () => (
     />
     <Node value={{ __class__: { name: 'FooBar' } }} />
     <Node value={{ __function__: { name: 'goFaster' } }} />
+    <Node value={{ __function__: { name: '' } }} />
     <Node value={{ __element__: { localName: 'hr' } }} />
     <Node value={{ __element__: { localName: 'foo', prefix: 'x' } }} />
     <Node value={{ __element__: { localName: 'div', id: 'foo' } }} />
@@ -99,6 +100,7 @@ const calls: Call[] = [
   {
     cursor: 0,
     id: '1',
+    ancestors: [],
     path: ['screen'],
     method: 'getByText',
     storyId: 'kind--story',
@@ -109,6 +111,7 @@ const calls: Call[] = [
   {
     cursor: 1,
     id: '2',
+    ancestors: [],
     path: ['userEvent'],
     method: 'click',
     storyId: 'kind--story',
@@ -119,6 +122,7 @@ const calls: Call[] = [
   {
     cursor: 2,
     id: '3',
+    ancestors: [],
     path: [],
     method: 'expect',
     storyId: 'kind--story',
@@ -129,6 +133,7 @@ const calls: Call[] = [
   {
     cursor: 3,
     id: '4',
+    ancestors: [],
     path: [{ __callId__: '3' }, 'not'],
     method: 'toBe',
     storyId: 'kind--story',
@@ -139,6 +144,7 @@ const calls: Call[] = [
   {
     cursor: 4,
     id: '5',
+    ancestors: [],
     path: ['jest'],
     method: 'fn',
     storyId: 'kind--story',
@@ -149,6 +155,7 @@ const calls: Call[] = [
   {
     cursor: 5,
     id: '6',
+    ancestors: [],
     path: [],
     method: 'expect',
     storyId: 'kind--story',
@@ -159,6 +166,7 @@ const calls: Call[] = [
   {
     cursor: 6,
     id: '7',
+    ancestors: [],
     path: ['expect'],
     method: 'stringMatching',
     storyId: 'kind--story',
@@ -169,6 +177,7 @@ const calls: Call[] = [
   {
     cursor: 7,
     id: '8',
+    ancestors: [],
     path: [{ __callId__: '6' }, 'not'],
     method: 'toHaveBeenCalledWith',
     storyId: 'kind--story',
@@ -182,6 +191,17 @@ const calls: Call[] = [
     interceptable: false,
     retain: false,
   },
+  {
+    cursor: 8,
+    id: '9',
+    ancestors: [],
+    path: [],
+    method: 'step',
+    storyId: 'kind--story',
+    args: ['Custom step label', { __function__: { name: '' } }],
+    interceptable: true,
+    retain: false,
+  },
 ];
 
 const callsById = calls.reduce((acc, call) => {
@@ -189,6 +209,7 @@ const callsById = calls.reduce((acc, call) => {
   return acc;
 }, new Map<Call['id'], Call>());
 
+export const Step = () => <MethodCall call={callsById.get('9')} callsById={callsById} />;
 export const Simple = () => <MethodCall call={callsById.get('1')} callsById={callsById} />;
 export const Nested = () => <MethodCall call={callsById.get('2')} callsById={callsById} />;
 export const Chained = () => <MethodCall call={callsById.get('4')} callsById={callsById} />;
diff --git a/addons/interactions/src/mocks/index.ts b/addons/interactions/src/mocks/index.ts
index 61600cccb4c0..14066c7a0149 100644
--- a/addons/interactions/src/mocks/index.ts
+++ b/addons/interactions/src/mocks/index.ts
@@ -3,11 +3,23 @@ import { CallStates, Call } from '@storybook/instrumenter';
 export const getCalls = (finalStatus: CallStates) => {
   const calls: Call[] = [
     {
-      id: 'story--id [3] within',
+      id: 'story--id [3] step',
       storyId: 'story--id',
-      cursor: 3,
+      cursor: 1,
       ancestors: [],
       path: [],
+      method: 'step',
+      args: ['Click button', { __function__: { name: '' } }],
+      interceptable: true,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [3] step [1] within',
+      storyId: 'story--id',
+      cursor: 3,
+      ancestors: ['story--id [3] step'],
+      path: [],
       method: 'within',
       args: [{ __element__: { localName: 'div', id: 'root' } }],
       interceptable: false,
@@ -15,11 +27,11 @@ export const getCalls = (finalStatus: CallStates) => {
       status: CallStates.DONE,
     },
     {
-      id: 'story--id [4] findByText',
+      id: 'story--id [3] step [2] findByText',
       storyId: 'story--id',
       cursor: 4,
-      ancestors: [],
-      path: [{ __callId__: 'story--id [3] within' }],
+      ancestors: ['story--id [3] step'],
+      path: [{ __callId__: 'story--id [3] step [1] within' }],
       method: 'findByText',
       args: ['Click'],
       interceptable: true,
@@ -27,10 +39,10 @@ export const getCalls = (finalStatus: CallStates) => {
       status: CallStates.DONE,
     },
     {
-      id: 'story--id [5] click',
+      id: 'story--id [3] step [3] click',
       storyId: 'story--id',
       cursor: 5,
-      ancestors: [],
+      ancestors: ['story--id [3] step'],
       path: ['userEvent'],
       method: 'click',
       args: [{ __element__: { localName: 'button', innerText: 'Click' } }],
@@ -127,9 +139,4 @@ export const getCalls = (finalStatus: CallStates) => {
 export const getInteractions = (finalStatus: CallStates) =>
   getCalls(finalStatus)
     .filter((call) => call.interceptable)
-    .map((call, _, calls) => ({
-      ...call,
-      childCallIds: calls.filter((c) => c.parentId === call.id).map((c) => c.id),
-      isCollapsed: false,
-      toggleCollapsed: () => {},
-    }));
+    .map((call) => ({ ...call, childCallIds: [], isCollapsed: false, toggleCollapsed: () => {} }));

From b64677450b9e8f0371fe9309daef4a2fff066bff Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 24 Jun 2022 11:30:48 +0200
Subject: [PATCH 007/266] Document step function

---
 docs/essentials/interactions.md               |   3 +--
 ...torybook-interactions-play-function.js.mdx |  15 ++++++++-----
 ...torybook-interactions-step-function.js.mdx |  14 ++++++++++++
 docs/writing-tests/interaction-testing.md     |  20 +++++++++++++++++-
 .../storybook-addon-interactions-steps.png    | Bin 0 -> 96863 bytes
 5 files changed, 44 insertions(+), 8 deletions(-)
 create mode 100644 docs/snippets/common/storybook-interactions-step-function.js.mdx
 create mode 100644 docs/writing-tests/storybook-addon-interactions-steps.png

diff --git a/docs/essentials/interactions.md b/docs/essentials/interactions.md
index a46bcc13b11a..a5b47696596a 100644
--- a/docs/essentials/interactions.md
+++ b/docs/essentials/interactions.md
@@ -47,7 +47,6 @@ Next, update [`.storybook/main.js`](../configure/overview.md#configure-story-ren
 
 </div>
 
-
 Now when you run Storybook, the Interactions addon will be enabled.
 
 ![Storybook Interactions installed and registered](./addon-interactions-installed-registered.png)
@@ -68,7 +67,7 @@ Make sure to import the Storybook wrappers for Jest and Testing Library rather t
 
 <!-- prettier-ignore-end -->
 
-The above example uses the `canvasElement` to scope your element queries to the current story. It's essential if you want your play functions to eventually be compatible with Storybook Docs, which renders multiple components on the same page.
+The above example uses the `canvasElement` to scope your element queries to the current story. It's essential if you want your play functions to eventually be compatible with Storybook Docs, which renders multiple components on the same page. Additionally, the `step` function can be used to create labeled groups of interactions.
 
 While you can refer to the [Testing Library documentation](https://testing-library.com/docs/) for details on how to use it, there's an important detail that's different when using the Storybook wrapper: **method invocations must be `await`-ed**. It allows you to step back and forth through your interactions using the debugger.
 
diff --git a/docs/snippets/common/storybook-interactions-play-function.js.mdx b/docs/snippets/common/storybook-interactions-play-function.js.mdx
index b449defce278..7da126b7ca54 100644
--- a/docs/snippets/common/storybook-interactions-play-function.js.mdx
+++ b/docs/snippets/common/storybook-interactions-play-function.js.mdx
@@ -2,7 +2,7 @@
 // MyForm.stories.js
 import { expect } from '@storybook/jest';
 import { userEvent, waitFor, within } from '@storybook/testing-library';
-import { MyForm } from './MyForm'
+import { MyForm } from './MyForm';
 
 export default {
   title: 'MyForm',
@@ -15,12 +15,17 @@ export default {
 const Template = (args) => <MyForm {...args} />;
 
 const Submitted = Template.bind({});
-Submitted.play = async ({ args, canvasElement }) => {
+Submitted.play = async ({ args, canvasElement, step }) => {
   const canvas = within(canvasElement);
 
-  await userEvent.type(canvas.getByTestId('email'), 'hi@example.com');
-  await userEvent.type(canvas.getByTestId('password'), 'supersecret');
-  await userEvent.click(canvas.getByRole('button'));
+  await step('Enter credentials', async () => {
+    await userEvent.type(canvas.getByTestId('email'), 'hi@example.com');
+    await userEvent.type(canvas.getByTestId('password'), 'supersecret');
+  });
+
+  await step('Submit form', async () => {
+    await userEvent.click(canvas.getByRole('button'));
+  });
 
   await waitFor(() => expect(args.onSubmit).toHaveBeenCalled());
 };
diff --git a/docs/snippets/common/storybook-interactions-step-function.js.mdx b/docs/snippets/common/storybook-interactions-step-function.js.mdx
new file mode 100644
index 000000000000..7ef59f7d482c
--- /dev/null
+++ b/docs/snippets/common/storybook-interactions-step-function.js.mdx
@@ -0,0 +1,14 @@
+```js
+Submitted.play = async ({ args, canvasElement, step }) => {
+  const canvas = within(canvasElement);
+
+  await step('Enter email and password', async () => {
+    await userEvent.type(canvas.getByTestId('email'), 'hi@example.com');
+    await userEvent.type(canvas.getByTestId('password'), 'supersecret');
+  });
+
+  await step('Submit form', async () => {
+    await userEvent.click(canvas.getByRole('button'));
+  });
+};
+```
diff --git a/docs/writing-tests/interaction-testing.md b/docs/writing-tests/interaction-testing.md
index d4d74ea0ca48..9d13650d8c4a 100644
--- a/docs/writing-tests/interaction-testing.md
+++ b/docs/writing-tests/interaction-testing.md
@@ -81,7 +81,7 @@ Once the story loads in the UI, it simulates the user's behavior and verifies th
   />
 </video>
 
-## API for user-events
+### API for user-events
 
 Under the hood, Storybook’s interaction addon mirrors Testing Library’s [`user-events`](https://testing-library.com/docs/user-event/intro/) API. If you’re familiar with [Testing Library](https://testing-library.com/), you should be at home in Storybook.
 
@@ -99,6 +99,24 @@ Below is an abridged API for user-event. For more, check out the [official user-
 | `type`            | Writes text inside inputs, or textareas <br/>`userEvent.type(await within(canvasElement).getByRole('my-input'),'Some text');`                            |
 | `unhover`         | Unhovers out of element <br/>`userEvent.unhover(await within(canvasElement).getByLabelText(/Example/i));`                                                |
 
+### Group interactions with the `step` function
+
+For complex flows, it can be worthwhile to group sets of related interactions together using the `step` function. This allows you to provide a custom label that describes a set of interactions:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-interactions-step-function.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This will show your interactions nested in a collapsible group:
+
+![Interaction testing with labeled steps](./storybook-addon-interactions-steps.png)
+
 ### Interactive debugger
 
 If you check your interactions panel, you'll see the step-by-step flow. It also offers a handy set of UI controls to pause, resume, rewind, and step through each interaction.
diff --git a/docs/writing-tests/storybook-addon-interactions-steps.png b/docs/writing-tests/storybook-addon-interactions-steps.png
new file mode 100644
index 0000000000000000000000000000000000000000..0438e58678d4c3fd86547324e9a428f91a323e09
GIT binary patch
literal 96863
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%0AF+G5N8_5opPl^rx(
zJLY{>=NLR%rDb+IV$MzkOh6RoI|tr(+?ONw#Tm0HcPx7jtSeuEZJFl@g2OW*^N!=k
z$RW2hk8?8Hrn5>W!n;fp`8P4~9PqUjGb(v*wO?@;J@alG*(gKnH$HCeo?AAuWD*QV
z<7Ea>H{JS&8<4wp&Cj3mEVRM5P(G9gj@`YQLmk`Y4bgs0m6<jY#ZcmT5*IwvsQGAv
zbTc7x-D){HNF}b%oC!LoNOQN2?D!2PSX8jlIBWjX3AXWz>EXA+01-$C-`axu#x^%+
zvKQGi@Ug>Prc9>@OkNA_MFKMZ;KJV)pNEr`ZZ)|{%x<`z-S*cQYr5<vY4$bySgCV<
zyN!GF{?<=$-C$Od`RtAaKB*tgLuI&*#V)zDubx|4{ApRwiOy{zxLJF-x(B=$4RURv
z{rce=$nVKNKB98Grk(k#fHWq?9YoDlIQQijO^M7wA8A(59?t1WD#tH!;cQ%PpUkCm
zTE(3K-MfDNv}k=y73c)FUgww;-^%AWAj4Mo0M6-Mal;=9%*Qdhg{}DeO{46KxOM8D
zpI+79#@nd}Xl%2|fwdYnn<#>>9{uWNVnr6|@-qrJtHa^Gz}Mp-{)t*MrAF%wU)Tx%
z`Iy^IduMj-b7Y-g$hL5r?|7h@$ejrvdMTJE2)f`Fm*0jcY92oGJ{5|I+S-_$RfZ#n
zc8Yk5{uDZF&Qa8wEy~D|aMe%g!=YR50J1`?T(fmKv;*h=<^weY&G=D&fDc4o*@epa
z1G;R_TA)6S^jAmR?%kT#9X1%egJmr)Xpd!Ctds36F^rS`Wpu@0yLR{QNrB}oO5mS|
z{lb*WA<aMJ4q?Jb>GJ`R;U;oJv6x3q0mtkms~`tH4IQWvymEyfWZbd~r5*^W@h)za
zSh$@XoVNvk_jf<}S=-KGni*sw_9)Hz<klX>Y>qIk1EC*mYanOdPOiZNy!yqA{OZ`V
zDV2eJCT>!C@VO+y?~?1;h4`Dru5)aDp{s-6Iywmcp#!P#F>r8>D~>%1>0g5bbfDjB
z7V!f|QOVI%<UzI903B#G3D~{+vI=ZO{CE=q*&plU*ng)ezdWOzt)NcIbtzJ3tXHyl
z(pjFZH(wxXbrX5X0nH(k-9ix&l@H9Wf5XnCQbtbguad-?l1PXZ$}>&TjpZ|9HLF(X
z3e%IUCpCP@>72=1eGw>ofe~UkUC66)n}Mw!NfHSvjxFP7_HhQgBDL3k>rqk~=xs+7
z`%$ZYIhmV3|G9hBlt+Rfli8&tcljyxiuy0w#$4X4lSo8ICDsFntPso8d7mB`^>o&q
znJCyN(w!0N9O5`Q5+!@<%aO;0Z3cAEv7<u$n;ns$>8=dW1J!>}Ny+y8&Y#M)orKu9
z66td(QylzpEIOTvnffGsEWVoR8+U*bRF?wb@~q5>-I2dP4rtD!|Euj=O`Pztu_8&U
zr12K*qUwqA(EaYdchcr4xQKpt8S+9N5M!L~lP49YN`*mZ{ymE5!5x2!v#!=(iO>^T
z8*9!TTyf=|c7ucExSVJADcp#*=jRYI80?t3e~vH5C)T%CF3I&zP<|ia2&XNPWvN=~
zm60=H2(N?}xv7qKDl(ICK`su~_?vJDnK~l1XNgAYE}wF4Tna)XL;BMWo{THol2nsM
zh~H(`)AetDcPc(?duHtAW|y}b1`s+K?kes9kz~Y5gOeWEucF;IBVKipD3r%1NHb>O
zGFZ;+<|hRk@|OOtHG|48LG>$!D^c`*nNU%nnzJEGVa7{=YR94TMz`Tc8aX=YmL!^P
z9wn_-(kSCXiR7tPqlCYck0%MZ8*nFmmE~%J&~=@5dXlxTmd_id=Nn~WR8{%0J0oo|
zx+!q;#c3ba{8u`?Q{!~#J%(2)d(|KWC1;sW$7G8=5FE?Qc?Tx0bfOTKHyfl0%~56X
zHw*@c+vZ^CnXtp7RXJ9?$k{W3Sh61sAMgx+U>HOmAUvv4F{}S%*!cK~kGbmb$nqFj
zwqQ#91`J4Hgfh#LBkUSD_WP?HVy$#0?=HaT?BA#QC#Mp7w`|uGOcOurI1=^8t2z7N
z2{yqq;&=LMlwA^_1uEW^0BqaLI>&C^k$F08-tC>3!ZzMfV*uMP>%5&F;Xh0g38z)l
zNXM`%!NBj&DJpPIN1zq2S<+TZuYVyrH_QC->yz+<lra@8VY-YzbrTt4R{@GW!aVdy
z(@?NA4CI~8PT^YftzP!9z>U1^B}L`hliZOPkwSG+r4mb5HmPDn`GaBjxE95-NUK1b
zLJktxHpGqlyRlvk=l;V4L?$tfe2X>XQKR>nh482Py8u@!f$Lfv!88H+$}p+(-A*2F
zi}txUz=SY=@>^pKTL$OaLZv!H*uC<seikkEclV#P_@Vgc)};6sL$!AmV)Pe46^Qzc
z4)$;rAqIR!x@6qv2iN&K0myQ>!8zs&0D$O-BQP3GH_V=+q{jFjIj7~dQgihA5ta+^
z`5=qGyWSxp<~j8+Id#9nk44k9-FKDFU+xU;jIgaSdl3+jBo<UuSuC--9ONZQg3`?Z
zv;4{--_<ZvmDL(=TsOq8kT{(>0&W2URKoARJkLoteXMml6}UQW$90}Bu1dB50m#Q^
zlu7jGo+29O_}(d>1#2c+GE4KxP4E1+q0GVXyp_EnHB=@&g&rGVRR{cY54RIkw=0Gq
z!gAzCIIv#N8|+G`x(YPHIAl&rdNWsa$kYZw-36SK;_9HKa5X*Fk=cqb!5XLfdcENc
zf}bJSVPxA7z?~ngU@*^_eMBG-m<;FeIgJe8W^It|*C}ldE!MjFN02!Q=KT>&sm}jY
zE<J1LOp1S-?*LNTi2m9^&O33Hy{B%N+rsc?-u9MgT;49XlC8mU2etq#k0Jf@^-e>!
zOs`v9{?$Y6rwKVDDPt;s;wE>NuFq1X;D~u)5aP9yf9+G&iq~)cRuAbf#r}@{&F_tn
zx}uoHcPg@2z3U(DYFfFFj4KE&s7nY96Uk*Ptu}zN?`a{(8Zc0xfswk^&e_=bxh%T7
z)sKz$CFg-zGucZO+e|uK?Bo~J9^q#K6c<)>Bv$S+1n$w1)o7spE`2iq+ioR0_3~aE
zQa##ZnU){1io(|EQ3Gv%I$&oJw|6ZTV0CE`y!KwxMd!zRV>0E3(<Hh}95iM*QT1%Q
z@NKE*q@rHaLNXnV$2C!Z;#S)HYCnIZ)nYHida^)=;~3b_(3(X(ltx^P!VSc-QejOs
zdzF_kW=g<Z?2VZz<KIa72kF{=$@~eq`n=?9;q11no9OkH!Zosy0hLzlnaxl&V+Y1T
zi>x|005!Z!dN#Ud_I-Vd3JQ9ksdoUC*q*&M$fEziCt5+K*eOfSlW@D%`T0r8FdBV~
zXS=onhnr)4;^Rl0F;I&ZP!WMg`*Lo2n^qIV90C;7$*EEG(D<%zuZh;^>Y7$R1q0W1
zUeh4wkbI}ZBEkm9K|?NzQCEBM7@XE;kcf{<l9Kzsa!^rZC#Op2ljcwD&lZO6_9wcx
z<NTmYZ=UPVWFj4!$14Q`pvDA*hSSUF_dK_-d{sue0nE2sIM$rQtLL!2M`)m|X>8xi
z(~REA4>VUO4#8K;O(1!Ib}w!GF?k>&<;Y55e+NSmzWSO_oq!Kk(4`ZZHvhT=QTU5M
zGJ#njGq=k61elJcMHoIVG%>!)P1Cc7d&KrEH@uqa%dhr4-8Ofi{GG2WFJGGxQ$KKe
zA%H2}A9*stJZa}}8OYZbwi_Kgl=wKCOHk&3d%10#q0X1LzfvV1J2a~bp7ETE0xRA|
z=3aJZHG%9No)0J}nf&K9RV4>qmZ?ETSp!~I7AHEhhV^+4Uf;Bre`m@_<B7pGI@usQ
zbMlM&NXa7=)g4lzD}4*5b!Oaf3$2iZ8Qa!(qVed2LBDU?bTeafze}S%H2f~AwNZKO
zkUmS31O6ne^pu6doiVsjPbfJnX9k@nWrq`$Fqn$;cZ#4)K4nRa)`XqUYSp@Miw+1o
zi$!g}v&Q|$ymAl!uJN-ceN`w&cn-oJD7qFAQKwej{z9C@BA_(Xm65BkA+jmUGGT!F
z)n3~gi7-(+%l$G$zC@W})T0XOF^$!NYK-SDJ>{pVLT?H9m&9{<eu}RoUhdm5$?C^~
zB4HRb>RrJziS>CJ``#k{Mz08NJkFu=#fl?s1O7*c(?xMu1c$4w&DtxLvmYFD1OvkF
zb=QIfNT27uH<mj)JVzB((%DAwpO80;-5)MzX#toIV8u$tr7Q!nDI#+Yi<?J~`~&l`
z6w1-d3xp9Eh5K@8KL1T)9)S7Gvgvv*jnLXZ-^x22{9wrPs8<o`nlZ(vWjVUCSM*}a
zSg}fBS%;GG9<!gVa5$;pI~+xS(V@-vN~Q_@NQ{8XfyMnX`iiuS5MtfJ`&?CT8vd8a
zOCi<>%)sPrV4<%yd7f2IK|R#*gj2d7T{EC1C?#6Z_2&@4ze`6@ib@g6Z-&ph13eCL
z766%NFj|+IZg*IQ#%EtYX$8<TBRBq&>mgdQHJ_wd2Bh5fb32zkRINZq4f;B$?TlZ@
zmFYgPJR|o+4CaN3<|DL0vjW_cU9Z6fw4_`y%$vl0Ou6jt-*(z@Shg3}=vg_%>Y(w2
zduMy~um)Ny<_yXW?6TcVCBSz@z5@Nt%grf{`qeXPn=*C5IcPpgPYb_dyTrZy<=1s_
zhJvfYh`HknkgnDOq^vEgQ2V(r47yq3ey)QD!Q+p9{afXV`MG4Pt9dJPO(r>N?N7s`
zs1OFZS+?$w4!Q<s5`1($ju1SBmhpUPy;3GqPEj2XI>mv7rn(}Rs4Qan=lOmNj$DtB
zWZhr|RtCYK8K}e@a+x7vbne#$w+{4M>e{A$c^E2^(j&!0>W`~W-j7kdkA*IMM00UF
z2Eiv{CNN)>ZiV;Btj5&2=g!^zTo75i^}sj+w6j*!G&xP?Nsb!Lc<d^Xa=>xIm2;kS
z+b}EEs(@W0n4C<Zj~_lTy@-7Wruci~8{d4&VXz?bj>O-42EKvRJ<ZUYkCHd@=hwjv
zxoa7Me!roXGge_~dP`<;K{~tvxW#YEy(0S+Jr7-}SH`t)APlY=y$kT_)l@&&kWIqj
zZ`t)~Cs9d5P2Y?n_S+w7g<~bU#mRbPRriC3T7$;*6y!zy{t2!(b~)_byURDixp*;$
z1-1DHlFzl6pn`~*0i1hQuPe+jR1iN{_Zs23EB`%Jflo*0Qg13f2L+c#H#A|0wL5jr
zO^g+|P8tA3q}sB_U_}TC9~wR|HcZhA<S<O_jxK!YOz@Bj{_5Y<)xm(kfg1faM==tP
z@mn_+2UgcvOU;ExwV7RU7AP)c2|A3g?D7w{YHo&{oaIt9MAPb8RGP&qRH)NFKdWs+
zhphO1MUZ5G6Liapm6F7MD>NRkd~<Go6}5~wm#)w{^4PzG5}Yrq0-|kCkZDo=AOhDz
zZO<d26ymD%Uoi7(c=vfD6~R-DX`#sr)au1F!*!YqsnVRXvxJ#Cpaf9xM`nOwT{eU+
zKJlHL3t}}m)LewaS#ottaX(9=1-3tq_2sY5Dz;-2PR@vOD^llxZ<G-@a=H+^va)Fp
zQD6aLPATV1rCrv?<%q@^uNINDc~0T{0NVI`7gN)=j63c$hO8H{ebJCLw@BoMn1A*s
zQQr$3#B0ZcM%C-KAZ2=Ey!_A#yJBTGt!;Wkt_z0kOwv;r-`58)IP#xS?rd>@A0H1E
zX273b&f234fQ~)jgJ1S9eDvuUIN$oP>01x6EA0SeNszrf-9=Rn(b^MW(Z_=I{RL{B
zpk5rYK02x#Q9Y#pry=BbR8Nsy0dBVs!CkOXA!Tt{J?UlC{FRY19w-8vC04)>>TjW8
z)L+=B7{Kk=OQC1cfF6K&-8%RrA?X=x$?4~q9tdA~yi^;McZBqotb72yYK}qtJxF6;
z`9<8L9+^rJ=hmmToP~J?4Z902kdLYA`e`U(smnZk2fv5$ZKLu}WL|G1$joqhqZzC`
zV}AHjzcOgr)nU=`!Tx7(QK&%29u7Lo(Rrx1lfRs#%h=X3LQXfO0Oz9tQX@;N+NZ{1
zcg?ZW-uraqobJ)VRRX9-yv&*jbIvE}uOd;P<L|V%N6kTJe3{^F=7+y(t33C3<#JmP
z1=)%erNQis?iBu7;C~O~WhoeJ|MSbixi*&h=#Z9CIe^dEx(#>LhD-&(Nazhl-&8#(
zdB_&3J039Q1vn_9iJMr5@$D=R3{BoPUQRX{am?|KC1A)!4y`i9T)Oow%Szdqbv)8=
z67!uPBnjM94ag<@;-Ta|+N>tE*B?ig=aRP%4jY-o#cJIZ4w3Y78vOc~r7tkfA=Oh>
z5x@0t*TUDfzvyCQHY}E$Afe=7lbb#_t}k!<{>N2%MHstupBPn6x9L-Ao0H=)QbN1p
zD{;Y?7IRwjYAN1NNOvzUPRC;kOghbYAY5H36G;0hZY0ql3de8zO%GHjfAhiH_I63E
zu};J03JbWNjjS<zARyt49bGDXeB;E$^?caiN?K6R%xbI-lLa5$mRKM>kir7XRyzJm
z-8c-h+>BaYt7~bGA<$1)^sE$qU9@4WBhz@gGBYmg{+8OztM@lE32vhl5R2&9;>^&-
zYVdroY7DTlFW$c(%nLwt>u0he#65wX;yL4qI!#+^fe8p*lV5GI;W;9?1<nrvTc1;H
z5ErY_r(wdJTR^bgL*X}0tp)K$#S}#w)14&kEJbz792}*;D7qe|-=Ew+L*S$k$K9A8
z3O!>R?=ZxHy4BG{m~-RB!7Q^i-L5BSpt8rjw{Pp>E)~CTqohsz0JI_PL`kr{jQZxt
zNIrFKD;tvficD_V%s{KAtt7&*IlP7P8ZKpV7PkbB(%vyYX<tx(5>U`UOYSqg9sg#B
z9T9@k1buT75(Y>P?@#L2B-yob@iTiAMYY`9R;Y9C@YqQJ)n?}_)q?J;VKqE<mV$>A
z9_{j?x~~IvBrKS)`!P8BD_%R{^THA7_G;~+8Xm)ax|W>;K|SQ9z5Eotd|vhUmr|XC
zTDq7x-TT{%TdB%2;%Bs$JnCw}L&Exz$XU74kqb>#U|Z_yS(%&)Xlh1qw_G}mc%j{-
zk=9ksXR&!m`-mRuzmnMJ_5d<+sCOATKNuTeiH#&7YQLPvO{v+^7{LD_e@b=hFH^Z?
z7>3Kf(*p-G*4r6OAQOQ^HCp<llWRI#V#1BVZ3LgeZX*bAdCWugFzn0JC#rW&EavAn
zV$QeYe$v+5o;U&oBv>CHVs^g8rCMw~^p!v#qlHcT_8CW-sdaB8jr^<?ljRDWu=JR)
zND>_JZM{!yt9JsNIB|TU%0NOXn98m8&3BwZ*Csf{CzPJ>OMGQle9bibDLixL(@UzT
zYbaU#Epzj@4>Do$&Y}Ln(=cnuU{DPuDY#k!vk-l<!f`32VXOY>2g-F6&z_=;z|?)$
zLNaFuMt`zu)YQ>bmLVFM2ss!3EkR}49<eo7Vtpk8ba(A!mGE%|rlvV&@Y2RdAOL=S
z_&`NMHPI0<!vM4eWTUTk1?R?(Giahs^Qn*@a+%q5FamIM9&S+E7+^}QXG7ETm<^4n
z(!H{*26b77__{=}i7e<sN@WIoLFZ;o=ftJ8s!cJd<9&3bDVk{u76~bg(sQFt01ZWw
zrj1uRt%zYQuncbXW=?fy^69S+zq=<4mEMqVVVQb$He%keJ3k_#Y)#t{pG16708h+h
zc;JAV9ihsz&1Eqd+7<uZ<z-rJ`PPTZDPE||pd}R6Ft3zG*FTQFCpj^q0Ztl5M(k9z
zx0{ie(wPJ?(7U&=D2!@LLM(EMybUmUX2?Maa;f$$VY>)ev-D~8y0P(seGBj#sr{bq
z=F8|rI!1KKdb+clQ=sdI#JQ&@^k4448hRMPt3|8yu4+!2+`6x4CTRO$AWh1`AB=i?
zCnfEmmg8^%n+fZ|iAs|%XOjhiaF2c*FO8>MC-)rDx@sGl(;D|HMC`95533&cdUIKs
z&O<hCNX+&hO4txW0h9u#sN3{D9Ti%CALcLVHk5(l5*^H?9M?uHsr{gAYn*N2&(-7B
zV|oABR=)9fbuv1#LD+F92eyq%iB8+rFsF<T2+r?zHTosfwtDx`^^8zN&Rh_>tB9!N
zPx-TX+bAF56EIPS*zy&jvJjjtAYSqlknsx6<F=SZE|nONta$Rbf@sZx(Z9rQKpFO*
zz&-g}49Qqdu6=q-Wq(dgf~Zr2Di7x6Y{n)uIffd8?HTDSxgz>Fy2chSBkDnNQOfc5
z(~jLgUQjvf%>s`Q?M`NHTpnGXA2tzWk)LYkX@0{mh1^0U43iSeNel|<$fERYC!==6
zuyx8<qx*so;8B!GeD~SdboS(J9y+YFZT^m{bcshO+8B>%Fr(yrn3ass6;O-cH$xCQ
zT{vNTI<1~2M!O+N0_pna4lnSd#s=SeJPn!#zvkgHC2j3}v)g&V87Pcd>Y^k`*mH1G
z?Vhbg3V-FASj>ucoBIP#h`7cP9GMw-<`%Vy#7_3{to7jA!$t@7)<@ldn5&Yr2duHW
zY{{Q-gB9gRsRE1=akj+e1Kd)xnLmJ3UGmVnq`R-}xCMsDj%I*BP5||Rkrx6~Tq#+^
zG<fH*TF2W&^CGk_TD0b7Ne+-GfF_i6+<P?kFL>+ILrN9vd!-bQbvIZ9id}`{bLe+E
zPujT8GfqE1=i&8en)6>d-|xr<5@Ndv_`X97Rp}29ZS_U5HL{mjB=dy&xFy#|%PTI-
zCjw=Mbqvx?4M@rAV1l&FMz%Z-QAeSI^WyF(HrVcux$RDM_}UK5>l~OH`g48=3J#=;
z+ClUg28x`_Br`&UWi8OdkQ%j(=%Tm)FhjT%lDjp+NJ*yWoS9c2yxbb>%oqw7uJB$>
zQ9cK^Ml_VXz1*!`0>Z51U;VY4DMx>+KYcAhgPQCLT%+7m=%@J81&=z1$L^sLU4aYR
z!ceGi(Mn1N>pFj)7)#oEb?i{=0W8f!8sOi_Jf8PDawuye{;we;(e}6lef7qum!eX_
zh(qUIw`CC01yvqvf3-0TyTcuNqXoV^G5SZ-Tq+C}c!|jueir(rZz1PCdmRv5E?D)Q
zA_S!>(t}Me87oi+V;F&H`mHT9WiNxtXw;=%CEWFN&1%<t%<=TDWv^wgE%T^Nya9&c
z0Ez{?@J~AjK|*Z2^cioB@U)AoIWgQxf{RorDAnr&;RoT*{=(2rAGI0UrZ~kzC5Aee
zl^GrJPt;L_KHhj3&$A(!34g!tXbDR<C4oQax9NEdOu-0*;5<xp$f=dtevQPbeOw8V
z$F5}&!v!M-A4VWPYA5vZ<Ql8K8fqLr?5ke#+yc1L9%NGV0v#|6Ot9Jr2p8EuM@H<j
zhHTNW5GLS@(rQarkQkoyjP(539~R&*z)Cu7=#bb<<%_Xd;L3yzmNjY>Y)j3^K?L4m
z_S}#<e3u>v7v)_-Q$g$}F)`XKr;TM+R>*Tnyz?cc<uVHU!_M$<fN?+@m*?filOZ=E
zowlNtY$pfTD9nV*c<e#{aE#zc9ZF4y1uHms-R*Yi#1BH5U`SPs6U?4Dvnm6zN0UiX
z%%BwMx89r;gY)Pya_)kv6SXF{odL%OHXVfZ^R0ntIGlZD8;ZzG)#QhiWS%oZDlOBV
zF(S;C*TtzUn8}(lz|fTYB(Rv(MGtGwAN(99e1`1^%L=ai$&$Lxt!_ysk+Gk6Ezs}&
z14Z<ssd#@HH%@cn4!dGDsgHIuOE&mU$Ns#-4ZTIknuMAP1=dGylVpcaD{#Z+tV~9S
zZ1eMJ1dA=fQ@i%JNO>6PaB!V{Mt|&4Oe~`F;SZX!18jB_Q9YKPf8+k@>CcI>>yvaE
zc4lL=AVBRLjND1vqssq;LClf}4Ue-_Rf}0a>D{^|R0%q1&p$kEBv)MCsL@IAIwUD;
z?E>S>mrNo0-p??Bkln}EncjGN{E>5&mpP)1w_dn{rDJg%`vXR<v|ozHE0)(v{-7C?
z3a;J}Lax#uKAJ(R^$%}XxcfmVdAX?2C--~9wZ&E#YXa$Gqs2izs2_rvi9O(Q?ZNy?
zdR}M|S`6DH1}<-DgO1<)6aPLFF^6PJZI_5;gL4v&!&mlk`hUtLo*Pw`5;KtDqWIm~
z{ycgoY9{%`ZOJ}gUFT)h&d~f%<fS+8!7t##{}J@CzmOacql$UMa?)NkgM54+#=?!L
zwIVh|Y&fwZs+7kw^PW;&8UiSFeggElnxGy|*@I!g_E4e*&UuYKmc=I{kwlBW2+j`m
z0=KVh{OJi54ectOcFPhB#E$RH&OQg&ID=Cj>aEr=_TWK?`&Od-B5tP>6BA(ToxH&+
zg42^fzf$pwsH$RbT+OQHi6`Lx>Pm9i!;D#SpN&JBTvzO^o~}JHo6CAx6L_S3_8lMh
zM*Is+P4vPWCgzui!jZ2LsS;6@iLp;V<sB^5CZ^D5g`tqh_%%1l(9qg5r0SQ=36f0k
z(mOd1amt?Z30jUgwKD=!B^k7b5*IIg4t?84wuU;46g(>EKAT9HO}zB&mXY(vZ>zO7
z`-@GX3!c8a6-_@Fj-LKIyr^M9vJ<)9Zx!4hT%Bz@RIRMo)T9omv6pXHq(8BYvpe)c
zuXyF(+p)nR>~|#3KJU?6JRW{dC|67sewz=eSp><1!{xA!=`&_;-)re4`a^IM+=H?n
z$$9z-goL7o7uNP-t)_~;dv4Hagqt$y2`+}+a2L7+pxRDV*+cD*hlafMtiwFARpEWz
zJUCB4IK<c%&vF`0w~4ZiQ_+96!@#-IChJEr^#7t_+N&jR)G1^mN@rL`cSb#q;=rKk
zjU$3ZEiu+WlNylhVa*R|D$5m|BIrq!klV)h`@~|YZsPtT#fN?P{O0P4i7L?yKU1fu
zs3`FT_?!Il_Wm$b=Lsp`2(hHoj$kSbGTk*y>7iFc%%+jVH|Onq1R)t7I3=672ZuVo
zex=AJrY7=P99tz7u8bBc&(gavYaP-1l<iaU5#k(6vghSEt&YhlR2SIWngLhAmUwi1
zv=H%*<V_E?!YbH?FH%nJ3R?2)-G5?SdJRMJXITG;;+%`==L73oqiCo&&kxN{>McQE
zy~i^joy`1kO3O{RU^go<Mon386m{QNqb{d^s~juR;AX^6Za?kn=sWVKPG*xd+OvEk
z#|YFk(Kr8TMb|LVkeu<gOw8umCd^0M$CD{)MeaDcY3hhkNsc>HAb{C3BkAU^Wc^7I
zo!lNlGMom&a82*<9q+K^M;PCiF$E8KdcF=_t_1^@1j<v(1G!L;(=B|S&<L68t(j8I
z$Ai+7-7ADs{u7<bQ^^Wtob`C`@U{&Jgsy2LdMHI@{-9~m<LM%_h%XF+e7Rmdbv$#c
zn$q|IN6>-%Zqb1j1Q`$n@ZK1cvMS)5!@OP}U>YKI>~Px0%zxGC^3Vyc|N1z>XH=#k
zb)#O4{6)*jCT+ZcU!1$5DLZH5Aa-Q)h12v?tA}%Hp<8Hs+@fA1HuD1E)I`q9)e7sE
zwy_lXk;)~k>~E`1B?m-1`#pn!x4hPDK8QwMXDS>l4x%pnz(;n!+k1I<MoIAji7MHi
zK8mU0)J8{=9aGy&A-<RpNkM{@8d83((cOyt0NRKC_y!2Gk-t~Qbcv6uCh2+8LMamf
zOk)BVMlLfaoc-YN@LV5o=+KRBEo5YTCPRdkF(2{|1e%(fjnbdmd{&{1b5+Si%X}3b
zx5>vpk_`hctBgSokL`XGupjv>BFQX;du)bi8e(GP#2eNY&B8~?3UDY&^tjUPOOZ_#
zw2;b3hAz_+f$vqoWZs%P6ECA#$-Z$bB9VwR{<wXmB;(pmpQyHYLn2Mngv^Pn)%~<_
zkAgPR2n^?guW*E}Bb8y1^t!!rkji%l;;<O4)Onv+jt{4AuVmPZtUo@8^cV5^-*Dzv
zS_aYBVeEGt8w~57j&kfM*;%@{9ivFo1hyR9xgJub9~otN2qWJjAR^XzcirCet3hpU
zYrEh^2G>FSU+legRMpYeHcErEA|T)<q>=6pNkJN<L+P#!2uLfaAl=<1B`FOe(y-|U
zk=k^3-NiX?jPHAo-fxV1|GM{#JqE*}ZhpTNbFR7OGw1V^o;&AR7ni`;`6Hf@W0XI<
zEm&iNG9C!>z%@QzC|bRmV$&KfwJ6s<)2&avvG7NN5G&D+EYtfE&V^~uM@F&c4bM^u
zoi)2tC{A86c$~$=NcL2}eY0*R*xULuyf3a`u=w8O9?SEpD-EX4SjRa&u9blrbxao9
zj%e@?riu|K#W+aGv*RIYxC1yexlXzzbRkO&?-4`dH!3p(^M|5Nw)Ztiuf5FK-8WmV
z3#=1gM97eLKA0wlo%!|e{+5Ikk>+=_J0<?cEUY(NZZ6i5pJti%W`35F7j;3#fM;CH
zQOW0+`sQ2Gso8i9%0?Rva(16#^dN<fVVOGZX)kSpquIi>W}mJMsdx_Z=*;jn@p@th
z`VV{Wa)HziWnpcydtAGnP6o3Jhp*Esm44!n_aaP291T(PCJzU&kEgMO@K^uBN&&J!
zzph^)%b-8HAN%u$Zf6KVvWAoYfDkLOws1!>*~re`g}K6yS{!}&HI)d_u&_+HokNij
z&5RrL9+gLqN@IWeU~o7ZR#2u6ne5V|cm49U82IGIjoE0c=CB_uSxF_E63LiOs|2p_
z*zu`T^{KKGkFu5%Q<AzL4#MmnuZ)HHY~oHA5Gw2{b5R6);*PQc!<h*Rla9<9u5OsN
zl?B@bj$BqV<LeGeRw9h<H+)13_GL(dqQJ#b%O!LjJp8lN-h988U#>g++vFNnY(G;Z
zcDuzy>TOCVqEU0-)j}~WGB`iPj}xhPyWNne`AxNqgQv%WRFOK}2j1G$<m?vz#b`^-
zEpx=Zt@XXnugaktg&jxT-S4x=Q6lF;*37>P5HO>)qr4!Plsz`gzwsC8s6R<3`oM&p
zfgBy}d9ua$$Pe&c68HIRzbP(p06iXV+dU}Gs<_i1LC<B?%Un5%O4n^F*ZY1vlSwZ}
z3KNy*^w$o%#wDN(=T(Xs$c1x;%cE+ZBR)5}+r*(P#s*qQOKWy$C-Xh>R=H&$Eygub
zDzg2AhfqzU?P!`;caF?*wd$zEK{;BW$Fj4D6Uy}dB50Z4em96q9DN7<8(WO|D$!1z
z%qfc3rI?4vCmmO0sr}D(%^4SIb-uTN9>K6j;L?kY&AX_+2l?*fK7))2XYf-N$8&>X
z!4;Zwuh#QjjEL_=Am?LC*kYIj2L<VxyUJ^snwr8Y2SuNvRDT^*%|LdQ348o}adGhp
z1a0`WrQOoc&)gm$or+bMmeKagT<$(<L|4}iFU+6AzvKZSA?-WZ{)0x3Lvu+-Ss@=1
zN@;7h95F|CKD-^0)D~>+m0+1*l&YeaCGvnHV*+<%)zb$7qL^==zn5Uc%}~YEzjK_?
zFItUy^ZT<dMbJIRrO00uPvGGSE7*bL{-Sk8FIBa$pa~r0_>PjlN}?<n1rH7NsBBp;
zV_&aL@+MO;_1<((u$q(TR!&t~j1*~p*}{!e#tM0Y5#he5Q`z7_WQRV!pgmmc5C5G>
zBBT>fEg4G8_5RrQVWks478Lt-ALZJjSEp!uO+r>i)O7r9*tIWxhU7rRv(imK;yh19
zr;eMy_md?p)%UE=1JU!xPkLS4aNolCm7CL%(CjLwoqJ4%zkSdi)<^4+5Gx22+v+`#
z=oRb2CL-3@V47N_4|m7`<-V%HH*GPG;^h}NvkG566(c>8w$Y)P;ACCFtv*|gf_3um
zy+vh;J07z<-lqN3<P^+%#3Wn&);UeRROU@ESbPhatT1dSf~h}(;5*oHO=t&f!CVzO
zSv%*=SoNCMn85oQw_4BhW8k(_AlV!IA3u*zR#&BTodgxjMcss#WX;Z8I4gJh9t(W$
zyRWB9UVwKph?ndhlJ|+QA$_B~RKdjDVe$bf-=^M<?{@WsR8cp%i06j|WapNW+_yJf
z&NY6xF_(Omn5}UEr9<6AcFalg6*vgv2&J!N+RQEAif^_DA5#uAPJ{^ySUQ;3>@?Vf
z8|I}Qo_^dQriW%6kkj@hJ-FOP6h!!5m0TU-$oAeKZ8Gxh+~=~D_=NZ9j@hU-Oppd>
zU?~T_=}(0FpGmG<P~iL!Jj&N(i0s4GN+jG*-KGxGo5>MymCencH7xb!Zw~trX&y;4
z&med<%Gf=ed1Eg!mJzU$(DW3Xt(F9X(r;N6zjzK0WM<aYulM_1JELvAl9@<r4oJE0
zu)B=n?JZkN3-k93Nmk5K@(~E^wXl~`|I&XgRY~C@evPUq?)_>s9O-eZ1a%FP=w{6;
zWDG$<c3FSiQIC!A`%hxWqGLgU$!8gpcuDh;o5f|WXBZH~&bY_$A6szA)Ho;4s!Mn~
z!J*a9^<50cCWP@{jZQbZBi0avcZiR&c~X4U#}Pk1Z=g{#ezn>ZX%$#{l2`gnXs)(N
z$?HKlCY3Wr)aG`sHvxuSJ0>#F-S*;>7%T@3@JO>Yvec?!I?YeJ>|U5huM4d-d)ZlS
zPb0fzZYUdcFiI?-3bN@6d9pn7vzxRC8S?+d8!+n`E&iC>1>uK(6Qv#8UwOR&j`Oa{
zvEe)+u8^j;E4SLKrgEaxcE+|&Xc6Oh@+OGCF`9%;*Bd8i*}8T``g>D1DS={*9rsPl
zjMc;XbB{<*T=9Dd1Y8QY(F<PuigA$w$WW=gAD?1;5mKtA8D+Lj(udB>rpSu#Yot~O
z7@L!dSJ+Ab4TvVK2op8Cr+5tD^RNp2Axu@Ad^`X`&YHH|1KsGg`l>OQk9u5mLmE<?
z)PhX}i*V+CI^^w#0jQuW`d%m~uT32bs|zqQzbMC5>Ba!<-pGu}8OMv;sj0t_Ls8jL
zC}CLRNaUpn5;;65yKN}^o<{}v)D(iy0^^64z4{Gqip!A(pu-!Zwc*?H&HZQ!adZTT
z-g<UV9E(lYK<k@$W}PQLwMz8`p7j(Z^EqHfpi{m}lwfW&YVkp7dSK~cY#u9mj6NI)
z_=$pEzkUsG$K$e?={_;dU=;JiWr1^B!YKE3s2pv=SI}Wp$lBzzAwxwsp9>*_0oAxT
z%a5n%lb=`}DbuqEafA?6TJ^ucf@WYJ@ny7A;UF^P5VhfHQODhDjpfzxCqUU=W#>nh
z2^=rYGld1r4IM2&hL8{#bY_Kr-HUjU=cf0~k&5a#o+rAH|I_}K2g*bhVg;V>=M0Wb
zrF)L3OX1`bX-sk5xZ_FHo6N9GRBuoSqF8odt3yoE#Jj$=ivkr-$LRa^?j4Gg7?(Vv
z<!`hv4Qz&rS>7q*8~Df+*=f60h=TSsvsq55<0IR8?gi!{2S>mARG3tY5-gu?s33WB
zIFijZMpD&ak;2bhMJoyNAyjO>TJnkm_>9%XA9GApzGyGKX0S1UVlzk|3R<i>qx<c_
z+~d3QN3W~O%32H-ye<52kMQu3j8U*dKM(cgMVuyi#}D7Tc-&oklVg5EYdK|7=a274
zi6BXtAquLJT))KiXK6#Z-~Zf}TfIb6eqyPSG;gb>dt`FrfKq!bQoFM1oW3WmfTp>u
zedLM&wVm?~X!~qE`paM3`Kg%*ds&%7)#o+L$rN^!azJVm`iW!*gjpUi@(jtRKOm%V
zMXZE=mF(hVn678|u8z_6C!*$dk$#5B(8P0u>NZ@f0fe?j--&EN>~d?Iz5up_?jTz3
zq`ocNXGyS*R*{2+&rGl_`pu~LFXvp!SkPbOr)ZU{#*b`-!=DD|ymP5Z&z?)6yLY12
z%XHMCUT1OpDewx<Dot1MR?;5Ry!-vVZ5MyBI3%<?zf}-+q(<TJiBdQO!L4zsGzsPy
zrHG88<3kxXxFq~}T|ZE8{|BPgn^h6+B|Oru==+}UH7K>>x7J8R!$0;BA^yS<;?Lq4
zD>1&FF5|GmTI4DiEUb!ivX;{Wd7E}raXH<``AHjT9d{~2#8V5ylyF0d(>}fS*724K
zzY<l*mysNM9y2GWX33Y238&d7t)SaFm=+~nRi$VB=yWktQjfhwENZL8(UG!x^?YP_
zggFNVIIc-WI-V^dptPR(!JWD<D|hjXJ^Z#2H#O_1y|vvx(0<02s$bw|*U8EB7e(*G
zfQu(?%o<UQclc3$<3>T8(8ngo>Q3;m|Eb%h;9aHXBB}hWynNCdFw4XW4OO8fuE&{X
z5MHX<;|4M-vrlI6Y&rB(;v>Zq8uSiT5Jj&eh8JaFK*<a(Abu2&X#B5ReWX>!yHaq7
zZXeeMUhI%iCym;WFn`ePe>TYVo);7IAsP(PO{8iuf{t)q4f56NKD?{98ht@7PeYn0
z%4o_N6SZFJA!~?Y!;8UfpKv98v8SaXdgACz628cSkB3`7yxD|3+%HAk#;}yL#0kxa
zD}IhF5-KxaZROeZLH`05;Q@lVOperud;jMtjRC_37=!-++L7IKjLnZ0<qF@-UsqId
z%}W~+2P})yvO;WwPLJ0RS<>f)WIw5I7~~QlG9N&@&uu3Mj)@OWGthkL5gFjy!3l~-
zJvV))3#>OKmT11G)pozgc^4;r3wbN+LLaGH4w7UbA0y-_iCvc<sIb?xU7ar)QsbP8
zoe?c8)dr;ZqGt6tYa_i7NhhV(wg5CiTrUFiSkf0ZJ<glr7fe*Q8UN{%^X`1I-#qZi
zZz3`FFo>S49DC~#8ke2$e6G^$;=nUTVzUOUYy^D)A3k6(sb;-{4QiJg`&)t~jabiT
z=fcQx!+-_c3-|?k)oZ1i0L1@kR71w!1?3=9m5PTvLKL|eDaZS}B+2?)gcu;)q^%+z
z3~&7@1|*C&3RA?MnGu%rBg7#z`o}WssP*l*x$>Al?DCwcbs+W|1{xbb1loNO!Vr8~
z`7qMH1GYCsF7v*Ku^(z^Ne9Sq@p7W|+5sRdHyv~v>8#M)xJ1e>6n}*vh`%R(<BGy%
zoXd~Dw3K$9Wmp@4Ug9gThApfrcgVJL!GdWlg44(J-n$=>J4c$6iv_k{=IK+lu}9lB
zYuUxft>oml^>EPVJ<rlqdQ0<g%B+GZT2%EmmBrgK)J3T9(=)ZPnON)dy2J2amr`V^
zDZ0oK?Aja415du?l$068FVO1C%2}BAJEn<d^L-knpM@AaN*AHlNycg+<+_tE>e6){
z0P;m~adG?k(i*&76Q4<_rr5X<MeXw>Btvr-^JkbP82s2)&MGA_sVDc{r<diUqqH)X
ze7#K8snMWSZfS>?`FRWX3w4fK2lB(m^6XuEbUwvDYL<A*d#H_ZhDwAoo=gqexUo2t
z;beZXXl}Ybq$v3YpVk_0YM2ETzlaIZAi0!+N)`4W!S*yc>RTUa4vt(1t+KPi>5}qF
zlP>zqu^t6{HD|YsdPAj&JyXkR)Sg6{=RnIx%Aa4o$Vls4Uvw{ZLJ#R3f<9f4Ykrjd
zD&kV)<5{DgwrdWSUKqmog5Pr@=?Uvn?zPA*%A{BMIzp+af~_0ymPMxb(iWoWJq?7}
zp2cHM{)u$?4><Xa+txE4IqFP~O+>v^5DLTU6I`!6VM=ZIIru_UrT+^*ss~X%fj(al
zBAGU1{E^OZ`vg-m@(RKp)Hn!e+?hS?UJxjYN@N>q6Ya24t+j<<Wp9dW^t6k4%#9bS
z2j?lL@2DsooKruYLWX8+6)y}9m1}lN8>7$6_YKI&_u@~$-lDP2FPmVbB%>y4RTg;M
z?&5|Bewz?(6@T7;KpxN$<i%G-WNa*NyA~5TZVNk=wcMc?ihE*q-mLiqE5Z<#Pwr}(
zm%_~gqdHAw5t?9<eR|1P;W3D}c%&%H|Cs>$lxjBoF^8;w*u!SAXJ3#9#U3Sa;J@#z
z<PAvokUPhaL9@MX&8zbZ`|VIl+&O#Zp&jiig`k$Ywl*tjZqj2h_u)k1$m!Hrbzr)M
zw)o4jZ!tYB4r8@2|K~?rW@s!&h22%8EEQo>2dTJY>w&VB{@5|?eAt6F!ke#Pdzgh9
zK}vgvK&yxsPSJPvt?l$#rH!&i-vzpN(tMLw$Umft9u}ioJ%EdE#F<PyVO&v4N|4y;
z`M$LHyz?GcddPxSs5$TB#HX-uCn^@gM|kXgj~upVBG~n=+4E;5^wcGTM)m^L-%ozK
z4-5&?4#y*+lA*vjLi<|4Yp${@&;P>8owLQIU!Y_VFH^m1rFr)BwsBmx{Go*UWFwtP
zq3nC!*AU8|fi1!kAJ->3c*WD?A4iPOte%NHd-&Mr`#JS)GaFV?Fc$_&21bzhRw!Dc
zgpRkjtq>XWPcNfektIumS>7RLq*d2CUrVVJv%Oq{I=X;;|F4AHF#jseH{orUQ-H1N
z1#l<4f|?`VpyxD`5NPOy>3OkLJgo11>d|!a(rEI@aMmKXJmJ&l$33Hz<%F%PmcK~)
z5RA=qA6!=|%E<EFj{hb_P|*pWf*{a6vHyXw%Y9TN{q(G1>F0t)Q%U#?YirkXDA|*)
zuw8QTPMby?JBVdtE2-DS{q^jl<FDIW)eYA@h@QX0Yo(&+X?s*~PMNN*ndsGA5&7Tw
ze{KG@PO|}z7m8&HqedM)8d<<#$GG{@?I%OX=UX2^G`L2=BK|nWt4W5!v-TuJyWed0
zaT--C%3}nZ?3e4}k)Lo){3sCl6LQfcAr}5&qe6Tg7I-)mj}my=$o(6c+ZX1reqV-M
zGW305p~E%3)+4zj!@<05t-!+ONyPo)ARaE9OIOKlZAQ!1a$3y&1@}J=2M;`kjBG!#
zEG)*zBbOuhm^X)<u0_+q8=TqM1(P62iIR-mhhc?47GaHfL2B&T8tNAo`&0|F%?W{;
zvx{xUkDqb)6(G6_j!5h7Yb9?(e$<D0g)u>jw1Xheeu$AZ&$(C15={|`Yv*OYS>pri
z73bNYcG!jwoeZ6VhASp<Y*;rUzZH(C?Q{$>F7u<wEa?FonSZ+ebOb#hbSL9=vUOjO
z+IU2c>tbu=D{%cVq5zx(LQ?Y77i&5iWQgbqI@XL%Du-pAjZIZM+Km`c$zNmrv=)xq
z>fEv$MOgYL25E|+zdU4Kw%!+;O}B>+`sZH=n3r15v<e11Gnq(VCHb+&ycBDO|IS9U
zKbhQua)oESyF9kpdTk)}*$gU|6fujgluT=eEm?0^vCG#)SJqH9CyiIIwPy#4>Nwb=
zY?t$8F$qZmhZHm8*b*g6*__B&GAmKqWXmH9XXNfr(!?5)p|Qs=bEs}b4u09Nl!<rt
zEo585dzPl@N=khXZ7~L?2U6Y#2b|+T5hAuG%F;1B`%{JZh`D+<ex(S1^OeMANyb-#
zEk~fe+KacS%^FK5&uUL*OF)8T>y>1V+DxTK7CTfi6SoQy+6a+B9$cCqVP$uDYyI%d
zF4Zj9T{h1%bIRC`>P4c_J~b6U#4ui9H`gvU&3n(XZyyu8$_(?r!0;TH_f0k5ZfRRs
zd=Y_oiKy?V$#MLO?ZBO{#dlWjHe~))N!W2Dwz;_$F?0BQ^(@>Q&8bS9YMQr_0quqP
zRs-vg!N_{7*Q@3A*v-XeZASr|!Zz&Ph|v)CsaB$FRWaQ2tH{f3R6!N;)Ahnv7FL7j
zH1Za=$SOX0PSR~e4E^ij2->W0_4Er~9<(oP><RlD2ia9OXJ)-3dSS>J+<rl8b){)$
z^u1lQ0f%z$s~z2o5j+s1{1y=d=Ob#GNnrk$^<tIiOkQyhi{G`CAQhNp#BY7yP{Yj1
zR+)?-8cj+k4ok=u54I%}eDY>>ktCCk-ITm+mn}`_0%~Y1aO1gwDZT##rAgELmoZJ?
zW8=5KrYyo2&yUwvE8kV=?y)_hEq}FLbdN5#=5r$w#1bogTgXOvxUXc5*?aLY&{0rL
z_$6sWH&a(01aEw0>!ikRW*8LK<%^}1%>b8cO^32<G|3f5`I;GrIb@J5jHt47MRfat
z1hh}-XP=25@-RLWV&LUx{9HqKru!j0!OIO5E9~}#Y}9#e^S8hrA~_U`OH@&rvPy<;
zwe~eN%&`*}YLdv}z5A?BU2^s!DRB|rU1LKNNX(mCzWWWfEvpNBqJ-e1jHWN?Y>xL$
z8FNhksOH;0i$@WoWWZ{#p2&RblGKSbdhFvNkMb5=_gcM(=oH5aR0BnCuUy*QnK<~P
zeeqd4g{ZL!2KRP?7K){(4m`IPXK%>rQgo1wKJB8{I6<C#p1z{nJv`lb+E!5B0p}mK
zsyoAd5}R~F3fI|xmGo1bS{#8Z#DpDrnj64P6{E3ch+$Q13omAgj~KU2Ni53dEX^rH
zO=^Cee7R&X&ax%wMKf$WQYs-X<|I*J72fCn%+IapCwXy+UKLo+slIgHN{-|w<v~3|
zN}-e;)`wqMUe$@HFWN&nJR=;ofsI6xSP2%`#_EXeYO0@rv1(bgu2@IV@6uNeUgoE2
z(VwBmDfGG!;T!90XzklL;{(4Tb(Oe@1us+{*0IumqQI}-0GQ|f;>wd*^j5T-K?xZ0
z79vG@U(AyeToQ@>$w_T2<hF$cBX;3FZ3LNZBnCt-q++D<XRSL0K+q-4d7kW8UE|bW
z6Ojlj;juALM{0{|tLNM#Z&fhu$NMhDgx!ahYC>y<p*zee_?utMOJLwm9Z4uVN-84n
zIpLr_Gl~thxFt51Uiki&K8g+gQQ^*}JrCh0Rj&hD=dK8<qe+u+5<=C>PX*|$@Kyz1
zP;Z4|tof*Yxi{^7cbV!{9hpXMSgjnD=A-KygNtAMe9~VHI}3lzXv}Z>Wa0#HtDQ`<
z$OxzqzX-EV>nI3{$I|Imv2dt-ucn07xG_<tte*FRF-G(_6~VIWml*q*v9YsXAzEdw
z_d8DGXn$|_1HizX<FruHmQierXZEQ=qUv#mq@#zs;LpC=?=?@c<s=_HF05tZR3Yf<
z6A>XBuzc}m-2dyFkN#Bb9Ia<x2AIY57_mN2*OOhgK7Q{*=ywyB@~mIChtp;WC?b`!
zMV21*vbE&2wu;+y96~`NMGgnE&pfEhj(yM`*O?Cu^*Gf~QTeyv+7H{k3qzj5*NmM3
zqsC%VuZhk}P|$*QvzbbLp0EMBvEp6jmeh%hi<6Y8pM7uoes+ew$!RF;sqC$0^hmK9
znHMx}^OKHFa7s<`6tjFzW$tj@7&C$<6q&?NL-QkZb<Z&9p2ZuZcT^CL;Rg#(<0fp_
z62&U1`|{-1NUr)DH+9XI^n`rb5!2?bOBtMt5AmLK5NIQL5rpkG$Z(jy8?E{RnL<}9
zk><ogv86<yHr5g+mP{^Eit8Vwo&VaJf`EnW!>rX4Ty)@0(T6RIy@tz@amakI(;muH
zUWPQwG@XKxw~bs_<hanT9r0-g(Y)4DUB{|-_0;p3CucrW$djCh$a0~Fr);tPjs3ef
z2Va`9_Pp3y2BfRAg)_kCR{^;1Ef#cYc&s3<_&-_l$LU;JAFA`}c;kkHMT<Z<4(@g3
zFPqE5{7HD;>=|e3AioS&EvorW8nV&Jfk#P*a)f)w(`|n71Sf-Y#Xk#<h*FH7(NQhv
zbz+M|md!9Z-i6|s(9!tn#2Sn6y^|1E5DIRE7RhO{G3ql4OhMJ29TB`@-D>%_!I-4K
zc##BmL>vn5FDT;qC5pJLzQDx6$=zS-6cUb+48|SOb1=)}c;;z%CF2TJOKDG?Um^qn
zhSych=-w^|-ovp4uhRswF~?Z+81$W2AW~T(zu6mw#iHMIlecd5t=>*a1hW|uGpgJ?
zBDEfYNE5<aTQju+De^#wLZr*at1Lsvz)6lkjl0F$c;)3K6c?1&mGX|XYhfN4VWpKE
zCE^oz?0YMGnzGJ%g$oTIV|Rq&`8NljU_Z}1R7So(ewlg7lW;82Z0d~<H<0@5k??lT
z0Mi@0sJ+n(;e~#AX5>pA1_p**oTRD@KU{*&f;l%Ygu)Mz<dcJggN%8Nef#0KnTP(+
z=APm^^mzO_JB+9ieP?yIDL_nUEbt#5$IlLos=X#$<K90O>o=n1Gx2;xfw6dsP=X}<
zF0AIA6*>VF)BYg67=PSKjxX2$1b<HJ(UX+s22MAzH|ENbkjZo3H%l*%X<S%qVQ&k@
z(;!56J5*;~5caz^?PyZ;P4=wwo+YA6*uvFXDeFZ_6^4vQXTSJd(}(IILT=wF*IA}#
zk5Wm=|LzDOj?T|_U4;&bCVwYMMH0m994sORZ}uM_uDh4*<FanKtC)#AMEIfdMS1!)
z39)!s$1U-b0E@WPmoFc}UUdj;MEujAB6?&@jY6u}=%&h##VNFsW*W$=eKX)|jl9B$
zWI};-_V=^aDkh(nAX@^QaXC+y2`|ADOjTZ~DmrF2GT^bMfxkVwxWHuTe713twj+ZG
zIX&vkM=SfsM$Zu5<J<E?61+j9$Pz?d@%Q}%ykbH}C~i*38`wgiF1m-hj{BuF&`NS!
zzX|zn;NWZz<%@rP`*5Q0P=j0re7@O`fAiVo-R4i0YZ#=*k};IOfE1~Yf408#P>I)F
z>B?SSI5os3dd(@;Q1qr@Sn{e5^EIM_Sr78bn_r-m0zTaT<>7C_7myyl%KT4Ecjo69
zFM^-=K;g@4UxMsM`qx&@W{6JU|Nr;r{Td=F^kG_=rt*LP-T(cc&bRz;(Gd`CZ(k>@
zOZ=xO=++#13c=XK&wa^VyY(jGb!n?7()9ra#*(VywhSlo_f;j1%F3ED7z(t@Ddi*Q
zrE&s?y<|Nt{BxU5XI(3zZ7Y)JP@WyRU&~c=_oXH}Jo`Stb(+S#rbs}FghA<t@P{Ax
z?~$x91he)uP2%s1BOs#S|H~h(nE22=nSc3D|NM@B0U;&)!*qNYMD~xr1OYJscOLm~
z?^2C~0#Usj{<`#+|0E7;^ZLspP_kb7Wl&oi3A#Q0(_p~2F$CY>{drFO#7Dt+rM4A1
z!>Io_aefFA=(~S;1pWtI#DK5@@AXNiKTPV~C@A5-ME>#!B-N+lu=~|)5TUR?Eg<+d
z3ZxPJU$5IgCW_J;6|C?{u1V)#R@g5i@boW_z>q3IkdPg1hHmlyVI$p*0&EiUe{Yii
zWn=xnu}S0zh>6|F(f+cH#3@Nphqorb24+x`8VQ_`{AFLh%LwE{{L31Gh35J9Zuwt4
z%)edA|8CU(b}9eE!v24`Nr>Shj;nnnfC3}LcBV!VP=wHfirT2HsY;`ak`8yTU#*A&
zZd(ba-BHp&huBx5mQXP@UBv4pP>7)d>A1==N$zc-%TIqgcp|F6p))MX=y`H=es}=L
zN4fxMy&2Fn$a)pru+pEb1!N7Lh<F}F00#Spbj;pszJ<5yKf@{5TsOyKLAEm}chJ#&
zxY9z|CYr-UhJ?pj<6Fb&hQrTLl7ppiu^u3KLCeaj#H3L`2?~gsCpfSEcogH$fm8OC
z=XDr`7;7LpUR<5a+BCVVl=Rov9W=^m!WCYp_ES|>(La9voL)Pk@daaBiPN)>yi288
z;Ynpt!2wUWY`tk$L|YK&PT<6SVt|*`;t?`ys{q!3WgkK5QzOrH+C(0kID>q-$R}!`
zz=07!ceAb&28<iQ@BeUc`&;6}u=d@zr)hiR+2XmahUEZPrPN@h^~l<huq%Jk$@URh
z*v<E$PG34WKik^M?0MzM?U5B{0<oYS|CKF8zH)jT5c?TaQqM)~l*ALE0adN#4s@q7
zH#e6KBpk2by-4Ej7M*Qycd!~SPV|b5*pZclaX{fJQ?(B1IB(M49y~8w5&^<6(2db<
z(UWmKhp8bpLoAf@z_0?3^Og8*-aA<)AWLBuVN>zw4~GtZDv~GF`HznT+uS!+BYClc
zt{ZZo4cWG9ABf)c4CgAeyBQC3T)o<4{}FaWAQ2q&I9O>rws58;S`(eP+iry-+PSVM
zST4T&;+xZwlycuD#yj_U580j=#^}AAbg$kxmgq=o*&aVcWEz8ds85{Soa7Kbl*ZL`
z5mS)dWBI-gkTHP5VQoQ5&+Veu{t!p``v&@<L9mFJ@o{*dqwfbCN9tW|$e_&n-&Eq5
zbsogEk2Y6xOE$P|e;+pD7d)RphwMa{^wjLqxaVCttJfK-(ff`#o=u6O;gHgd<SWO6
zM(v*4o70x^<K*Em48h+Wcm2DvVUHt$It1vH{H)&7b?}EESbX#z{77S_#;%f@4{FVr
zI@|)(wodq=FQ4SwiWi{gNd%viWDBy!o|NGVUcG<ZA2P?x60-2%rEhA$b9GL|&bRp{
zn43XS>&z;!%xZ}$nGZyg6MWyA@2d}U-y1zX1SVYPymHV`L}WOTwQ%v)9|={h5oeqG
zF}2{4wku6=&Fy8&ZRH_siX!T43FuR}`P2hZrfKhqr5A;fZe^&06J<thE4}fxJaR~O
z&cF~(7_ZqeMytX;`mkH2#ygHX-K!EI|JSz!e>gGBrOvbTWqzsijeD4UI+oT*Gh6OS
z8IB<9%dSke)jI-jkk$Gs>0gB=ZLJh#Bj(V!A9QtdxjS5-O6_sA-+7!VrPz)_|AK_m
z^n;}$e*QTc1aJUF-Xox!jNTnc)(*sFdFRv5Gr|AGV@~w!S727P)K2rIeFKFcZ9J~k
z@as)a{W}i^s9^`Vn5_VgUbFK-snhlMk9#xmL69cT<0v}Cq&LSUVsC*a2`8wvEHr4S
zvAo8%Qx-Xnv7Ib$OPid4N$3Hoil)5dVUwpox66BAfueBTWUk(o^X-|VP>O;iYCa*0
zt_D;??($?iHMr3})x^;-AGGB6R9TJKPP%T4G7g>k?R=@!2hUpuY~n=TO;zF-0Qs}?
zy_mLQAud_ZstLx0L;*UAE>8-6$5z&Cs$im$-QnDj_}~fLedIrw+FrO{+U6|aIj7ZP
zzk1dzemkA9<TxujR9Hmka5=7|<w_;v%+D4YM8MX#7jUgA>uRYTL90Ntww~co?N>uI
zJdU)YTQF-h5`8G*byB75eLSY+h7wSjA_TXbEYB<<%kq~1M}gg^e5#LWA0|%V+2K9a
z6Na0`8+F^$)n8a%X4iV^3r0z{e@+o_nPz_`YXE<K4!lE082*sB%q6oyeU*qgWa!sB
zLhIjp7_&{`$mqCLGv1(_eajO68tcv8FNw<p`$3T?iF}k1ffc0cn3K%T+{@C-Bmoz5
zJuO-QE%82deipPd*U)QMI~QjeJ-`9q)Bp<c9-xzNo3q{r@VMCG=dKPoTSo}F+mnd-
zG(v`RsRf`3325@u_AS?LWah&AKM33|1yf$gcEAg8=^xfD29XJuH5hyp`-5vhjQ2}3
z8cPg5%7Qi-eR;_;7|M5XXykjnqAPgpetcDKs8V)o#I$Wh0!<O}Rf^kArxvrnQu#fQ
z7K23sW;-YBEi7w!+IhK)3REgTY>H~}Jl-&*-%4G%o(p;k?~0}mFHv>cEUE1=aGzTt
zd6jiozW&@}PMIa3bf)3zpts4b<DMYYhX)dy;mTT79?A>(nu$6JFfP;lf}RMfK<`rJ
zbWz?Tm{}F?&%455(k@F?H%P}X`+@G;yV?%|DF0xv$wra!1*l)F6~5YQ&+-on6CCnu
zgS;pV7c7i#5$_T}OZ{zqdviTpr1^9mP~#jAw=65U#HlN68?`3@e?6Ih94IXt{r38J
z;^cTJ0}da`c8duKqMwF73~Mg)xjxnsT9}JB@?qrQ;5ZSu`QM|-{|vTgkt_z&Vh6=;
zXAO@^*BIwIx_A)oX>mBu<r(IbR>JhbBoafVo-8{WzJMTRx>6mPwv2$|lLqL#RIBr>
zb4x4j6R&xk+I<Va-B!;x7>+)_NeUta+r8%F%!m8bjYLiXxZc^gWW0T0DvoUBZri#-
zucawQhMpJ!t%a<52!NR*Z>}$A#(XZ;>4ze5m0Xl=WI5q5tDGY?*N#twD@~{KE^hss
zC&3gx<y4=2C<`LP${mwjurDe>O+$Zt%c`MLd-`gBvKLF9#HZ5TMx&~NYeFsk#p+Nr
zzWUICFKZ6(LMOieDayFjL2PpLoNx4SlL{V(73fsvHNgzn>fJuY1Y^ls)C{>a#>+RD
z28JD)YXsfI|GbLlRjkiweDEv`Z+SV9U^wfnf4Jz)@511K4dz&^bq%?e>yu=h2T+Cx
zqHk_|O}a+1_uzzA%`Ey7!D%TIRwc8?LbEf&o{s?iWs5f)Fj3ZyFbNC_Ndzm^=FpFO
zC#N}1T##SHXM^S`ADfTx4<ChgzO|PY@z6s_>GK8XZ>b5Pa0Xl)T<9&&-VkH+6;EoI
zf=!|&h7*u3=uzaGTh{3V`{rN+=pr7H;{4X>nstgBxi1Que6uY~KYNjQvlVN9{jOw{
zYxSiiFV6a+6&bJVGv7Si;Xb+Kf9{C?&E&S2c?9j6l|GiaMx`DgkOsitPb^w`-sl8A
z%-?l9BC)23w}pK@hU@AyIs`o&G&Hncu}QI=T*MVPNt>h^JK&88GxL;hEAEiwkw3m5
z#kBmo10*A-115A^o++1al8M`h&3de*8hQsmg~R+L^QACHp%g%AklxA3$?bx{{a_UZ
zqKnV~l+b({zTI4G+BqF~?bONIH=nOc^;&*gdU!xC{HENZp3VR!a86N}VRCbIo~3SQ
zH4^bG{~U9)3f_RbKD=I%@_oI&*ae%ANn>wxZEqsD^6tc01~L)HwI3koS=7c?9{f)&
z`-vgXvv)~K$e#UaHjwUF7G&NU$xBFOc;iegfw6PApGuv-J~n2Ism{^Y+bE@J4^!Y+
z-aAEFm%|iUEYaGt8M#le^Lh?MJ|J>_Z6kCxgTBTg@~X5wwkjx?>*86uO8_p80Qc73
z1XRO+JQ_Al1mrTFSA7Tzf>BB*6S25YAUY}CTnc@qc;Wq7itNyXvQD&W{=E`gp8BWH
z5TS7kyIqQEgbSc|W7|e<&}sD?5?C2Jk5-w&^;sJ*ZY?KTq&b!C)Gd6`V$*5zbd4G@
z^&ncs{nw|}l?Ce26L%IFpF%>c78qL>EgAIjM<L1)_bUd18XwyCm2sGl+@ut`78@f3
zdnA!jQXdpLE&Z&StUc5R4j`3$6VP<H)gOC(dH)*7a?&<ubKY!Abb>f@1?VFXv*eUY
zce*BMW&l->vhL;XXgi5>zWF!pmD=oxL9CDaoKYa;FL(ZzRL+0BrZ@(Y;3pFhU{;uP
z;y#aOO&u-L>^1yRve>!cd&{DpuY{9%`cCsW#riIcUAPx6b21NJo}u?-iOlqBb<nK4
zS;wb6>@Y8=v*OxiB^YP7JD1ZylbtQ!1!>lOBO6>?dO}IK9w^2x?~I5XM-g?8n+{kh
zwE*YI>AWnrwkTD5@pD{|jI<tJfXX7jRORah`)b^Vv_98RE27V%_C;J#w%9T?*1SK-
zV|>UAV&R*uHtUUA`B)-YFZA+XN0kw}{=iT607;asDos+E7zWj6y0!Lpy^MFnx<o9x
zG1H|4CHY*da9auBgmMCLr7<76!Lh1W;G`rC9^Z=j+4-_~1h^STem`yFEjeX(m=`WI
zYH4mf8dgXft8%O*Dgjzw_1|Ri-w?68A1z<OG9|Yq{R42TNkrd%V{zOzoTw|4j3)<*
zs6t7LK<^>ScB(=^`8iD>Zt8)&jh7{Uc4j!*Jx053MT6YI%@3s43b#NSrB_qSV8xw4
z*Fq{Ja`T}92ufne?7y{D>i-|Dp=X-zpwQ;Ik%&<VmF)iSeV*cK{5m4W1#n-)(38{F
z9F)jky|R0Tx7g&~jSlhr*8HlIhjurnF%hf#8%w&Z@G|V03`Ci!Xd58@JSBaVIe1<J
zE}q?hdY;ZxZQ&H<0-S?(PMbjYY4Y{&L@tXH-RracrJ6^_V1>7q!05fz7Jlfym@yjB
z#ZUSL$|;8llK6Y2!HMGyb9@DKWQR-i_`DXT%8VVNu>`Bq!QG%6aEIsW*Et`wp;Mft
zHp^qh`W|%C*BB3K8F{bp98f19NY)bEZC)nnf9*E>9Wmg{qNLWABdWwZSVue<L$~c?
zthuk(RPRF>8ilsH(x~E1pQkIHqyUfkdP5<<0`GZS@qV|)H^Ur2Y{}OT0xLSt0D}d7
zzBy?0=oc;JPlQkDKts<dG@BZwO7vY2!ChpkmMh;4Dkdx@oQS6DT=HkVPv_j^3qc*l
zC!)-8-3QZEj^D;ZVdrDe82=h^37~UxzVfRr&<*+n9I-aa<C_OxzkaR3KLyu)X~~Bo
z_si%n=U9d%g4Gd(LG6D{T##UH4k`iEQsoH5nA0BX+^(a)=mDXr8<${`>1cr}FT$`Y
zg<!uX&<tsEqXLtng<&obfXk-q^QYKDjTxUuBA7f;XbW7Fb4^b^)yR1qH)`dbwYJxN
zZ}z_2`nV4+r&Ct(Da|fx11#qUE0t|QY5MNN72v#|QH79(p49*yL|B^TL}#UWzcn%e
zjto>T677+oyrgoU%}68~D(1uT(__5TkH?@4swYDt&~_*h+-_$cI)H>m+WC~>n?+PB
z5Jp=VtSJElbG>69gu@9HQNZ1v&Es%2R^~J5$9md{fO~>fcsQ}#TQG6CU>z&=T=h40
z^Nl*(F~cW&?RYcgT{pij+P90<ZBeb;m}O!2<--4v_ot*q+R0i1Ctyv-_f*osi&+pi
zs}CErnjOC_8gXcS&w4<hN(e3JA6OzY`(5L({Ht4JxafzS+E^(3o5plc?9&wx(tXWl
zgEn(PBr+9^?&KLipy7fXLd44wUDR1K@AkVhA#B_+uVA=UYSRr4RT3QSVmye_fGs}c
zolvC#BRfrLocNUi+U(uLuC@WDg*!)ojg_x1Z?))XkuV0f4SlMh>p^X=VK^!o6fQ3)
zFN0&zpR_U+CTa*o>DIvoG%ND)MM{k^QmAn}HM~6M%Ku+ylc+G^?@v5MwFkX6q?f@J
zD-vijO@<r-H=?Xl54HLLEM5fM6bqR|B4CnlcBKtq_vhPN%A2fIGP5~85wUFWNNbks
ziGXYtuxA=$)qP+Mj0sSbz_3u5>XV^i?xUed=DR>)`BTe%_C<c8YXq38fG(f3Z2#G~
z%)L%tIP(9<8U8c8`4)lXnWoN0KA|GX*31U7J|!!~YdXZN`V0zj%=da%s~te)0$?gA
zKOzoO!VvtPDM#_Io%mh$N=ii>83)pzNzI2z$V9_qGyV|bk*R1gFr@S0`%nr=Xi9VY
zkVSzvKJ*<^*TtWI4JAGYK(9UwRlfQQ>VTmMpf(MO@qc}p|Ho+kKimUIT4);1Uw}06
z0+3tF#H<kguLJgfuAtNl@Tk{EwvYZWhj(WE3_y?=ni0o;NS57wlkzoq)ctIW_P>q1
z2qYZ~0*b@`=Ue<&IB=f;pq-CI$YlNysDg#{R{^NoGeT4Ezf9nV1n{UI@G17cjQkxF
zKmdy<H~%()KLDWlL}oDPZzI<L>#2gOL-Cghd_o5v#o@^t`j?Ss0%Y{xTjvk!h5zrZ
z^Z#_~_;Ujvx<*~&`qy2E@s2XWyfX}f0--{vVEV&q{KFk80l(pVV*58l^x4A<8QBkh
z#eaj?Bkv48MMUp!29JMd@F=FPe>3<LVDQUZQ=ET!<#!Cg3ZGDZ`J2Hn-x<8cVBFsf
zUJ4jIKB5lfZw5~f9wp#a^EZR1x-)o;u8qHWOabtyuBl41zl<D16)c35_{+bY6<v2{
z#XuU%-$wocIB+VY3c<fjpw$1-nuD|Ae#F?{CeRr?Dzeg|_irQ50_*wjt@8)i?Emvy
z$6pRBMbK5Ah*_I*eI!2~sA<c3x=;FGq8?R`Oq7ElIO;B?TiX8{L;tZqC^yz=eDl?`
zFF|!<yu{0ix927PHw2`&7KR9;zE<&>K0Dj9b?SF2;ozna0iw4ng;;*(|1_yz!}lrS
z-=KzACn$(00r>pR2ccU+<nfl>eI&!rBU2I|i1-wWWL%c9s9#i_+&XS80Pu{JS|&8Y
zrnF9m+-vKrBh=&h$>O9LN11C7)QYv+`^CBvi$T3cn&$>1qhaH>w?MWOU>nO}Pj{Ae
z1l(5}a}?8MIL(#fhb3Q~`_{DrMekgY`KoZ;eCYw02W;6-*~Cn7*|3qk!aBOYs_!p&
z?d%+w_EUOPm^z9<hjxsLcl*A%<gdh>i<RU=+OAjXS1p-HE)rlIyEvTg%nbwSpY9Za
zO86x!xVJ6N2zWmGuUJZsMjRIT;T`(THqxE=`0?fhx_1I#DUD{<IYZ^KEXQj6)#+;+
zjoxgOX8BYrZh*SdGuNJ5ay*}2es;=*b2+cb+5P(W#|zvwWP!9)ny*e4X5z^Q!?l`q
z5e@SIxxA*m00{L-yk(R1-s_q+bw0U;eVbg%(!Pq7b8}+o2uXShrNv-sd}ggiwEgj?
z_hx!_VuqB_6I;<U*2Ix)4rTY_L;-(;GN@Q=MXq?&js_M#oZD`ids36F%Q;>2DwsLB
zS-psl?aADNb;K4g?`@sY{0?V3>x6}^O}Ew)uZqobaVS<_ih#PI&$$_+dS2+;qaoS*
zIICF_YAsr;_5v}MS|dr~>VfCK>ninOFt@QClZuJ8?|$5?IbN?Sw;y<LD*S|65p3&y
zqkvznsFBny?@G;`*z3GBwD#IBb5!njU-gTXT<&Et*>3jL$S<p6P#JW2e9G*pnzyTC
z>`OiYHz-WVj#(2}8~8QWzTEFhoug6ngmZU;Ej75V2?L41y+0B?zVUVKXo&{;x{D6p
z;LBk9i|1%%H+?s=yA@t5rE1$EgXawd8*B4IyN%R$5F0K;unS<w%MJv>LH`v6;M0Ml
zfn8!)@dyKS<kLyFST>%{d#M4~94^rMaBCf;<IDh*sRnLfRv`0@IUYKj)lxeBboZ)e
zsuKCBJ0yBLSV^8iLUuKuu4}z=&8(|mGgmeS6>@vIaBDi8^Bi1^ggllbWrbOZHwT`o
z{|*d$LI<B57dy)^IlJ1f@Emk1G~^G4ma5Yf%r)Ul$Zm!cb;VTgOLTq^Vzq~5mL)g)
z&?>~mD2txc{HFh`P71Zv-GD%s**x|G!rBhQx(3OV<jQncuU&LrUfz(@?!RjkKK;PW
z8222FZvZmt#Y9T%X|kw#=`mIhH80epT#^<+!C3={75QCFgz))t^e_NfLh7&O9GG*{
z^)BW#4m#Em-Sv>eFKAtoVGYGqr7>c^oD02w*RaL)xGN9@V^62sH$1y3KClg`aBeuq
z9#3bJ8exCC8ibryYT+Pk*?uF33Sm4S*lM~mIERi{HtePw?PpanLUY&ncM=w4>2}j>
zeADKa2?|pxL+=(i_aXFcrCmU=SdAjn8Ur;XB=>5;%ab{OFg?;HR3cS4HdV6G)S>f6
zL}AB}zjbG!$xN_ELDSRo<Twy#;bV~Yv|;H*#;p2<%%IE7&by1cTK8Q;Aovop?Folv
zsugR$VIAG8E&J~^znTDX(9Pzq-|esc29UqA(cdJc88h^~c4ahbeybKDwe8}4c@hgU
z8h1c<E+B4D^>}>hU8^57Fh`^Yi(Dx@yAPpA&Y(_`fj$;~qXJlnnSqOl#1lQEe6p)9
z@^Q>U|LQ|n2_uH!G@b#&lGaYF5)Wo~SA#X`@q7bV;$*6QYC&$>x=CumorYaeA@|yO
zHvp+J1Y*^x$Oqy=hW5uHTwAQ`AHqUNpxk72vb+#c>g=*XdY)T>soT*$$%E@8?ez)D
z{8@wT-|tz84|w(`+*bx~;<ULsCKWzAKacMrZprHf*&a&CAnZtx>YDN!SP;F@qfl61
zixYx(MKU%m_dUMd#epQ|sk5hX)GB#3y9%r?2sYl1I|ktPvwvFdv*mLgc&F(V?%~kj
zH1#O)O5EUi`pNfqkO7VjyId{v?)s)q+6NM{@-1AqiW0#DefnBCAK$70bW7pE==JbY
zS?pvby_sWmu(Yh4{sv15NL|?!q<dXBY=O!Y&Y~qX-=%Wj{|H?0k3k?44_A0IuFvCo
zHY)1Exs<RxsHVZ0YqF8!*rc(Ov9#Yw5f74cL0>itHiI*kez%w|rqpk2mbJtIZp7yw
zAJE!*2Z#7_7cRV(SAMh+$0`Mjyr9Og>jzDlUD@HHOm}q~4$bE>fN|s5COfuGJ~ter
zolbqMV`s8b&EbcAcO2E{tFh{G{uSNQE6>_3ez%uD-TT;L4`s}EZZ#k(m|CBpFegwg
zRCheCCtc?31C&>DK^HrtZ~)vu7#Pk@Ms|8)(H<(7S>_1$Z|$n>a$!#E+|+sb_75a@
zWAQTPq(2>b=;2*S9I1~XvppjvXv~MT<Wcm#hAf9SiMpGwQSl<N1=TK6pTibCdb@l@
z;NTn@OuS*T885y|s_Ru!OT>Hqcci!Y0K|v!rjIU%B23oyKXaPR$W7VX?-re<#B@3B
zuW{fmQ5mQi+=tRMK1PAuBO=~3<PQu30GVVJYz5%7w4P!~x_49c^*T8K*Ww}u)O$>?
ze_?$;!Kxb&HngeSl|6#nGe*nVYhm{rIm=FVut#%YD^56Zr02H~Rw5J1?L5(XhNM|K
zIGjOts<6s(=vkV_YN9V&&0u8ik;~J<jP`ZU-ZlcY)m)O3PRC#zkWIFjL4U2RFs9`j
zJtwRDkqCX^)ER575X+6MJA*oRArZW%L*T6^Eb~F;+ntV%j_2V1v;u&SgC7LSa-j9-
zfn#0pfBS7-;J3?FgYv1}yS|z(Fc&5?)IgaoGamNoJ`pB6%Z~?8OE=hRQpy#CY-!)l
z4nR}C*-)0Wn-ydq-_nyl73~)gm5K!n1D^&Yk^wyLW#$Y}t{jlUj^cBer#aP|n8=(Z
z<Fl`F@mU*8H>x_TRmzQ-t<P6VeISBsheO62^XxrlcNj#-6qL2P`Bw2)k|*!95GlFp
zGDrj`!Dp92k&1jx-us>4o7dULA^^_%Z9Bi|cDULP$b%o~g}xa~6FKR5n@YC{w0YyO
zNv@0{g+a%QQ(P0k%<VpZ25HY80MeVSooTgzeQtPE#IaCgJH@F}YoEHd2wGZZmKgPF
zimR++9jo&zTR|Nb@m{ri+`W~TSk*TbZ^M}{FAIt%T{Xf|gsF2)D&!?yq&HcrF%?#i
zx{2i#`$siLCbr}I(UoYXUFYmOklK_{D?4A@a`>!}SMGLh-Re$MznCu`E_Ft<Qsqcr
zh%V_yh4|Wv(j4B_eXlXgeXCZNam)Coszx4!O4}Up=PuU`j|;rdE?<5Wa#2ds>UyfF
zs2FOTWVj+Uv8C{$277qrAS+E1H;tbq`*wQ!e5x*63wzUssGxuPjd+}`&~Fdjd@?;N
z%$0HGB=sHWF<{NCRPC0M_Vf<K-F8{MK<2bKlwgdZj@H+t`$@#8yg^fI?~*3Ky6}?D
z=%v-`Jcs8+O*Yo;3E_&D(=Qog4Ad&U^KbR+>!gn`RYmsmBsBSF{HZ%lhc*<4E9|SK
z=F+&TEs1XH6?tzx#82!6m^z-WMPlM$%DwkQrAf#z8TwY@OgBJz23p`lp094*<Rj{H
zS=4S#J4#iobkoGwDqJ*do$m7XB&u8FN>x8%G~l|qG&%MksW{)$86=V|6<{5yO^Z4)
ztL&;a`z<TPI!Q>M&MHKwd0<xVDg=FnBeFqwQu=DYb3nbq`j(_Sp0-3^i!~%sP;Qx6
zebeM;O?1WOnND{)PwFV&CbTGG?ClMW54|0qe@_exy&^@vbbIV@-Ei^{^?EK~K#iI>
zO4L{AzYt3{wz&O>a;WvfJ8ES0)0Iu%S0h8%<yp#-^NC6Kbbl0!3mv1;>^m_*Q_2_H
zA#BYNY%N!6Koy!A$Wa<3cq-PDT{m9Ok0!$gyG-&2Cf6~`O4M3?WPGYE^RGj{Xfe6B
z4!+nn5c`s!lqBrCBg~|y*y@;g{<g$`Ie+$L!w1uYLvIjoy=0dN-qCuo+wDC0_SUuF
zrHYK}mlC}0=ZCA0UyC+W^RN<ASNB<%Wz-yYF`nO~2P{lzu`$pd{<v+DV}-+R>b(!+
z-+na?-qy{hV7A_1Ik&k;6>#eyH*uHZO}r#Lu!ts=cJ9I%!+P$&HNPwAyD1c&%L|9G
zo2Ml1sMMBK*L_+Wux$|&9Amb{Y7n|cuUG7L&l{2b78te?Jkc8?a%g(vzY-;;PF|RL
z$ywKIsoovic6)k|Gw0hiK;V_DfAV{n!RR+5xpJBa?Sg%>rF*S(o2MGHf`rAyO8B*J
zcSZZX+xbi9O@19OXoyC?j*>m&d{1SHOTOMZZWNW`cZ;(Eh`QNA;k(@)Vl8i5QTGA4
z%kQ6a?L$u)SViK<J{fL9W8rRkTdaweVP+kXI2B{FY{?}F8r?cCOIhB=F89U=4INyx
zmPTK$#HVr{mCovBeKwU(ZX@zdHwm*Di~KyEW0xs2%<p@(K-`eA8SbcTkZTZpQJ0Sx
ze52R&Jen?xm~`mB%M!k`feebzh{h?LZP`*Yt1@Pg@CK<)S6m}7Ok9glK(hGQ*yntO
zxI2pWCf@wCO)-I8qDrL}4fiG~O@oBXJk+!&rh8$8_ZRGfI2eyY>8KIyp0e0=)hGb|
zhFk`a>(jW(t`*ptOixuOhL#TO?k;ozs7t<x*tBrRPw1OaF2N&Vcl+Cx3@gX%!yOwk
zP=7F5sNQK45ADHAEtT=L8W#UqYqghgcuvHU<QOoeBNMLLe!nTI#;iAPIA57UFT2gd
z(1GWd2Pox|4y1O!1Q3!L0MK@VqZ%pT)ymGfl<E2vOCO+o^x8L^^eI=>k6c{W13JrM
z)Hr~c&CZHC0TfEwtnG8)QXxv)(N*1QQ%0dR?J+)gximWwZBc*Q%u<*kiB;lGS~HpU
zYvW~Ef@Ob%I1mS3_5w9cTiw0szBg053#t|~TFuwNsiZ6WdATdT6PnKCN(VKE@d{=+
z0#0t(0w0gPC*Bb-lgf`>Eo@0`(rJZW?GJrf-quMbC?SUXOO{nVOdXk@o0aGcYp2h>
zefKV!f53UW|KlJ<|Hto8#MLC<-CCA|F6F1G9U`@!SzL9mmlr3S?Hxe@-W|x=unizt
zx^scGsW#J{6rRk*o_-<Ip`y<fR%_%#R!(TMBi)<JCm*x(%_dD;%(fdvK6*CX6mC?!
zS`^jc_0HFDFqEoq8KWHHyb#}&F`+qe)X!RrDjMRrU1K?LU3hPvRLXtu`^bjYEA)2v
zU8)UUuMH%BvYF!SjH%EP>5(1Vjgz*hp4;raayNzR3yeLJ;J1cfj*`8#oAo{Pi;~2b
z<H-(s4O({M7i#Ela7Qwhj`QZzcbE85WAZJ?V@#axxe}%fU?uo1r+zt<yME%Ye3s{S
zZR0ch^r>R`gBK%9q+TZ9*KXj6SZ4oMdtV;SX8X1KzMWJRRZ2@kOG{PpsySwACKRRS
znrDibr<S%_G-{sbnWDy+)2gB7m}e<9M1m9{h$QFne!t=S&N}Cxv)1|VXDw@Gd6szG
zdG3AheeLVI_HMd%JYSGunR!j(F`~YmL(5W~UpR~$Ok6A&2tJ&32o+3Kb0#Iqmi(zq
z)M1W-g}#JurH%C^Qeo7wvFr1>KP%Y;5-g08yacUrF6L22CGLqVgAVUn1>V)=UaCSZ
z8SD3FBoKC(|0_-frBP{rB@TZ~l4;eYR7%#qz*;#48He5q8d=Nk4Z&SaZGu>2Hd##A
z^wJD%R|+s{A$J#MMEB<EKQ<0D$BHHLX{_#TTZEo^r{Hfk4_d_hBm#M9+Mt7jwv%&b
z>I)NRfUWX;hwPh%!p#TIKJMShs?cP!Ni@(ri%B{_M)vv{M|>4cHr(p<IASSz$U>{5
zTuM#DLGu*X4hfUKkJvVSB!0t%7dII=)t=s7t?(pC9kfki@S)Ne2tSY+z?<&A4sP33
z9U19coJIP^*y`lGe66*gM(Eq)!X}sw$y&-71*9z;aUlj^LdxGbOi$z_1G&XU_b&=>
zB+<JN;`sKt$ubVv)Dcxg5<}}SZs?slYK`LuzMZD+M9oHkXEVr{KA?1=(jpd1&%$|@
zlj_jKVR3XU!gnASzW+-r_Z4CGD)-m*fY*ZdKk_1PJ0oiV&>;Yw7r9043u+(DQ=*c}
z=M)n&go?Z;Kh7<<dhQ|!Jhu$+Um8yW^(X+rB?)NF&cs~-E7}5#*24>nY#wcQC(G}5
zJTx|fQh~tJq%*YWj1A6L)ugDABH*T~|Jf3;#5~Uq&@;9zr)ln^k-u6ui!)qNfv15B
z<T-$%@embCtOP9rY{5%hJ7R#ZUK%jTA*A$afr{^wDDp}HmvsHlWq?k%UCOYC+nQ~!
zM*D@+ftvHUo=<G_^HtXuIFXNj(WeR7yxTTXwZUU12ilECTmERFE&0eUGe`bhpoSOy
z?RFwdEt1~rH=B4WZ9@w6wsw9kvs~D1jPrP|=$!UKUdL5XoM)^zgOOY(cKcJ2j%d7d
zUyQt(Hgb1hZ?SfYNy*0q=joyx{rwUf^lE0CLN>*x(%ih-xqUw>UvJTDHgFFwDFt53
z=$2A0xiE`$VErVo(2KTf-B#xXt>yEyE{XB9#<!4902*sTUjolOV@zPaP}w0qb#ku<
zuMJFDNNc|id2_D;(wyQjQ{hXg{%*IYmY|od-0*7W_wl@poQ|oVJa^R+ACTXHG1kYZ
zUTJJQW!~P{9bz%Xo2(fqq9$Gb*>utRPgN+8d&Qo1Y<^mBnHnedt_;tG;{z3SGnmDv
zIXB4Zms|st;p0G!>`wEm_#XPQ9kFHc10zq=yS6#Jvp=adXReWeWMFi6jW5EAX>Rqs
z`6FMgL)we-k-x1aq%}G~J7p(Dg!`rALi6WD@d61LNaFr}*wQ057F>#JvvB{elBfD5
z5F(^b0g@9#??As5lQfHR|1z)k5G@g~6@zyJPr)Y8Gp)sDKBmUiB(Kn$#3`?|y-n7>
zG{L&IzYbX0V$j|NQ{AymNTMnvOSnJ~qRuQlmv2}0hHs?TP1=e~7agLNGj7-u)97Ch
zBP5LhC0$zD31+dIyGgiv(1m62&fB`8gi6)n{`yLuqN-byyY_W&rj=Da@u~h_4^0L9
z0ykZwUZseVu#O4K1F-`rdy)53S8n-)gqFq0MVJqhR3Bhn<h{^^l1*VI6cqhD0|?An
z6l#S-s;So0^Jo2hyiwio*zTK`<i1XB70Vqo8U{|%(CoghEZqY^eOqD&Lw|&_VD?yA
zrY6b1N{Tvj)4YDfaF65O^JF9?4@7Uo(-Ljg%o)wtMRFRzth#bi=P!aFFDr;a?YBhp
zC@dlcUky`n8I+7>W8d_jB8Xc_Uog!*@jRNHSQZR`3v~Ui9L*!<qx=Y=@P(<qACB)X
zVEnR!4Dw*X<2VUgcX2t?AnwP-kBj}3{eZ>A3#&N`@xMKaUxd^7{YGpQF~?8Gta!tP
zxNV!r<I0D3L4OwHw6?^u238>03wBUAdhy?E@lC`rA}=lY-Qes)nXu<pt)udo?33;y
zGxF!!?wE(iu1mf;AqkuGQ*abj$Gmqa1c;M$!)HigG=LPwDh*N}GgsZo>+Sq=y^E+w
zTxe3ksTJKW%9@mhM;Os3h);j~<htpDPrX%^-0%s??~_F<nta=YA6L!cL=%jC|NeML
zRc#7N9p=}Npc@XmNM-n=ydXoGxVKq6T03`Y#$|M|xxjWM47X^nqTQqlb(Ht~Yv;W~
z2yF=TNhEB+5zVO8Wjn~bJ*Y;H67!tC-R!L(M|^p_b$_)gep~yC{=(L@%B_}79x0Ri
z=IQm1J4S=_g#DDOCl?h|Bibg19>BD{bkf*9dh^bPTEp8Mwhptw4{nVWr(7ID#CN8(
zD{WJ^hNe)ZTx|^T6<!Y!Z0#MV@MNfb=n$LBMr>I$R~Q71c&jf`1HeECLmGKFA3;F=
zw@mL$iEA-paNt{`M7P+d8$suA)R=u?I$?L%ky`u}gfW-$UI*X;60O*Dq1$uMfYQ~z
z#Bog0W07av=S>7m59yQ-?dJu({mI7U7`c<HRN^!iJ_x>&FaP?e;#Jm1=b5~56Uo=F
z0sIJ{ip3jsy5z8GG-bfp&qP64FpcU`!gOXpE}(Z%3HbS%s*QPc^d_sJ<M<uL^VEJ)
zUR^Oz^wJ`G4&qBEKnKq{+@2r!PA|7*vA9$H?g2P{9SGQ0BrYabF@0bK1&X@y3v<es
zTpLTcZ!`F;+-?Y})3NO>ob)bRcd9Hm-non#984TIowy+BR*a_x@Ki@g)iYu5bZk8*
zc<2X9mWzK?w$F)-)wx)>gIl~q29InWRuFwOb%Dz-gp@)Xn%&V7(>69tWC<;?BvkIp
zB6G16GLEvKbH9aBNA2r=>RMyl_Xz?md=lub_pq#3zl$j}wA|cw$%b}Yy<2_&@z^c`
z4?>8|=6?4hB@X*kW2Lwr;>qIc7;MH+;(dseokeVagu^UvUzI?P5x1P~bil(tQ`&{%
z)Sq1U6(W6a0^{yZFnq-3GM+3S+f2j=ywLXqpH^3E{mWNaCMj*t!${FFfnSrm>}gfu
zgox1&OVn=1LsM1HVB|0H`E7o|iR4QlMo9mrfq_!saI(+-;oL?7>*(^5Ag#8D^k}jH
zGH--F%sTr~R=v5#bU$Bg@TdWY#)O3{slw5JtWZ<3d3m$T=m>MgW>7@Gy_h|byIZ(#
z!|hi|<Jh@XllRg_#r3sa6B}xn?QMWj{Npt7SPF$8onNy1;|~d~v!S3?0-M%~G=9;-
zv6Kcvy_v;>f{^Dr_pqf`vZ~6hwE}O=%I2(!&3ny3>PRp-T%DC_-Ssrv=NU&NuWWjs
zkP?m!u_940q$exc4hxTh*ffOb1V1kbS^JT0?ELJ3onq|cc%BmY>$*yLV8HWJ3MdcG
z(xUPSwh$OF7AVy);XywQUoNe)1ZO=Z!O367bvJFu;V>ur^3G(AVR%K`bWN1>OFL=@
zpP&i_jU*$7K8yY468-gdEbG(dhTP-3f8%vZC4OTsl`}43TL(K_?o?@)JUB(h{M_e%
z5;~zZ`mCNJBI({~MzTQSs8C|#W=t;+i2GaL5prYlm=vv>9}>-wdHVj7LHmA0(loFD
zX>;R5Z+%p&k427K$w|3$F*d_JstD_-S>h&qSGB;8{KZPus{oSeqjw$Z_{G8#`H0PH
z(*gfwzC7sS&lB7S7dZ<@x$g(o5pV68>~cqg0RSC(C^})vgGPq-r!uhpVr}OWy2U7)
z;d7+|yCKc(Fp`tNQXzeZkhHnl(5D+tR}CAa_Z!4<CHRdbVWULibTHC5BD7Ynq+X>r
zK)6a*^(`9ujP=~djy>(ZU+MWSy&q)8b_kJfGo$(PGRNiF1VqE4LL^Ki%~~a<Nwpn7
z<DXTfkD5d4r|Obg`fS#4YKJ!!&F@T%$YeEYsE)aehrutleBzrR{hL7a6Y&TLLCZ#R
z*Y8HMdzGFM_4B!?MBd+gY^xT<1W=DdM&mA=DJ*Pr5Kc8BtNuVf?}i{3hmP?qC`4Ym
z|NR|p-D?#usb6&9cvC~wcfo*M$|8CwO<47Wfb&qzL?=G)_||{M>x)xmufd{g3`=#t
zxsc8#N{YG7*}9}UI<8c2-Z%kYf1<>hmHb17l(Ik2B3sO(<&!SxXA1N-OC&yD(tAt8
zlX=xwu!O+H0Bx!szU`n0TP@D`z370-5%fhaXG)CmDozocoU6|rE|wIA9s<Wz8lT=l
zlm*Ey<R5LiLPLUdiGIN*lM^_7<1LHDZ|NNzEc+`TUgu@a?+<)3-tE{M$Y?l64VNmW
z83Ow#?4w%6)}mIM*1|@0={_jt2`3s^(JcCE*NrszAVa~v{^Rgsm606PxE>?)O$!O=
zBz%4MiM7M|<}KHGpPyf{(lH}GrcZP%Tr?e2qMto@I+OjSO1Cp}m2gXD9Z&KcLD{W&
zwBFN+`@DDhrg43LAb^|fOA2q_vmh8BM$#}qft52k{{&7v?P`oK`QrDg`FMo1ch+P$
z%sD!A=C!zQC8B)F-b0xs!j<+8%AW@myF&tU?R|+qV_j_4KHQ4ja)jxa+?NS~F+$N%
zaD%~z)ne)rytff=yTXPa>zgi0h9W`~RRb1uWp|;090D@j)x)uflYlYp;&t_Gd^Swc
z95p^F=cmUCZJM5Dkk_1YWe%YSeUx#^8G|dP<zFlswkukz)l=RM>TieS5?NO{WCAB(
zt`iI}mi$cz0|xJWOI0_ZN%o|ptz9L52%Tuq-dkA{OQZoq%Vj_z$YCuP!v3Pq^~!2`
z{4KcQC7s0=N<SmGuMRsaT7~f^=6<&fJ9+LTEK>kmX`PQTKr+BOw%LX45@BXYn)8OT
z8As&-S?BZwuOh$L&I%g^RPF>@I*}L%H7=>`{zR+eqgc1=E{aT9q0aHtks&UM+7@*>
zb61UD5KlX2Q0^AzQN`mHn|Px+a^T6s(Gz9$hQtdX@K7#9yp#w(Y3BYQ@DRD(MDXkk
zF;dgi=NPa&tN#!O`unL;X#b+Q?_=!-kxv#E#Bj!GjSjDw`t;<J>yLV{$BuMh`_xeZ
z_+Us6`v|ciI|0&d;t$Fo|K2(ASX+CRGt=uJN-}u3{=g20<p9!EhuMsxur;Feh@{_K
zMp>oEqbni}DRpKN9!kdx<6%TB?vJ_bFmgaM<{=JIy}Y1v@~@UQx#Em>7`(=H!wY>k
zk`?OMl&Am5Dd-<vj>FKu!X$Y99$5}Nnz`+q6UI8#$z#QEu%1G+I~M(J-o16mxXT+$
z2Tm9F*r8UDrn%4r>|*GXHy)&`1ZS{bA;2}*iQIyk0|MwenQz{}<n#ASe&QSV?14_J
z>(NRmMCZz;p!ytsX7X#u;Bal=Lg491CS>;+ppDz$m12FO`qnYdyE1NN9*X&^q{-9E
zC`OqR-DK01ldmte$#iod1k!)RuKAao<yLON(W_10bjB=qED7=~d{(*IZb3oSLKyB}
z{giJI`)IGFENl1q_?X22_d$fP^Me^e2h8_*-9}UJi^F5tI@}z0TEcTTisXkP{YJEi
z*<9w=+_YP_gzl%sF~nU4XS*7zSh!h^?o<$Cb%sO)Sy}D=^1j^NF$I1R!bkuEiHYK3
z2XpLnpqz=)27uf9;$SEuwsAXtGuqJK{G;Uq4|g_q13}A9=8VJEeC#)}QEbZhARV;?
zsX@mN4%c%YO%Yz8xNX*szUiw&%-1kukcb;w?_qWJiTa4*U-u5xGR+A7qRlNCet$?i
z|IT@gtvHBB*!oI=yV^kn(mHB8jy7`mhtBjyf{A@Uuba+@^gUGNholX*)%cysc=oiP
zz$3L_BCoNg6>L4*F4Iogwd}P;E^zremnSXKXmV#2^p`lr?W&-*8e===rDORMcOG5G
zoIvD;-GIKvcw{IXP1H~g_`Fm*J`n|W$QkQg6Xi=xoH}4csAl?P&Ch!v7DH8CDj(4P
z6ntXpP<(TO@z<P+Pc=WNoSVtix3MJ0<>a_{NE{86g2zNi%}9HQl3jDN;qn`t8PV~S
z157)XWN#ZzmPvIhe&PHgDxK((cL4;S5_klk7I1Ezd_nZkmk&O!D#*8j!)B15tQOi+
zG(Uu0`5-l))4KM_G3&lt2eBA?V^eOD$w3ZFkm{laXLba8h}w=?ujr(1e!W5xp6hCl
zfdrK5b6_5P;EFI+x0ky(-=G#S3slIH9XopZ?m|6(?_h{pQ2_x8R^32p&V`*Kn7hsH
z-I-F29-wb)3`fN!wgdysPoFH^3@P;UB@C76s|EN-bt5dLmlFJ4wykl<vAT10^fom3
z%d*sH83O8Du00(i+}-s{u6nVzTDe~^C$KfdQEj`U_^%-0k#Qj5Rt-Xz(xaxlckdjJ
zGHFjMZp(@JFA_Fs_PihD1Od|Rcmea48B!pir`X0>v)J-%GX0Y}cSKJEkl;4EV`aRx
z=(6VcZVjEbG(YZ1m9!DQKkI!Ds0V6*dZ7KGdWr3rQ!(@;>5N-WIe61HwS|23)pFcY
zPt@$P!Pf;8cqm;o0nqXC1onfVc=V`}d-GcIlYyh4uOMilue)bftp<&$vl|VqSZ48C
zq-dh#%b%}Mo6_}%?{NnD!!57f8_4flL*EJKD^*_@=j#m42%@tB3F#q1f2Lmrb`Pdq
zQkB_V$`w+@l*rLCb+|}kq67;?(8;7FVw=@{ISvYEm5h?KcFAA`)%)H)JI>zWkPM48
z+2Y={#-FZVKp2!<R<gDwN}elXAw<&XqKgbe7FlVYQLZ{3ZtvbmSnM6|XFAMk@kJbE
z=r0Luop4=OhzzncZ{<W~oZE$m)=bDkkCF^StI0ls)dT<<1`b<5qpTKsx~oc*EaPg7
zcY!E4nOAvjT8|Y@+388-P#9~-Cu5(M`vz180=!ked}o|2G&aJ0`ewWlCa#?Xs-QRj
zl&b{aU3}I3cq39<Z>x4;Z`E%oYp7qc&Qef>Ls0cFE3uK@FnNk#xgIba;^46**=*e<
z;N1|yYV2!d<-I3Lp5;dE#PO>R|2Tpj7kMqcaq?Nff(co<T;3-lwR3Nnzll_S*gcN=
z6))#vV*E0aGAEeMn8?;Lo*nEHD>h12GDrDwd<SwFqO|A3;Y;lLET2D(I}Fd11k=p6
zrugjuUBm;g(<9F_p>QD}U>*K$)jsL8hR2mQ9><E~(;NF|KM}oW#nCS#FAVSXEr$B*
zKQoQ&M0o)l@3pLs&q)buHOW4@4CSa8iE9nCG|MCAjkstRu-i{WLTb?Uf-F0qs_f^K
zDseRpVRcWqu4d&bA#5~yyC|(%-x;#@G&82|2h_M-Z0?;{RJ)D(AT8}&)Fu}cO{?I0
zwP|kl^K>PIqi9^tSxp2z7qzFg|JY)LNWSKZ%u`T-IdJ!V7<UM1y?j*n?h$L_kqa+r
z7(cD5!2#$1E4gY&b00#Drblms%a!Kqxj8hGGVNprl)VA<hL_+cUX|pAlO=Dh9Vv(5
zoFr?TAtwKIgluu?(f2j?ed%o=5Q>2?@Js!|153%v8DTX(s@$SvWZll&Hpc#q>?!d!
z3YoaQv#DkViqrhJR_Sszz^F`>HsUb5hj0hoofTe9eD`)v<LyGjxp$yAI!XK|C0cNO
zEYNz6%KkmwIlEIlu4WFjSbV#}r+Qw(+k*%ifak!rk_m##!vfblxHteN_|VO}FSba^
z1-b(%_!J&F%J8lJ<pmJn3{iLSxla(-E*Z9jT(3ebS0jHW^6IZn8d)|BU=j^?c+0jT
zLdi(Wa#nHot$-eCut~k+a$0`>eqpnB85Jmis8zG?CO21@*k*ObJaSIJ9+|hFHZ8WF
z<ih4wEbrt|tf=k;tfaY)D!XIIby{isoAG!awpm_q_@;h|?>O($nF^D_&JBk_-17A^
z9lzGD<ZSAcXCyex;rp$#TAV+pX=v#PtZmE8W<xXlDL2OQ!zoVkTT$z=Y8OCC+BJ*r
z#po)J*5`m=VSd_aGxOXYf_ze8^pO)~GnNxZvMD>Qam@<Rh*+ytrkNSNoir$-bZd;5
zW8Djkr~}pPS!Y;oE5Yeo6ssI9J4y8$WL3gQ@+1P+@j{{ZoicHCu}XORa6wdN;XvsG
z=E8rhVGAF)E!3ctyd}Fmi?|=OvRbLE>XsF=bl^4H8=H1*;~THZC$W#guEmvJ7;ljW
z@uQii+QFD9YH)vg_=>&<-43pr`R=s!3TwV&>h;n|vUSSszm&h@{t}h5aA!h<wYZjI
ziSB}#Ko_T-%C79zWR2^0LmeSv%&jraoT};h=$pat?bFYBp#WWB>&D>;X)Cx|Y9tct
z3sAkh2=D<{Khr@dw0p1~N;YXM;hAeu?@;Ky%y_|(#N`HFGcyzhS$b{X75-?@%eqAI
z^_*(H2AE~YyjTGTc&-Gp1$tnn2O)?JSA7puT7xk=TYEpmt>|@xaDyR@evoZTnL<91
zxM=?2{B@ve{3YwGVk_bHmRcKnVPU@5((N@S%#p#1U!_X<D@&Ra{dv(W)~6+ESM3XJ
zz5vCSe33<_ySTA{rJ*U+L*!vrFI!rRg<#sx9!t$lAXk;uJ4t1PGWEryv@{PYQIiyK
z8^mNdO72)De@EVF^PxZckV0?PKC!QB(Yw%j*z0ja-!(*U6}@5h%+teO&~^SXvU7u~
z^guIUZ!ux<*u`qZdpIi^1U;i`K{xeATi(p!2|OeM8|^=jH2FJiKuT)0x8QBvs<m`j
zd0OKV&NN_QIG2K17vE}PQlyhvT?K*wBF{&np0qb0_$Q4o_C1}<W;Ku5!9B#g%aDOM
zuE?t(@Wj;0OZM>!xr46uMtOZb$pLOZAWw~FYyP>z2PjTqTBFNY)`cdT8jQiyz!g2!
zhBm-)W@l)Q2nnGlee=^Oe?mj$e`hWNHYPaq<*iLfwHEEmraoEV*n(->N5Q-VN4^k6
zR$#1+uY78y&~>i>)t}XGj=`kXl(gf)1_|PF0-*kMbZPozD2UK5-c0la21mnvoH_uS
zhix*mF+y;P$tTN6r*NBNMh}+0og~5&hsVrUQt3o7KRRQ`j9O!#Y1jB<mD^IjGRJf2
zkLeQucNioUTfJ6>n6^d0+KtxysoCAi{RE^<rwl*1s=GHOgLBnkxXW@mQ_|*AnMrX|
zmUHQoysxh(01$m_qg<%5E`vCo{4Ps_2fEc#a`(+U29|u4NOzU$BX*>7+wD1@PM6gl
zIEkfi;b}&Z?ZM4}tqS{W8Iv|Ch`We#hyFOZsXdozIQgiskr8Szl%mkHbW@`KrN@4p
z6V=+r0Z(BJwQBKw2AIU3T_K{i1KtN-fi0JPLUdFq3!aVp@znakG-X5qEY6{FC{GkD
z@^i-fua2ts0!E+ZWB9c!DqTHCzi^eUcQ`8O+`%#hvgDJjWmDXbTx+($x}?bQV*lXe
zl3%J!N0&f52O%XP8bf4@(%fIYa(;b7If6B<BC}d7rKpQL#riLA1X-nLg1sS`Cbvun
z4Ya{_iR5-xkK#6GbKYH|q%Lw9UwQY_I|VSOZBbf>Zb_||xI=lL{DDHIowux19|Up3
z(L~NcvK<(5fW&p(WNdNKbk=y-Dt|4k5HBVCULe67NG|sPK)Aw`vg&sXz{xZD3n#1S
zcODuMZM$3o2OF#5u=Wx<jY;(^=+j+V^{t31IRRgxJ*vTay#nBSt(GMPl|k#b{efU!
z^5Zzd&LeJv516O2r*{>sNLui=+$tP5#Nd-e{z<a_<Mr<|wZo|QcwEwB`+bMnL!=(U
zs<-GmP_@C`=BK98{kLj*SJPdp)C+UR%Onms;;(>%jTTybDq?O+jt$FIk2sO8RN5@N
zpUixVpi;`-;fx2Ed9m*#0zU(0tZ*ZT93lNsi3X{9@;gR!Q)~!8eHHsT+N&q!O46eS
zLoy}qo&>g<0z4{Znnyg7nND$MRG);M>Wqne1sOjIVPK6>U-#LD!8D_BnG<;XUG}4K
zUImd?)DuvPgDv}qv@)~!G0_`^e$lnBnQ4!j7@>G4<6*5^dP@T0UVW&s<AEdIlyI56
zU*xyOB?|p%!pmLGxgTAgT4vQg`JU*;y@0lgS{U{(?QoTYD&pTH%Xa+w%`3H6;9HYf
z`*ZiJ(Qokl9rVk4_t0f^3p|<tY9t6K+%?em(t=FhnCa*Vnl(K2%~)B5ME5zJtGiO<
zijLz8S}8l9Q$?)n%97x6<9MvEw73y=Z}O`zqa7~UhUF0;bq4LPKTbQDHR06-N8-sv
zNlh+(3rA+OP7BSM-fFd@6D$5}Ip<I(KY^~0a>@Ia^5@+8e0OB8npt;#3gH=6KRCTr
zn9DcgU+L-ImmpbLBDeu@4u?$-$_BrP`sgr{s*>!d9sI235EOLMX25<3UmT1!T922i
zxHoZy+9$*Tl{G&BV6YK3lgXgQYsc@lTeZ#4gIe$BTN!`cyRUtB@3GzkZY!p!GprO)
z$R`7nU}s8HV{YEPNW*-!zI6JR%XC#kfqW*FjkR^W^ei0O%TTu8gY)$ybs%xHsK!OJ
z<LbOhF%(dK3_Lq7302Ky<>(;YKiGeJ1#IswamNTDH{u@XzkxYpaDDLoP7TVOQ$Nq+
z@o6K>+(k9ab!&RULq6LKSu+sKVQ^Do{2dc~Qh<~7XKRLjp?P#6$L)zRQsPEO5ax@Y
zHt1uv{Sz&{?Z^7wc9muAd#?MnVqevqjW?vQ%RNP_Ls(Ln`~8LvV)I0>L(8<zPzVoN
z&4&BZ{FHmRty+SF{A~ikV=QEurjhs-=$Nb+GpaB;33>2iLTpCY_pG+N^qZ<=Th!AB
z(N@##6X7t03b`csbO^uXm_yQm+ph>;%kRG&v|gRMND;qy)EsIGq1CoGvb`71ywzfW
zmTss8W`p~`9YCjN2ap&olW(DR0>qac^+3PzW8!_Hy?XaTL(#Jj!+NqQfGf7uQr4@*
zO%cYxT7G0AU|#Wy7wB(91a?vYZZ9)`RHgoNNh1L%sRAD%D3cmcUMWZK6*nq_(KAh+
z1q*(t5MRQiCe3>Sc3NkwSli|Nr-f$5k-Ta#6Az_GM5}6eVb>jiJPUgRbXg3MKI{v`
z=HO$m(cHns@LR_F$XLGB?<ly&&ZApTbcR<S^XMu%k$65Qr0`V2N!uaK&8P&Kz5@;*
zmnInq7k~_RWVyBbyMNSYAH-w9qx%q~P_A~s=6rePMnD!I>o(Q#P|<Tdx>kC#sxG_(
z1vQ8h1BE<;yYJ<VYJX4pQHt=Lm7Gl>g&1&WSg*EPItxS&QNPRzd{V+Vemoxu^z_=b
zNO5p2Q2eTiGf-{@8dqDpI}}q+X0^^UYYiN&UhvK*w!H!SBnFw5m5nmMwp|qT__Z*C
zSAB7odIUI5@`Y-^qxmn|E0Er4L*zK6C_1&Q@?ml<&zGzN%gw*keLbWfikjX?s`8ld
zV?SKTmI$0<qT%3k7=%7$aefl%?z%Deeb1zq*SA%NgjA#>f%tOp={B<B<3FOutCO~b
z(xi#29d%NNpC{OA=HJnVIfuZGGQTtbF|GKM5xkb7A#`h@;;20*J@*&(S<M)Lg*GCL
z;mnEGB^hIx(hz(Qck=yEd|!#1bz#7VH@wLJs7a8|<gGoK8sU{G=K(!(xhWRbeMw3*
z>76Zv&q?Kv$ua|#@<d+d3B1E_;BX})9_x4yl*Huft&#v9@B=LA_GK{A>m8F7C;Mre
zbfT%FBbuZIyxUIhj5zwe@Sm~o#!s4e!;Ouwwr|GtPMX)~tj<lMk)-2JE&iDyE&fus
zs9U3XR_{DAYC;hrlouVKBzTpMzLSkJ@1|ON;fXfDr*p%z!&NM@T1G?t$j4AFQ>Mk)
z!`^kyaH_%X3v*KkPMmgw2GJec@Q+kQn?c^&-x2syu4zL^poWCG;q+)3htHKCh3R#!
z<6Z%F&LgXcU-1||QB<1x0n4B_1erJBO#6Yg`MOTU!O5K9YM6^GT)7o)MyxQpxrdDZ
zwnsYb8<VhfJMK_e2@}+rBSk{fP}4gaUJ9zQZ_nEfqUs8teY>=0x0n(!8&Yj2kl|l&
z`@Pho^W_VIgp}q!tYny6aE;w(>4WKv!!mh&ogtYoTHsT1sd<kdMX)=Ut05-{rUOiM
zu|2>{j@8;}j)o14|F?eV-^@4tU0SKRWVE%j-)g+El&a-fYoeC9YpQbwpzz|&k~VcS
zWkXDM0JPFn7vRS`A@i`(`-8%@{=3#vS#KdO%kF@AT=KL<(2#7QzKjzsOkTU>{g~t?
zsX>hj)S?46u>%;rjn`Vp*JVOZponEy5Cy2WebOX6^U)I);5FSwS85}2OUgKr43h&k
zGNWS>U|k|h!t0}kc#ge+ZNmS=0-zrGwtST5soJW^kb`6-7=VjZ^oGi0@&+D>i3&I~
z^~FuBgyv|fBX`$hwD(p8E8OH>L)11Cz!)z5lP)6r1GGdSCT1dl<Tv}G81~SvnBExw
zgo|<M9_ZX6&>g7-*zdVI$u7&D{PIidwWp862JU+MKxK~)htm(AR|Ps$rO9IJ4=k*!
z^4Xo%gK$hQvIAQ?<-!WZ(7H+uZJ%HG8j}Z~?FgJ-qKIDv4JTy*ta^M*HjV$!K55VX
zH@63-JR0&Mr_5fax8~xT{0x7r>KJOC#5if^A|bWwc)E-BVXX?GH=8D^0`Er9Eq<*K
z*GfiAbHuGL^7Vf+uc`Gv6)S_<DKt|GzH*tWWRw-Ki|VU6y~<Sx7o(M64XHD=9{ll9
z*^hb8RBKiMeZnQG&?{D#Rm|l#KYEXTVo<=ubpb9TOUjKg@$0-K<PBy?%<P$U%B#ZR
ze=Rh!H5eu1gi+(N4f2^Ai|`%ALt|kF5w1{;v{wc7t0P%QHy5z?{U~|BW1;`7(F3(a
z4&rQH%h~{xHt4`J#0ZxBFrKgO^XB4=eop76z7E;ta_$*^*<0TeId$^BFI{1Zpba*g
zmcL(Cc3%Ia`GyuU@2=K3VZASNXgAD{&^DpCXTMJ-mi2lrom%#3$(1gv3`8Bf>Q+*u
zO*|CoNyER-EHj{qmT4*WGpsxv-EBTCDvQO;x2K)x8fKb2yo(WlS%`_{y=ELgEmUM?
zblN61O<<IQ_`L#OVKSZ0!Jm6op#?md{LRylX`o!Q&vm;<Y?4BwEy^PR2Oht1&V_?w
z-#Gr7FimVY?OJq;U~^9L>xy^%QdmS>aGKY^7&DhPKPN7X5o(IG?7^kGP4CiPX#+o&
z!&~mg1=sHe@#eI@8FUvLBy8G-O@TR0bh_ZlD!Dh{Jv;H2#&?+bC90Hr{=U`l+n|G*
z(r)p1J|)GMLA;khWu%4iU$THH#R7C(`_TFe;8dakOkxd|Jo>ld`Oej|gH|3t{T8ry
zN#I4S_NN*(vYRsQ#@!z702|$RdjA`!?}Dl>#YRUn$}q?QV;!V0@+kxsC|d1mR;{{@
z37``A9bE!@j$}Az^3qh5A1w&5nV>JlTs#g|+hG@giMMb0Rmf*nEDRTS-okE6ax!vj
zeX6nPon!oc>+wBuksMG7UIH6gq~Y<>fOQIESb;D!4Dcs2Z4CpD?2Hzuo(U1eR!0?=
zU#BzE-~h8g$M)-$YrCrnIvN0Xww-yJw+e7=<pNw&QxqaD1<0@r=Y9u)7sDu|!-g^I
zy>Imsmq2rbb`(GSt?t1ay_{sb?Hgq#jGa!{!FuMFK`DFI80WVMbOMK|=Soe)l~g&=
z=s&W+1y9&1JRzCn5D)$9P&AWKgO<YHGkb$bn8s)Y(W7)n#%&<6fw<aS<8lfiF+Bj1
z)pUo>$R6Bq15c8OE%M9VvUM$?5}aInIav1r8ej9mCHP0-RG`<8jB<Z2FIyq%sNwKl
zPWE4Ohn<sp_ev-g*eo($tU)1?cp;g&C=99Pm)|{`;7lpbRXVTdV1iiw9vKZGGQ$oD
zWTo04S}q4E)Uw&F6%iXUo?Bme1M()Tz1Am;%XAU1@c!^T+ris%kFEACsa6Y!_5*!3
zyGEy$=v<rr5*OPo(}DYbd5^9K9o1*)@s)9IV)nK^EA4G#o_oexABAdvmKNRr1aP91
zWnI&L%Oob+08GkloKsyEZt$=keLO$3|3kEhQN=a5W~Hg^uZ=Iad|n7}mS!ojBcyj7
z3`?=CvFfqLu`(|2L>|}s!~j4K@6SGKS}+|*#=WGt+%;;tM3Y;>*MkQcLb4be&7Bi@
zBna4c<|;GFWCN%FNS10*<MH6+)E5KxTlU4iV=EIT@cioI!4uadF_-EbCvrF)35HBK
z0D}uH`W7DJr<^ScnCnrZ_E8nFgKA>!lYuO+O*G`-3ks2;Ju=oRLr&u%lPimCT8_KR
zI8)n>W7jEPorsmaQSE2jAz@+YA2guX%OVb}d>am^d4N!5-h0cb4AmEw2Ke^KOKF!#
z+!pg_rTymP%;%SPNN?{Ery6RKwECV6AX50A_P6KjzjDH&TH5f=W_o+6IK8l;)1>$w
z?l;rd)FP_rrJmKG_IK<E9CG~M*FA)}7~r$W1=Ph$!+QXj3Y{WS4tFl}V=x`(kDgt7
zqWi>b#z6P$MP(P|g2KX^6_swTYzf8ABJAGf4H>4QAF>k+wdW_^_S|oX%yjOyX-It{
zBQ%+sP}=AD{r<yeOf=`tF(fG)Grim-k$T0Y?cb%n{xfZf(7f^2KoE`+Mj<wT4-%%}
zC`+i~&?<Ux;Ck93B|RnQ<ojKO`L=)}EINk*iAtj%4L#k&jxV2|%27V96E7~(&puM|
zp)?mj)KN2(!PBtz%@D7>Esnwg2Q7$;oNM~f^i!me5BdCNb=bkkWQPEUHw5h6#Zf69
zRM=9GMZX~v^sI%{K-5QNhm0k98Wrxgvd;xSVw>AK-Kc_4Bn3zG`u-gH7-^m^EAFqj
zujG;Lt<!=JtEvw56}TB<axxd{AcA7Cgu-(R_^N|Ob4tsYeXLhJic3dEXHg9{rXT<K
z^W25Y*Y3#Y?w<>X4V${*xv<}1N54E>1dX1dUO#Wd;K%oq3?)<FClmk-`BHo4!E{kR
zAZw{8&+!C$tVS92H=q;AIT#?&umWTWpLhZL@UA}GWQCE@JP3+Zm>e^3BR%He*(*>{
zuIy2I6vj|@#d@~n$c8f+`XTq8$*Jd;qHq|78hmuk=#QRf&)phQyBVz1--wR}5_Yn7
z+V+QOnLVnve*wISvU5dEoqQ*^c_g_cqJDF^0`9<iGWb{L>C~pp{mk9!F#GFQ!TG7d
zj}W4MI}6Sz&qoZH2}o-1h<uK$TjV8kYVb-|7Yq4U8a}#BAfW#8)t>dVn@^8Ux~Ef0
zB%6OYf07LvEs?qkwkB3^WM*|77WnXltu#7%KHgf>lpV(p^>R?wBL$0d*6!qYbc1(B
zFKy4XPEMA3-q>^}1y0IIcYjWl>l=_)7MgKX+NVy9*x&7a1Y_BY*Y&jKuQCh~wyd11
zZD4_R*|@w`3SN9V^a(K6d{*~?^F{P;q2vgc>h5RFPZvZL^G;E+{B2uxPJ~#ZA%Z!S
zsqiCTj%lL=_0e%gwgqmz``Fed^Go!7cxP)z$S(5Rq?gbEe6j;(^MP}#=IZnM%a*>_
z`3jTH2OT-P2h?SjxPz3-7-uAdvL9D!naBR#3Av(H)$HTK<C$hm*ZDDOswzI_xyg;{
zu%)AxLojRg-I~P3bypYfZ+qK;RX74N(P&J@NY0Xk!qolpbvnA+T6jZqs_>#9zb1)*
z*5_wCn4{4YZ-P!1>a)AjDXl!8UPsz)c0QZ5qQ5;QelX*{_~_khB|kL>)Xd@4k3|8^
z<pZ&ZYA|d@;#>+JJ2_$^C^CDpWA5a4n$(h-H!47mB*AixBZ20FYQ<1~)1&FGBMo!y
zn8wEH#l|v)-p(5wg$X!wGmuiI{p~oK1l%~nA<(IB&e>jli}LmLe36u__{;X$+YKAr
zn8OBA*GB5yz1cF4LQzTR$0;eQH&O)mT9ijhwo^YfHd)3QyOBFrO2cv1DrCYAaQOdx
zy$Mjd7fWT_G>{BBFTV?J6z}8Q!FlW``XANR154(nq^qPLIst(n1m#bohDe531P_a-
z-2UO_q}Z;B@I!>*$E9{l(P%gOP;=selr{n${E+HyY-W&w>zMug%yi{RZov>}YVl@w
z7Y@AtMa<#c6g#u1=wZj!w})3_=iU4AMpEWWH=YIsJ4C=F1J-*&DKjG81$LFNfa8#z
z8EF@8d$t~84|?&$kYauOeMVp|Psy)eQxi0cA=UZb=9imx&Z=)CRWz$it(x&wbaWH<
zS=>X5Tbk~;$I{$7L~$XORwF*tM59<ZC88QJ{lDf9=4S|l&L!qYx-{TRZgPLoZr7;>
z+Hb~`OAvl{D3#ALL@&9de}DqExrOSHW;2*H&Z}v^kw)W#YubncWfE*z>Z*G6=hTd)
z=k51Gh`HY5-Qx&-Hz24n2=j5vo;nN>F*QStPA{snG93Pr0q-V1>~i$E#(}yfEYc(A
zuVS)qrGIBBXx_p}zPebK@Crmw_X`FvWHIyKJ8YZ#vF54kpUs}X<s=@mB_D3LIs|$i
zZ{barEbAkDS<^!O@uJwF_4o6wrpVEx>2|cvHi-=6HSSfDEO3{<!`dq#zGWE6BWnU=
zOt<+vVN@2a?O;!7PqeyeCAVtD`2lfh;#S?HD=hWaQx^uYE<OFHmR$CMPh9xWO@L8#
zdH64em<h<<^kEI@aK7aEFlT65>{^=Gg!Q4?>GCyUmi#Y1A<>LG42e(TmL6ctrFJbS
zsY5~q1)*VVCoS!{T#aR<-RqV*nG!<gUh3HJI8V!gM!-}2VOOe{o5>A{NfgIBK&h?S
z3-U9om=(wnM!(;P`C^BeDBJAg$@z?l>2ggsadFvlA^6-!zYpnh`oI<{$z#6z^>e-d
zTKb%O#fay1Yz)`CwF((k!{y#UKlh&*t=X1|RRhEzSxXWd&)59zjA_Q4wCNkw9z1J|
z+<rQi24VWGmLn9R&Dc*d`?LR;Wn(SHJ;d26&~KXxyUmp?9#ukqR^>ff>%#=?a*cW(
zbzd=8cK$$ZTtK2_a<cb;_?cghdEic$*JV(HjYnoOd$64+E8K{JKMGK-Cj6G!r>=kN
zfiTLFh-P%;H=XHmO&)H9RY5G0T_Vg5_GdSF1l!X%UzSoNpC9TV#+|oXSw+lp!eobA
zT~r+C<rb5xEy&|$x$vo$lhX#$#F?w@uV>~tsd2(~{fRoOS4J!s<>a*6Pt%x0C7t=N
zMC2SS?rvsRWb2G`m^FRN{T06}r%|zFOrbctaq!FG8vPK^&Gue+Tk|myJM1qp6xzc3
zQhJMUs8wRwynH|iYu}52PPj#vCmfHg-Y?$^z?65pd7{o+F35ajN7e<PwnJ*l6jZmo
zyVGOGroAg+MEecKirsUEp3%namUCf|_@M&dexvrV;Fk?jSXn<GVvBi^q$Iw1XLHRd
z(4x~>fzB%bW?+4U*JY>&T|}cnbTror=ZB`}oC1buM-|(FUo#WAT!)Ope{##5ItO|!
z)z+_*V#gScMYj@Bx8sLp1FH>!%-fGwYc}zoN~W@I2c*v1_NQwEOEtofKbK(ibMaTl
zOC9Zjg_l`7;^80DUT-&i3|O4gMKZ7;uJ+^jzMl{v1zs;-4j;8keI787DmGEOw!9TS
z0CQ?cG}`vuZLU*Ll|IDJXKTV`+P{EzK?Bq~aAJ#{D5~%7*la-Z8ok%Y5|h$v^Ic={
z4(yVTwEN$7&S$7I#8!IL#PaRCgtd7fJ_)+}3tHa0#(#LwF0BdJGY}~|9Y%YfGn#p$
za;D*zt9oK@ej*?Jlqn}Hd~vIG+X}J|B4W@TCP;>FJ?9ZVHsD`<9>u-P8(*4FXdgr-
zN<M0OflnC^D1a>ftXfC3md?4K%v0u1QvpywZ)oRzAe#-lL|IFFK`s|N{&4QbW@{ap
zk0d?9l$N9PzQ|>Y)FIBtaut`7^2xcny~RtR#eThVvl;GCd|4<z)xW-mq*{~%If9Fc
zo0G}qc=(99{v_4$&w^r47*)@s*vtM^H}_e}rW-3A@X(Unf{N-Op$K7e@_U-T6<qe~
z^V4rf-SV5`{+T+xNVs?bl%X|!Op7AEu<O|K^6BWWb28r@_Gn(?xMihudXAlk-}>;Y
zK&$Hlz|YwQ;BAo+`I{n+x}x80l<NMN!#urkUr3nK{zlj5PpOMSfEoKlwI!mF-D1H_
zsDjhJrb`QU#P#5Wqt12(tK#IDgo&=ME{(FL=a?xm5wjtRVN9W_v6s26LHiQq)XBd%
zBX4_#my-1PGpczQ47y!kJqNo1T3M%~-^&>u8;AAX7X@0-`46Em&LW;{{}tx24*&2}
z{szZGsm-BgzOig7y3*uNCr`4QKJgf5>BNtiorH=e*gT=IJFO1SuTh9uI5Q(S?o`-~
ztlIOIT4>-UAS2%d8aK12I>-+)J?eW6$CleNoc3N_S`Ch%NzeDaU7usp0s^{HSSkmt
z_8OgLhUZJ-Bwb6l1=+{VP1{g0<jBYhLT26GV<Yj#y1~h0w9*AS2Ccy%TmYBfwrRVO
zU;XOOb!pi966<&BZ77wz<D0D^RKNrdt$2y#N>cW%i|sikC)QD4thFd1QVqcdF~qH;
z>Y_Bh^`g<{o}M44IEtw$X*nG~wkJ8M1q(T$(=6~^sL&6=(UG<=SPL@=X3cXszH?5`
zbQeG;t2fW`;j@FI=*nfV2FRGiDW7X~0T^Yl!_-~Lqm`;Vbj>jp#)2G8z2P@3xnW@B
z-}4#Pn7qlCo6(~CO5W`KwLFZeNBgt(r5IMxa#K8pr7orLLvyNM{qPhshMB5^n#z+B
zBR-A`!<9J?@C?g=K^+bh?U`upHiwg2=+E*-mIUWI$rZ)g(%u`wjiUdRpuhU#H9yZC
z^o&>Ip%(C3=gA%Wi`^XKHC^*POqa+{=!O%Z53V&tt=OJ94VQ!EK<+>PywDgfKY@yx
zjb!NQew>nH8y&t%MZYs`rjvWPAk@kQIi=v&;A1rfe%f-!`<@N0QN-J#xv<j|RsD&c
z_jax9E;aZUo}i_0&|Y@)MNgV}AK=aaht*{3vbikZIo|HaNv!`UA6|V;zHtreYHS(A
z^Y_vLhc7z(Ym<8HDyyu^cuJ_vOFC)a&luCe;qDrbK<m&z>z&$%e*~O#?mBIKqMg2o
z?Hu=L0Ejti6U<T8o2amzgL2r@iNYgX9bI*JR;BNY?9_j5x3f=XQCA*0N=wy!m*KxY
zsSB4ysBa5xj^gpB@cGr79hy1iuMUI?`uToK@l1El5KQSs2~vtMQyrPYE5Yd=_>2F%
z?Z4mD;9NMJ+~t4e3yX#?jxmJsf@%Tn@%47|A@}Fa>k(#GgCfgs9^!TorkLqgRk+My
z)$Qkl=%%|P==XNiy;m_Qvh5?U>RnJ4=Ceg^)c<&b&fZh^^Q+u~nY>A%e}0bt<8K4k
zJAmt_LQ_irx9k7;{r{}rf1aQJkNfAV7+_U%Tzcw`x%<EE&40$SJG%K_#m+_)K@%lv
zPoA8Gpnrvnf4^Xr2cps+5uc;~{iA;#C4c`U*Wgdle;g?P=XapJa|iACN?}U*|Mc!>
zp`;uL6%%ojg8!H6$UguO=h97E^Lzig@&Eba-zVCCZs0#F@Shd<e_esEls`>_8#9^z
ToJ{=#_)=GfJgHKA5&pjbKod<C

literal 0
HcmV?d00001


From 34ff0a4770a4465cb7767c556127950dab733b83 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 24 Jun 2022 11:50:09 +0200
Subject: [PATCH 008/266] Concrete type for playContext

---
 lib/preview-web/src/StoryRender.ts | 12 +++++++-----
 lib/store/src/types.ts             |  1 +
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/lib/preview-web/src/StoryRender.ts b/lib/preview-web/src/StoryRender.ts
index d4e9eea8ac68..cfcec1b1c3b3 100644
--- a/lib/preview-web/src/StoryRender.ts
+++ b/lib/preview-web/src/StoryRender.ts
@@ -62,6 +62,11 @@ export type RenderContextCallbacks<TFramework extends AnyFramework> = Pick<
 
 export const PREPARE_ABORTED = new Error('prepareAborted');
 
+const { step } = instrument(
+  { step: async (label: string, callback: () => Promise<void> | void) => callback() },
+  { intercept: true }
+);
+
 export type RenderType = 'story' | 'docs';
 export interface Render<TFramework extends AnyFramework> {
   type: RenderType;
@@ -227,6 +232,7 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
           return this.callbacks.showException(error);
         },
         forceRemount: forceRemount || this.notYetRendered,
+        playContext: { ...renderStoryContext, step },
         storyContext: renderStoryContext,
         storyFn: () => unboundStoryFn(renderStoryContext),
         unboundStoryFn,
@@ -243,12 +249,8 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
       if (forceRemount && playFunction && this.phase !== 'errored') {
         this.disableKeyListeners = true;
         try {
-          const { step } = instrument(
-            { step: async (label: string, callback: () => any) => callback() },
-            { intercept: true }
-          );
           await this.runPhase(abortSignal, 'playing', async () =>
-            playFunction({ ...renderContext.storyContext, step })
+            playFunction(renderContext.playContext)
           );
           await this.runPhase(abortSignal, 'played');
         } catch (error) {
diff --git a/lib/store/src/types.ts b/lib/store/src/types.ts
index c84bdd451807..6b5570b5e60d 100644
--- a/lib/store/src/types.ts
+++ b/lib/store/src/types.ts
@@ -100,6 +100,7 @@ export declare type RenderContext<TFramework extends AnyFramework = AnyFramework
     showError: (error: { title: string; description: string }) => void;
     showException: (err: Error) => void;
     forceRemount: boolean;
+    playContext: StoryContext<TFramework> & { step: () => Promise<void> | void };
     storyContext: StoryContext<TFramework>;
     storyFn: PartialStoryFn<TFramework>;
     unboundStoryFn: LegacyStoryFn<TFramework>;

From 7c92060bb6765e1f52efac59071edd87c9ce6eb4 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 24 Jun 2022 11:51:58 +0200
Subject: [PATCH 009/266] Drop needless async keyword

---
 lib/preview-web/src/StoryRender.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/preview-web/src/StoryRender.ts b/lib/preview-web/src/StoryRender.ts
index cfcec1b1c3b3..66ab8618ef37 100644
--- a/lib/preview-web/src/StoryRender.ts
+++ b/lib/preview-web/src/StoryRender.ts
@@ -63,7 +63,7 @@ export type RenderContextCallbacks<TFramework extends AnyFramework> = Pick<
 export const PREPARE_ABORTED = new Error('prepareAborted');
 
 const { step } = instrument(
-  { step: async (label: string, callback: () => Promise<void> | void) => callback() },
+  { step: (label: string, callback: () => Promise<void> | void) => callback() },
   { intercept: true }
 );
 

From 1b58c18662d9cddbf6291ddca40d3fdedcb9e893 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 24 Jun 2022 11:55:32 +0200
Subject: [PATCH 010/266] Remove unused import

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

diff --git a/addons/interactions/src/components/MethodCall.tsx b/addons/interactions/src/components/MethodCall.tsx
index bd4ecd8a3174..c5e62c0caf69 100644
--- a/addons/interactions/src/components/MethodCall.tsx
+++ b/addons/interactions/src/components/MethodCall.tsx
@@ -1,6 +1,6 @@
 import { ObjectInspector } from '@devtools-ds/object-inspector';
 import { Call, CallRef, ElementRef } from '@storybook/instrumenter';
-import { color, useTheme } from '@storybook/theming';
+import { useTheme } from '@storybook/theming';
 import React, { Fragment, ReactElement } from 'react';
 
 const colorsLight = {

From 5f5009e928bb091c4e01e682d3dd8f88a07caebb Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 24 Jun 2022 12:03:00 +0200
Subject: [PATCH 011/266] Fix step type definition

---
 lib/preview-web/src/Preview.tsx    | 8 +++-----
 lib/preview-web/src/PreviewWeb.tsx | 4 +---
 lib/preview-web/src/StoryRender.ts | 4 +++-
 lib/store/src/types.ts             | 4 +++-
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/lib/preview-web/src/Preview.tsx b/lib/preview-web/src/Preview.tsx
index a179c0229399..e893e6d79124 100644
--- a/lib/preview-web/src/Preview.tsx
+++ b/lib/preview-web/src/Preview.tsx
@@ -26,13 +26,11 @@ import {
   RenderToDOM,
 } from '@storybook/store';
 
-import { StoryRender } from './StoryRender';
+import { MaybePromise, StoryRender } from './StoryRender';
 import { DocsRender } from './DocsRender';
 
 const { fetch } = global;
 
-type MaybePromise<T> = Promise<T> | T;
-
 const STORY_INDEX_PATH = './index.json';
 
 export class Preview<TFramework extends AnyFramework> {
@@ -114,7 +112,7 @@ export class Preview<TFramework extends AnyFramework> {
 
             Perhaps it needs to be upgraded for Storybook 6.4?
 
-            More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field          
+            More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field
           `);
         }
         return projectAnnotations;
@@ -341,7 +339,7 @@ export class Preview<TFramework extends AnyFramework> {
       // In v6 mode, if your preview.js throws, we never get a chance to initialize the preview
       // or store, and the error is simply logged to the browser console. This is the best we can do
       throw new Error(dedent`Failed to initialize Storybook.
-      
+
       Do you have an error in your \`preview.js\`? Check your Storybook's browser console for errors.`);
     }
 
diff --git a/lib/preview-web/src/PreviewWeb.tsx b/lib/preview-web/src/PreviewWeb.tsx
index 8cf9ea0eb8ba..b677bc6a745d 100644
--- a/lib/preview-web/src/PreviewWeb.tsx
+++ b/lib/preview-web/src/PreviewWeb.tsx
@@ -35,7 +35,7 @@ import { Preview } from './Preview';
 
 import { UrlStore } from './UrlStore';
 import { WebView } from './WebView';
-import { PREPARE_ABORTED, Render, StoryRender } from './StoryRender';
+import { MaybePromise, PREPARE_ABORTED, Render, StoryRender } from './StoryRender';
 import { DocsRender } from './DocsRender';
 
 const { window: globalWindow } = global;
@@ -45,8 +45,6 @@ function focusInInput(event: Event) {
   return /input|textarea/i.test(target.tagName) || target.getAttribute('contenteditable') !== null;
 }
 
-type MaybePromise<T> = Promise<T> | T;
-
 export class PreviewWeb<TFramework extends AnyFramework> extends Preview<TFramework> {
   urlStore: UrlStore;
 
diff --git a/lib/preview-web/src/StoryRender.ts b/lib/preview-web/src/StoryRender.ts
index 66ab8618ef37..aaddd813ae42 100644
--- a/lib/preview-web/src/StoryRender.ts
+++ b/lib/preview-web/src/StoryRender.ts
@@ -24,6 +24,8 @@ import { instrument } from '@storybook/instrumenter';
 
 const { AbortController } = global;
 
+export type MaybePromise<T> = Promise<T> | T;
+
 export type RenderPhase =
   | 'preparing'
   | 'loading'
@@ -63,7 +65,7 @@ export type RenderContextCallbacks<TFramework extends AnyFramework> = Pick<
 export const PREPARE_ABORTED = new Error('prepareAborted');
 
 const { step } = instrument(
-  { step: (label: string, callback: () => Promise<void> | void) => callback() },
+  { step: (label: string, callback: () => MaybePromise<void>) => callback() },
   { intercept: true }
 );
 
diff --git a/lib/store/src/types.ts b/lib/store/src/types.ts
index 6b5570b5e60d..6e5fa497a8e8 100644
--- a/lib/store/src/types.ts
+++ b/lib/store/src/types.ts
@@ -100,7 +100,9 @@ export declare type RenderContext<TFramework extends AnyFramework = AnyFramework
     showError: (error: { title: string; description: string }) => void;
     showException: (err: Error) => void;
     forceRemount: boolean;
-    playContext: StoryContext<TFramework> & { step: () => Promise<void> | void };
+    playContext: StoryContext<TFramework> & {
+      step: (label: string, callback: () => MaybePromise<void>) => MaybePromise<void>;
+    };
     storyContext: StoryContext<TFramework>;
     storyFn: PartialStoryFn<TFramework>;
     unboundStoryFn: LegacyStoryFn<TFramework>;

From c2ce1702b21fed9aa5de74d0c4345f25e850bea3 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 28 Jun 2022 11:25:47 +0200
Subject: [PATCH 012/266] Fix step function injection

---
 lib/preview-web/src/StoryRender.ts | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/lib/preview-web/src/StoryRender.ts b/lib/preview-web/src/StoryRender.ts
index aaddd813ae42..f4e064457c16 100644
--- a/lib/preview-web/src/StoryRender.ts
+++ b/lib/preview-web/src/StoryRender.ts
@@ -57,6 +57,14 @@ function serializeError(error: any) {
   }
 }
 
+function createStepFunction() {
+  const { step } = instrument(
+    { step: (label: string, callback: () => MaybePromise<void>) => callback() },
+    { intercept: true }
+  );
+  return step;
+}
+
 export type RenderContextCallbacks<TFramework extends AnyFramework> = Pick<
   RenderContext<TFramework>,
   'showMain' | 'showError' | 'showException'
@@ -64,11 +72,6 @@ export type RenderContextCallbacks<TFramework extends AnyFramework> = Pick<
 
 export const PREPARE_ABORTED = new Error('prepareAborted');
 
-const { step } = instrument(
-  { step: (label: string, callback: () => MaybePromise<void>) => callback() },
-  { intercept: true }
-);
-
 export type RenderType = 'story' | 'docs';
 export interface Render<TFramework extends AnyFramework> {
   type: RenderType;
@@ -90,6 +93,8 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
 
   private abortController?: AbortController;
 
+  private stepFunction?: (label: string, callback: () => MaybePromise<void>) => void;
+
   private canvasElement?: HTMLElement;
 
   private notYetRendered = true;
@@ -110,6 +115,7 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
     story?: Story<TFramework>
   ) {
     this.abortController = createController();
+    this.stepFunction = createStepFunction();
 
     // Allow short-circuiting preparing if we happen to already
     // have the story (this is used by docs mode)
@@ -234,7 +240,7 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
           return this.callbacks.showException(error);
         },
         forceRemount: forceRemount || this.notYetRendered,
-        playContext: { ...renderStoryContext, step },
+        playContext: { ...renderStoryContext, step: this.stepFunction },
         storyContext: renderStoryContext,
         storyFn: () => unboundStoryFn(renderStoryContext),
         unboundStoryFn,

From be40bcee0b3056a17bb053aa75360e43aea00dc0 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 28 Jun 2022 11:27:27 +0200
Subject: [PATCH 013/266] Namespace events to storybook

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

diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index dc9a1f0b2a0e..b7994b8f35c5 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -13,13 +13,13 @@ import global from 'global';
 import { Call, CallRef, CallStates, ControlStates, LogItem, Options, State } from './types';
 
 export const EVENTS = {
-  CALL: 'instrumenter/call',
-  SYNC: 'instrumenter/sync',
-  START: 'instrumenter/start',
-  BACK: 'instrumenter/back',
-  GOTO: 'instrumenter/goto',
-  NEXT: 'instrumenter/next',
-  END: 'instrumenter/end',
+  CALL: 'storybook/instrumenter/call',
+  SYNC: 'storybook/instrumenter/sync',
+  START: 'storybook/instrumenter/start',
+  BACK: 'storybook/instrumenter/back',
+  GOTO: 'storybook/instrumenter/goto',
+  NEXT: 'storybook/instrumenter/next',
+  END: 'storybook/instrumenter/end',
 };
 
 type PatchedObj<TObj> = {

From 09a302bd22dcde79683024f3d1e49502c1748fa8 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 28 Jun 2022 12:47:25 +0200
Subject: [PATCH 014/266] Fix tests

---
 lib/instrumenter/src/instrumenter.test.ts | 2 +-
 lib/preview-web/src/PreviewWeb.test.ts    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/instrumenter/src/instrumenter.test.ts b/lib/instrumenter/src/instrumenter.test.ts
index 277be46a0167..a0a1a0e19d22 100644
--- a/lib/instrumenter/src/instrumenter.test.ts
+++ b/lib/instrumenter/src/instrumenter.test.ts
@@ -227,7 +227,7 @@ describe('Instrumenter', () => {
     expect(callSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'kind--story [0] fn1 [0] fn2 [0] fn3',
-        ancestors: ['kind--story [0] fn1 [0] fn2'],
+        ancestors: ['kind--story [0] fn1', 'kind--story [0] fn1 [0] fn2'],
       })
     );
     expect(callSpy).toHaveBeenCalledWith(
diff --git a/lib/preview-web/src/PreviewWeb.test.ts b/lib/preview-web/src/PreviewWeb.test.ts
index ac18a122a429..cfa0ddf28870 100644
--- a/lib/preview-web/src/PreviewWeb.test.ts
+++ b/lib/preview-web/src/PreviewWeb.test.ts
@@ -521,7 +521,7 @@ describe('PreviewWeb', () => {
 
                           Perhaps it needs to be upgraded for Storybook 6.4?
 
-                          More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field          ]
+                          More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field]
                       `);
         });
 

From 640072e9bdfd01904260fc2f3776d1cb6d778abc Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 8 Jul 2022 10:18:35 +0200
Subject: [PATCH 015/266] Pass playContext to step function

---
 lib/preview-web/src/StoryRender.ts | 28 +++++++++++++++++-----------
 lib/store/src/types.ts             | 12 +++++++++---
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/lib/preview-web/src/StoryRender.ts b/lib/preview-web/src/StoryRender.ts
index f4e064457c16..83687a161723 100644
--- a/lib/preview-web/src/StoryRender.ts
+++ b/lib/preview-web/src/StoryRender.ts
@@ -9,6 +9,7 @@ import {
 import {
   Story,
   RenderContext,
+  PlayContext,
   StoryStore,
   RenderToDOM,
   TeardownRenderToDOM,
@@ -48,6 +49,20 @@ function createController(): AbortController {
   } as AbortController;
 }
 
+function createStepFunction(context: PlayContext) {
+  const { step } = instrument(
+    { step: (label: string, play: (context: PlayContext) => MaybePromise<void>) => play(context) },
+    { intercept: true }
+  );
+  return step;
+}
+
+function createPlayContext(storyContext: StoryContext): PlayContext {
+  const playContext = { ...storyContext } as any;
+  playContext.step = createStepFunction(playContext);
+  return playContext;
+}
+
 function serializeError(error: any) {
   try {
     const { name = 'Error', message = String(error), stack } = error;
@@ -57,14 +72,6 @@ function serializeError(error: any) {
   }
 }
 
-function createStepFunction() {
-  const { step } = instrument(
-    { step: (label: string, callback: () => MaybePromise<void>) => callback() },
-    { intercept: true }
-  );
-  return step;
-}
-
 export type RenderContextCallbacks<TFramework extends AnyFramework> = Pick<
   RenderContext<TFramework>,
   'showMain' | 'showError' | 'showException'
@@ -93,7 +100,7 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
 
   private abortController?: AbortController;
 
-  private stepFunction?: (label: string, callback: () => MaybePromise<void>) => void;
+  private stepFunction?: PlayContext['step'];
 
   private canvasElement?: HTMLElement;
 
@@ -115,7 +122,6 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
     story?: Story<TFramework>
   ) {
     this.abortController = createController();
-    this.stepFunction = createStepFunction();
 
     // Allow short-circuiting preparing if we happen to already
     // have the story (this is used by docs mode)
@@ -240,7 +246,7 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
           return this.callbacks.showException(error);
         },
         forceRemount: forceRemount || this.notYetRendered,
-        playContext: { ...renderStoryContext, step: this.stepFunction },
+        playContext: createPlayContext(renderStoryContext),
         storyContext: renderStoryContext,
         storyFn: () => unboundStoryFn(renderStoryContext),
         unboundStoryFn,
diff --git a/lib/store/src/types.ts b/lib/store/src/types.ts
index db206b3e95af..998cbc1bf067 100644
--- a/lib/store/src/types.ts
+++ b/lib/store/src/types.ts
@@ -106,15 +106,21 @@ export type BoundStory<TFramework extends AnyFramework = AnyFramework> = Story<T
   storyFn: PartialStoryFn<TFramework>;
 };
 
+export declare type PlayContext<TFramework extends AnyFramework = AnyFramework> =
+  StoryContext<TFramework> & {
+    step: (
+      name: string,
+      play: (context: PlayContext<TFramework>) => MaybePromise<void>
+    ) => MaybePromise<void>;
+  };
+
 export declare type RenderContext<TFramework extends AnyFramework = AnyFramework> =
   StoryIdentifier & {
     showMain: () => void;
     showError: (error: { title: string; description: string }) => void;
     showException: (err: Error) => void;
     forceRemount: boolean;
-    playContext: StoryContext<TFramework> & {
-      step: (label: string, callback: () => MaybePromise<void>) => MaybePromise<void>;
-    };
+    playContext: PlayContext<TFramework>;
     storyContext: StoryContext<TFramework>;
     storyFn: PartialStoryFn<TFramework>;
     unboundStoryFn: LegacyStoryFn<TFramework>;

From 26ec0e6e3d786404cb24ef089b3f9e71ad22fba8 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 8 Jul 2022 10:19:48 +0200
Subject: [PATCH 016/266] Fix signature

---
 lib/preview-web/src/StoryRender.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/preview-web/src/StoryRender.ts b/lib/preview-web/src/StoryRender.ts
index 83687a161723..32bff25cb611 100644
--- a/lib/preview-web/src/StoryRender.ts
+++ b/lib/preview-web/src/StoryRender.ts
@@ -51,7 +51,7 @@ function createController(): AbortController {
 
 function createStepFunction(context: PlayContext) {
   const { step } = instrument(
-    { step: (label: string, play: (context: PlayContext) => MaybePromise<void>) => play(context) },
+    { step: (name: string, play: (context: PlayContext) => MaybePromise<void>) => play(context) },
     { intercept: true }
   );
   return step;

From 123fb0978d036657c13f55bf62aee23cbf39304d Mon Sep 17 00:00:00 2001
From: jonniebigodes <joaocontadesenvolvimento@gmail.com>
Date: Fri, 29 Jul 2022 18:47:46 +0100
Subject: [PATCH 017/266] Additional links updated

---
 README.md                                     | 46 +++++++++----------
 code/addons/controls/README.md                |  2 +-
 code/addons/docs/README.md                    | 24 +++++-----
 code/addons/docs/docs/docspage.md             |  4 +-
 code/addons/docs/docs/props-tables.md         | 24 +++++-----
 code/addons/docs/docs/recipes.md              |  2 +-
 code/addons/essentials/README.md              |  2 +
 .../src/stories/addon-docs.stories.mdx        |  2 +-
 code/frameworks/angular/README.md             |  2 +-
 code/frameworks/ember/README.md               |  2 +-
 code/frameworks/html-webpack5/README.md       |  2 +-
 code/frameworks/preact-webpack5/README.md     |  2 +-
 code/frameworks/react-webpack5/README.md      |  2 +-
 code/frameworks/server-webpack5/README.md     |  2 +-
 code/frameworks/svelte-webpack5/README.md     |  2 +-
 code/frameworks/vue-webpack5/README.md        |  2 +-
 code/frameworks/vue3-webpack5/README.md       |  2 +-
 .../web-components-webpack5/README.md         |  2 +-
 .../blocks/src/components/Preview.stories.tsx |  2 +-
 code/lib/cli/README.md                        |  2 +-
 code/lib/source-loader/README.md              |  2 +-
 21 files changed, 67 insertions(+), 65 deletions(-)

diff --git a/README.md b/README.md
index 1ff40b65251e..94ac5cb4c9f1 100644
--- a/README.md
+++ b/README.md
@@ -95,44 +95,44 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story
 
 | Framework                                                      | Demo                                                                                                                                                                                             |                                                                                                                                                   |
 | -------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [React](app/react)                                             | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/official-storybook/?path=/story/*)                  | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](app/react)                                                 |
-| [Vue](app/vue)                                                 | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/vue-kitchen-sink/)                                    | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](app/vue)                                                       |
-| [Angular](app/angular)                                         | [![Storybook demo](https://img.shields.io/npm/v/@storybook/angular/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/angular-cli/)                                     | [![Angular](https://img.shields.io/npm/dm/@storybook/angular?style=flat-square&color=eee)](app/angular)                                           |
-| [Web components](app/web-components)                           | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/web-components-kitchen-sink/)              | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](app/web-components)                              |
+| [React](code/frameworks/react-webpack5/)                       | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/official-storybook/?path=/story/*)                  | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/frameworks/react-webpack5/)                           |
+| [Vue](code/frameworks/vue-webpack5/)                           | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/vue-kitchen-sink/)                                    | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](code/frameworks/vue-webpack5/)                                 |
+| [Angular](code/frameworks/angular/)                            | [![Storybook demo](https://img.shields.io/npm/v/@storybook/angular/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/angular-cli/)                                     | [![Angular](https://img.shields.io/npm/dm/@storybook/angular?style=flat-square&color=eee)](code/frameworks/angular/)                              |
+| [Web components](code/frameworks/web-components-webpack5/)     | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/web-components-kitchen-sink/)              | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](code/frameworks/web-components-webpack5/)        |
 | [React Native](https://github.com/storybookjs/react-native)    | -                                                                                                                                                                                                | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native?style=flat-square&color=eee)](https://github.com/storybookjs/react-native) |
-| [HTML](app/html)                                               | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/html-kitchen-sink/)                                  | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](app/html)                                                    |
-| [Ember](app/ember)                                             | [![Storybook demo](https://img.shields.io/npm/v/@storybook/ember/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/ember-cli/)                                         | [![Ember](https://img.shields.io/npm/dm/@storybook/ember?style=flat-square&color=eee)](app/ember)                                                 |
-| [Svelte](app/svelte)                                           | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/svelte-kitchen-sink/)                              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](app/svelte)                                              |
-| [Preact](app/preact)                                           | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/preact-kitchen-sink/)                              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](app/preact)                                              |
+| [HTML](code/frameworks/html-webpack5/)                         | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/html-kitchen-sink/)                                  | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](code/frameworks/html-webpack5/)                              |
+| [Ember](code/frameworks/ember/)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/ember/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/ember-cli/)                                         | [![Ember](https://img.shields.io/npm/dm/@storybook/ember?style=flat-square&color=eee)](code/frameworks/ember/)                                    |
+| [Svelte](code/frameworks/svelte-webpack5/)                     | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/svelte-kitchen-sink/)                              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/frameworks/svelte-webpack5/)                        |
+| [Preact](code/frameworks/preact-webpack5/)                     | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/preact-kitchen-sink/)                              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/frameworks/preact-webpack5/)                        |
 | [Marionette.js](https://github.com/storybookjs/marionette)     | -                                                                                                                                                                                                | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette?style=flat-square&color=eee)](https://github.com/storybookjs/marionette)    |
 | [Android, iOS, Flutter](https://github.com/storybookjs/native) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/native/latest?style=flat-square&color=blue&label)](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html) | [![Native](https://img.shields.io/npm/dm/@storybook/native?style=flat-square&color=eee)](https://github.com/storybookjs/native)                   |
 
 ### Sub Projects
 
-- [CLI](lib/cli) - Streamlined installation for a variety of app types
-- [examples](examples) - Code examples to illustrate different Storybook use cases
+- [CLI](code/lib/cli) - Streamlined installation for a variety of app types
+- [examples](code/examples) - Code examples to illustrate different Storybook use cases
 
 ### Addons
 
 | Addons                                                                    |                                                                            |
 | ------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
-| [a11y](addons/a11y/)                                                      | Test components for user accessibility in Storybook                        |
-| [actions](addons/actions/)                                                | Log actions as users interact with components in the Storybook UI          |
-| [backgrounds](addons/backgrounds/)                                        | Let users choose backgrounds in the Storybook UI                           |
+| [a11y](code/addons/a11y/)                                                 | Test components for user accessibility in Storybook                        |
+| [actions](code/addons/actions/)                                           | Log actions as users interact with components in the Storybook UI          |
+| [backgrounds](code/addons/backgrounds/)                                   | Let users choose backgrounds in the Storybook UI                           |
 | [cssresources](https://github.com/storybookjs/addon-cssresources)         | Dynamically add/remove css resources to the component iframe               |
 | [design assets](https://github.com/storybookjs/addon-design-assets)       | View images, videos, weblinks alongside your story                         |
-| [docs](addons/docs/)                                                      | Add high quality documentation to your components                          |
+| [docs](code/addons/docs/)                                                 | Add high quality documentation to your components                          |
 | [events](https://github.com/storybookjs/addon-events)                     | Interactively fire events to components that respond to EventEmitter       |
 | [google-analytics](https://github.com/storybookjs/addon-google-analytics) | Reports google analytics on stories                                        |
 | [graphql](https://github.com/storybookjs/addon-graphql)                   | Query a GraphQL server within Storybook stories                            |
-| [jest](addons/jest/)                                                      | View the results of components' unit tests in Storybook                    |
-| [links](addons/links/)                                                    | Create links between stories                                               |
+| [jest](code/addons/jest/)                                                 | View the results of components' unit tests in Storybook                    |
+| [links](code/addons/links/)                                               | Create links between stories                                               |
 | [query params](https://github.com/storybookjs/addon-queryparams)          | Mock query params                                                          |
-| [storyshots](addons/storyshots/)                                          | Snapshot testing for components in Storybook                               |
-| [storysource](addons/storysource/)                                        | View the code of your stories within the Storybook UI                      |
-| [viewport](addons/viewport/)                                              | Change display sizes and layouts for responsive components using Storybook |
-| [outline](addons/outline/)                                                | Visuallly debug the CSS layout and alignment within the Storybook UI       |
-| [measure](addons/measure/)                                                | Visually inspect the layout and box model within the Storybook UI          |
+| [storyshots](code/addons/storyshots/)                                     | Snapshot testing for components in Storybook                               |
+| [storysource](code/addons/storysource/)                                   | View the code of your stories within the Storybook UI                      |
+| [viewport](code/addons/viewport/)                                         | Change display sizes and layouts for responsive components using Storybook |
+| [outline](code/addons/outline/)                                           | Visuallly debug the CSS layout and alignment within the Storybook UI       |
+| [measure](code/addons/measure/)                                           | Visually inspect the layout and box model within the Storybook UI          |
 
 See [Addon / Framework Support Table](https://storybook.js.org/docs/react/api/frameworks-feature-support)
 
@@ -148,9 +148,9 @@ See [Addon / Framework Support Table](https://storybook.js.org/docs/react/api/fr
 
 In order to continue improving your experience, we have to eventually deprecate certain addons in favor of new, better tools.
 
-If you're using info/notes, we highly recommend you to migrate to [docs](addons/docs/) instead, and [here is a guide](addons/docs/docs/recipes.md#migrating-from-notesinfo-addons) to help you.
+If you're using info/notes, we highly recommend you to migrate to [docs](code/addons/docs/) instead, and [here is a guide](code/addons/docs/docs/recipes.md#migrating-from-notesinfo-addons) to help you.
 
-If you're using contexts, we highly recommend you to migrate to [toolbars](https://github.com/storybookjs/storybook/tree/next/addons/toolbars) and [here is a guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-addon-contexts) to help you.
+If you're using contexts, we highly recommend you to migrate to [toolbars](https://github.com/storybookjs/storybook/tree/next/code/addons/toolbars) and [here is a guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-addon-contexts) to help you.
 
 ## Badges & Presentation materials
 
diff --git a/code/addons/controls/README.md b/code/addons/controls/README.md
index ff9ffcee435e..1778633fe659 100644
--- a/code/addons/controls/README.md
+++ b/code/addons/controls/README.md
@@ -210,4 +210,4 @@ export const Template = (args) => <Button {...args} />
 </Story>
 ```
 
-For more info, see a full [Controls example in MDX for Vue](https://raw.githubusercontent.com/storybookjs/storybook/next/examples/vue-kitchen-sink/src/stories/addon-controls.stories.mdx).
+For more info, see a full [Controls example in MDX for Vue](https://raw.githubusercontent.com/storybookjs/storybook/next/code/examples/vue-kitchen-sink/src/stories/addon-controls.stories.mdx).
diff --git a/code/addons/docs/README.md b/code/addons/docs/README.md
index 6facace48de3..888f1a7e4ba0 100644
--- a/code/addons/docs/README.md
+++ b/code/addons/docs/README.md
@@ -37,7 +37,7 @@ Click on the `Docs` tab to see it:
   <img src="https://raw.githubusercontent.com/storybookjs/storybook/main/addons/docs/docs/media/docs-tab.png" width="100%" />
 </center>
 
-For more information on how it works, see the [`DocsPage` reference](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/docspage.md).
+For more information on how it works, see the [`DocsPage` reference](https://github.com/storybookjs/storybook/blob/next/code/addons/docs/docs/docspage.md).
 
 ## MDX
 
@@ -73,7 +73,7 @@ And here's how that's rendered in Storybook:
   <img src="https://raw.githubusercontent.com/storybookjs/storybook/main/addons/docs/docs/media/mdx-simple.png" width="100%" />
 </center>
 
-For more information on `MDX`, see the [`MDX` reference](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/mdx.md).
+For more information on `MDX`, see the [`MDX` reference](https://github.com/storybookjs/storybook/blob/next/code/addons/docs/docs/mdx.md).
 
 ## Framework support
 
@@ -83,7 +83,7 @@ Storybook Docs supports all view layers that Storybook supports except for React
 
 **Note:** `#` = WIP support
 
-Want to add enhanced features to your favorite framework? Check out this [dev guide](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/multiframework.md)
+Want to add enhanced features to your favorite framework? Check out this [dev guide](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/multiframework.md)
 
 ## Installation
 
@@ -108,7 +108,7 @@ module.exports = {
 };
 ```
 
-If using in conjunction with the [storyshots add-on](https://github.com/storybookjs/storybook/blob/next/addons/storyshots/storyshots-core/README.md), you will need to
+If using in conjunction with the [storyshots add-on](https://github.com/storybookjs/storybook/blob/next/code/addons/storyshots/storyshots-core/README.md), you will need to
 configure Jest to transform MDX stories into something Storyshots can understand:
 
 Add the following to your Jest configuration:
@@ -124,12 +124,12 @@ Add the following to your Jest configuration:
 
 ### Be sure to check framework specific installation needs
 
-- [React](https://github.com/storybookjs/storybook/tree/next/addons/docs/react) (covered here)
-- [Vue](https://github.com/storybookjs/storybook/tree/next/addons/docs/vue)
-- [Angular](https://github.com/storybookjs/storybook/tree/next/addons/docs/angular)
-- [Ember](https://github.com/storybookjs/storybook/tree/next/addons/docs/ember)
-- [Web Components](https://github.com/storybookjs/storybook/tree/next/addons/docs/web-components)
-- [Common setup (all other frameworks)](https://github.com/storybookjs/storybook/tree/next/addons/docs/common)
+- [React](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/react) (covered here)
+- [Vue](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/vue)
+- [Angular](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/angular)
+- [Ember](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/ember)
+- [Web Components](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/web-components)
+- [Common setup (all other frameworks)](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/common)
 
 ## Preset options
 
@@ -229,12 +229,12 @@ addParameters({
 
 ## TypeScript configuration
 
-As of SB6 [TypeScript is zero-config](https://storybook.js.org/docs/react/configure/typescript) and should work with SB Docs out of the box. For advanced configuration options, refer to the [Props documentation](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/props-tables.md).
+As of SB6 [TypeScript is zero-config](https://storybook.js.org/docs/react/configure/typescript) and should work with SB Docs out of the box. For advanced configuration options, refer to the [Props documentation](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/props-tables.md).
 
 ## More resources
 
 Want to learn more? Here are some more articles on Storybook Docs:
 
-- References: [DocsPage](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/docspage.md) / [MDX](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/mdx.md) / [FAQ](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/faq.md) / [Recipes](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/recipes.md) / [Theming](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/theming.md) / [Props](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/props-tables.md)
+- References: [DocsPage](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/docspage.md) / [MDX](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/mdx.md) / [FAQ](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/faq.md) / [Recipes](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/recipes.md) / [Theming](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/theming.md) / [Props](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/props-tables.md)
 - Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
 - Example: [Storybook Design System](https://github.com/storybookjs/design-system)
diff --git a/code/addons/docs/docs/docspage.md b/code/addons/docs/docs/docspage.md
index 852f1c6217be..7b62abace14e 100644
--- a/code/addons/docs/docs/docspage.md
+++ b/code/addons/docs/docs/docspage.md
@@ -55,7 +55,7 @@ import { Badge } from './Badge';
 storiesOf('Path/to/Badge', module).addParameters({ component: Badge });
 ```
 
-If you're coming from the `storiesOf` format, there's [a codemod that adds it for you](https://github.com/storybookjs/storybook/blob/next/lib/codemod/README.md#add-component-parameters).
+If you're coming from the `storiesOf` format, there's [a codemod that adds it for you](https://github.com/storybookjs/storybook/blob/next/code/lib/codemod/README.md#add-component-parameters).
 
 ## Subcomponents parameter
 
@@ -145,7 +145,7 @@ export default {
 };
 ```
 
-You can interleave your own components to customize the auto-generated contents of the page, or pass in different options to the blocks to customize their appearance. For more info see the examples in [official-storybook](https://github.com/storybookjs/storybook/blob/next/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js).
+You can interleave your own components to customize the auto-generated contents of the page, or pass in different options to the blocks to customize their appearance. For more info see the examples in [official-storybook](https://github.com/storybookjs/storybook/blob/next/code/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js).
 
 ## Story file names
 
diff --git a/code/addons/docs/docs/props-tables.md b/code/addons/docs/docs/props-tables.md
index 16fc4450a7e5..7bc30bcd0dcb 100644
--- a/code/addons/docs/docs/props-tables.md
+++ b/code/addons/docs/docs/props-tables.md
@@ -83,7 +83,7 @@ export const WithControls = (args) => <MyComponent {...args} />;
 <ArgsTable story="Controls" />
 ```
 
-For a very detailed walkthrough of how to write stories that use controls, see the [addon-controls README](https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#writing-stories).
+For a very detailed walkthrough of how to write stories that use controls, read the [documentation](https://storybook.js.org/docs/react/essentials/controls).
 
 ## Customization
 
@@ -187,20 +187,20 @@ This would render a row with a modified description, a type display with a dropd
 > - `type: 'number'` is shorthand for `type: { name: 'number' }`
 > - `control: 'radio'` is shorthand for `control: { type: 'radio' }`
 
-Controls customization has an entire section in the [`addon-controls` README](https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#configuration).
+Controls customization has an entire section in the [documentation](https://storybook.js.org/docs/react/essentials/controls#configuration).
 
 Here are the possible customizations for the rest of the prop table:
 
-| Field                        | Description                                                                                                               |
-| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------- |
-| `name`                       | The name of the property                                                                                                  |
-| `type.required`              | Whether or not the property is required                                                                                   |
-| `description`                | A markdown description for the property                                                                                   |
-| `table.type.summary`         | A short version of the type                                                                                               |
-| `table.type.detail`          | A longer version of the type (if it's a complex type)                                                                     |
-| `table.defaultValue.summary` | A short version of the default value                                                                                      |
-| `table.defaultValue.detail`  | A longer version of the default value (if it's a complex value)                                                           |
-| `control`                    | See [`addon-controls` README](https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#configuration) |
+| Field                        | Description                                                                                          |
+| ---------------------------- | ---------------------------------------------------------------------------------------------------- |
+| `name`                       | The name of the property                                                                             |
+| `type.required`              | Whether or not the property is required                                                              |
+| `description`                | A markdown description for the property                                                              |
+| `table.type.summary`         | A short version of the type                                                                          |
+| `table.type.detail`          | A longer version of the type (if it's a complex type)                                                |
+| `table.defaultValue.summary` | A short version of the default value                                                                 |
+| `table.defaultValue.detail`  | A longer version of the default value (if it's a complex value)                                      |
+| `control`                    | See [`addon-controls` README](https://storybook.js.org/docs/react/essentials/controls#configuration) |
 
 ### Custom ArgTypes in MDX
 
diff --git a/code/addons/docs/docs/recipes.md b/code/addons/docs/docs/recipes.md
index 9a0436854922..2f1816b131ec 100644
--- a/code/addons/docs/docs/recipes.md
+++ b/code/addons/docs/docs/recipes.md
@@ -32,7 +32,7 @@ If you want to intersperse longform documentation in your Storybook, for example
 
 ## Mixed CSF / MDX Stories
 
-Can't decide between CSF and MDX? In transition? Or have you found that each format has its own use? There's nothing stopping you from keeping some of your stories in CSF and some in MDX. And if you want to migrate one way or another, the [csf-to-mdx and mdx-to-csf codemod migrations](https://github.com/storybookjs/storybook/blob/next/lib/codemod/README.md) can help.
+Can't decide between CSF and MDX? In transition? Or have you found that each format has its own use? There's nothing stopping you from keeping some of your stories in CSF and some in MDX. And if you want to migrate one way or another, the [csf-to-mdx and mdx-to-csf codemod migrations](https://github.com/storybookjs/storybook/blob/next/code/lib/codemod/README.md) can help.
 
 The only limitation is that your exported titles (CSF: `default.title`, MDX `Meta.title`) should be unique across files. Loading will fail if there are duplicate titles.
 
diff --git a/code/addons/essentials/README.md b/code/addons/essentials/README.md
index 90b8438c9e84..80d038134f73 100644
--- a/code/addons/essentials/README.md
+++ b/code/addons/essentials/README.md
@@ -14,6 +14,8 @@ Storybook essentials includes the following addons. Addons can be disabled and r
 - [Docs](https://github.com/storybookjs/storybook/tree/next/code/addons/docs)
 - [Viewport](https://github.com/storybookjs/storybook/tree/next/code/addons/viewport)
 - [Toolbars](https://github.com/storybookjs/storybook/tree/next/code/addons/toolbars)
+- [Measure](https://github.com/storybookjs/storybook/tree/next/code/addons/measure)
+- [Outline](https://github.com/storybookjs/storybook/tree/next/code/addons/outline)
 
 ## Installation
 
diff --git a/code/examples/svelte-kitchen-sink/src/stories/addon-docs.stories.mdx b/code/examples/svelte-kitchen-sink/src/stories/addon-docs.stories.mdx
index 2774e7d290d5..4eab7e5c6774 100644
--- a/code/examples/svelte-kitchen-sink/src/stories/addon-docs.stories.mdx
+++ b/code/examples/svelte-kitchen-sink/src/stories/addon-docs.stories.mdx
@@ -67,7 +67,7 @@ And `square`:
 
 ## More info
 
-For more info, check out the [Storybook Docs README](https://github.com/storybookjs/storybook/tree/next/addons/docs).
+For more info, check out the [Storybook Docs README](https://github.com/storybookjs/storybook/tree/next/code/addons/docs).
 
 We want your feedback to help make this more useful.
 
diff --git a/code/frameworks/angular/README.md b/code/frameworks/angular/README.md
index f18b4cdfb590..ceb998025f85 100644
--- a/code/frameworks/angular/README.md
+++ b/code/frameworks/angular/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-angular-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/ember/README.md b/code/frameworks/ember/README.md
index 95b842a85ad8..f15503cd24ca 100644
--- a/code/frameworks/ember/README.md
+++ b/code/frameworks/ember/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-ember-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/html-webpack5/README.md b/code/frameworks/html-webpack5/README.md
index e898ba689536..d18efbcb9829 100644
--- a/code/frameworks/html-webpack5/README.md
+++ b/code/frameworks/html-webpack5/README.md
@@ -14,7 +14,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-app
-npx sb init -t html
+npx storybook init -t html
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/preact-webpack5/README.md b/code/frameworks/preact-webpack5/README.md
index 2bbdd89def68..60b338b400b2 100644
--- a/code/frameworks/preact-webpack5/README.md
+++ b/code/frameworks/preact-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-preact-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/react-webpack5/README.md b/code/frameworks/react-webpack5/README.md
index 60379031702d..6aee8981736d 100644
--- a/code/frameworks/react-webpack5/README.md
+++ b/code/frameworks/react-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-react-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/server-webpack5/README.md b/code/frameworks/server-webpack5/README.md
index 28e5e50205aa..160b17845323 100644
--- a/code/frameworks/server-webpack5/README.md
+++ b/code/frameworks/server-webpack5/README.md
@@ -14,7 +14,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-app
-npx sb init -t server
+npx storybook init -t server
 ```
 
 To configure the server that Storybook will connect to, export a global parameter `parameters.server.url` in `.storybook/preview.js`:
diff --git a/code/frameworks/svelte-webpack5/README.md b/code/frameworks/svelte-webpack5/README.md
index 49bbb60840e3..2c1279392720 100644
--- a/code/frameworks/svelte-webpack5/README.md
+++ b/code/frameworks/svelte-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-svelte-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/vue-webpack5/README.md b/code/frameworks/vue-webpack5/README.md
index 33ae491f8f41..e9ddd06ffa95 100644
--- a/code/frameworks/vue-webpack5/README.md
+++ b/code/frameworks/vue-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-vue-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/vue3-webpack5/README.md b/code/frameworks/vue3-webpack5/README.md
index b0fafaff0295..8ce5b4dafb8d 100644
--- a/code/frameworks/vue3-webpack5/README.md
+++ b/code/frameworks/vue3-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-vue3-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/web-components-webpack5/README.md b/code/frameworks/web-components-webpack5/README.md
index e07aad25f2bb..2239de4e631d 100644
--- a/code/frameworks/web-components-webpack5/README.md
+++ b/code/frameworks/web-components-webpack5/README.md
@@ -14,7 +14,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-app
-npx sb init -t web_components
+npx storybook init -t web_components
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/lib/blocks/src/components/Preview.stories.tsx b/code/lib/blocks/src/components/Preview.stories.tsx
index 6e4c379596e5..a6555636ab32 100644
--- a/code/lib/blocks/src/components/Preview.stories.tsx
+++ b/code/lib/blocks/src/components/Preview.stories.tsx
@@ -188,7 +188,7 @@ export const WithAdditionalActions = () => (
         title: 'Open on GitHub',
         onClick: () => {
           globalWindow.location.href =
-            'https://github.com/storybookjs/storybook/blob/next/lib/components/src/blocks/Preview.stories.tsx#L140-L147';
+            'https://github.com/storybookjs/storybook/blob/next/code/lib/blocks/src/components/Preview.stories.tsx#L165-L186';
         },
       },
     ]}
diff --git a/code/lib/cli/README.md b/code/lib/cli/README.md
index b7d1d77820f5..fd5d25472c48 100644
--- a/code/lib/cli/README.md
+++ b/code/lib/cli/README.md
@@ -53,4 +53,4 @@ If the CLI cannot detect your project type, it will ask you. You can also force
 npx sb init --type <type>
 ```
 
-Where type is one of the project types defined in [project_types.js](https://github.com/storybookjs/storybook/blob/next/lib/cli/src/project_types.ts)
+Where type is one of the project types defined in [project_types.ts](https://github.com/storybookjs/storybook/blob/next/code/lib/cli/src/project_types.ts)
diff --git a/code/lib/source-loader/README.md b/code/lib/source-loader/README.md
index 2d724e8fee58..bae04aed9c1a 100644
--- a/code/lib/source-loader/README.md
+++ b/code/lib/source-loader/README.md
@@ -1,6 +1,6 @@
 <h1>Source Loader</h1>
 
-Storybook `source-loader` is a webpack loader that annotates Storybook story files with their source code. It powers the [storysource](https://github.com/storybookjs/storybook/tree/next/addons/storysource) and [docs](https://github.com/storybookjs/storybook/tree/next/addons/docs) addons.
+Storybook `source-loader` is a webpack loader that annotates Storybook story files with their source code. It powers the [storysource](https://github.com/storybookjs/storybook/tree/next/code/addons/storysource) and [docs](https://github.com/storybookjs/storybook/tree/next/code/addons/docs) addons.
 
 - [Options](#options)
   - [parser](#parser)

From 7835b0c3b24bd19dc8021490a6b032b5d184bd2d Mon Sep 17 00:00:00 2001
From: luciana-mendonca <luciana.dev.js@gmail.com>
Date: Tue, 2 Aug 2022 16:45:16 +0200
Subject: [PATCH 018/266] build(addon-toolbars): use ts-up to build
 addon-toolbars

---
 code/addons/toolbars/manager.js   |  2 +-
 code/addons/toolbars/package.json | 33 +++++++++++++++++++++++++++----
 2 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/code/addons/toolbars/manager.js b/code/addons/toolbars/manager.js
index 4e287d25b151..8a2eae4ffce1 100644
--- a/code/addons/toolbars/manager.js
+++ b/code/addons/toolbars/manager.js
@@ -1 +1 @@
-import './dist/esm/manager';
+import './dist/manager';
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index 112cae7e8d75..684de964dbcf 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -25,9 +25,27 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/manager.js",
-  "module": "dist/esm/manager.js",
-  "types": "dist/types/manager.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./manager": {
+      "require": "./dist/manager.js",
+      "import": "./dist/manager.mjs",
+      "types": "./dist/manager.d.ts"
+    },
+    "./register.js": {
+      "require": "./dist/manager.js",
+      "import": "./dist/manager.mjs",
+      "types": "./dist/manager.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -36,7 +54,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.17",
@@ -64,6 +82,13 @@
   "publishConfig": {
     "access": "public"
   },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/manager.tsx"
+    ],
+    "platform": "browser"
+  },
   "gitHead": "7d44bfd3e759c6f17b75029ee2e067fab811f27b",
   "storybook": {
     "displayName": "Toolbars",

From 36ad7476c5a1672fe105e94e9bb0b4d15c601251 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Tue, 26 Jul 2022 14:39:28 -0600
Subject: [PATCH 019/266] Initial icon update

---
 code/lib/components/src/icon/icon.stories.tsx |  122 +-
 code/lib/components/src/icon/icon.tsx         |   53 +-
 code/lib/components/src/icon/icons.tsx        | 1698 ++++++++++++++---
 3 files changed, 1487 insertions(+), 386 deletions(-)

diff --git a/code/lib/components/src/icon/icon.stories.tsx b/code/lib/components/src/icon/icon.stories.tsx
index 92892d5e9a1d..f50e846bcac6 100644
--- a/code/lib/components/src/icon/icon.stories.tsx
+++ b/code/lib/components/src/icon/icon.stories.tsx
@@ -1,77 +1,89 @@
 import React from 'react';
-import { styled } from '@storybook/theming';
-import { storiesOf } from '@storybook/react';
+import { styled, css } from '@storybook/theming';
 
 import { Icons } from './icon';
-import { icons, IconKey } from './icons';
+import { icons } from './icons';
 
-const Meta = styled.div({
-  color: '#333',
-  fontSize: 12,
-});
+const Meta = styled.div`
+  color: #666;
+  font-size: 12px;
+`;
 
-interface ItemProps {
-  minimal?: boolean;
-}
+const Item = styled.li<{ minimal?: boolean }>`
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  flex: 0 1 16%;
+  min-width: 120px;
+  margin: 16px;
 
-const Item = styled.div<ItemProps>(
-  {
-    display: 'inline-flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    flex: '0 1 20%',
-    minWidth: 120,
+  svg {
+    margin-right: 6px;
+    width: 14px;
+    height: 14px;
+  }
 
-    padding: '0px 7.5px 20px',
+  ${(props) =>
+    props.minimal &&
+    css`
+      flex: none;
+      min-width: auto;
+      padding: 0;
+      margin: 16px;
 
-    '& svg': {
-      marginRight: 10,
-      width: 24,
-      height: 24,
-    },
-  },
-  ({ minimal }) =>
-    minimal
-      ? {
-          flex: 'none',
-          minWidth: 'auto',
-          padding: 0,
-          background: '#fff',
-          border: '1px solid #666',
+      svg {
+        display: block;
+        margin-right: 0;
+        width: 14px;
+        height: 14px;
+      }
+    `};
+`;
 
-          '& svg': {
-            display: 'block',
-            marginRight: 0,
-            width: 48,
-            height: 48,
-          },
-        }
-      : {}
-);
+const List = styled.ul`
+  display: flex;
+  flex-flow: row wrap;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+`;
+
+const Header = styled.h2`
+  font-size: 16px;
+  margin: 16px;
+`;
 
-const List = styled.div({
-  display: 'flex',
-  flexFlow: 'row wrap',
-});
+export default {
+  title: 'Basics/Icon',
+  component: Icons,
+};
 
-const list = Object.keys(icons).sort() as IconKey[];
+export const Basic = (args) => <Icons {...args} />;
+Basic.args = { icon: 'watch' };
 
-storiesOf('Basics/Icon', module)
-  .add('labels', () => (
+export const Labels = () => (
+  <>
+    <Header>{Object.keys(icons).length} icons</Header>
     <List>
-      {list.map((key) => (
+      {Object.keys(icons).map((key) => (
         <Item key={key}>
-          <Icons icon={key} /> <Meta>{key}</Meta>
+          <Icons icon={key as keyof typeof icons} aria-hidden />
+          <Meta>{key}</Meta>
         </Item>
       ))}
     </List>
-  ))
-  .add('no labels', () => (
+  </>
+);
+
+export const NoLabels = () => (
+  <>
+    <Header>{Object.keys(icons).length} icons</Header>
     <List>
-      {list.map((key) => (
+      {Object.keys(icons).map((key) => (
         <Item minimal key={key}>
-          <Icons icon={key} />
+          <Icons icon={key as keyof typeof icons} aria-label={key} />
         </Item>
       ))}
     </List>
-  ));
+  </>
+);
diff --git a/code/lib/components/src/icon/icon.tsx b/code/lib/components/src/icon/icon.tsx
index d70111546fa7..7740e96132c6 100644
--- a/code/lib/components/src/icon/icon.tsx
+++ b/code/lib/components/src/icon/icon.tsx
@@ -1,39 +1,54 @@
-import React, { ComponentProps, memo } from 'react';
+import React, { FunctionComponent, ComponentProps, memo } from 'react';
 import { styled } from '@storybook/theming';
-import icons, { IconKey } from './icons';
+import { icons, IconKey } from './icons';
 
-import Svg from './svg';
+const Svg = styled.svg`
+  display: inline-block;
+  shape-rendering: inherit;
+  transform: translate3d(0, 0, 0);
+  vertical-align: middle;
 
-const Path = styled.path({
-  fill: 'currentColor',
-});
+  path {
+    fill: currentColor;
+  }
+`;
 
-export interface IconsProps extends ComponentProps<typeof Svg> {
-  icon?: IconKey;
-  symbol?: IconKey;
+/**
+ * An Icon is a piece of visual element, but we must ensure its accessibility while using it.
+ * It can have 2 purposes:
+ *
+ * - *decorative only*: for example, it illustrates a label next to it. We must ensure that it is ignored by screen readers, by setting `aria-hidden` attribute (ex: `<Icon icon="check" aria-hidden />`)
+ * - *non-decorative*: it means that it delivers information. For example, an icon as only child in a button. The meaning can be obvious visually, but it must have a proper text alternative via `aria-label` for screen readers. (ex: `<Icon icon="print" aria-label="Print this document" />`)
+ */
+export interface IconProps {
+  icon: IconType;
+  symbol?: IconType;
 }
 
-// TODO: if we can resize the 1024 to 20, we can remove the size attributes
-export const Icons = memo<IconsProps>(({ icon, symbol, ...props }) => (
-  <Svg viewBox="0 0 1024 1024" {...props}>
-    {symbol ? <use xlinkHref={`#icon--${symbol}`} /> : <Path d={icons[icon]} />}
-  </Svg>
-));
+export const Icons: FunctionComponent<IconProps> = ({ icon, symbol, ...props }: IconProps) => {
+  return (
+    <Svg viewBox="0 0 14 14" width="14px" height="14px" {...props}>
+      {symbol ? <use xlinkHref={`#icon--${symbol}`} /> : icons[icon]}
+    </Svg>
+  );
+};
+
+export type IconType = keyof typeof icons;
 
 export interface SymbolsProps extends ComponentProps<typeof Svg> {
   icons?: IconKey[];
 }
 
 export const Symbols = memo<SymbolsProps>(({ icons: keys = Object.keys(icons) }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
+  <Svg
+    viewBox="0 0 14 14"
     style={{ position: 'absolute', width: 0, height: 0 }}
     data-chromatic="ignore"
   >
     {keys.map((key: IconKey) => (
       <symbol id={`icon--${key}`} key={key}>
-        <Path d={icons[key]} />
+        {icons[key]}
       </symbol>
     ))}
-  </svg>
+  </Svg>
 ));
diff --git a/code/lib/components/src/icon/icons.tsx b/code/lib/components/src/icon/icons.tsx
index f2a39cb16c1b..12a0edb06e40 100644
--- a/code/lib/components/src/icon/icons.tsx
+++ b/code/lib/components/src/icon/icons.tsx
@@ -1,316 +1,1390 @@
+import React from 'react';
+
 // Icon paths
 export const icons = {
-  mobile:
-    'M648 64h-272c-66.274 0-120 53.726-120 120v656c0 66.274 53.726 120 120 120h272c66.274 0 120-53.726 120-120v-656c0-66.274-53.726-120-120-120zM376 144h272c22.056 0 40 17.944 40 40v495.968h-352v-495.968c0-22.056 17.946-40 40-40zM648 880h-272c-22.054 0-40-17.944-40-40v-80.032h352v80.032c0 22.056-17.944 40-40 40zM544.034 819.962c0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.672 14.33-31.998 32-31.998 17.674-0 32.004 14.326 32.004 31.998z',
-  watch:
-    'M736.172 108.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM736.172 50.37c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 973.692c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 916.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM717.53 228c18.904 0 34.286 15.14 34.286 33.75v500.502c0 18.61-15.38 33.75-34.286 33.75h-411.43c-18.904 0-34.286-15.14-34.286-33.75v-500.502c0-18.61 15.38-33.75 34.286-33.75h411.43zM717.53 148h-411.43c-63.118 0-114.286 50.928-114.286 113.75v500.502c0 62.822 51.166 113.75 114.286 113.75h411.43c63.118 0 114.286-50.926 114.286-113.75v-500.502c-0.002-62.822-51.168-113.75-114.286-113.75v0zM680.036 511.53c0 22.090-17.91 40-40 40h-128.004c-5.384 0-10.508-1.078-15.196-3.006-0.124-0.048-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.276-1.16-0.528-1.718-0.828-0.204-0.112-0.39-0.246-0.594-0.364-0.918-0.514-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.284-17.382-32.98v-151.5c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v111.498h88c22.094-0.002 40.002 17.91 40.006 40z',
-  tablet:
-    'M200.022 927.988h624.018c1.38 0 2.746-0.072 4.090-0.208 20.168-2.050 35.91-19.080 35.91-39.792v-751.916c0-22.092-17.91-40-40-40h-624.018c-22.098 0-40 17.908-40 40v751.916c0 22.094 17.906 40 40 40zM512.002 878.206c-17.674 0-32.004-14.328-32.004-31.998 0-17.678 14.33-32.002 32.004-32.002 17.67 0 32 14.324 32 32.002 0 17.67-14.33 31.998-32 31.998zM240.022 176.078h544.018v591.902h-544.018v-591.902z',
-  browser:
-    'M920.004 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.048-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM368 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM272 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM176 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM880.004 815.996h-736.008v-527.988h736.008v527.988z',
-  sidebar:
-    'M920.032 127.858h-816c-22.092 0-40 17.908-40 40v688c0 22.092 17.908 40 40 40h316.578c1.13 0.096 2.266 0.172 3.422 0.172s2.292-0.078 3.424-0.172h492.576c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40zM144.032 207.858h240v608h-240v-608zM880.032 815.858h-416v-608h416v608zM198.734 288.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 416.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 544.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32z',
-  sidebaralt:
-    'M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z',
-  bottombar:
-    'M85 121h854c24 0 42 18 42 41v700c0 23-18 41-42 41H608a44 44 0 0 1-7 0H85c-24 0-42-18-42-41V162c0-23 18-41 42-41zm41 535v165h772V656H126zm0-82h772V202H126v372zm185 197h-69c-19 0-34-14-34-32s15-33 34-33h69c19 0 34 15 34 33s-15 32-34 32zm236 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32zm235 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32z',
-  useralt:
-    'M533 960a850 850 0 0 0 386-92v-19c0-117-242-223-306-234-20-3-21-58-21-58s59-58 72-137c35 0 56-84 21-113 2-31 45-243-173-243S337 276 338 307c-34 29-13 113 22 113 13 79 72 137 72 137s-1 55-21 58c-64 11-301 115-306 231a855 855 0 0 0 428 114z',
-  user: 'M814 805a525 525 0 00-217-116c-17-3-17-50-17-50s50-49 61-116c29 0 48-71 18-96 1-26 38-206-147-206S364 401 365 427c-30 25-11 96 18 96 11 67 61 116 61 116s0 47-17 50c-39 6-154 53-217 116a418 418 0 015-590 418 418 0 01594 0 418 418 0 015 590M512 0a512 512 0 100 1024A512 512 0 00512 0',
-  useradd:
-    'M87 859c-30-12-59-27-87-43 5-105 221-200 279-210 19-3 19-53 19-53s-54-53-65-125c-32 0-51-76-20-103-1-28-40-221 158-221 199 0 160 193 158 221 32 27 12 103-19 103-12 72-66 125-66 125s1 50 19 53c59 10 279 107 279 213v18a781 781 0 0 1-655 22zm892-565h-91v-90a45 45 0 1 0-91 0v90h-91a45 45 0 1 0 0 91h91v91a45 45 0 1 0 91 0v-91h91a45 45 0 1 0 0-91z',
-  users:
-    'M360 128c193 0 155 182 154 208 31 25 12 97-19 97-11 67-64 118-64 118s1 47 19 50c57 9 271 100 271 200v16a771 771 0 0 1-637 21c-29-11-57-25-84-40 4-99 215-189 271-197 18-3 18-50 18-50s-52-51-63-118c-31 0-50-72-19-97-1-26-40-208 153-208zm416 66c133 0 107 125 106 144 21 17 8 66-13 66-8 47-44 81-44 81s0 33 12 34c40 6 187 69 187 138v46c-80 27-163 41-249 41l-9-1c-16-31-44-61-83-90a546 546 0 0 0-111-64c47-38 117-66 143-70 12-1 12-34 12-34s-36-34-43-81c-21 0-34-49-13-66-1-19-27-144 105-144z',
-  profile:
-    'M761 631c0-13-10-23-22-23H285c-12 0-22 10-22 23 0 12 10 23 22 23h454c12 0 22-11 22-23zm0 100c0-12-10-22-22-22H285c-12 0-22 10-22 22 0 13 10 23 22 23h454c12 0 22-10 22-23zm0 101c0-13-10-23-22-23H285c-12 0-22 10-22 23s10 23 22 23h454c12 0 22-10 22-23zM832 0c59 0 107 49 107 109v807c-1 60-49 108-107 108H130c-25 0-45-20-45-46V46a45 45 0 0 1 45-46h702zm0 91H174v842h658c10 0 18-9 18-18V110c0-10-8-19-18-19zM384 532l-39-20c2-49 100-93 126-97 8-1 8-25 8-25s-24-24-29-57c-14 0-23-35-9-48-1-13-18-102 71-102s72 89 71 102c14 13 5 48-9 48-5 33-29 57-29 57s0 24 8 25c27 4 126 49 126 98v8a346 346 0 0 1-295 11z',
-  bookmark:
-    'M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10z',
-  bookmarkhollow:
-    'M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z',
-  book: 'M896.054 159.774c-0.122-52.914-43.048-95.774-95.992-95.774h-632.004c-1.754 0-3.468 0.154-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v816c0 22.094 17.91 40 40 40h632.004c52.642 0 95.368-42.378 95.968-94.88h0.036v-705.332l-0.012-0.014zM368.062 144h80v271.922l-11.728-11.718c-15.62-15.606-40.924-15.606-56.542 0l-11.728 11.718v-271.922zM816.036 864.204c-0.1 8.712-7.268 15.796-15.972 15.796h-592.004v-736h80.004v368.426c0 16.176 9.742 30.758 24.684 36.954 14.944 6.192 32.146 2.778 43.586-8.656l51.728-51.68 51.728 51.68c7.652 7.644 17.876 11.708 28.28 11.708 5.156 0 10.356-1 15.306-3.050 14.944-6.196 24.684-20.778 24.684-36.954v-368.428h272c8.796 0 15.972 7.16 15.992 15.958l-0.016 704.246z',
-  repository:
-    'M856.020 159.804c-0.122-52.916-43.048-95.774-95.992-95.774h-591.968c-1.754 0-3.468 0.154-5.164 0.37-19.644 2.54-34.836 19.292-34.836 39.63v784.584c0 22.094 17.91 40 40 40h151.972v63.594c0 10.876 6.548 20.682 16.598 24.844 10.046 4.164 21.612 1.87 29.304-5.818l34.78-34.748 34.78 34.748c5.144 5.14 12.020 7.87 19.014 7.87 3.466 0 6.962-0.672 10.292-2.052 10.048-4.164 16.598-13.968 16.598-24.844v-63.594h278.63c52.642 0 95.368-42.38 95.968-94.882h0.036v-673.916l-0.012-0.012zM776.020 159.988l-0.014 504.628h-519.974v-520.584h503.996c8.796-0 15.972 7.158 15.992 15.956zM760.028 848.616h-278.63v-56h-161.366v56h-111.972v-104h567.944l-0.002 88.204c-0.102 8.71-7.27 15.796-15.974 15.796zM320.032 240.396c0-17.67 14.328-31.998 31.998-31.998s32.002 14.326 32.002 31.998c0 17.674-14.332 32-32.002 32-17.672-0.002-31.998-14.326-31.998-32zM320.032 349.79c0-17.67 14.328-31.998 31.998-31.998s32.002 14.328 32.002 31.998c0 17.676-14.332 32-32.002 32-17.672 0-31.998-14.324-31.998-32zM320.032 459.188c0-17.67 14.328-32 31.998-32s32.002 14.328 32.002 32c0 17.674-14.332 31.998-32.002 31.998-17.672 0-31.998-14.324-31.998-31.998zM384.032 568.582c0 17.674-14.332 31.998-32.002 31.998s-31.998-14.324-31.998-31.998c0-17.67 14.328-32 31.998-32 17.67 0.002 32.002 14.33 32.002 32z',
-  star: 'M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0z',
-  starhollow:
-    'M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0zM190.256 428.144l145.812 142.13c9.428 9.192 13.73 22.432 11.504 35.406l-34.424 200.7 180.244-94.758c11.654-6.13 25.576-6.126 37.226 0l180.232 94.756-34.422-200.698c-2.226-12.974 2.076-26.214 11.504-35.406l145.812-142.13-201.51-29.282c-13.030-1.892-24.292-10.076-30.118-21.882l-90.114-182.596-90.122 182.598c-5.826 11.804-17.090 19.988-30.118 21.88l-201.506 29.282z',
-  circle: 'M1024 512A512 512 0 110 512a512 512 0 011024 0z',
-  circlehollow:
-    'M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0z',
-  heart:
-    'M895.032 194.328c-20.906-21.070-46.492-37.316-76.682-48.938-30.104-11.71-63.986-17.39-101.474-17.39-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.264-30.366-27.22-56.236-48.398-77.33z',
-  hearthollow:
-    'M716.876 208c27.708 0 52.092 4.020 72.47 11.948l0.132 0.052 0.13 0.050c19.866 7.644 35.774 17.664 48.632 30.624l0.166 0.168 0.17 0.168c12.586 12.536 22.304 28.27 29.706 48.094 7.782 21.786 11.726 46.798 11.726 74.364 0 14.658-1.95 28.426-5.958 42.086l-0.028 0.092-0.026 0.092c-4.866 16.72-11.006 31.752-18.776 45.952l-0.162 0.298-0.16 0.296c-8.81 16.434-18.58 31.532-29.864 46.148l-0.204 0.264c-11.316 14.786-23.48 28.708-36.154 41.378l-277.122 275.574-276.94-276.35c-13.32-13.43-25.248-27.074-36.488-41.75-11.386-14.848-21.284-30.136-29.444-45.49-7.206-13.54-13.494-29.17-18.7-46.472-4.030-14.264-5.988-28.044-5.988-42.116 0-27.36 4.042-52.314 12.016-74.176 7.214-19.378 17.344-35.708 30.066-48.492 12.998-13.042 28.958-23.148 48.826-30.914 20.436-8 43.764-11.886 71.32-11.886 11.536 0 22.738 1.742 33.298 5.174l0.374 0.122 0.376 0.12c13.116 4.122 26.066 9.874 38.494 17.094l0.34 0.2 0.344 0.196c12.736 7.234 25.308 15.876 38.43 26.412 14.486 11.906 27.060 23.048 38.428 34.056l56.994 55.192 55.662-56.532c10.324-10.484 22.18-21.040 36.242-32.264 13.382-10.646 26.216-19.38 39.228-26.698l0.256-0.144 0.254-0.144c13.008-7.442 26.228-13.386 39.294-17.676l0.050-0.016 0.050-0.018c10.354-3.414 20.998-5.076 32.54-5.076zM716.876 128c-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.262-30.366-27.216-56.234-48.396-77.328-20.906-21.070-46.492-37.316-76.682-48.938-30.106-11.712-63.988-17.392-101.476-17.392v0z',
-  facehappy:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 493.7c15.2 0 28.7 7.5 37 19l2.6 3.9a46 46 0 015.8 18l.3 4.9c0 6.6-1.4 13-4 18.7l-2.1 4.1A329 329 0 01232 663l-5.5-9.3a46 46 0 01-2-41.2l2-4.2v-.2a45.6 45.6 0 0176.7-4l2.5 4a237.9 237.9 0 00410 7.7l4.5-7.7a46 46 0 0139.7-22.9zM329.7 292.6a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z',
-  facesad:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm1.1 449.2a329 329 0 01281.1 157.7l5.5 9.2a46 46 0 012 41.3l-2 4.1v.3a45.6 45.6 0 01-76.7 4l-2.6-4a238 238 0 00-410-7.7l-4.5 7.7a46 46 0 01-76.6 4l-2.6-4a46 46 0 01-5.9-18l-.2-5c0-6.6 1.4-12.9 4-18.6l2.1-4.2a329 329 0 01286.4-166.8zm-183.4-248a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z',
-  faceneutral:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 521.2a45.7 45.7 0 014.7 91.2l-4.7.2H266.3a45.7 45.7 0 01-4.7-91.2l4.7-.2H760zm-430.3-320a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z',
-  lock: 'M896.032 915.53v-467.498c0-19.102-13.402-35.052-31.31-39.026-0.21-0.046-0.414-0.12-0.628-0.162-0.444-0.090-0.904-0.13-1.354-0.208-2.186-0.37-4.416-0.606-6.708-0.606h-55.902l0.002-55.85h0.020c0-159.14-129.010-288.15-288.15-288.15-159.128 0-288.13 128.992-288.15 288.118v55.884h-54.852c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.792-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.524-0.104-3.024-0.27-4.502zM209 488.032h607.032v392h-607.032v-392zM303.85 352.182c0-114.776 93.376-208.15 208.15-208.15 114.59 0 207.842 93.074 208.142 207.596 0 0.084-0.012 0.164-0.012 0.248v56.156h-416.284l0.004-55.85zM552.164 691.858l-0.002 58.188c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40v-57.974c-14.704-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.104-23.868 49.836z',
-  unlock:
-    'M896.032 915.53v-467.498c0-1.988-0.194-3.926-0.472-5.834-0.11-0.744-0.192-1.498-0.34-2.226-1.524-7.44-5.136-14.1-10.164-19.408-0.252-0.266-0.48-0.554-0.738-0.814-0.496-0.494-1.036-0.944-1.554-1.412-0.43-0.386-0.84-0.8-1.288-1.17-0.292-0.24-0.608-0.446-0.904-0.676-2.506-1.954-5.244-3.616-8.176-4.934-0.744-0.334-1.504-0.632-2.27-0.922-4.39-1.656-9.124-2.604-14.094-2.604h-552.184l0.002-55.85c0-114.776 93.376-208.15 208.15-208.15 86.038 0 160.034 52.474 191.7 127.096 0.012 0.028 0.030 0.044 0.042 0.072 5.978 14.566 20.284 24.832 37.006 24.832 22.090 0 40-17.906 40-40 0-4.71-0.86-9.21-2.354-13.41-0.182-0.694-0.42-1.438-0.782-2.292-43.666-103.582-146.14-176.296-265.612-176.296-159.128 0-288.13 128.994-288.15 288.12v55.882h-54.85c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.794-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.528-0.104-3.028-0.27-4.506zM209 488.032h607.032v392h-607.032v-392zM552.164 691.86l-0.002 58.186c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-57.976c-14.702-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.102-23.868 49.838z',
-  key: 'M768.032 320.032c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM960.032 353.092c0 159.062-128.946 288.010-288.008 288.010-35.306 0-69.124-6.368-100.38-17.996l-27.736 27.738-0.002 54.464c0 0.016 0.002 0.028 0.002 0.040 0 11.046-4.478 21.046-11.716 28.29-6.334 6.332-14.784 10.55-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.748l-0.002 71.96c0 0.012 0.002 0.040 0.002 0.040 0 11.046-4.478 21.046-11.716 28.286-6.334 6.336-14.784 10.554-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.996l-0.002 62.684c0 22.094-17.908 40-40 40-0.022 0-0.042 0-0.062 0-0.022 0-0.042 0-0.064 0h-175.996c-13.76 0-25.888-6.95-33.086-17.524-4.362-6.406-6.916-14.14-6.916-22.476v-112c0-0.664 0.066-1.308 0.1-1.964 0.032-0.618 0.034-1.234 0.092-1.852 0.11-1.148 0.288-2.278 0.492-3.398 0.024-0.128 0.034-0.258 0.058-0.386 1.614-8.378 5.848-15.808 11.808-21.446l325.456-325.458c-11.642-31.274-18.020-65.11-18.020-100.44 0-159.060 128.946-288.006 288.006-288.006 159.060-0.004 288.006 128.942 288.006 288.002zM880.032 353.092c0-114.696-93.312-208.006-208.008-208.006s-208.006 93.31-208.006 208.006c0 43.208 13.246 83.376 35.884 116.668l-57.36 57.362c-0.136-0.184-0.27-0.368-0.408-0.546l-298.102 298.106-0.002 55.356h96.124v-62.684c0-0.708 0.070-1.394 0.106-2.094 0.036-0.664 0.036-1.336 0.102-1.992 0.132-1.316 0.334-2.61 0.592-3.882 0.006-0.028 0.008-0.058 0.014-0.090 0.258-1.262 0.58-2.5 0.956-3.714 0.012-0.040 0.018-0.078 0.030-0.118 4.676-15.032 17.976-26.262 34.114-27.902 1.344-0.136 2.708-0.208 4.090-0.208h71.998v-67.64c-0.156-1.434-0.248-2.882-0.248-4.36 0-22.094 17.908-40 40-40h71.998v-30.692c0-0.148 0.020-0.29 0.022-0.438 0.008-10.226 3.912-20.45 11.714-28.254l55.99-55.988c1.982-1.984 4.124-3.71 6.38-5.188l18.68-18.684c33.030 22.090 72.702 34.992 115.332 34.992 114.694-0 208.008-93.314 208.008-208.010z',
-  arrowleftalt:
-    'M107.854 539.924l282.834 283.272c15.594 15.65 40.92 15.692 56.568 0.1 15.648-15.594 15.694-40.92 0.1-56.568l-214.838-215.040h655.412c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655l214.75-214.61c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.834-18.066-11.752-28.32-11.75-10.22 0-20.442 3.892-28.25 11.68l-283.242 282.93c-15.634 15.594-15.672 40.91-0.084 56.554z',
-  arrowrightalt:
-    'M916.266 483.792l-282.834-283.272c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l214.838 215.040h-655.412c-22.092 0-40 17.908-40 40s17.908 40 40 40h655l-214.748 214.61c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l283.242-282.93c15.632-15.596 15.67-40.91 0.082-56.554z',
-  sync: 'M135.6 442.5a41 41 0 0130 12l94.9 94.6c16 16 16 42 0 58s-42.1 16-58.2 0l-30.1-30a341.9 341.9 0 0095 178.6c65.3 65 152 101 244.3 101 92.3 0 179-36 244.3-101a345 345 0 0066.8-93.6 41.1 41.1 0 0174.3 35v.2l-.1.2-5.2 10.3a427.8 427.8 0 01-380 230.9A427.5 427.5 0 0190.1 585.8l-20 20c-16 16-42 16-58.2 0a41 41 0 010-58l93.6-93.3a41 41 0 0130-12zm376-357.2c208.9 0 382.8 149.5 420.1 347.1l22-22c16.1-16 42.2-16 58.2 0s16 42 0 58l-93.5 93.4a41 41 0 01-30 12 41 41 0 01-30-12L763.5 467a41 41 0 010-58c16-16 42.1-16 58.2 0l26.8 26.8a342 342 0 00-92.7-167.6c-65.3-65-152-101-244.3-101-92.3 0-179 36-244.2 101a345.2 345.2 0 00-66.9 93.6 41.1 41.1 0 01-74.3-35v-.2l.2-.2c.7-1.7.2-.8 5.1-10.3A427.8 427.8 0 01511.5 85.3z',
-  reply:
-    'M679.496 431.738c-0.414-0.062-0.834-0.102-1.266-0.102h-477.482l171.506-171.504c15.622-15.622 15.622-40.95-0.002-56.57-15.62-15.624-40.948-15.624-56.568 0l-239.734 239.732c-0.958 0.956-1.868 1.958-2.724 3.006-0.328 0.402-1.884 2.482-2.324 3.138-0.36 0.54-1.696 2.77-2.008 3.352-0.308 0.58-1.424 2.936-1.676 3.544-0.036 0.086-0.468 1.268-0.648 1.774-0.23 0.636-0.474 1.266-0.672 1.918-0.186 0.612-0.818 3.13-0.95 3.788-0.148 0.748-0.522 3.318-0.574 3.862-0.262 2.642-0.262 5.3 0 7.942 0.044 0.448 0.412 3.032 0.58 3.874 0.112 0.556 0.74 3.088 0.958 3.808 0.158 0.524 1.036 2.992 1.328 3.7 0.192 0.458 1.298 2.828 1.688 3.552 0.208 0.386 0.446 0.75 0.666 1.126 0.436 0.752 1.844 2.888 2.084 3.224 0.52 0.724 4.262 5.074 4.29 5.098l239.718 239.72c15.62 15.618 40.948 15.618 56.57 0 15.62-15.624 15.622-40.948 0-56.57l-171.516-171.514h471.296c114.52 0.084 207.688 93.124 207.988 207.594 0 0.084-0.012 0.164-0.012 0.248v95.876c-0.004 22.094 17.906 40.002 40 40 22.090-0.002 40-17.91 39.996-39.998l0.004-95.57h0.020c0-156.594-124.914-284.012-280.536-288.048z',
-  undo: 'M230 301h480a240 240 0 1 1 0 481H235c-23 0-42-20-42-43 0-24 19-43 42-43h475a155 155 0 0 0 0-310H228l3 3 65 65a45 45 0 0 1-65 64L90 376a45 45 0 0 1 0-64l142-142a45 45 0 1 1 64 65l-63 62-3 4z',
-  transfer:
-    'M916.25 348.726l-125 124.688c-7.808 7.79-18.032 11.68-28.25 11.68-10.254 0.002-20.506-3.918-28.32-11.75-15.602-15.64-15.57-40.966 0.070-56.568l56.508-56.368h-655.258c-22.092 0-40-17.908-40-40s17.908-40 40-40h655.672l-57.006-57.206c-15.594-15.646-15.548-40.972 0.1-56.566s40.972-15.55 56.568 0.098l125 125.438c15.588 15.644 15.548 40.958-0.084 56.554zM107.666 731.892l125 125.438c15.596 15.648 40.92 15.692 56.568 0.098s15.694-40.92 0.1-56.566l-57.006-57.206h655.672c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655.258l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.066-11.752-28.32-11.75-10.218 0-20.442 3.89-28.25 11.68l-125 124.688c-15.632 15.596-15.672 40.91-0.084 56.554z',
-  redirect:
-    'M913.852 702.796c-15.594-15.648-40.922-15.694-56.57-0.1l-57.204 57.006v-451.424c0-0.372-0.028-0.736-0.074-1.098-0.458-99.016-80.86-179.15-179.988-179.15-99.412 0-180 80.592-180 180 0 0.084 0.004 0.166 0.004 0.248h-0.004v343.504h-0.006c0 0.082 0.006 0.164 0.006 0.248 0 55.14-44.86 100-100 100s-100-44.86-100-100c0-0.084 0.006-0.166 0.006-0.248h-0.002v-483.752c0-22.092-17.91-40-40-40s-40.004 17.908-40.004 40v483.752c0 0.018 0.002 0.036 0.002 0.054 0 0.064-0.002 0.128-0.002 0.194 0 99.408 80.59 180 180 180 99.412 0 180-80.592 180-180 0-0.084-0.004-0.166-0.004-0.248h0.004v-343.504h0.008c0-0.082-0.008-0.164-0.008-0.248 0-55.138 44.86-100 100-100s100 44.862 100 100c0 0.084-0.008 0.166-0.008 0.248h0.070v451.008l-56.368-56.506c-15.602-15.642-40.93-15.67-56.566-0.070-7.836 7.814-11.754 18.066-11.754 28.32 0 10.218 3.894 20.442 11.68 28.252l124.692 125c15.594 15.632 40.91 15.67 56.554 0.084l125.434-125c15.652-15.598 15.692-40.92 0.102-56.57z',
-  expand:
-    'M433.4 578.8l6.2 5.2a44.8 44.8 0 010 63.3L238.4 849.1h100.3a44.8 44.8 0 018 88.8l-8 .8H130l-6.2-.5 2.7.3h-.3a44.7 44.7 0 01-24.8-10.2l-.3-.3-.3-.2-.3-.4-.3-.2-.3-.2v-.2h-.1l-.2-.1a45.7 45.7 0 01-13.5-24.8l-.3-1.7a45 45 0 01-.5-5.3V685.7a44.8 44.8 0 0189-8.1l.6 8 .1 100L376.3 584a44.8 44.8 0 0157.1-5.2zm157.2 0a44.8 44.8 0 0157.1 5.2L849 785.7v-100l.8-8.1a44.8 44.8 0 0188.9 8V895a45 45 0 01-.5 5.3l-.3 1.7a38.6 38.6 0 01-2.8 9.4 43.4 43.4 0 01-9.6 14.2l-4.7 4.2 2-1.7.7-.6-.3.4a44.1 44.1 0 01-4.4 3.3l-.6.4a45.8 45.8 0 01-20.4 7h-.3.9l1.8-.3-6.2.5H685.3l-8-.8a44.8 44.8 0 018-88.8h100.3L584.4 647.3a44.8 44.8 0 010-63.3zM98.5 925.5l1.3 1.3.1.2.6.4a45 45 0 002 1.7l.7.6-4.7-4.2zM893.9 85.3h.9-.8l6.2.5a45 45 0 00-1.8-.2l-.9-.1h-1l-.5-.1h-1.2 2.7l.3.1a44.7 44.7 0 0125.4 10.7l.3.3v.1l.3.2.3.2v.2h.1l.2.1.6.6.5.6A45.6 45.6 0 01938 122l.3 1.7c.3 1.8.4 3.6.5 5.3v209.2a44.8 44.8 0 01-89 8.1l-.6-8-.1-100L647.7 440a44.8 44.8 0 01-57.1 5.2l-6.2-5.2a44.8 44.8 0 010-63.3l201.2-201.8H685.3a44.8 44.8 0 01-8-88.8l8-.8H894h-.1zm-555.2 0l8 .8a44.8 44.8 0 01-8 88.8H238.4l201.2 201.8a44.8 44.8 0 010 63.3l-6.2 5.2a44.8 44.8 0 01-57.1-5.2L175 238.3v100l-.8 8.1a44.8 44.8 0 01-88.9-8V129c0-1.7.2-3.5.5-5.3l.3-1.7a38.6 38.6 0 012.8-9.4 43.4 43.4 0 019.6-14.2l4.7-4.2-2 1.7.2-.3a43.7 43.7 0 0124.8-10.2h1.3l.3-.1h2.3-.1 208.7zm582 9l4.8 4.2-1.3-1.3-.1-.2-.5-.4h-.1l-.6-.6-1.4-1.1-.7-.6zm-790.7-9h-2l-.5.1h-1l-.9.2c-.6 0-1.2 0-1.8.2l6.2-.5z',
-  expandalt:
-    'M479.7 13.4L205.4 287.6a45.7 45.7 0 1064.7 64.7l242-242 241.8 241.9a45.7 45.7 0 1064.7-64.7L544.4 13.4a45.6 45.6 0 00-64.7 0M512 1024a45.6 45.6 0 01-32.3-13.4L205.4 736.5a45.7 45.7 0 1164.7-64.7l241.8 241.8 242-241.9a45.7 45.7 0 1164.7 64.7l-274.3 274.2c-9 9-20.7 13.4-32.4 13.4',
-  collapse:
-    'M479.7 411L205.4 136.6a45.7 45.7 0 1164.7-64.6L512 314 753.9 72.2a45.7 45.7 0 1164.7 64.6L544.4 411a45.6 45.6 0 01-64.7 0M512 598.3a45.6 45.6 0 00-32.3 13.4L205.4 885.8a45.7 45.7 0 1064.7 64.7l241.8-241.8 242 242a45.7 45.7 0 1064.7-64.7L544.3 611.7c-9-8.9-20.7-13.4-32.4-13.4',
-  grow: 'M541.146 448.384c-1.694-0.216-3.408-0.37-5.162-0.37h-367.968c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v368.032c0 22.094 17.91 40 40 40h367.968c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-368.036c0-20.34-15.192-37.094-34.838-39.632zM208.016 816.046v-288.032h287.968v288.032h-287.968zM736.032 856.046c0 22.090-17.908 40-40 40-22.090 0-40-17.908-40-40v-487.902l-488.016 0.002c-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h528.016c1.754 0 3.468 0.152 5.162 0.37 19.646 2.538 34.838 19.292 34.838 39.63v527.902zM896.032 168.030v688.004c-0.002 22.088-17.91 39.996-40 39.996s-40.002-17.908-40.002-40c0 0 0.002-304.026 0.002-304.040v-343.96h-343.96c-0.014 0-304.040 0.002-304.040 0.002-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h688c1.754 0 3.468 0.152 5.162 0.37 19.646 2.536 34.838 19.29 34.838 39.63z',
-  arrowleft:
-    'M257.93 511.976c0-10.236 3.902-20.47 11.71-28.282l344.098-344.158c15.622-15.624 40.946-15.624 56.57-0.006 15.622 15.622 15.624 40.948 0.004 56.568l-315.82 315.876 315.868 315.922c15.618 15.624 15.618 40.952-0.004 56.568-15.622 15.62-40.95 15.618-56.57-0.006l-344.146-344.202c-7.808-7.81-11.71-18.044-11.71-28.28z',
-  arrowup:
-    'M512.024 256c10.236 0 20.47 3.904 28.282 11.712l344.154 344.098c15.624 15.62 15.624 40.946 0.006 56.57-15.622 15.622-40.948 15.624-56.568 0.004l-315.876-315.82-315.922 315.868c-15.624 15.618-40.952 15.618-56.568-0.004-15.62-15.624-15.618-40.95 0.006-56.57l344.204-344.144c7.81-7.81 18.046-11.714 28.282-11.714z',
-  arrowdown:
-    'M511.976 768.002c-10.236 0-20.47-3.904-28.282-11.712l-344.154-344.098c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l315.876 315.82 315.922-315.868c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-344.204 344.144c-7.81 7.81-18.046 11.714-28.282 11.714z',
-  arrowright:
-    'M768.072 514.022c0 10.236-3.904 20.47-11.712 28.282l-344.098 344.156c-15.62 15.624-40.946 15.624-56.568 0.006-15.622-15.622-15.624-40.948-0.006-56.568l315.82-315.876-315.868-315.922c-15.618-15.624-15.618-40.952 0.004-56.568 15.624-15.62 40.95-15.618 56.57 0.006l344.144 344.204c7.81 7.81 11.714 18.044 11.714 28.28z',
-  chevrondown:
-    'M511.976 833c-10.236 0-20.47-3.904-28.282-11.712l-471.934-471.874c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l443.652 443.598 443.61-443.556c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-471.89 471.832c-7.808 7.808-18.044 11.712-28.28 11.712z',
-  back: 'M512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6zm0 91.4A512 512 0 10512 0a512 512 0 000 1024zM232.7 542.5l142.8 143.3a45.7 45.7 0 0064.8-64.5L375 555.9h383.7a45.7 45.7 0 000-91.4H375.6l64.6-64.4a45.7 45.7 0 10-64.6-64.8L232.8 477.8a45.7 45.7 0 00-.1 64.6z',
-  download:
-    'M543.8 791.3a45.7 45.7 0 01-64.6 0l-142.5-143a45.6 45.6 0 010-64.6 45.7 45.7 0 0164.7 0l64.5 64.7V265.2a45.7 45.7 0 1191.4 0v383.6l65.4-65.1a45.7 45.7 0 1164.5 64.8L543.8 791.3zM1024 512A512 512 0 110 512a512 512 0 011024 0zm-91.4 0c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512z',
-  upload:
-    'M480.2 232.7a45.7 45.7 0 0164.6 0l142.5 143a45.6 45.6 0 010 64.6 45.7 45.7 0 01-64.7 0L558 375.5v383.2a45.7 45.7 0 11-91.4 0V375.2l-65.4 65.1a45.7 45.7 0 11-64.5-64.8l143.4-142.8zM0 512a512 512 0 111024 0A512 512 0 010 512zm91.4 0c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512z',
-  proceed:
-    'M791.3 480.2L648.5 336.8a45.7 45.7 0 10-64.8 64.5l65.1 65.4H265.2a45.7 45.7 0 100 91.4h383.2l-64.6 64.5a45.7 45.7 0 0064.6 64.7l142.8-142.5a45.7 45.7 0 00.1-64.6M512 0a512 512 0 100 1024A512 512 0 00512 0m0 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4',
-  info: 'M874.04 149.96c199.95 199.95 199.95 524.14 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.94 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.95 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 318.96a45.73 45.73 0 00-45.11 38.3l-.6 7.42v274.28a45.71 45.71 0 0090.83 7.42l.6-7.42V456.11a45.72 45.72 0 00-45.72-45.72zm0-162.25a45.72 45.72 0 100 91.44 45.72 45.72 0 000-91.44z',
-  question:
-    'M874.04 149.96c199.95 199.95 199.95 524.13 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.95 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.96 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 640.9a45.72 45.72 0 100 91.43 45.72 45.72 0 000-91.44zm-1.14-549c-111.3 0-201.52 90.22-201.52 201.52a45.71 45.71 0 0090.84 7.41l.6-7.47c.03-60.68 49.4-110.03 110.08-110.03 60.7 0 110.1 49.38 110.1 110.09 0 60.7-49.4 110.09-110.1 110.09v.17a45.68 45.68 0 00-44.57 45.65v100.58a45.7 45.7 0 1091.42 0v-60.46c88.7-21.12 154.67-100.87 154.67-196.03 0-111.3-90.22-201.52-201.52-201.52z',
-  support:
-    'M512 932.57c-87.57 0-171.05-26.59-241.23-75.93l106-106a273.98 273.98 0 00135.26 35.62c46.7 0 93.41-11.88 135.22-35.6l105.98 105.98c-70.19 49.34-153.66 75.93-241.23 75.93m-344.64-661.8l105.97 105.98c-47.44 83.63-47.43 186.86.02 270.49L167.36 753.22C118.02 683.04 91.43 599.56 91.43 512c0-87.57 26.59-171.05 75.93-241.23m585.87-103.41L647.29 273.3a273.95 273.95 0 00-135.26-35.61c-46.74 0-93.47 11.9-135.3 35.63L270.77 167.36C340.96 118.02 424.43 91.43 512 91.43s171.05 26.59 241.23 75.93m-370.5 473.91c-71.3-71.3-71.3-187.3 0-258.6a181.7 181.7 0 01129.3-53.55h.02c48.83 0 94.74 19.02 129.28 53.56 71.29 71.29 71.29 187.3 0 258.6a181.66 181.66 0 01-129.3 53.55 181.67 181.67 0 01-129.3-53.56m473.91 111.95L750.68 647.27c47.48-83.65 47.48-186.91.02-270.56l105.94-105.94c49.34 70.18 75.93 153.66 75.93 241.23s-26.59 171.04-75.93 241.22m17.4-603.26c-199.95-199.95-524.13-199.95-724.08 0-199.95 199.95-199.95 524.13 0 724.08 199.95 199.95 524.13 199.95 724.08 0 199.95-199.95 199.95-524.13 0-724.08',
-  alert:
-    'M511.998 623.846c-22.090 0-40-17.906-40-40v-208c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v208c0 22.094-17.914 40-40.004 40v0zM511.998 743.846c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40v0zM512.142 211.808l-340.074 589.028h680.148l-340.074-589.028zM512.142 92.51c14.5 0 29 9.526 40 28.58l398.638 690.462c22 38.106 4 69.282-40 69.282h-797.278c-44 0-62-31.176-40-69.282l398.638-690.462c11.002-19.052 25.502-28.58 40.002-28.58v0z',
-  bell: 'M901.344 760.018l-57.644-77.648c-7.906-7.906-11.77-38.284-11.71-48.646h0.042v-200.588h-0.364c-6.878-148.106-114.428-269.902-255.792-298.528 0.208-2.1 0.318-4.228 0.318-6.384 0-35.452-28.738-64.194-64.194-64.194-35.458 0-64.194 28.742-64.194 64.194 0 2.19 0.112 4.352 0.326 6.486-141.128 28.802-248.446 150.488-255.316 298.426h-0.364v200.588h0.042c0.058 10.362-3.804 40.74-11.71 48.646l-57.644 77.648c-8.802 8.802-16.35 18.978-16.35 32.208 0 22.092 17.908 40 40 40h255.876c-0.814 5.412-1.28 10.936-1.28 16.576 0 61.43 49.794 111.23 111.23 111.23 61.432 0 111.228-49.8 111.228-111.23 0-5.638-0.464-11.164-1.282-16.576h255.128c22.092 0 40-17.908 40-40 0.004-13.23-7.542-23.404-16.346-32.208zM272.732 436.848c2.862-61.602 29.032-119.104 73.69-161.91 44.786-42.93 103.628-66.62 165.692-66.706h0.26c62.062 0.086 120.906 23.776 165.692 66.706 44.658 42.806 70.828 100.308 73.69 161.91l0.278 5.962v149.384h-479.58v-149.384l0.278-5.962zM543.846 848.8c0 17.22-14.010 31.23-31.228 31.23-17.22 0-31.23-14.010-31.23-31.23 0-6.096 1.784-11.768 4.82-16.576h52.818c3.038 4.81 4.82 10.482 4.82 16.576zM512.484 752.226h-283.922l14.572-19.63c12.064-14.542 20.078-33.27 24.982-58.158 0.146-0.742 0.276-1.496 0.416-2.244h487.42c0.138 0.748 0.268 1.5 0.414 2.244 4.904 24.888 12.918 43.616 24.982 58.158l14.572 19.63h-283.436z',
-  rss: 'M256.094 865.048c0 53.020-42.972 96-96 96-53.020 0-96-42.98-96-96 0-53.016 42.98-96 96-96s96 42.984 96 96zM510.020 918.352c-0.018-0.172-0.042-0.344-0.050-0.52-0.054-0.676-0.124-1.34-0.214-2.004-10.582-105.644-57.866-200.46-128.894-271.536v0c-71.074-71.054-165.906-118.352-271.564-128.934-0.664-0.090-1.33-0.16-2.006-0.214-0.174-0.016-0.348-0.040-0.52-0.054-0.254-0.024-0.5-0.024-0.742-0.008-0.64-0.032-1.278-0.098-1.922-0.098-22.098 0-40 17.908-40 40 0 20.582 15.542 37.516 35.536 39.738 0.042 0.004 0.066 0.036 0.106 0.040 84.82 8.098 163.514 45.024 224.542 106.042v0c61.036 61.036 97.964 139.738 106.070 224.574 0.004 0.040 0.036 0.070 0.042 0.106 2.222 19.988 19.156 35.536 39.736 35.536 22.092 0 40-17.902 40-40 0-0.644-0.066-1.282-0.098-1.922 0-0.246 0-0.492-0.022-0.746zM734.688 918.45c-0.004-0.090-0.018-0.186-0.024-0.276-0.040-0.544-0.058-1.102-0.124-1.638-10.972-167.816-83.558-318.804-195.33-430.616h0.002c-111.812-111.788-262.81-184.384-430.644-195.36-0.542-0.060-1.094-0.084-1.642-0.122-0.092-0.008-0.182-0.016-0.272-0.022-0.020-0.002-0.042 0.004-0.054 0.004-0.836-0.052-1.664-0.124-2.512-0.124-22.092 0-40 17.908-40 40 0 21.036 16.246 38.24 36.874 39.842 0.046 0.008 0.078 0.038 0.128 0.042 66.876 4.086 131.786 19.292 193.406 45.358 70.472 29.81 133.78 72.494 188.166 126.874v0c54.394 54.396 97.090 117.71 126.902 188.204 26.064 61.624 41.274 126.532 45.362 193.408 0.004 0.052 0.036 0.080 0.042 0.13 1.604 20.624 18.802 36.87 39.844 36.87 22.090 0 40-17.904 40-40 0-0.85-0.074-1.678-0.126-2.514-0.002-0.024 0.006-0.040 0.002-0.060zM959.126 920.556c-0.002-0.094 0.008-0.164 0.004-0.262-10.342-231.204-108.314-439.604-261.486-592.796v-0.002c-153.2-153.19-361.61-251.174-592.828-261.518-0.096-0.004-0.168 0.006-0.262 0.004-0.176-0.004-0.348-0.030-0.524-0.030-22.098 0-40 17.91-40 40 0 20.988 16.168 38.164 36.716 39.834 0.184 0.042 0.356 0.086 0.566 0.098 97.040 4.314 191.186 25.538 280.376 63.258 97.14 41.090 184.406 99.928 259.368 174.876v0c74.96 74.964 133.81 162.24 174.908 259.398 37.718 89.19 58.946 183.336 63.26 280.376 0.010 0.208 0.052 0.38 0.096 0.562 1.67 20.552 18.848 36.72 39.834 36.72 22.092 0 40-17.906 40-40-0-0.17-0.024-0.342-0.028-0.518z',
-  edit: 'M948.56 263.376c12.704-12.708 15.072-31.836 7.11-46.936-1.84-3.524-4.232-6.832-7.192-9.792-0.286-0.286-0.594-0.528-0.886-0.8l-129.318-128.634c-0.048-0.048-0.088-0.106-0.138-0.154-7.812-7.812-18.050-11.716-28.292-11.714-10.242-0.004-20.484 3.902-28.296 11.714-0.064 0.066-0.12 0.136-0.184 0.204l-636.168 636.168c-5.868 5.134-10.21 11.958-12.298 19.748l-47.606 177.664c-3.7 13.804 0.248 28.534 10.352 38.638 7.602 7.6 17.816 11.714 28.288 11.714 3.452 0 6.93-0.446 10.352-1.364l177.664-47.606c7.296-1.956 13.732-5.904 18.74-11.216l521.486-521.484c1.126-0.904 2.222-1.87 3.268-2.914 1.042-1.044 2.006-2.138 2.91-3.264l107.75-107.748c0.836-0.71 1.668-1.432 2.458-2.224zM806.9 291.66l-73.592-73.202 56.61-56.61 73.594 73.2-56.612 56.612zM281.566 816.996l-73.4-73.4 468.572-468.568 73.594 73.202-468.766 468.766zM160.496 864.628l11.742-43.822 32.080 32.080-43.822 11.742z',
-  paintbrush:
-    'M946.58 293.66c12.704-12.708 15.072-31.836 7.108-46.938-1.838-3.524-4.23-6.83-7.19-9.79-0.282-0.282-0.588-0.52-0.876-0.792l-129.338-128.654c-0.046-0.046-0.084-0.098-0.13-0.144-7.814-7.812-18.056-11.718-28.296-11.714-10.24 0-20.48 3.906-28.292 11.714-0.064 0.066-0.12 0.138-0.184 0.206l-557.048 557.048c-2.194 2.192-4.042 4.59-5.622 7.11-70.624 87.486-17.922 195.43-174.738 239.554 0 0 64.758 18.11 144.33 18.11 74.374 0 161.678-15.824 221.23-77.020 0.394-0.364 0.808-0.696 1.192-1.078l1.734-1.734c0.852-0.798 1.678-1.578 2.504-2.426 0.348-0.356 0.668-0.728 1.010-1.086l168.756-168.756c1.126-0.906 2.224-1.872 3.272-2.918 1.044-1.044 2.008-2.14 2.914-3.266l375.212-375.212c0.834-0.706 1.664-1.424 2.452-2.214zM537.462 589.402l-73.594-73.206 324.068-324.064 73.594 73.2-324.068 324.070zM388.178 667.684c-13.288-13.632-28.584-23.974-44.78-31.016l63.902-63.902 73.596 73.204-64.246 64.248c-6.498-15.23-15.964-29.698-28.472-42.534zM229.848 791.928c8.294-30.346 14.852-54.332 32.416-73.862 0.83-0.864 2.664-2.702 4.26-4.286 8.030-6.792 17.534-8.246 24.198-8.246 14.386 0 29.026 6.554 40.162 17.98 19.592 20.106 21.934 49.238 5.596 66.874l-1.712 1.712c-0.798 0.752-1.612 1.524-2.462 2.354l-0.86 0.84-0.834 0.864c-30.666 31.79-75.914 45.424-118.104 50.542 7.53-18.888 12.598-37.426 17.34-54.772z',
-  close:
-    'M150 150a512 512 0 11724 724 512 512 0 01-724-724zm69.3 64.2A418.5 418.5 0 0095.9 512a418.5 418.5 0 00123.4 297.8A418.5 418.5 0 00517 933.2 418.5 418.5 0 00815 809.8 418.5 418.5 0 00938.4 512 418.5 418.5 0 00815 214.2 418.5 418.5 0 00517 90.8a418.5 418.5 0 00-297.8 123.4zM655 304a46 46 0 0165 65L577 512l143 143a46 46 0 11-65 65L512 577 369 720a46 46 0 11-65-65l143-143-143-143a46 46 0 0165-65l143 143 143-143z',
-  closeAlt:
-    'M586.7 512L936 861.4a52.8 52.8 0 0 1-74.6 74.7L512 586.7 162.6 936A52.8 52.8 0 0 1 88 861.4L437.3 512 88 162.6A52.8 52.8 0 1 1 162.6 88L512 437.3 861.4 88a52.8 52.8 0 1 1 74.7 74.7L586.7 512z',
-  trash:
-    'M919.5 225.208h-215.5v-120.080c0-20.344-15.192-37.096-34.836-39.632-1.696-0.216-3.41-0.372-5.164-0.372h-304.004c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v120.084h-215.996c-22.090 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h27.216l53.916 615.914h0.214c0 22.092 17.91 40 40 40h573.372c22.094 0 40-17.91 40-40h0.148l53.916-615.914h26.716c22.090 0 40-17.91 40-40s-17.908-40.002-39.998-40.002zM399.996 145.126h224.004v80.082h-224.004v-80.082zM762.062 881.124h-500.124l-50.414-575.912h600.954l-50.416 575.912zM632.004 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM311.996 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM472 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40z',
-  cross:
-    'M1013.286 955.716l-443.72-443.716 443.718-443.718c15.622-15.622 15.62-40.948-0.004-56.566-15.618-15.622-40.942-15.622-56.562 0l-443.716 443.718-443.72-443.718c-15.62-15.624-40.946-15.622-56.566 0-15.622 15.62-15.622 40.944 0 56.566l443.722 443.718-443.722 443.722c-15.622 15.618-15.62 40.942 0 56.56s40.948 15.622 56.566 0l443.72-443.718 443.722 443.718c15.618 15.624 40.942 15.622 56.56 0 15.62-15.618 15.622-40.944 0.002-56.566z',
-  delete:
-    'M874 150A512 512 0 10150 874 512 512 0 00874 150zm-659.4 64.6A417.8 417.8 0 01512 91.4c97 0 188.9 32.6 263.3 92.6L184 775.3A417.4 417.4 0 0191.4 512c0-112.4 43.7-218 123.2-297.4zm594.8 594.8A417.8 417.8 0 01512 932.6c-97 0-189-32.7-263.3-92.6L840 248.7A417.4 417.4 0 01932.6 512c0 112.3-43.8 218-123.2 297.4z',
-  add: 'M512-.2a512 512 0 110 1024 512 512 0 010-1024zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 511.8c0 112.4 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.4c112.3 0 218-43.8 297.4-123.2a417.8 417.8 0 00123.2-297.4c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.2zm1.1 129.2a45.7 45.7 0 0145.7 45.7v201.1H760a45.7 45.7 0 010 91.5H558.8v201.1a45.7 45.7 0 11-91.4 0V558.7H266.3a45.7 45.7 0 110-91.5h201.1V266.1a45.7 45.7 0 0145.7-45.7z',
-  subtract:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm4 94A418 418 0 0094 515a418 418 0 00422 422 418 418 0 00421-422A418 418 0 00516 94zm244 372a46 46 0 010 92H264a46 46 0 110-92z',
-  plus: 'M921.002 473h-368.008v-368.004c0.002-22.090-17.906-39.996-39.996-39.996-22.088 0-39.998 17.91-39.998 40v368h-368.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996l368.004-0.002v368.010c0 22.094 17.908 40 40 39.996 22.090 0.004 39.996-17.902 39.996-39.996v-368.010h368.010c22.090 0.002 39.994-17.906 39.994-39.996-0-22.088-17.908-39.998-39.998-39.998z',
-  document:
-    'M764 1c12 0 24 4 32 13l129 132c9 8 13 20 13 31v802c0 24-20 44-45 44H131c-25 0-45-20-45-44V45c0-24 20-44 45-44h633zm-48 89H175v844h674l-1-707h-87c-22 0-40-15-44-36v-8l-1-93zm-16 584a45 45 0 0 1 8 89H324a45 45 0 0 1-8-88l8-1h376zm0-187a45 45 0 0 1 8 89l-8 1H324a45 45 0 0 1-8-89l8-1h376zm0-186a45 45 0 0 1 8 88l-8 1H324a45 45 0 0 1-8-89h384z',
-  folder:
-    'M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z',
-  component:
-    'M171 469h298V171H246c-42 0-75 33-75 75v223zm0 86v223c0 42 33 75 75 75h223V555H171zm682-86V246c0-42-33-75-75-75H555v298h298zm0 86H555v298h223c42 0 75-33 75-75V555zM256 85h512c94 0 171 77 171 171v512c0 94-77 171-171 171H256c-94 0-171-77-171-171V256c0-94 77-171 171-171z',
-  calendar:
-    'M920.036 160.030h-112.004v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-432v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-112.004c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.908-40-40-40zM356.032 848.026h-212.004v-142.662h212.004v142.662zM356.032 665.364h-212.004v-162.664h212.004v162.664zM356.032 462.7h-212.004v-142.662h212.004v142.662zM628.032 848.026h-232v-142.662h232v142.662zM628.032 665.364h-232v-162.664h232v162.664zM628.032 462.7h-232v-142.662h232v142.662zM880.036 848.026h-212.004v-142.662h212.004v142.662zM880.036 665.364h-212.004v-162.664h212.004v162.664zM880.036 462.7h-212.004v-142.662h212.004v142.662z',
-  graphline:
-    'M820.536 489.23c-15.624 15.618-40.954 15.618-56.57 0l-42.006-42.002-169.898 169.9c-7.822 7.82-18.076 11.722-28.326 11.712-10.248 0.008-20.496-3.894-28.314-11.712l-96.178-96.182-140.67 140.674c-15.624 15.622-40.954 15.618-56.57-0.004-15.624-15.618-15.624-40.946 0-56.566l168.946-168.946c7.812-7.816 18.058-11.72 28.3-11.716 10.238-0.002 20.476 3.904 28.29 11.716l96.204 96.204 168.91-168.91c0.33-0.356 0.626-0.73 0.972-1.076 7.824-7.824 18.084-11.726 28.34-11.712 10.252-0.012 20.508 3.892 28.332 11.714 0.346 0.346 0.64 0.72 0.972 1.074l69.266 69.266c15.62 15.618 15.616 40.942 0 56.566zM880 144h-736v736h736v-736zM920 64c22.092 0 40 17.908 40 40v816c0 22.092-17.908 40-40 40h-816c-22.092 0-40-17.908-40-40v-816c0-22.092 17.908-40 40-40h816z',
-  docchart:
-    'M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.906-40-40-40zM395.934 470.67h232v162.664h-232v-162.664zM355.934 633.334h-212.004v-162.664h212.004v162.664zM395.934 430.67v-142.662h232v142.662h-232zM667.934 470.67h212.004v162.664h-212.004v-162.664zM667.934 430.67v-142.662h212.004v142.662h-212.004zM355.934 288.008v142.662h-212.004v-142.662h212.004zM143.93 673.334h212.004v142.662h-212.004v-142.662zM395.934 673.334h232v142.662h-232v-142.662zM667.934 673.334h212.004v142.662h-212.004v-142.662z',
-  doclist:
-    'M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM143.93 288.008h736.008v527.988h-736.008v-527.988zM248 400.004c0-22.090 17.91-40 40-40h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40zM776 552.002c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40zM776 704c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40z',
-  category:
-    'M925.224 256.37c-1.694-0.216-3.408-0.37-5.162-0.37h-816c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v624c0 22.094 17.91 40 40 40h816c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-624.004c0-20.342-15.19-37.096-34.838-39.632zM144.062 880v-544h736v544h-736zM896.11 180c0 11.044-8.954 20-20 20h-728.032c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h728.032c11.046 0 20 8.954 20 20v0zM832.094 84c0 11.044-8.954 20-20 20h-600c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h600c11.046 0 20 8.954 20 20v0z',
-  grid: 'M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z',
-  copy: 'M960.132 210.186c0-0.444-0.050-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.060-0.74-0.158-1.468-0.26-2.198-0.080-0.564-0.156-1.128-0.258-1.692-0.146-0.792-0.328-1.566-0.518-2.34-0.124-0.508-0.244-1.014-0.39-1.518-0.224-0.784-0.488-1.548-0.76-2.312-0.176-0.49-0.344-0.98-0.538-1.466-0.302-0.754-0.642-1.486-0.988-2.216-0.224-0.472-0.436-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.722-1.19-0.608-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.248-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.174-0.084-0.262-0.122-0.994-0.418-2.006-0.774-3.024-1.108-0.242-0.080-0.474-0.176-0.72-0.252-0.942-0.288-1.894-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.010-0.458-0.306-0.038-0.606-0.1-0.912-0.13-1.322-0.13-2.65-0.204-3.976-0.204h-391.784c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v145.516h-279.874c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v628.28c0 22.094 17.91 40 40 40h496.118c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-145.518h279.874c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-521.828c0.008-0.23-0.016-0.458-0.014-0.688 0.002-0.202 0.028-0.39 0.028-0.584zM144.124 878.792v-548.278h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-416.118zM640.244 693.278v-296.31c0.006-0.23-0.018-0.458-0.014-0.688 0.004-0.196 0.030-0.382 0.030-0.578 0-0.444-0.052-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.062-0.74-0.16-1.468-0.262-2.198-0.078-0.564-0.152-1.128-0.258-1.692-0.144-0.792-0.324-1.566-0.516-2.34-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-0.488-1.548-0.76-2.312-0.174-0.49-0.342-0.98-0.538-1.466-0.302-0.754-0.64-1.486-0.988-2.216-0.222-0.472-0.438-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.724-1.19-0.606-0.924-1.262-1.81-1.942-2.678-0.13-0.168-0.246-0.346-0.382-0.512-0.978-1.212-2.028-2.364-3.138-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.172-0.084-0.262-0.122-0.994-0.418-2.004-0.774-3.024-1.108-0.242-0.080-0.476-0.176-0.72-0.252-0.942-0.288-1.896-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.012-0.458-0.304-0.038-0.602-0.1-0.91-0.13-1.322-0.13-2.648-0.204-3.976-0.204h-31.916v-105.516h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-239.87z',
-  certificate:
-    'M832.032 384.032c0-176.728-143.266-320-320-320s-320 143.272-320 320c0 104.662 50.25 197.584 127.938 255.966v311.5c0 16.174 9.74 30.756 24.682 36.952 4.954 2.052 10.152 3.050 15.31 3.050 10.402 0 20.626-4.060 28.276-11.702l123.726-123.58 123.772 123.332c11.452 11.412 28.644 14.804 43.574 8.608 14.93-6.2 24.66-20.776 24.66-36.942v-311.124c77.756-58.376 128.062-151.342 128.062-256.060zM272.032 384.032c0-64.106 24.964-124.374 70.292-169.706 45.33-45.33 105.6-70.294 169.708-70.294s124.376 24.964 169.708 70.294c45.33 45.332 70.292 105.6 70.292 169.706s-24.964 124.376-70.292 169.704c-45.33 45.33-105.6 70.294-169.708 70.294s-124.376-24.964-169.708-70.294c-45.328-45.328-70.292-105.598-70.292-169.704zM623.968 854.89l-83.804-83.508c-15.622-15.564-40.898-15.552-56.502 0.034l-83.694 83.594v-171.17c34.878 13.042 72.632 20.192 112.062 20.192 39.382 0 77.094-7.13 111.938-20.142v171z',
-  print:
-    'M925.922 304.496c-1.698-0.218-3.41-0.37-5.166-0.37h-88.64v-93.548c0.006-0.21-0.016-0.422-0.014-0.634 0.004-0.212 0.036-0.416 0.036-0.63 0-0.478-0.054-0.942-0.074-1.416-0.024-0.636-0.042-1.27-0.094-1.906-0.066-0.776-0.168-1.54-0.276-2.302-0.074-0.534-0.146-1.066-0.242-1.596-0.15-0.82-0.338-1.624-0.538-2.424-0.12-0.48-0.23-0.958-0.37-1.436-0.234-0.812-0.506-1.608-0.792-2.398-0.164-0.462-0.322-0.924-0.504-1.38-0.318-0.788-0.668-1.552-1.036-2.316-0.208-0.436-0.406-0.88-0.628-1.312-0.424-0.802-0.88-1.574-1.352-2.344-0.218-0.358-0.422-0.724-0.656-1.078-0.636-0.972-1.324-1.91-2.042-2.82-0.098-0.124-0.182-0.252-0.282-0.376-0.988-1.224-2.048-2.388-3.172-3.488l-104.004-104.882c-3.696-3.696-7.948-6.486-12.466-8.432-0.122-0.050-0.224-0.11-0.344-0.16-0.974-0.41-1.966-0.756-2.962-1.084-0.262-0.086-0.512-0.19-0.78-0.272-0.926-0.284-1.87-0.506-2.812-0.722-0.346-0.080-0.684-0.182-1.034-0.252-0.988-0.198-1.988-0.334-2.988-0.456-0.31-0.040-0.618-0.102-0.93-0.134-1.324-0.132-2.652-0.204-3.978-0.204h-455.67c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.29-34.838 39.63v200h-87.356c-1.754 0-3.468 0.152-5.164 0.37-19.644 2.538-34.836 19.29-34.836 39.63v320c0 22.094 17.91 40 40 40h87.368v216c0 22.094 17.91 40 40 40h560.006c13.81 0 25.982-6.996 33.17-17.636 0.102-0.146 0.184-0.306 0.282-0.458 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.17 0.124-0.254 2.994-5.612 4.704-12.008 4.704-18.808 0 0 0 0 0-0.004v-216h88.624c13.808 0 25.982-6.996 33.168-17.636 0.104-0.148 0.186-0.308 0.286-0.458 0.612-0.922 1.198-1.862 1.72-2.836 0.046-0.082 0.082-0.172 0.124-0.256 2.994-5.61 4.702-12.008 4.702-18.806 0 0 0 0 0-0.004v-320c0-20.344-15.186-37.096-34.834-39.636zM272.116 144.128h375.634v65.186c0 1.38 0.070 2.746 0.208 4.090 2.048 20.168 19.080 35.91 39.792 35.91h64.366v54.812h-480v-159.998zM272.124 880.126v-327.998h480.006v327.998zM880.756 384.128v239.998h-48.624v-111.998c0-20.34-15.19-37.092-34.836-39.63-1.694-0.218-565.17-0.372-565.17-0.372-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v112h-47.368v-239.998zM664.124 608.126c22.092 0 40 17.908 40 40s-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704.124 784.126c0 22.092-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.092 0 40 17.908 40 40z',
-  listunordered:
-    'M961 233c0 22.090-17.908 40-40 40h-607.996c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h607.996c22.092 0 40 17.912 40 40.002v0zM961 793c0-22.090-17.908-40.002-40-40.002h-607.996c-22.092 0-40 17.912-40 40.002v0c0 22.092 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 606.332c0-22.090-17.908-40-40-40h-607.996c-22.092 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 419.668c0-22.090-17.908-40.004-40-40.004h-607.996c-22.092 0-40 17.914-40 40.004v0c0 22.090 17.91 40 40 40h607.996c22.092-0 40-17.91 40-40v0zM129 168.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 728.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 542.332c-35.346 0-64 28.652-64 64 0 35.344 28.654 64 64 64s64-28.656 64-64c0-35.348-28.654-64-64-64zM129 355.664c-35.346 0-64 28.656-64 64 0 35.348 28.654 64 64 64s64-28.652 64-64c0-35.344-28.654-64-64-64z',
-  graphbar:
-    'M324.832 513c22.090 0 40 17.91 40 40v304c0 22.090-17.906 40-40 40v0c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40v0zM884.832 128.998c-22.090 0-40 17.906-40 40v688.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-688.002c0-22.094-17.91-40-40-40v0zM698.164 256.998c-22.090 0-40 17.91-40 40v560.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-560.002c0-22.090-17.91-40-40-40v0zM511.5 384.998c-22.090 0-40.004 17.91-40.004 40v432.002c0 22.094 17.914 40 40.004 40v0c22.090 0 40-17.91 40-40v-432.002c0-22.090-17.91-40-40-40v0zM139.168 641c-22.090 0-40 17.91-40 40v176c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-176c0-22.090-17.91-40-40-40v0z',
-  menu: 'M960 232c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.91 40 40v0zM768 416c0 22.090-17.908 40-40 40h-624c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h624c22.092 0.002 40 17.914 40 40.002v0zM832 608c0 22.092-17.906 40.002-40 40.002h-688c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h688c22.094 0 40 17.912 40 40v0zM576 792c0 22.094-17.91 40-40.002 40h-431.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h432c22.094 0.002 40 17.912 40 40.002v0z',
-  filter:
-    'M962.030 168.032c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.908 40 40v0zM770 544.034c0 22.090-17.908 40-40 40h-432c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h432c22.090 0 40 17.912 40 40.002v0zM642.030 728.032c0 22.094-17.91 40-40.002 40h-175.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h176c22.094 0.002 40 17.91 40 40.002v0zM866 352.030c0 22.092-17.906 40.002-40 40.002h-624c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h624c22.092 0 40 17.91 40 40v0zM512.030 928.034c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.092 17.91 40 40 40v0z',
-  ellipsis:
-    'M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z',
-  cog: 'M512 288a224 224 0 0 0 0 448h2a225 225 0 0 0 52-7 47 47 0 0 0-23-90 130 130 0 0 1-31 3 131 131 0 1 1 127-101v1a47 47 0 1 0 91 19 224 224 0 0 0-218-273zM409 0c-67 14-131 40-186 77v98c0 13-6 25-15 33-8 9-20 15-33 15H77C40 278 14 341 0 409l69 68c9 10 14 22 13 34 1 13-4 25-13 34L0 614c14 68 41 132 78 188h97c13 0 25 6 33 15 9 8 15 20 15 33v97c55 37 119 63 187 77l68-69a46 46 0 0 1 36-13c11 0 23 4 32 13l69 69c68-14 131-40 186-77v-98c0-13 6-25 15-34 8-8 20-14 33-14h98c37-56 63-119 77-186l-69-70c-10-9-14-21-14-34 0-12 4-24 14-34l69-69c-14-67-40-129-77-184h-98c-13 0-25-6-33-15-9-8-15-20-15-33V77C746 40 683 14 615 0l-69 69a46 46 0 0 1-35 14c-11 0-23-5-33-14L409 0zm-28 103l32 32c26 26 61 41 98 41h3c37 0 72-15 98-41l32-31c22 7 43 16 64 26v46c0 37 15 73 42 99 26 27 62 42 99 42h45c11 20 19 41 26 63l-31 31c-26 27-41 63-41 100 0 38 15 74 41 100l32 32c-8 22-17 44-27 65h-45c-37 0-73 15-99 42-27 26-42 62-42 99v44c-21 11-42 20-65 27l-31-31c-26-26-61-41-98-41h-3c-37 0-72 15-98 41l-32 32c-22-8-44-17-65-28v-43c0-37-15-73-42-99-26-27-62-42-99-42h-44c-11-21-20-44-28-67l32-31c26-26 41-62 40-100 1-37-14-73-40-100l-31-30c7-23 16-44 26-65h45c37 0 73-15 99-42 27-26 42-62 42-99v-45c21-10 43-19 65-27z',
-  wrench:
-    'M959.438 274.25c0-22.090-17.914-40-40.004-40-11.16 0-21.242 4.582-28.496 11.954l-60.152 60.148c-15.622 15.622-40.946 15.618-56.566-0.004l-56.57-56.566c-15.622-15.622-15.622-40.95 0-56.57l59.55-59.546c7.75-7.292 12.614-17.618 12.614-29.102 0-22.090-17.914-40-40.004-40-1.598 0-3.164 0.122-4.71 0.304-0.012 0-0.020-0.008-0.032-0.004-94.958 11.586-168.504 92.492-168.504 190.574 0 23.528 4.238 46.058 11.98 66.886l-503.078 503.074c-1.496 1.496-2.8 3.102-4.012 4.758-10.914 13.676-17.454 30.992-17.454 49.848 0 44.188 35.818 79.996 79.996 79.996 18.906 0 36.27-6.574 49.964-17.54 1.614-1.188 3.18-2.464 4.64-3.926l503.078-503.078c20.828 7.742 43.36 11.98 66.882 11.98 97.988 0 178.828-73.402 190.54-168.222v-0.012c0.2-1.628 0.338-3.272 0.338-4.952zM151.996 912c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40s40.004 17.91 40.004 40c0 22.094-17.914 40-40.004 40z',
-  nut: 'M512 286a229 229 0 0 0-233 226c0 124 104 225 233 225h2a240 240 0 0 0 54-7c21-5 35-24 35-45a48 48 0 0 0-59-45 139 139 0 0 1-32 3c-75 0-136-59-136-131 0-73 61-132 136-132a134 134 0 0 1 132 161v1l-2 9c0 26 22 47 49 47a48 48 0 0 0 47-37c4-16 6-33 6-49 0-125-104-226-232-226m0-286c-16 0-33 4-47 12L90 223a91 91 0 0 0-47 79v420c0 33 18 63 47 79l375 211a96 96 0 0 0 94 0l375-211c29-16 47-46 47-79V302c0-33-18-63-47-79L559 12c-14-8-31-12-47-12m0 91l375 211v420L512 933 137 722V302L512 91',
-  camera:
-    'M925.164 208.372c-1.694-0.218-3.408-0.372-5.162-0.372h-471.968v-39.962c0-20.344-15.192-37.096-34.836-39.63-1.696-0.218-3.41-0.374-5.164-0.374h-176.004c-1.754 0-3.468 0.152-5.164 0.374-19.644 2.538-34.836 19.29-34.836 39.626v39.966h-88.032c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.536-34.838 19.29-34.838 39.628v528c0 22.094 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.46 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-528.004c-0-20.342-15.192-37.096-34.838-39.63zM880.002 736h-736.004v-448h736.004v448zM512 402.522c60.368 0 109.478 49.112 109.478 109.478s-49.112 109.478-109.478 109.478-109.478-49.112-109.478-109.478 49.11-109.478 109.478-109.478zM512 322.522c-104.644 0-189.478 84.832-189.478 189.478 0 104.644 84.834 189.478 189.478 189.478 104.646 0 189.478-84.834 189.478-189.478 0-104.646-84.832-189.478-189.478-189.478v0z',
-  eye: 'M1008.714 490.522c-9.002-12.594-223.276-308.808-496.684-308.808-273.444 0-487.682 296.214-496.684 308.808l-15.316 21.49 15.316 21.466c9.002 12.618 223.24 308.808 496.684 308.808 273.408 0 487.682-296.19 496.684-308.808l15.316-21.466-15.316-21.49zM807.68 631.688c-46 39.142-92.558 70.064-138.382 91.904-53.874 25.676-106.786 38.694-157.266 38.694-50.49 0-103.406-13.018-157.282-38.696-45.826-21.838-92.382-52.758-138.378-91.902-53.708-45.706-94.302-92.122-116.61-119.672 22.36-27.602 63.028-74.094 116.612-119.696 45.996-39.146 92.554-70.068 138.378-91.908 53.876-25.678 106.792-38.698 157.28-38.698 50.48 0 103.39 13.020 157.264 38.696 45.824 21.842 92.382 52.764 138.382 91.91 53.602 45.614 94.264 92.098 116.624 119.696-22.306 27.544-62.898 73.954-116.622 119.672zM692.032 512.036c0 99.41-80.588 180-180 180s-180-80.59-180-180c0-99.406 80.588-179.998 180-179.998s180 80.59 180 179.998z',
-  eyeclose:
-    'M75.744 948.314c-15.62-15.62-15.62-40.948 0-56.564l816-816c15.626-15.624 40.95-15.624 56.57 0 15.624 15.62 15.626 40.946 0.004 56.57l-816 815.994c-15.62 15.62-40.95 15.62-56.572 0zM332.032 512.034c0 20.104 3.296 39.434 9.376 57.484l228.104-228.106c-18.050-6.080-37.38-9.376-57.48-9.376-99.412-0.004-180 80.588-180 179.996zM692.032 512.034c0-20.1-3.3-39.432-9.38-57.484l-228.106 228.11c18.052 6.080 37.384 9.376 57.488 9.376 99.412 0 180-80.59 180-180zM1008.716 490.522c-4.98-6.968-72.86-100.8-178.81-183.22l-57.040 57.040c11.624 8.8 23.24 18.128 34.814 27.98 53.6 45.614 94.264 92.1 116.624 119.696-22.304 27.544-62.896 73.954-116.62 119.672-46 39.14-92.56 70.064-138.384 91.904-53.872 25.676-106.786 38.694-157.266 38.694-37.448 0-76.234-7.18-115.76-21.36l-61.486 61.49c54.786 24.22 114.45 39.87 177.248 39.87 273.41 0 487.684-296.19 496.686-308.808l15.316-21.468-15.316-21.49zM216.372 631.69c-53.708-45.706-94.3-92.12-116.61-119.672 22.36-27.6 63.028-74.094 116.612-119.696 46-39.146 92.554-70.068 138.38-91.908 53.874-25.68 106.79-38.7 157.28-38.7 37.46 0 76.264 7.188 115.8 21.38l61.484-61.484c-54.796-24.236-114.474-39.896-177.286-39.896-273.446 0-487.684 296.214-496.686 308.808l-15.316 21.49 15.314 21.466c4.98 6.984 72.866 100.84 178.84 183.26l57.040-57.040c-11.64-8.806-23.264-18.144-34.854-28.008z',
-  photo:
-    'M920 64h-816c-22.092 0-40 17.91-40 40v816c0 22.094 17.908 40 40 40h816c22.092 0 40-17.906 40-40v-816c0-22.090-17.908-40-40-40zM880 144v449.782l-235.39-235.392c-7.502-7.5-17.676-11.714-28.286-11.714s-20.784 4.214-28.286 11.716l-169.804 169.804-40.958-40.958c-15.622-15.622-40.95-15.622-56.57 0l-176.708 176.708v-519.946h736.002zM144 880v-102.914l204.992-204.994 215.972 215.974c7.81 7.81 18.048 11.714 28.286 11.714s20.474-3.904 28.286-11.714c15.62-15.622 15.62-40.95 0-56.57l-146.732-146.73 141.522-141.524 263.676 263.68v173.078h-736.002zM356.174 400.542c52.466 0 95-42.536 95-95s-42.534-95-95-95-95 42.536-95 95 42.534 95 95 95zM356.174 250.542c30.326 0 55 24.672 55 55s-24.674 55-55 55-55-24.672-55-55 24.674-55 55-55z',
-  video:
-    'M926.050 273.364c-9.556 0-20.574 3.8-32.278 11.812l-189.738 129.894v-151.068c0-20.342-15.192-37.094-34.838-39.63-1.694-0.218-3.408-0.372-5.162-0.372h-560.002c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v496.002c0 22.092 17.91 40 40 40h560.004c13.808 0 25.98-6.998 33.168-17.638 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.922 1.2-1.862 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.612 4.704-12.010 4.704-18.81v-151.066l189.738 129.886c11.706 8.012 22.718 11.812 32.278 11.812 20.092 0 33.736-16.806 33.736-46.622v-384.032c0-29.816-13.644-46.62-33.738-46.62zM624.036 720h-480.004v-415.998h480.004v415.998zM879.788 632.3l-175.728-120.296 175.728-120.302v240.598zM240.688 663.534c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.092-17.914 40-40.004 40v0z',
-  speaker:
-    'M692.070 580.856c18.156-18.156 28.152-42.266 28.152-67.89-0.008-25.622-10.002-49.726-28.148-67.872-8.476-8.478-18.308-15.188-29-19.922-0.222-0.098-0.408-0.22-0.566-0.364-13.294-6.5-22.476-20.116-22.476-35.914 0-22.090 17.91-40 40-40 5.774 0 11.246 1.248 16.204 3.45 0.016 0.006 0.026 0.008 0.040 0.016 19.292 8.656 37.036 20.832 52.368 36.164 33.254 33.254 51.574 77.446 51.58 124.43 0.006 46.996-18.31 91.204-51.58 124.472-15.064 15.062-32.45 27.074-51.344 35.7-0.154 0.070-0.286 0.112-0.434 0.176-5.124 2.382-10.812 3.75-16.832 3.75-22.090 0-40-17.906-40-40 0-16.196 9.644-30.112 23.488-36.402 0.156-0.11 0.32-0.216 0.516-0.304 10.314-4.712 19.81-11.268 28.032-19.49zM861.778 275.386c-47.824-47.824-107.946-79.588-173.204-92.242-0.356-0.078-0.712-0.146-1.072-0.214-0.060-0.012-0.124-0.026-0.186-0.038-0.506-0.096-0.976-0.162-1.422-0.208-1.918-0.282-3.868-0.476-5.864-0.476-22.090 0-40 17.91-40 40 0 19.024 13.292 34.91 31.084 38.968 0.352 0.128 0.728 0.244 1.162 0.326 48.7 9.268 95.226 32.748 132.934 70.452 99.972 99.972 100.054 261.984-0.002 362.040-37.684 37.684-84.152 61.14-132.788 70.426-0.084 0.016-0.144 0.046-0.224 0.066-18.338 3.644-32.166 19.816-32.166 39.222 0 22.094 17.91 40 40 40 2.776 0 5.484-0.286 8.102-0.822 0.094-0.018 0.172-0.018 0.27-0.038 65.32-12.626 125.496-44.406 173.376-92.286 131.008-131.008 131.008-344.172 0-475.176zM525.988 159.516v704.968c0 22.090-17.906 40-40 40-12.73 0-24.046-5.966-31.374-15.234l-51.056-61.722v0.216l-122.14-147.666h-177.386c-22.090 0-40-17.906-40-40v0 0-256c0-5.22 1.030-10.194 2.85-14.766 0.104-0.266 0.184-0.542 0.294-0.804 0.39-0.924 0.844-1.812 1.3-2.702 0.134-0.26 0.242-0.538 0.382-0.794 0.246-0.456 0.54-0.878 0.804-1.324 6.972-11.726 19.734-19.61 34.368-19.61h177.386l173.13-209.238c7.324-9.316 18.67-15.324 31.44-15.324 22.092-0 40.002 17.91 40.002 40zM445.988 270.826l-126.708 153.252h-175.248v176h175.248l19.832 23.998h0.17l106.708 129.112v-482.362z',
-  phone:
-    'M742.52 960c-76.266 0-163.184-32.364-258.338-96.194-73.798-49.504-136.41-106.904-175.938-146.34-43.282-43.222-105.612-111.376-156.842-190.682-66.576-103.062-95.348-196.038-85.518-276.344 8.952-73.326 50.674-134.292 120.664-176.304 10.95-6.63 23.76-10.134 37.054-10.134 32.752 0 71.124 23.354 120.764 73.494 36.434 36.802 70.108 79.22 89.472 106.644 46.698 66.176 60.686 107.352 48.286 142.136-12.638 35.538-35.534 55.704-52.25 70.428-5.662 5.006-9.95 8.854-13.070 12.262 4.040 7.542 11.744 19.868 26.054 37.476 42.388 52.076 90.548 89.024 111.972 100.874 3.308-2.96 7.11-7.168 12.352-13.152 14.87-16.81 35.062-39.636 70.482-52.28 7.978-2.842 16.498-4.276 25.35-4.276 44.172 0 108.804 44.078 155.246 81.056 45.834 36.494 103.292 90.498 127.104 132.612 22.602 39.596 14.982 68.64 4.596 86.006-48.138 80.296-119.862 122.718-207.44 122.718zM224.758 144.53c-47.558 29.426-73.566 67.28-79.468 115.618-7.494 61.224 17.17 136.326 73.308 223.226 49.902 77.252 112.994 144.35 146.16 177.472 30.296 30.222 91.906 88.17 163.988 136.524 81.738 54.83 153.662 82.63 213.772 82.63 58.618 0 103.506-26.526 137.138-81.076-0.47-1.536-1.532-4.062-3.854-8.132-14.584-25.794-57.006-69.202-105.642-108.156-58.776-47.074-96.708-63.894-106.756-64.982-15.348 5.826-25.020 16.758-36.178 29.372-12.542 14.318-28.31 32.316-55.476 41.528l-6.25 2.12h-6.598c-8.704 0-31.826 0-86.73-43.378-32.196-25.438-64.65-57.534-91.38-90.374-35.712-43.942-51.41-77.764-46.674-100.548l0.55-2.642 0.9-2.546c9.19-26 26.284-41.118 41.364-54.458 12.726-11.208 23.698-20.874 29.494-36.378-0.606-4.398-5.076-23.488-37.948-70.072-15.882-22.494-45.746-60.376-77.614-93.084-39.93-40.986-60.106-50.546-66.106-52.664z',
-  flag: 'M168 960.060c-22.092 0-40-17.908-40-40v-816.36c0-22.092 17.908-40 40-40h687.698c16.178 0 30.764 9.746 36.956 24.694 6.192 14.946 2.77 32.15-8.67 43.59l-188.918 188.922 189.218 189.216c11.44 11.442 14.862 28.646 8.67 43.592-6.192 14.948-20.776 24.694-36.956 24.694h-647.998v341.654c0 22.090-17.908 39.998-40 39.998zM208 498.406h551.428l-149.218-149.216c-15.622-15.622-15.622-40.95 0-56.568l148.918-148.922h-551.128v354.706z',
-  pin: 'M512 959.916c-13.36 0-25.84-6.672-33.262-17.782l-242.080-362.324c-0.12-0.176-0.236-0.356-0.354-0.536-36.394-54.5-55.63-118.042-55.63-183.804 0-182.696 148.632-331.324 331.326-331.324 182.696 0 331.328 148.628 331.328 331.324 0 60.71-16.554 119.98-47.906 171.652-0.758 1.528-1.618 3.016-2.578 4.45l-5.786 8.664c-0.054 0.082-0.112 0.164-0.168 0.246-0.042 0.070-0.104 0.16-0.148 0.23l-241.484 361.426c-7.422 11.106-19.898 17.778-33.258 17.778zM303.458 535.784l0.026 0.040c0.038 0.054 0.158 0.238 0.194 0.292l208.324 311.796 212.374-317.86c0.376-0.696 0.778-1.382 1.198-2.062 24.7-39.708 37.758-85.532 37.758-132.52 0-138.582-112.746-251.324-251.328-251.324s-251.326 112.742-251.326 251.324c0 50.054 14.674 98.39 42.432 139.782 0.114 0.176 0.232 0.356 0.348 0.532zM512 304.4c49.98 0 90.64 40.66 90.64 90.64 0 49.976-40.66 90.636-90.64 90.636s-90.64-40.66-90.64-90.636c0-49.98 40.66-90.64 90.64-90.64zM512 224.4c-94.242 0-170.64 76.398-170.64 170.64s76.398 170.636 170.64 170.636 170.64-76.394 170.64-170.636-76.398-170.64-170.64-170.64v0z',
-  compass:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm242.4 178.1a22.9 22.9 0 012.9 28.9L574.9 571.7l-3.2 3.2-273.3 182.4a22.9 22.9 0 01-31.7-31.7l181-271.6c1.7-2.5 3.8-4.6 6.3-6.3l271.6-181c9-6 21.1-4.9 28.8 2.8zM483.2 483.3l-115 172.4 172.5-115-57.5-57.4z',
-  globe:
-    'M533.6 1.6a144.2 144.2 0 00-43.2 0A511.7 511.7 0 000 512.6 511.7 511.7 0 00512 1024c282.8 0 512-229 512-511.4a511.7 511.7 0 00-490.4-511zM930 467H749c-3.6-105.7-20-204.7-47.2-282.5a494.4 494.4 0 00-24.2-58.2 419.3 419.3 0 01131.8 89.3A416.7 416.7 0 01930.2 467zM512 931.5c-75.3 0-137.3-163.3-145.4-373.3h290.8c-8.1 210-70.1 373.3-145.4 373.3zM366.5 467c7.4-200.2 63.7-358.5 134-374.3a406.8 406.8 0 0123 0c70.3 15.9 126.6 174.1 134 374.3h-291zM214.6 215.5A420.7 420.7 0 01346.4 126c-8.7 17.7-16.9 37.1-24.2 58.2-27.1 78-43.6 177-47.2 282.5H94a416.7 416.7 0 01120.7-251.3zM93.9 558.2H275c3.8 104.8 20.2 203 47 280.3a488.6 488.6 0 0025.8 61 420.4 420.4 0 01-133.3-89.9A416.7 416.7 0 0193.9 558.2zm715.5 251.4a420.4 420.4 0 01-133.3 90c9.3-18.4 18-38.8 25.7-61.1 27-77.4 43.3-175.5 47-280.3h181.3a416.7 416.7 0 01-120.7 251.4z',
-  location:
-    'M1024 512a512 512 0 10-512.1 512C643 1024 774 974 874 874s150-231 150-362zM809.4 809.4a417.4 417.4 0 01-251.7 120.7v-153a45.7 45.7 0 00-91.5 0v153a417 417 0 01-251.6-120.7A417.7 417.7 0 0194 557.7h153a45.7 45.7 0 000-91.5h-153a417.3 417.3 0 01120.7-251.6A417.5 417.5 0 01466.2 93.8v153a45.7 45.7 0 0091.4 0v-153a417.4 417.4 0 01251.8 120.7A417.5 417.5 0 01930 466.2H777a45.7 45.7 0 000 91.4h153a417.3 417.3 0 01-120.7 251.7v.1z',
-  search:
-    'M218 670a318 318 0 0 1 0-451 316 316 0 0 1 451 0 318 318 0 0 1 0 451 316 316 0 0 1-451 0m750 240L756 698a402 402 0 1 0-59 60l212 212c16 16 42 16 59 0 16-17 16-43 0-60',
-  zoom: 'M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z',
-  zoomout:
-    'M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z',
-  zoomreset:
-    'M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z',
-  timer:
-    'M571.5 0a42.7 42.7 0 010 85.3h-16.7l-.2 53.1a441.6 441.6 0 01221.2 84.9l44.7-44.6a42.7 42.7 0 0160.3 60.3l-41.5 41.5a443.8 443.8 0 11-370-142l.1-53.2H452A42.7 42.7 0 01452 0h119.5zM512 221.7a356 356 0 00-253.5 105 356 356 0 00-105 253.5 356 356 0 00105 253.5 356 356 0 00253.5 105 356 356 0 00253.5-105 356.2 356.2 0 00105-253.5 356 356 0 00-105-253.5 356 356 0 00-253.5-105zm-.1 52.7a42.7 42.7 0 0142.6 42.6v206.6a68.2 68.2 0 0125.3 47.3l.2 5.8a68.2 68.2 0 11-110.8-53.4V317a42.7 42.7 0 0142.7-42.6z',
-  time: 'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm0 54.9a45.7 45.7 0 0145.7 45.7v280H759a45.7 45.7 0 010 91.4H512c-6.1 0-12-1.2-17.4-3.4l-.4-.2-2-1c-.7-.3-1.4-.5-2-.9l-.7-.4-3-1.9-.4-.2c-12-8.2-19.8-22-19.8-37.7V192a45.7 45.7 0 0145.7-45.7z',
-  lightning:
-    'M320.022 1022.644c-7.408 0-14.852-2.052-21.44-6.238-15.292-9.714-22.144-28.494-16.706-45.774l115.186-365.908-214.552-52.57c-14.714-3.606-26.128-15.214-29.486-29.988-3.356-14.772 1.92-30.174 13.632-39.786l576-472.662c14.458-11.864 35.208-12.126 49.962-0.626 14.752 11.496 19.568 31.682 11.594 48.602l-171.202 363.256 208.648 51.756c14.29 3.544 25.476 14.652 29.124 28.914s-0.834 29.376-11.668 39.344l-512 471.112c-7.586 6.984-17.308 10.568-27.092 10.568zM279.236 493.49l178.314 43.69c10.74 2.632 19.912 9.59 25.336 19.226s6.62 21.086 3.298 31.636l-83.030 263.76 347.066-319.352-183.82-45.596c-11.63-2.884-21.356-10.832-26.498-21.656-5.144-10.822-5.164-23.382-0.054-34.22l116.31-246.788-376.922 309.3z',
-  lightningoff:
-    'M310 374L76 150a37 37 0 0 1 0-54c15-14 41-14 56 0l816 778c16 15 16 39 0 54a41 41 0 0 1-56 0L666 712l-57-54-242-230-57-54zm-32 28l57 54-44 38 115 29 78 76-75 254 169-165 57 54-279 271c-8 7-17 11-26 11-7 0-14-2-20-6a41 41 0 0 1-16-46l109-367-203-52c-14-4-25-16-28-30-4-15 1-31 13-40l93-81zm124-108L731 9c13-12 33-12 47-1 14 12 19 32 11 49L627 421l198 52c13 4 24 15 27 29 4 14-1 29-11 39l-89 87-56-54 42-41-118-31-80-76 109-242-190 165-57-55z',
-  dashboard:
-    'M512 85.3a512 512 0 01361 875c-99.5-44-225-70.4-361.6-70.4-136.1 0-261.4 26.2-360.8 70A512 512 0 01512 85.4zm0 91.5c-112.4 0-218 43.7-297.4 123.1A417.8 417.8 0 0091.4 597.3c0 93 30 181.5 85.5 254.2 101-34.8 215.3-53 334.5-53 119.6 0 234.2 18.3 335.5 53.4a417.3 417.3 0 0085.7-254.6c0-112.3-43.8-218-123.2-297.4a417.5 417.5 0 00-275-122.6l-22.4-.5zm219.7 115.7a45.7 45.7 0 0116.7 62.4L580.4 646c6.5 17.1 6.7 36.6-.6 54.3l-4.3 8.7A73.1 73.1 0 11501.3 600l168-291a45.7 45.7 0 0162.4-16.6z',
-  hourglass:
-    'M511.926 801.946c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM831.682 915.242c0.192 1.582 0.318 3.186 0.318 4.82 0 22.090-17.908 40-40 40h-560c-22.092 0-40-17.914-40-40 0-2.438 0.252-4.812 0.67-7.128 2.36-53.636 18.034-105.7 45.852-151.554 0.734-1.476 1.562-2.912 2.492-4.296l5.582-8.364c0.054-0.080 0.11-0.158 0.164-0.238 0.042-0.068 0.098-0.156 0.144-0.222l157.704-236.036-158.5-237.228c-0.116-0.17-0.23-0.342-0.34-0.516-32.842-49.178-51.11-105.994-53.368-165.044-0.238-1.762-0.402-3.546-0.402-5.374 0-22.090 17.908-40 40-40h560c22.092 0 40 17.914 40 40 0 2.056-0.204 4.064-0.504 6.038-2.194 54.020-17.886 106.48-45.894 152.648-0.734 1.472-1.562 2.91-2.492 4.294l-5.582 8.366c-0.054 0.078-0.11 0.156-0.164 0.236-0.042 0.068-0.098 0.154-0.144 0.222l-157.734 236.082 158.468 237.182c0.116 0.168 0.23 0.344 0.34 0.516 32.946 49.33 51.226 106.346 53.39 165.596zM749.958 144.060h-475.99c6.138 31.304 18.384 61.124 36.354 87.916 0.118 0.17 0.23 0.344 0.342 0.514l0.024 0.038c0.036 0.054 0.15 0.23 0.186 0.284l54.286 81.25h293.596l58.196-87.1c0.366-0.67 0.75-1.334 1.154-1.99 15.492-24.916 26.228-52.324 31.852-80.912zM497.528 512.178l-0.032 0.046 14.426 21.592 93.378-139.756h-186.692l78.92 118.118zM305.96 799.156c-15.498 24.91-26.234 52.318-31.856 80.906h476.052c-6.138-31.304-18.384-61.122-36.354-87.918-0.118-0.168-0.23-0.344-0.342-0.512l-0.024-0.040c-0.036-0.050-0.15-0.23-0.186-0.282l-140.242-209.902-28.98 43.374c-7.166 10.72-19.21 17.162-32.11 17.162-12.896 0-24.942-6.442-32.11-17.166l-28.76-43.044-143.938 215.428c-0.36 0.674-0.744 1.338-1.15 1.994z',
-  play: 'M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z',
-  playnext:
-    'M222 136l513 342 12 10V192a64 64 0 01128 0v640a64 64 0 01-128 0V536l-12 10-513 342c-8 5-16 8-23 8-17 0-28-16-28-42V170c0-26 11-42 28-42 7 0 15 3 23 8z',
-  playback:
-    'M823 136L311 478l-12 10V192a64 64 0 00-128 0v640a64 64 0 10128 0V536l12 10 512 342c8 5 16 8 23 8 17 0 29-16 29-42V170c0-26-12-42-29-42-7 0-15 3-23 8z',
-  stop: 'M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0zm471-78H338c-25 0-45-20-45-45V338c0-25 20-45 45-45h348c25 0 45 20 45 45v348c0 25-20 45-45 45z',
-  stopalt:
-    'M894 85H130c-25 0-45 20-45 45v764c0 25 20 45 45 45h764c25 0 45-20 45-45V130c0-25-20-45-45-45z',
-  rewind:
-    'm631.8 642.6 345 245.4c7.7 5.4 15 8 21.4 8 15.9 0 26.8-15.5 26.8-42.3V170.3c0-26.8-11-42.3-26.8-42.3-6.4 0-13.7 2.6-21.4 8l-345 245.4v-211c0-26.9-10.9-42.4-26.8-42.4-6.4 0-13.7 2.6-21.4 8L129 459.4V192a64 64 0 0 0-128 0v640a64 64 0 0 0 128 0V564.6L583.6 888c7.7 5.4 15 8 21.4 8 15.9 0 26.8-15.5 26.8-42.3v-211Z',
-  fastforward:
-    'M398.2 386.4 53.2 141c-7.7-5.4-15-8-21.4-8C15.9 133 5 148.5 5 175.3v683.4C5 885.5 16 901 31.8 901c6.4 0 13.7-2.6 21.4-8l345-245.4v211c0 26.9 11 42.4 26.8 42.4 6.4 0 13.7-2.6 21.4-8L901 569.6V837a64 64 0 0 0 128 0V197a64 64 0 0 0-128 0v267.4L446.4 141c-7.7-5.4-15-8-21.4-8-15.9 0-26.8 15.5-26.8 42.3v211Z',
-  email:
-    'M960.032 268.004c0.748-10.040-2.246-20.364-9.226-28.684-5.984-7.132-13.938-11.62-22.394-13.394-0.13-0.026-0.268-0.066-0.396-0.092-1.082-0.22-2.172-0.376-3.272-0.5-0.25-0.032-0.492-0.080-0.742-0.102-1.028-0.096-2.052-0.136-3.090-0.156-0.292-0.002-0.582-0.042-0.876-0.042h-816.008c-21.416 0-38.848 16.844-39.898 38-0.034 0.628-0.092 1.256-0.096 1.89 0 0.034-0.006 0.074-0.006 0.114 0 0.050 0.008 0.102 0.008 0.152v495.692c0 0.054-0.008 0.106-0.008 0.156 0 22.090 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.17-17.636 0.1-0.148 0.182-0.312 0.28-0.458 0.606-0.93 1.196-1.868 1.722-2.84 0.046-0.082 0.080-0.172 0.124-0.258 2.992-5.604 4.704-12.008 4.704-18.804v0 0-493.038zM144.032 350.156l339.946 281.188c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.042 1.492-0.058c0.842-0.028 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.946-281.206v370.894h-736v-370.876zM215.066 305.030h593.91l-296.946 245.422-296.964-245.422z',
-
-  link: 'M743.52 529.234c5.616-5.616 83.048-83.046 88.462-88.46 30.944-32.778 47.97-75.636 47.97-120.792 0-47.048-18.304-91.26-51.542-124.484-33.228-33.22-77.43-51.516-124.458-51.516-45.024 0-87.792 16.94-120.536 47.72l-104.458 104.456c-30.792 32.738-47.734 75.512-47.734 120.548 0 41.916 14.576 81.544 41.248 113.196 3.264 3.876 6.666 7.664 10.292 11.29 4.258 4.258 8.704 8.262 13.304 12.022 0.054 0.080 0.096 0.152 0.148 0.232 9.572 7.308 15.778 18.804 15.778 31.776 0 22.094-17.914 40-40.004 40-8.542 0-16.442-2.696-22.938-7.26-2.746-1.93-20.622-17.43-30.35-28.050-0.008-0.010-0.018-0.018-0.026-0.028-4.992-5.432-13.234-15.23-18.552-22.65s-16.556-25.872-17.036-26.736c-0.7-1.262-2.974-5.526-3.422-6.39-0.69-1.334-6.118-12.67-6.114-12.67-14.342-31.96-22.332-67.4-22.332-104.728 0-60.826 21.198-116.648 56.58-160.544 0.252-0.314 4.61-5.594 6.594-7.866 0.304-0.35 5.038-5.636 7.16-7.874 0.252-0.268 105.86-105.874 106.128-106.126 45.902-43.584 107.958-70.314 176.264-70.314 141.382 0 255.998 114.5 255.998 256 0 68.516-26.882 130.688-70.652 176.61-0.144 0.148-109.854 109.546-112.090 111.528-0.958 0.848-5.072 4.352-5.072 4.352-6.448 5.434-13.132 10.592-20.1 15.378 0.412-6.836 0.644-13.702 0.644-20.6 0-26.46-3.108-52.206-8.918-76.918l-0.236-1.102zM616.144 767.82c35.382-43.896 56.58-99.718 56.58-160.544 0-37.328-7.99-72.768-22.332-104.728 0.004 0 0.006-0.002 0.010-0.004-0.258-0.576-0.538-1.14-0.8-1.714-0.686-1.498-2.894-6.112-3.296-6.93-0.668-1.344-2.952-5.732-3.386-6.604-3.48-6.982-8.708-15.126-9.49-16.366-0.498-0.792-0.996-1.58-1.502-2.364-0.834-1.29-15.364-22.066-26.656-34.466-0.008-0.010-0.018-0.018-0.026-0.028-7.056-8.448-24.932-24.198-30.35-28.050-6.47-4.602-14.396-7.26-22.938-7.26-22.090 0-40.004 17.906-40.004 40 0 12.97 6.206 24.466 15.778 31.776 0.052 0.080 0.094 0.152 0.148 0.232 4.602 3.76 20.334 19.434 23.598 23.31 26.672 31.65 41.248 71.28 41.248 113.196 0 45.038-16.944 87.81-47.734 120.548l-104.458 104.456c-32.742 30.782-75.512 47.72-120.536 47.72-47.028 0-91.228-18.294-124.458-51.516-33.236-33.224-51.542-77.436-51.542-124.484 0-45.154 17.028-88.014 47.97-120.792 5.414-5.414 40.812-40.812 68.958-68.958 7.176-7.176 13.888-13.886 19.504-19.502v-0.002c-0.356-1.562-0.246-1.096-0.246-1.096-5.81-24.712-8.918-50.458-8.918-76.918 0-6.898 0.232-13.764 0.644-20.6-6.966 4.788-20.1 15.33-20.1 15.33-0.734 0.62-9.518 8.388-11.68 10.45-0.16 0.154-105.338 105.33-105.482 105.478-43.77 45.922-70.652 108.094-70.652 176.61 0 141.5 114.616 256 255.998 256 68.306 0 130.362-26.73 176.264-70.314 0.27-0.254 105.876-105.86 106.128-106.126 0.004-0.002 13.506-15.426 13.758-15.74z',
-  paperclip:
-    'M824.25 369.354c68.146-70.452 67.478-182.784-2.094-252.354-70.296-70.296-184.266-70.296-254.558 0-0.014 0.012-0.028 0.026-0.042 0.042-0.004 0.002-0.006 0.004-0.010 0.008l-433.144 433.142c-0.036 0.036-0.074 0.068-0.11 0.106-0.054 0.052-0.106 0.11-0.16 0.162l-2.668 2.67c-0.286 0.286-0.528 0.596-0.8 0.888-43.028 44.88-66.664 103.616-66.664 165.986 0 64.106 24.962 124.376 70.292 169.704 45.328 45.33 105.598 70.292 169.706 70.292 50.612 0 98.822-15.57 139.186-44.428 4.932-1.952 9.556-4.906 13.544-8.894l16.802-16.802c0.056-0.056 0.116-0.112 0.172-0.168 0.038-0.038 0.074-0.076 0.112-0.116l289.010-289.014c15.622-15.618 15.62-40.942 0-56.56s-40.948-15.62-56.566 0l-289.124 289.122c-62.482 62.484-163.792 62.484-226.274 0-62.484-62.482-62.484-163.79 0-226.272h-0.002l433.134-433.12c0.058-0.060 0.112-0.122 0.172-0.18 38.99-38.99 102.43-38.99 141.42 0 38.992 38.99 38.99 102.432 0 141.422-0.058 0.060-0.122 0.114-0.18 0.17l0.006 0.006-280.536 280.534c-0.002-0.002-0.002-0.004-0.004-0.006l-79.978 79.98c-0.010 0.010-0.016 0.020-0.028 0.028-0.008 0.012-0.018 0.018-0.028 0.028l-0.064 0.062c-15.622 15.624-40.944 15.624-56.562 0-15.624-15.62-15.624-40.944-0.002-56.566l0.062-0.062c0.010-0.010 0.018-0.020 0.028-0.028 0.008-0.012 0.020-0.018 0.028-0.028l79.98-79.978c-0.002-0.002-0.004-0.002-0.006-0.004l136.508-136.512c15.622-15.62 15.62-40.944-0.002-56.562-15.618-15.62-40.946-15.62-56.564 0l-219.342 219.344c-1.284 1.284-2.42 2.652-3.494 4.052-40.4 47.148-38.316 118.184 6.322 162.824 44.64 44.638 115.674 46.722 162.82 6.324 1.402-1.072 2.772-2.21 4.054-3.494l2.83-2.832c0.002 0 0.002 0 0.002 0s0 0 0 0l360.54-360.54c0.058-0.056 0.12-0.114 0.18-0.172 0.050-0.050 0.098-0.106 0.15-0.158l0.994-0.994c0.34-0.338 0.63-0.702 0.952-1.052z',
-  box: 'M960.016 408.080c0-0.672-0.046-1.342-0.078-2.014-0.032-0.594-0.044-1.19-0.102-1.782-0.068-0.726-0.186-1.448-0.294-2.17-0.080-0.54-0.144-1.080-0.248-1.616-0.138-0.724-0.326-1.442-0.506-2.16-0.134-0.534-0.252-1.070-0.408-1.6-0.196-0.662-0.436-1.314-0.668-1.968-0.204-0.582-0.396-1.166-0.628-1.74-0.226-0.56-0.494-1.11-0.75-1.662-0.3-0.656-0.598-1.312-0.934-1.954-0.242-0.454-0.514-0.894-0.774-1.342-0.414-0.716-0.83-1.43-1.292-2.124-0.256-0.382-0.538-0.752-0.806-1.128-0.514-0.716-1.036-1.428-1.602-2.116-0.090-0.11-0.162-0.226-0.254-0.336-0.244-0.292-0.516-0.542-0.768-0.826-0.534-0.6-1.068-1.198-1.644-1.772-0.48-0.478-0.982-0.924-1.48-1.376-0.354-0.316-0.674-0.658-1.040-0.964l-405.788-335.666c-6.568-6.436-14.918-10.166-23.564-11.124-0.16-0.022-0.32-0.050-0.48-0.066-0.838-0.082-1.676-0.11-2.518-0.14-0.496-0.020-0.994-0.058-1.492-0.058s-0.996 0.040-1.492 0.058c-0.842 0.028-1.68 0.058-2.518 0.14-0.16 0.016-0.32 0.044-0.48 0.066-8.646 0.956-16.996 4.688-23.564 11.124l-405.662 335.542c-7.13 5.982-11.616 13.93-13.392 22.382-0.032 0.14-0.070 0.278-0.1 0.42-0.212 1.072-0.37 2.152-0.494 3.238-0.032 0.258-0.078 0.51-0.106 0.77-0.086 0.89-0.114 1.786-0.138 2.68-0.014 0.39-0.052 0.78-0.054 1.17 0 0.040-0.006 0.074-0.006 0.114v204.856c-0.958 12.434 3.854 25.128 14.134 33.754l405.662 335.54c6.568 6.438 14.918 10.168 23.564 11.124 0.16 0.020 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058 0.054 0 0.11-0.008 0.162-0.008 0.042 0 0.084 0.008 0.126 0.008 0.342 0 0.672-0.042 1.012-0.050 0.062-0.004 0.126-0.008 0.192-0.008 0.134-0.004 0.27-0.020 0.402-0.024 10.602-0.422 20.136-4.938 27.054-12.046l404.526-334.624c0.084-0.066 0.166-0.136 0.248-0.204l0.12-0.098c0.17-0.144 0.314-0.304 0.48-0.45 0.814-0.704 1.614-1.43 2.37-2.2 0.296-0.3 0.562-0.624 0.85-0.934 0.602-0.652 1.2-1.308 1.756-2 0.3-0.372 0.566-0.758 0.852-1.136 0.504-0.672 1.002-1.344 1.462-2.046 0.242-0.368 0.458-0.75 0.686-1.124 0.458-0.754 0.908-1.508 1.316-2.292 0.164-0.312 0.304-0.636 0.46-0.954 0.426-0.872 0.832-1.746 1.196-2.652 0.092-0.23 0.168-0.464 0.256-0.696 0.376-0.996 0.728-2 1.026-3.032 0.042-0.148 0.074-0.296 0.114-0.442 0.306-1.102 0.578-2.218 0.79-3.356 0.016-0.082 0.024-0.164 0.038-0.246 0.212-1.184 0.382-2.378 0.49-3.598v0c0.1-1.156 0.176-2.32 0.176-3.5v-204.86c0.024-0.318 0.022-0.638 0.040-0.958 0.026-0.668 0.074-1.338 0.074-2.008zM143.89 493.202l328.14 271.42v103.902l-328.14-271.18v-104.142zM552.032 764.402l327.868-271.212v103.88l-327.868 270.972v-103.64zM511.898 122.66l345.348 285.42-345.348 285.42-345.374-285.42 345.374-285.42z',
-  structure:
-    'M954.324 833.3c0.208-0.558 0.388-1.128 0.586-1.692 0.3-0.868 0.608-1.734 0.882-2.61 0.234-0.746 0.444-1.5 0.66-2.25 0.212-0.734 0.432-1.464 0.624-2.204 0.204-0.766 0.378-1.54 0.562-2.308 0.18-0.766 0.366-1.528 0.528-2.292 0.146-0.692 0.272-1.386 0.402-2.082 0.168-0.89 0.332-1.778 0.476-2.668 0.090-0.566 0.164-1.136 0.244-1.704 0.148-1.058 0.29-2.118 0.404-3.18 0.042-0.422 0.080-0.852 0.12-1.274 0.118-1.23 0.212-2.46 0.282-3.696 0.018-0.304 0.030-0.606 0.042-0.906 0.062-1.36 0.098-2.718 0.104-4.082 0-0.114 0.008-0.226 0.008-0.34 0-0.128-0.010-0.258-0.010-0.39-0.006-1.368-0.042-2.734-0.104-4.102-0.014-0.296-0.030-0.594-0.044-0.89-0.070-1.246-0.166-2.492-0.284-3.738-0.042-0.434-0.084-0.864-0.128-1.292-0.116-1.050-0.25-2.098-0.4-3.144-0.088-0.628-0.18-1.258-0.282-1.882-0.13-0.8-0.276-1.598-0.428-2.394-0.162-0.868-0.332-1.73-0.518-2.594-0.116-0.524-0.24-1.046-0.364-1.57-0.264-1.128-0.542-2.25-0.846-3.36-0.070-0.254-0.144-0.504-0.214-0.754-11.38-40.382-48.464-69.996-92.488-69.996-3.066 0-6.096 0.16-9.088 0.442l-264.576-458.262c21.080-29.698 24.3-70.13 4.9-103.732-12.596-21.816-32.458-36.812-54.764-43.724-0.062-0.020-0.124-0.036-0.186-0.054-1.394-0.43-2.798-0.83-4.21-1.196-0.296-0.076-0.596-0.142-0.894-0.216-1.208-0.3-2.422-0.586-3.642-0.84-0.384-0.082-0.774-0.148-1.16-0.224-1.168-0.228-2.338-0.444-3.514-0.626-0.384-0.060-0.776-0.112-1.162-0.168-1.208-0.174-2.416-0.332-3.63-0.46-0.35-0.038-0.7-0.066-1.048-0.1-1.27-0.12-2.54-0.218-3.814-0.29-0.32-0.018-0.642-0.032-0.964-0.044-1.294-0.058-2.594-0.094-3.892-0.1-0.166 0-0.328-0.012-0.492-0.012-0.19 0-0.376 0.014-0.564 0.014-1.21 0.008-2.42 0.040-3.63 0.092-0.494 0.022-0.986 0.046-1.478 0.074-0.992 0.060-1.986 0.136-2.978 0.226-0.722 0.064-1.442 0.134-2.16 0.214-0.696 0.080-1.392 0.17-2.090 0.266-1.014 0.136-2.026 0.286-3.032 0.452-0.352 0.060-0.704 0.124-1.054 0.19-44.97 8.028-79.122 47.302-79.122 94.582 0 20.756 6.602 39.958 17.79 55.67l-264.58 458.26c-2.954-0.274-5.94-0.434-8.962-0.434-53.078 0-96.11 43.032-96.11 96.11 0 53.082 43.032 96.11 96.11 96.11 38.8 0 72.208-23.004 87.386-56.11l529.202-0.004c0.138 0.304 0.292 0.606 0.436 0.91 0.226 0.48 0.456 0.958 0.69 1.434 0.474 0.968 0.966 1.93 1.476 2.882 0.214 0.402 0.432 0.8 0.65 1.2 0.314 0.566 0.604 1.14 0.93 1.708 0.284 0.488 0.59 0.958 0.88 1.442 0.122 0.2 0.244 0.398 0.37 0.602 27.086 44.372 84.766 59.278 130.040 33.136 18.864-10.89 32.624-27.214 40.478-45.852 0.054-0.132 0.104-0.266 0.158-0.398 0.518-1.248 1.020-2.506 1.486-3.776zM238.414 744.282l264.542-458.204c0.424 0.042 0.85 0.064 1.276 0.098 0.668 0.056 1.334 0.112 2.004 0.152 0.652 0.040 1.306 0.066 1.96 0.092 1.122 0.046 2.244 0.076 3.368 0.084 0.146 0.002 0.292 0.012 0.438 0.012 0.168 0 0.334-0.012 0.502-0.014 1.436-0.004 2.874-0.040 4.31-0.108 0.088-0.006 0.176-0.010 0.262-0.014 1.376-0.070 2.75-0.168 4.124-0.296l264.596 458.298c-3.48 4.894-6.514 10.122-9.042 15.636h-529.226c-2.546-5.55-5.602-10.814-9.114-15.736z',
-  cpu: 'M392.016 672.016h240.032c22.092 0 40-17.908 40-40v-240.032c0-22.092-17.908-40-40-40h-240.032c-22.092 0-40 17.908-40 40v240.032c0 22.092 17.908 40 40 40zM432.016 431.984h160.032v160.032h-160.032v-160.032zM864.032 424h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-143.968c0-22.092-17.908-40-40-40h-144v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-176v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-144c-22.092 0-40 17.908-40 40v143.968h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v176h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v144.030c0 22.092 17.908 40 40 40h144v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h176v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h144c22.092 0 40-17.908 40-40v-144.030h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-176zM784.032 784.032h-143.692c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-143.696v-544h544v544z',
-  memory:
-    'M320.032 416.032v-152.968c0-22.094 17.91-40 40-40 22.094 0 40 17.91 40 40.004v152.964c0 22.090-17.906 40-40 40s-40-17.908-40-40zM512 456.032c22.094 0 40-17.91 40-40v-152.964c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v152.968c0 22.092 17.908 40 40 40zM664.032 456.032c22.094 0 40-17.91 40-40v-82.996c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v83c0 22.092 17.906 40 40 40zM864.018 316.616v603.418c0 0.004 0 0.004 0 0.004 0 6.798-1.71 13.198-4.704 18.808-0.044 0.084-0.078 0.172-0.124 0.254-0.524 0.976-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.312-0.282 0.46-7.188 10.638-19.36 17.634-33.168 17.634h-623.99c-22.090 0-40-17.908-40-40v-343.574c-0.002-0.142-0.022-0.282-0.022-0.426 0-0.142 0.020-0.282 0.022-0.426v-471.574c0-20.34 15.192-37.092 34.838-39.63 1.694-0.216 3.408-0.37 5.162-0.37l411.254 0.052c10.594-0.286 21.282 3.58 29.368 11.668l211.672 212.206c7.906 7.908 11.792 18.298 11.696 28.66zM240.026 144.034v391.998h543.99v-203.27l-188.252-188.728h-355.738zM784.016 880.032v-264h-543.99v264h543.99z',
-  database:
-    'M895.95 221.364c-3.414-87.32-173.972-157.672-383.918-157.672s-380.504 70.352-383.918 157.672h-0.082v578.328c0 88.552 171.918 160.338 384 160.338s384-71.786 384-160.338v-578.328h-0.082zM798.412 430.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-92.9c70.29 37.478 179.654 61.566 302.5 61.566s232.21-24.088 302.5-61.566v92.9c-2.476 3.266-7.416 8.522-16.12 14.874zM814.532 514.464v93.24c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-93.24c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566zM225.652 209.146c15.6-11.386 37.69-22.346 63.88-31.696 60.984-21.77 140.002-33.758 222.498-33.758s161.514 11.988 222.498 33.758c26.192 9.348 48.282 20.308 63.882 31.696 8.704 6.352 13.646 11.608 16.12 14.874v0.026c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-0.026c2.476-3.268 7.418-8.524 16.122-14.874zM798.412 814.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.714-6.36-13.66-11.62-16.13-14.886h0.010v-93.228c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566v93.228h0.010c-2.474 3.266-7.42 8.526-16.132 14.886z',
-  power:
-    'M320 118.3a45.7 45.7 0 0122.5 85.6 384.6 384.6 0 00-120.8 93.4A380.9 380.9 0 00128 548.6c0 102.5 39.9 199 112.4 271.5A381.5 381.5 0 00512 932.5c102.5 0 199-39.9 271.5-112.4a381.5 381.5 0 00112.4-271.5c0-98.1-36.5-190.6-103.1-262l-2-2-9.4-9.5a384.2 384.2 0 00-100-71.2 45.6 45.6 0 0139.6-82.2l.6.3h.2l.1.1h.1l2 1 4 2 1.9 1 3.5 1.9a480.6 480.6 0 0144.9 27l2 1.3v-.3.1a475.4 475.4 0 11-545.3 6.2l3.6-2.6v.1a471.4 471.4 0 0151.7-31.7l3.7-2 1.4-.7.3-.2 6.4-3.1.1-.1h.1l.7-.3c5.2-2.1 11-3.4 17-3.4zM511.8 0c25 0 45.3 20 45.7 45v421.3a45.7 45.7 0 01-91.4.7V45.7A45.7 45.7 0 01511.9 0z',
-  outbox:
-    'M960.062 616v304c0 1.382-0.070 2.746-0.208 4.090-2.046 20.172-19.080 35.91-39.792 35.91h-816c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40s40 17.91 40 40v264h736v-264c0-22.090 17.91-40 40-40s40 17.912 40 40zM664.732 200.168l-124.41-124.41c-0.014-0.014-0.024-0.028-0.038-0.042-3.57-3.57-7.664-6.284-12.018-8.222-5.316-2.368-11.028-3.54-16.742-3.47-0.14-0.002-0.276-0.020-0.414-0.020-13.552 0-25.512 6.756-32.748 17.072l-119.1 119.092c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l55.276-55.276v462.54c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-464.314l57.052 57.052c15.622 15.624 40.948 15.62 56.568 0 15.628-15.624 15.628-40.952 0.002-56.572z',
-  share:
-    'M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z',
-  button:
-    'M644.634 802.32c-4.558 5.434-10.254 9.328-16.446 11.672l0.008 0.024-45.628 16.606 27.54 75.66c7.554 20.756-3.148 43.71-23.906 51.266s-43.714-3.146-51.27-23.906l-27.54-75.656-47.63 17.29c-6.020 1.956-12.586 2.518-19.254 1.342-21.75-3.836-36.282-24.582-32.45-46.34l30.57-173.328c2.55-14.476 12.61-25.714 25.458-30.508 0.292-0.118 0.586-0.23 0.878-0.34 0.238-0.084 0.476-0.168 0.718-0.246 12.942-4.624 27.91-2.492 39.196 6.98l134.824 113.13c16.932 14.2 19.144 39.432 4.932 56.354zM960.002 664v-368.082c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40l-0.292 368.238c0 22.092 17.908 40 40 40h240.292c22.092 0 40-17.908 40-40s-17.908-40-40-40h-200.292l0.292-288.238h736v288.082h-200c-22.092 0-40 17.908-40 40s17.908 40 40 40h240c22.092 0 40-17.908 40-40z',
-  form: 'M948.362 178.828l-471.082 470.086c-0.24 0.25-0.45 0.52-0.698 0.77-7.82 7.82-18.070 11.722-28.32 11.712-10.25 0.010-20.504-3.892-28.324-11.712-0.262-0.262-0.48-0.546-0.734-0.812l-221.736-221.738c-15.624-15.622-15.624-40.95 0-56.566 15.618-15.622 40.946-15.624 56.57 0l194.224 194.222 443.53-442.528c15.622-15.618 40.95-15.618 56.57 0 15.62 15.62 15.62 40.946 0 56.566zM98.372 128.448c-18.926 0-34.266 15.342-34.266 34.268v699.032c0 18.926 15.34 34.266 34.266 34.266h699.032c18.926 0 34.266-15.34 34.266-34.266v-430.588c0 0 0.002-1.184 0.002-1.788 0-22.090-17.914-40-40.004-40s-40 17.91-40 40c0 0.288 0.002 386.64 0.002 386.64h-607.562v-607.564h600.002c22.090-0.002 40.002-17.906 40.002-40 0-22.090-17.914-40-40.004-40z',
-  check:
-    'M948.598 199.75c-15.622-15.618-40.95-15.618-56.57 0l-535.644 535.644-224.060-224.062c-15.624-15.624-40.954-15.62-56.57 0-15.624 15.62-15.624 40.948 0 56.568l251.574 251.574c0.252 0.266 0.472 0.55 0.734 0.812 7.82 7.82 18.072 11.724 28.322 11.714 10.25 0.010 20.502-3.894 28.322-11.714 0.248-0.248 0.456-0.518 0.698-0.77l563.196-563.202c15.618-15.618 15.618-40.94-0.002-56.564z',
-  batchaccept:
-    'M684 277L271 772l-1 1a40 40 0 0 1-56 5l-1-1L14 610a40 40 0 1 1 52-61l169 142 387-465a40 40 0 0 1 62 51zm340 234c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40z',
-  batchdeny:
-    'M1024 512c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zM625 236c16 15 16 41 0 56L406 512l220 220a40 40 0 1 1-57 57L349 568 129 788a40 40 0 1 1-57-56l220-220L73 292a40 40 0 0 1 56-57l220 220 219-219c16-16 41-16 57 0z',
-  home: 'M948.12 483.624l-407.814-407.754c-7.812-7.808-18.046-11.712-28.282-11.712-10.238 0-20.472 3.904-28.282 11.712l-407.92 407.86c-15.624 15.622-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l19.616-19.612v366.708c0 22.090 17.91 40 40 40h190.696c0.416 0.014 0.82 0.062 1.238 0.062 11.054 0 21.060-4.484 28.3-11.734 7.266-7.244 11.766-17.262 11.766-28.332 0-0.418-0.050-0.822-0.062-1.238v-263.204h176.060v263.934c0 22.090 17.91 40 40 40l191.876 0.124c2.292 0 4.524-0.236 6.708-0.608 0.45-0.074 0.91-0.116 1.356-0.206 0.21-0.044 0.414-0.116 0.628-0.162 17.906-3.972 31.308-19.924 31.308-39.026v-366.492l19.682 19.68c15.622 15.62 40.948 15.616 56.568-0.006s15.618-40.948-0.004-56.568zM791.876 448.272v398.71l-111.874-0.074v-263.876c0-0.020-0.002-0.042-0.002-0.062 0-0.006 0-0.014 0-0.022 0-22.090-17.91-40-40-40h-254.002c-0.556 0-1.1 0.060-1.65 0.084-0.14-0.002-0.274-0.022-0.414-0.022-22.090 0-40 17.91-40 40v264.382h-111.934v-399.392c0-2.286-0.234-4.512-0.604-6.694l280.626-280.584 280.514 280.472c-0.412 2.302-0.66 4.658-0.66 7.078z',
-  admin:
-    'M919.596 847.534h-88.414v-467.716l88.75-0.044c13.688-0.132 26.958-7.25 34.294-19.96 11.044-19.13 4.49-43.596-14.642-54.64l-407.904-235.676c-0.44-0.254-0.894-0.45-1.34-0.684-0.542-0.29-1.084-0.578-1.638-0.84-0.696-0.328-1.4-0.62-2.108-0.904-0.478-0.194-0.954-0.388-1.44-0.56-0.78-0.282-1.564-0.524-2.352-0.754-0.442-0.126-0.878-0.256-1.324-0.37-0.808-0.206-1.618-0.376-2.43-0.528-0.468-0.088-0.934-0.174-1.404-0.246-0.768-0.116-1.534-0.204-2.302-0.274-0.554-0.052-1.108-0.096-1.664-0.124-0.672-0.034-1.34-0.044-2.012-0.044-0.67 0-1.338 0.012-2.010 0.044-0.556 0.030-1.11 0.072-1.664 0.124-0.77 0.070-1.536 0.158-2.302 0.274-0.468 0.072-0.938 0.158-1.402 0.246-0.814 0.152-1.624 0.322-2.432 0.528-0.444 0.114-0.882 0.242-1.322 0.37-0.79 0.23-1.574 0.472-2.356 0.754-0.484 0.172-0.958 0.368-1.438 0.56-0.708 0.286-1.41 0.576-2.11 0.904-0.554 0.262-1.094 0.55-1.636 0.84-0.446 0.234-0.9 0.43-1.34 0.684l-407.906 235.672c-19.128 11.044-25.686 35.51-14.64 54.64 7.34 12.71 20.606 19.828 34.292 19.96v0.044h89.842v467.716h-89.474c-22.090 0-40 17.91-40 40s17.91 40 40 40h128.276c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h313.154c22.098 0 40-17.91 40-40-0.006-22.090-17.914-39.996-40.006-39.996zM751.182 847.534h-105.94v-467.716h105.94v467.716zM252.93 299.816l258.736-149.486 258.738 149.486h-517.474zM565.242 379.816v467.716h-106v-467.716h106zM273.242 379.816h106v467.716h-106v-467.716z',
-  paragraph:
-    'M728.032 96.032h-116.98c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-199.848c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-31.924c-123.712 0-224 100.292-224 224 0 121.032 95.994 219.628 216 223.842v344.158c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h120v712c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h77.056c22.094 0 40-17.91 40-40 0-22.092-17.91-40-40-40z',
-
-  basket:
-    'M632.254 695.604v-112.016c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 112.018c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.904-40-40zM352.246 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM512.25 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM950.3 397.424c-7.596-8.686-18.574-13.67-30.114-13.67h-313.284c0.87 5.196 1.346 10.524 1.346 15.966 0 24.608-9.27 47.044-24.494 64.034h290.684l-47.318 351.376-629.908-0.030-47.502-351.346h291.034c-15.224-16.988-24.494-39.426-24.494-64.034 0-5.444 0.476-10.772 1.346-15.966h-313.66c-11.542 0-22.524 4.986-30.12 13.678-7.596 8.694-11.066 20.242-9.52 31.682l51.614 381.742 0.050 0.042c5.832 47.424 46.222 84.158 95.222 84.172l0.054 0.034 601.816-0.034c0.042 0 0.082 0.002 0.124 0.002 49.414 0 90.090-37.34 95.396-85.336l51.258-380.64c1.54-11.44-1.934-22.984-9.53-31.672zM805.492 105.34c-15.622-15.622-40.95-15.624-56.572 0.004l-230.684 230.684c-2.052-0.2-4.132-0.306-6.236-0.306-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64c0-2.652-0.18-5.262-0.494-7.83l229.986-229.98c15.622-15.624 15.616-40.95-0-56.572z',
-  credit:
-    'M376.188 672.062h-112.124c-22.092 0-40-17.908-40-40s17.908-40 40-40h112.124c22.092 0 40 17.908 40 40s-17.908 40-40 40zM960 232.002v560c0 6.8-1.708 13.2-4.704 18.81-0.044 0.082-0.078 0.172-0.124 0.254-0.524 0.974-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.31-0.282 0.458-7.188 10.64-19.36 17.638-33.168 17.638h-816c-22.090 0-40-17.908-40-40v-559.998c0-20.34 15.192-37.092 34.838-39.628 1.694-0.218 3.408-0.372 5.162-0.372h816c1.754 0 3.468 0.152 5.162 0.372 19.646 2.536 34.838 19.288 34.838 39.63zM144 272.002v80.030h736v-80.030h-736zM880 751.998v-239.966h-736v239.966h736z',
-  shield:
-    'M875.146 148.994c-0.064-0.040-0.116-0.094-0.184-0.132-92.714-52.39-221.036-84.83-362.846-84.83-138.512 0-270.346 34.356-362.51 84.618-0.606 0.33-1.138 0.658-1.608 0.986-11.954 6.918-20.016 19.81-20.016 34.614v451.4c0 12.7 5.938 23.996 15.166 31.32l340.538 281.676c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.040 1.492-0.058c0.842-0.032 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.36-280.718c10.326-7.23 17.094-19.2 17.094-32.762v-450.918c0.002-15.254-8.54-28.506-21.102-35.254zM207.984 208.212c36.292-18.168 77.668-32.854 123.356-43.722 57.062-13.576 117.884-20.458 180.778-20.458s123.714 6.882 180.778 20.458c30.186 7.182 58.474 16.040 84.674 26.456l-490.846 490.848-78.738-65.070v-408.512zM511.742 867.75l-163.078-134.77 467.586-467.584v350.69l-304.508 251.664z',
-  beaker:
-    'M848.64 790.56l-208.638-361.374v-252.062h24c22.092 0 40-17.908 40-40s-17.908-40-40-40h-304.002c-22.092 0-40 17.908-40 40s17.908 40 40 40h24v252.066l-208.636 361.37c-44 76.208-8 138.564 80 138.564h513.278c87.998 0 123.998-62.354 79.998-138.564zM464 177.124h96.002l-0.070 273.376 63.872 110.628h-223.678c35.932-62.268 63.872-110.684 63.876-110.692v-273.312zM768.64 849.124h-513.278c-8.28 0-14.186-0.976-17.968-2 1.004-3.792 3.112-9.394 7.25-16.564 0 0 54.598-94.614 109.316-189.436l316.026-0.002 109.374 189.44c4.138 7.168 6.246 12.77 7.25 16.562-3.784 1.024-9.69 2-17.97 2z',
-  thumbsup:
-    'M256.972 768.004c0-8.67-3.156-16.158-9.484-22.534-6.332-6.34-13.836-9.484-22.504-9.458-8.682 0-16.188 3.172-22.516 9.458-6.33 6.344-9.488 13.84-9.488 22.534 0 8.692 3.158 16.186 9.488 22.532 6.328 6.286 13.834 9.458 22.516 9.458 8.668 0.028 16.172-3.118 22.504-9.458 6.328-6.376 9.484-13.868 9.484-22.532zM832.948 480.010c0-17.004-6.478-31.908-19.468-44.734-13.014-12.82-27.834-19.25-44.512-19.276h-175.97c0-19.328 7.98-45.904 24.004-79.724 15.968-33.826 23.978-60.568 23.978-80.256 0-32.646-5.332-56.808-15.994-72.48-10.664-15.664-31.988-23.484-63.98-23.484-8.696 8.64-15.012 22.828-19.032 42.486-4.020 19.69-9.102 40.606-15.254 62.752-6.168 22.172-16.080 40.382-29.762 54.738-7.344 7.68-20.168 22.832-38.5 45.496-1.326 1.67-5.164 6.65-11.512 15.010-6.342 8.342-11.594 15.178-15.762 20.508-4.156 5.308-9.91 12.386-17.252 21.218-7.328 8.862-14 16.186-19.988 22.038-5.986 5.794-12.412 11.73-19.26 17.744-6.852 5.984-13.508 10.5-19.99 13.48-6.478 3.010-12.4 4.484-17.756 4.512h-15.982v320.010h15.982c4.332 0 9.596 0.492 15.774 1.504 6.168 1.012 11.676 2.080 16.488 3.258 4.812 1.144 11.154 2.98 19.002 5.466 7.862 2.512 13.702 4.424 17.502 5.74 3.812 1.31 9.732 3.422 17.756 6.238 8.026 2.842 12.866 4.586 14.506 5.272 70.324 24.334 127.304 36.504 170.996 36.504h60.482c64.006 0 96.024-27.836 96.024-83.478 0-8.664-0.848-18.016-2.514-27.996 10.004-5.334 17.936-14.084 23.758-26.276 5.824-12.172 8.724-24.416 8.778-36.746 0-12.366-3.008-23.844-9.024-34.51 17.664-16.682 26.524-36.496 26.524-59.496 0-8.308-1.696-17.554-5.032-27.72-3.336-10.202-7.492-18.104-12.468-23.762 10.636-0.328 19.55-8.15 26.714-23.486 7.192-15.34 10.744-28.82 10.744-40.496v-0.054zM896.984 479.516c0 29.638-8.204 56.816-24.5 81.506 2.98 10.994 4.484 22.476 4.484 34.482 0 25.674-6.344 49.68-19.004 71.99 1.012 7 1.506 14.164 1.506 21.488 0 33.688-10.008 63.354-29.968 89.026 0.326 46.32-13.834 82.904-42.518 109.756-28.682 26.848-66.522 40.246-113.496 40.246h-64.528c-31.99 0-63.542-3.746-94.742-11.268-31.168-7.492-67.246-18.402-108.23-32.758-38.662-13.312-61.656-19.956-68.984-19.956h-143.996c-17.664 0-32.742-6.292-45.252-18.784-12.508-12.5-18.756-27.588-18.756-45.254v-319.982c0-17.666 6.248-32.728 18.756-45.226 12.51-12.52 27.588-18.784 45.252-18.784h136.998c12.002-8.010 34.818-33.822 68.478-77.484 19.33-24.99 37.168-46.344 53.508-64.008 7.996-8.314 13.918-22.586 17.744-42.766 3.828-20.178 8.912-41.232 15.256-63.24 6.36-21.984 16.68-40.002 30.994-53.998 13.002-12.362 28.012-18.514 45.018-18.514 27.998 0 53.152 5.414 75.464 16.242 22.31 10.828 39.316 27.748 50.964 50.77 11.704 23.002 17.5 53.978 17.5 92.962 0 31.008-7.984 63-23.98 96.028h88.014c34.67 0 64.634 12.628 89.956 37.98 25.346 25.346 38.008 55.144 38.008 89.49l0.054 0.056z',
-  mirror:
-    'M857 127.778h-688c-22.092 0-40 17.91-40 40v688c0 22.090 17.908 40 40 40h688c22.094 0 40-17.91 40-40v-688c0-22.092-17.906-40-40-40zM817 815.778h-608v-1.086l606.914-606.914h1.086v608z',
-  switchalt:
-    'M923.946 63.418h-631.232c-20.268 0-36.7 16.432-36.7 36.7v155.286h-155.284c-20.268 0-36.7 16.432-36.7 36.7v631.23c0 20.268 16.43 36.7 36.7 36.7h631.23c20.272 0 36.7-16.432 36.7-36.7v-155.286h155.286c20.272 0 36.7-16.432 36.7-36.7v-631.23c-0.002-20.268-16.43-36.7-36.7-36.7zM688.66 880.032h-544.628v-544.628h111.984v395.946c0 20.268 16.43 36.7 36.7 36.7h395.944v111.982zM688.66 688.046h-352.644v-352.644h352.644v352.644zM880.644 688.046h-111.984v-395.946c0-20.268-16.428-36.7-36.7-36.7h-395.944v-111.984h544.628v544.63z',
-  commit:
-    'M984.032 472h-186.808c-19.474-140.12-139.74-248-285.222-248s-265.748 107.88-285.222 248h-186.746c-22.092 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h186.746c19.476 140.122 139.74 247.998 285.222 247.998s265.746-107.876 285.222-247.998h186.808c22.092 0 40-17.91 40-40s-17.908-40.002-40-40.002zM512 720c-114.692 0-208-93.308-208-208s93.308-208 208-208 208 93.308 208 208-93.308 208-208 208z',
-  branch:
-    'M861.968 312.032c0-66.168-53.832-120-120-120s-120 53.832-120 120c0 50.55 31.436 93.87 75.77 111.516-5.384 20.352-15.71 39.68-29.844 54.92-28.828 31.092-72.202 46.858-128.91 46.858-77.162 0-129.12 26.162-162.984 55.12V297.15c46.556-16.512 80-60.974 80-113.12 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-50.926-31.902-94.514-76.758-111.908 5.222-26.17 16.578-51.154 32.558-70.432 28.8-34.746 71.592-52.364 127.184-52.364 99.498 0 156.922-39.408 187.574-72.466 27.402-29.554 45.708-67.194 52.48-106.716 48.078-15.66 82.93-60.882 82.93-114.114zM336 144.032c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.944-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm405.968-528c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.942 40-40 40z',
-  merge:
-    'M776.306 456.032c-51.602 0-95.696 32.744-112.612 78.542-69.674-6.072-141.482-31.012-197.386-69.306-46.266-31.69-100.392-85.728-111.792-168.92 45.4-17.12 77.79-60.998 77.79-112.314 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-52.146-33.444-96.608-80-113.12V471.444c19.622 21.888 42.618 41.898 68.792 59.828 68.422 46.868 156.64 77.042 241.646 83.462 16.14 47.23 60.932 81.3 113.56 81.3 66.168 0 120-53.832 120-120s-53.83-120.002-119.998-120.002zm-464-312c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.942-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm464-264c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z',
-  pullrequest:
-    'M631 157c104 1 171 52 171 166v397a123 123 0 1 1-82 0V323c0-63-27-83-90-84h-24l22 23a41 41 0 1 1-58 58l-93-93a41 41 0 0 1 1-58l93-93a41 41 0 1 1 58 58l-23 23h25zM222 314a123 123 0 1 1 82 0v406a123 123 0 1 1-82 0V314zm41 564a41 41 0 1 0 0-82 41 41 0 0 0 0 82zm0-639a41 41 0 1 0 0-83 41 41 0 0 0 0 83zm498 639a41 41 0 1 0 0-82 41 41 0 0 0 0 82z',
-  chromatic:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zM368 452v284a144 144 0 00274 59c-10-4-20-8-29-14l-111-64c-6-3-10-10-10-16V523l-124-71zm454 89c-8 7-17 13-26 18L551 701l81 46 1 1a144 144 0 00189-207zm-493-89l-81 47h-1a143 143 0 00-52 196 144 144 0 00137 71c-2-10-3-21-3-32V452zm375-195l-12 1c2 10 3 21 3 32v128c0 7-4 13-10 17l-154 88v144l245-142 2-1a144 144 0 00-74-267zm-384 0c-51 0-99 28-125 72-28 49-25 109 7 154 8-7 17-13 26-18l111-64a20 20 0 0120 0l153 88 124-71-244-141-1-1c-22-12-46-19-71-19zm192-111c-57 0-107 33-130 83 10 4 19 8 29 14l245 141v-96c-2-79-66-142-144-142z',
-  twitter:
-    'M960 233.114c-32.946 14.616-68.41 24.5-105.598 28.942 37.954-22.762 67.098-58.774 80.856-101.688-35.52 21.054-74.894 36.368-116.726 44.598-33.542-35.724-81.316-58.038-134.204-58.038-101.496 0-183.796 82.292-183.796 183.814 0 14.424 1.628 28.45 4.758 41.89-152.75-7.668-288.22-80.872-378.876-192.072-15.822 27.15-24.898 58.706-24.898 92.42 0 63.776 32.458 120.034 81.782 153.010-30.116-0.944-58.458-9.212-83.262-22.982-0.028 0.75-0.028 1.546-0.028 2.324 0 89.070 63.356 163.334 147.438 180.256-15.426 4.186-31.664 6.426-48.442 6.426-11.836 0-23.35-1.146-34.574-3.28 23.406 73.006 91.286 126.16 171.726 127.632-62.914 49.324-142.18 78.696-228.314 78.696-14.828 0-29.448-0.876-43.842-2.568 81.33 52.138 177.96 82.574 281.786 82.574 338.11 0 523-280.104 523-523.014 0-7.986-0.164-15.914-0.542-23.778 35.952-25.96 67.124-58.318 91.756-95.162z',
-  google:
-    'M799.094 79.996c0 0-200.938 0-267.936 0-120.126 0-233.188 91.004-233.188 196.434 0 107.692 81.904 194.624 204.124 194.624 8.496 0 16.75-0.148 24.812-0.74-7.942 15.186-13.594 32.286-13.594 50.022 0 29.974 16.094 54.226 36.466 74.042-15.376 0-30.248 0.438-46.438 0.438-148.782 0.036-263.312 94.784-263.312 193.056 0 96.758 125.534 157.312 274.312 157.312 169.656 0 263.312-96.25 263.312-193.024 0-77.6-22.908-124.062-93.686-174.156-24.216-17.128-70.534-58.812-70.534-83.32 0-28.69 8.19-42.868 51.406-76.624 44.346-34.63 75.688-83.302 75.688-139.944 0-67.372-30-133.058-86.374-154.746h85l59.942-43.374zM701.504 735.438c2.092 8.992 3.276 18.226 3.276 27.624 0 78.226-50.374 139.304-194.934 139.304-102.874 0-177.124-65.078-177.124-143.304 0-76.622 92.122-140.434 194.934-139.32 24.004 0.254 46.376 4.136 66.69 10.702 55.812 38.834 95.874 60.808 107.158 104.994zM536.844 443.782c-69-2.094-134.624-77.212-146.564-167.876-11.874-90.664 34.378-160.030 103.442-157.97 68.996 2.060 134.594 74.818 146.53 165.432 11.906 90.696-34.408 162.508-103.408 160.414z',
-  gdrive:
-    'M465.926 641.356l-149.328 258.708h494.074l149.328-258.708h-494.074zM917.704 567.988l-256.33-444.048h-298.686l256.356 444.048h298.66zM320.236 197.442l-256.236 443.914 149.36 258.708 256.23-443.914-149.354-258.708z',
-  youtube:
-    'M704.010 511.988c0-12.332-5.038-21.358-15.042-26.992l-255.982-159.99c-10.344-6.666-21.178-6.998-32.51-1.008-10.988 5.984-16.492 15.312-16.492 28.002v320c0 12.69 5.504 22.018 16.492 28.002 5.332 2.678 10.516 3.996 15.506 3.996 6.668 0 12.334-1.644 17.004-4.98l255.982-160.014c10.004-5.69 15.042-14.684 15.042-26.992v-0.024zM960 511.988c0 31.99-0.164 56.98-0.488 75.032-0.334 17.99-1.754 40.738-4.27 68.25-2.516 27.504-6.262 52.058-11.27 73.742-5.332 24.338-16.84 44.85-34.504 61.496-17.64 16.63-38.306 26.308-61.96 28.988-73.992 8.342-185.824 12.526-335.508 12.526-149.668 0-261.5-4.184-335.5-12.526-23.662-2.656-44.414-12.302-62.242-28.988-17.834-16.678-29.412-37.182-34.744-61.496-4.672-21.684-8.258-46.238-10.756-73.742-2.508-27.512-3.928-50.26-4.254-68.25-0.342-18.050-0.504-43.042-0.504-75.032 0-31.998 0.162-57.010 0.504-75.008 0.326-18.022 1.746-40.768 4.254-68.28 2.498-27.474 6.262-52.082 11.252-73.744 5.34-24.336 16.842-44.842 34.504-61.496 17.648-16.654 38.324-26.332 61.986-29.010 74-8.312 185.832-12.472 335.5-12.472 149.684 0 261.516 4.16 335.508 12.472 23.654 2.678 44.406 12.356 62.232 29.010 17.826 16.678 29.422 37.16 34.73 61.496 4.702 21.662 8.256 46.27 10.772 73.744 2.516 27.512 3.936 50.258 4.27 68.28 0.324 17.998 0.488 43.010 0.488 75.008z',
-  facebook:
-    'M582.52 960h-167.88v-448h-112v-154.396l112-0.052-0.166-90.948c-0.036-125.974 34.12-202.604 182.484-202.604h123.542v154.424h-77.19c-57.782 0-60.566 21.56-60.566 61.85l-0.218 77.278h138.854l-16.376 154.394-122.36 0.052-0.124 448.002z',
-  medium:
-    'M0 0v1024h1024v-1024h-1024zM850.708 242.614l-54.918 52.655c-3.858 2.965-6.321 7.581-6.321 12.772 0 0.933 0.080 1.847 0.232 2.736l-0.014-0.095v386.883c-0.139 0.794-0.219 1.708-0.219 2.641 0 5.191 2.462 9.807 6.283 12.744l0.038 0.028 53.637 52.655v11.558h-269.774v-11.558l55.559-53.936c5.461-5.456 5.461-7.068 5.461-15.413v-312.719l-154.477 392.344h-20.874l-179.851-392.344v262.947c-0.209 1.465-0.329 3.156-0.329 4.875 0 9.848 3.924 18.78 10.293 25.317l-0.008-0.008 72.258 87.649v11.558h-204.895v-11.558l72.263-87.649c6.070-6.284 9.81-14.852 9.81-24.293 0-2.081-0.182-4.12-0.53-6.101l0.031 0.21v-304.044c0.086-0.804 0.135-1.737 0.135-2.682 0-7.844-3.389-14.896-8.782-19.773l-0.023-0.021-64.234-77.378v-11.558h199.438l154.157 338.083 135.53-338.083h190.123v11.558z',
-  graphql:
-    'M576 849a85 85 0 0 0-125-2L253 733l1-3h517l2 5-197 114zM451 177l2 2-258 448-3-1V398a85 85 0 0 0 61-107l198-114zm321 114a85 85 0 0 0 61 107v228l-3 1-258-448 2-2 198 114zM254 689a85 85 0 0 0-24-42l259-447a86 86 0 0 0 47 0l259 448a85 85 0 0 0-24 41H254zm643-54c-7-4-15-7-23-9V398a86 86 0 1 0-82-142L595 142a85 85 0 1 0-165 0L233 256a85 85 0 1 0-82 142v228a85 85 0 1 0 82 142l197 114a85 85 0 1 0 164-2l196-114a86 86 0 1 0 107-131z',
-  redux:
-    'M359.016 943.608c-23.82 5.948-47.642 8.322-71.512 8.322-88.208 0-168.084-36.982-207.444-96.534-52.432-79.882-70.296-249.182 102.538-374.356 3.586 19.078 10.746 45.292 15.492 60.834-22.656 16.652-58.39 50.064-81.046 95.324-32.19 63.184-28.61 126.404 9.54 184.798 26.194 39.304 67.926 63.176 121.564 70.34 65.598 8.332 131.154-3.582 194.332-36.94 92.998-48.898 155.014-107.282 195.49-187.162-10.702-10.75-17.818-26.248-19.074-44.15-1.168-36.942 27.45-67.922 64.388-69.132h2.418c35.73 0 65.55 28.61 66.714 64.384 1.206 35.73-24.986 65.546-59.548 69.132-65.6 134.686-181.254 225.312-333.852 255.14zM902.646 540.622c-90.59-106.072-224.11-164.488-376.708-164.488h-19.072c-10.744-21.444-33.402-35.752-58.388-35.752h-2.418c-36.944 1.186-65.548 32.192-64.392 69.13 1.216 35.774 30.99 64.394 66.81 64.394h2.328c26.242-1.208 48.894-17.892 58.434-40.542h21.45c90.624 0 176.46 26.234 253.968 77.482 59.55 39.36 102.49 90.576 126.356 152.596 20.24 50.052 19.074 98.952-2.42 140.64-33.356 63.228-89.37 97.794-163.292 97.794-47.69 0-92.998-14.33-116.822-25.082-13.118 11.958-36.984 31.028-53.64 42.944 51.226 23.87 103.7 36.94 153.762 36.94 114.446 0 199.070-63.132 231.268-126.362 34.562-69.13 32.188-188.326-57.224-289.694zM297.046 708.706c1.21 35.828 30.984 64.394 66.764 64.394h2.368c36.992-1.168 65.556-32.15 64.39-69.132-1.162-35.732-30.984-64.394-66.758-64.394h-2.376c-2.418 0-5.958 0-8.332 1.208-48.89-81.090-69.132-169.27-62.014-264.648 4.792-71.528 28.616-133.516 70.346-184.766 34.568-44.106 101.326-65.57 146.598-66.758 126.402-2.396 180.044 154.968 183.576 218.144 15.542 3.584 41.734 11.936 59.644 17.892-14.328-193.118-133.526-293.266-247.97-293.266-107.28 0-206.236 77.484-245.552 191.932-54.848 152.596-19.070 299.212 47.644 414.826-5.912 8.374-9.494 21.498-8.328 34.568z',
-  github:
-    'M214.6 809.4A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4-49 49-108 84.3-172.2 104.3v-74.4c0-39.5-13.6-68.6-40.7-87.2a354 354 0 0091.9-19.6c15.8-5.6 30-12.2 42.6-19.9a177.8 177.8 0 0036.3-29.8 175 175 0 0029.1-41.7 228 228 0 0018.6-55.9c4.6-21.7 6.9-45.6 6.9-71.7 0-50.7-16.5-93.8-49.5-129.4 15-39.2 13.4-81.8-4.9-127.9l-12.2-1.4c-8.5-1-23.8 2.6-45.8 10.8-22 8.1-46.8 21.5-74.3 40.1a450.9 450.9 0 00-121-16.1 442 442 0 00-120.5 16.1 419.6 419.6 0 00-49.3-29.1c-15.5-7.7-27.9-13-37.2-15.7a127.6 127.6 0 00-41.4-5.6c-2.3.3-4 .6-4.9 1-18.3 46.3-20 89-4.9 127.8a183.5 183.5 0 00-49.5 129.4c0 26.1 2.3 50 6.9 71.7a228.3 228.3 0 0018.6 56 175 175 0 0029.1 41.6 177.9 177.9 0 0036.3 29.8 223.4 223.4 0 0042.6 19.9A353.2 353.2 0 00432 752c-26.8 18.3-40.2 47.3-40.2 87.2v75.9a418.4 418.4 0 01-177-105.8M512 0a512 512 0 100 1024A512 512 0 00512 0',
-  bitbucket:
-    'M362.3 395l53 276.5h195.4l34-198.4h283l-74.4 457a30 30 0 01-29.7 25.3H210.7a41 41 0 01-40-34.2l-127.6-775a30 30 0 0130-34.9l877.8.2a30 30 0 0130 34.8L940.5 395H362.3z',
-  gitlab:
-    'M186.9 75a18.7 18.7 0 0135.6 0l108.8 333.4h361.4L512 961.8 331.3 408.4H78.1zM78.1 408.5L512 961.8 36.8 618.2a37.1 37.1 0 01-13.6-41.6L78 408.4zm867.8 0l55 168.2c5 15.3-.5 32.1-13.7 41.6L512 961.8l434-553.4zM837.1 75l108.8 333.3H692.7L801.5 75a18.7 18.7 0 0135.6 0z',
-  azuredevops:
-    'M0,378.6 L95.8,252 L454.4,106.2 L454.4,1 L768.8,231 L126.6,355.8 L126.6,706.8 L0,670.2 L0,378.6 Z M1024,188.8 L1024,814 L778.6,1023 L381.8,892.6 L381.8,1023 L126.6,706.6 L769,783.2 L769,231 L1024,188.8 Z',
-  discord:
-    'M371 147c-14 0-126 3-245 91 0 0-126 227-126 507 0 0 74 126 268 132l58-71c-111-34-153-103-153-103l24 15 4 2 8 4a668 668 0 0 0 420 68 629 629 0 0 0 228-89s-44 71-159 103l58 71c194-7 268-133 268-132 0-280-126-507-126-507-126-94-246-91-246-91l-12 14a576 576 0 0 1 218 110 729 729 0 0 0-441-81l-15 1c-31 4-105 14-199 56-33 14-52 24-52 24s72-69 230-114l-9-10h-1zm-23 323c50 0 91 43 90 97 0 53-40 96-90 96-49 0-89-43-89-96 0-54 39-97 89-97zm321 0c49 0 89 43 89 97 0 53-39 96-89 96s-90-43-90-96c0-54 40-97 90-97z',
-  contrast:
-    'M368 713h79l266-266v-79L368 713zm192 0h153V560L560 713zm98-402h-79L311 579v79l347-347zm-192 0H311v155l155-155zm467 402V91H311v128h452c23 0 42 19 42 42v452h128zM713 933V805H261c-23 0-42-19-42-42V311H91v622h622zM982 0c23 0 42 19 42 42v721c0 23-19 42-42 42H805v177c0 23-19 42-42 42H42c-23 0-42-19-42-42V261c0-23 19-42 42-42h177V42c0-23 19-42 42-42h721z',
-  unfold:
-    'M512 645l8 1c21 4 37 22 37 44v181l52-52 6-6a45 45 0 0 1 58 69l-129 129-7 5a45 45 0 0 1-57-5L351 882l-5-6a45 45 0 0 1 5-57l7-6c17-12 41-10 57 6l52 52V690l1-8c4-21 22-37 44-37zM337 275a45 45 0 1 1 0 90H229l91 102h382l91-102H685a45 45 0 1 1 0-90h208c39 0 59 46 34 75L782 512l145 162c25 29 5 75-34 75H685a45 45 0 1 1 0-90h108l-91-102H320l-91 102h108a45 45 0 1 1 0 90H129c-38 0-59-46-33-75l144-162L96 350c-24-27-8-69 26-74l7-1h208zM537 8l7 6 129 129a45 45 0 0 1-58 68l-6-5-52-52v181c0 22-16 40-37 44h-8c-22 0-40-15-44-36l-1-8V153l-52 53a45 45 0 0 1-57 5l-7-5a45 45 0 0 1-5-57l5-6L480 14c16-16 40-18 57-6z',
-  sharealt:
-    'M130 85h332a45 45 0 0 1 8 89l-8 1H175v674h674V557a45 45 0 0 1 89-8l1 8v337c0 22-16 40-37 44l-8 1H130c-22 0-40-16-44-37l-1-8V130c0-22 16-40 37-44l8-1h332-332zm555 0h210l5 1-6-1a45 45 0 0 1 32 13l-5-4 3 3 2 1a46 46 0 0 1 12 24v2l1 5v209a45 45 0 0 1-89 8l-1-8V238L544 544a45 45 0 0 1-57 5l-7-5a45 45 0 0 1 0-64l306-305H685a45 45 0 0 1-8-89l8-1h209-209z',
-  accessibility:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 89.6a422.4 422.4 0 100 844.8 422.4 422.4 0 000-844.8zm262.2 250a40.9 40.9 0 01-27.5 49.3l-169.1 50.7c-8.2 2.7-15.1 11-13.7 20.5 1.3 27.4 1.5 76.5 7 98.4 12.9 59 82.4 214.4 91 233.6a56 56 0 014.9 19 40 40 0 01-40 40c-18 0-30.3-12.7-38.2-28.4A34096 34096 0 01510.9 664l-77.7 165.7-1.3 2.1a40 40 0 01-69.3-39.7c8.6-19 78-174.5 90.8-233.6 5.5-21.9 6-71 7.3-98.4a21 21 0 00-13.7-20.5l-169.1-50.7a40.7 40.7 0 01-27.5-50.7c6.9-20.5 30.2-30.1 50.9-24.6 0 0 154.6 49.3 209.6 49.3s213.8-50.7 213.8-50.7c20.6-5.5 44 6.8 49.5 27.4zm-264-171.2a76.7 76.7 0 110 153.4c-42.6 0-77-34.2-77-76.7 0-41 34.4-76.7 77-76.7z',
-  accessibilityalt:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm262.2 339.6c-5.5-20.6-28.9-32.9-49.5-27.4 0 0-158.8 50.7-213.8 50.7s-209.6-49.3-209.6-49.3c-20.7-5.5-44 4-51 24.6A40.7 40.7 0 00278 389l169 50.7a21 21 0 0113.8 20.5c-1.3 27.4-1.8 76.5-7.3 98.4-12.9 59.1-82.2 214.5-90.8 233.6a40 40 0 1070.6 37.5L511 664a34096 34096 0 0077.7 158.7c7.9 15.7 20.2 28.4 38.2 28.4a40 40 0 0040-40 56 56 0 00-4.8-19c-8.7-19.2-78.2-174.5-91.1-233.6-5.5-21.9-5.7-71-7-98.4-1.4-9.6 5.5-17.8 13.7-20.5l169.1-50.7a40.9 40.9 0 0027.5-49.3zm-264-171.2c-42.6 0-77 35.6-77 76.7a76.7 76.7 0 0077 76.7 76.7 76.7 0 100-153.4z',
-  markup:
-    'M1010.6 479.7L736.4 205.4a45.7 45.7 0 10-64.7 64.6l242 242L671.7 754a45.7 45.7 0 1064.7 64.6l274.1-274.2a45.6 45.6 0 000-64.6M0 511.9c0-11.7 4.5-23.4 13.4-32.3l274.1-274.2a45.7 45.7 0 1164.7 64.6L110.4 512l241.9 241.9a45.7 45.7 0 01-64.7 64.6L13.4 544.2C4.4 535.3 0 523.6 0 512',
-  outline:
-    'M180.1 714.3V844h129.6v94.8h-180c-24.2 0-44-19.5-44.4-43.7V714.3h94.8zM619.3 844v94.8H404.7v-94.8h214.6zm319.4-129.6v180c0 24.2-19.5 44-43.7 44.4H714.3v-94.8H844V714.3h94.8zm0-309.6v214.6h-94.8V404.7h94.8zm-758.6 0v214.6H85.3V404.7h94.8zm331.9 34a73.2 73.2 0 110 146.4 73.2 73.2 0 010-146.3zM894.2 85.4c24.3 0 44 19.5 44.5 43.7V309.7h-94.8V180H714.3V85.3h180zm-584.5 0v94.8H180v129.6H85.3v-180c0-24.2 19.5-44 43.7-44.4H309.7zm309.6 0v94.8H404.7V85.3h214.6z',
-  verified:
-    'M719 66l30 56c12 23 35 40 61 44l62 11c45 8 76 51 70 96l-9 63c-4 26 5 52 23 71l44 46c32 33 32 85 0 118l-44 46a85 85 0 00-23 71l9 63c6 45-25 88-70 96l-62 11c-26 4-49 21-61 44l-30 56a85 85 0 01-113 36l-57-27a85 85 0 00-74 0l-57 27c-42 21-92 4-113-36l-30-56a85 85 0 00-61-44l-62-11c-45-8-76-51-70-96l9-63c4-26-5-52-23-71l-44-46a85 85 0 010-118l44-46c18-19 27-45 23-71l-9-63c-6-45 25-88 70-96l62-11c26-4 49-21 61-44l30-56c21-40 71-57 113-36l57 27c23 12 51 12 74 0l57-27c42-21 92-4 113 36zm70 258a46 46 0 00-59 5L437 622 294 480l-6-5a46 46 0 00-59 69l175 175 6 5c18 13 43 11 59-5l326-325 4-6c13-18 12-43-4-59z',
-  comment:
-    'M936 85l6 1c22 3 39 21 39 44v709c0 8-2 15-5 21l-2 4c-9 12-23 20-38 20H427l-131 127c-9 9-21 13-34 13-25 0-46-20-46-45v-95H88c-25 0-45-20-45-45V130a45 45 0 0145-45zm-46 89H134v620h756V174zM768 544c25 0 46 20 46 44 0 25-21 45-46 45H256c-25 0-46-20-46-45 0-24 21-44 46-44zm0-208c25 0 46 20 46 44 0 25-21 45-46 45H256c-25 0-46-20-46-45 0-24 21-44 46-44z',
-  commentadd:
-    'M937 85l6 1c23 3 40 21 40 44v711c0 7-2 14-5 21l-3 4c-8 12-22 19-38 19H428l-131 128c-9 9-22 13-35 13-25 0-45-20-45-45v-96H89c-26 0-46-20-46-44V130a45 45 0 0146-45zm-45 90H134v621h758V175zm-379 97c22 0 40 18 40 40v134h132a40 40 0 010 81H553v132a40 40 0 11-80 0V527H341a40 40 0 110-81h132V312c0-22 18-40 40-40z',
-  requestchange:
-    'M937 85l6 1c23 3 40 21 40 44v711c0 7-2 14-5 21l-3 4c-8 12-22 19-38 19H428l-131 128c-9 9-22 13-35 13-25 0-45-20-45-45v-96H89c-26 0-46-20-46-44V130a45 45 0 0146-45zm-45 90H134v621h758V175zM585 310c18-18 47-18 65 0l143 144c18 17 18 46 0 64L650 661a46 46 0 01-65 0 46 46 0 010-65l65-64H266a46 46 0 110-92h384l-65-65a46 46 0 010-65z',
-  comments:
-    'M978.3 92.2a45 45 0 0145.7 44.6v535.6a45.2 45.2 0 01-45.7 44.6h-125v122c0 7.7-2 14.8-5.5 21.3l-2.3 3.7a46.1 46.1 0 01-38 19.6H298.8L168 1011a47 47 0 01-34.3 13.1c-25.2 0-45.7-20-45.7-44.6v-95.8H45.7c-25.2 0-45.7-20-45.7-44.5V303.4A45 45 0 0145.7 259h125v-122a45 45 0 0139.8-44.3c1.3-.1 257.2-.3 767.8-.4zM761.9 348H91.4v446.5H762V348zm-125 264c25.3 0 45.8 20 45.8 44.6A45.2 45.2 0 01637 701H216.4c-25.3 0-45.7-20-45.7-44.5a45.2 45.2 0 0145.7-44.6H637zm295.7-430.7H262V259h505.1l46.3.4a45 45 0 0139.8 44.2v324.3h79.3V181.3zM637 441.3c25.2 0 45.7 20 45.7 44.6a45.2 45.2 0 01-45.7 44.6H216.4c-25.3 0-45.7-20-45.7-44.6a45.2 45.2 0 0145.7-44.5H637z',
-  ruler:
-    'M83 110c-22 0-40 18-40 40v176a40 40 0 0080 0v-49h778v49a40 40 0 0080 0V150a40 40 0 10-80 0v49H123v-49c0-22-18-40-40-40zm40 458v266h778V568h-63v115a40 40 0 11-80 0V568h-63v46a40 40 0 11-80 0v-46h-63v115a40 40 0 11-80 0V568h-63v46a40 40 0 11-80 0v-46h-63v115a40 40 0 11-80 0V568h-63zm103-80h691c36 0 64 28 64 64v298c0 36-28 64-64 64H107c-36 0-64-28-64-64V552c0-36 28-64 64-64h119z',
-};
-
-export default icons;
+  user: (
+    <>
+      <path d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0ZM2.67 11.15c.7-1 2.6-1.81 3.2-1.9.22-.04.23-.66.23-.66s-.67-.66-.81-1.55c-.4 0-.63-.94-.24-1.27l-.02-.13c-.06-.6-.28-2.6 1.97-2.6s2.03 2 1.97 2.6l-.02.13c.4.33.15 1.27-.24 1.27-.14.89-.8 1.55-.8 1.55s0 .62.22.66c.6.09 2.5.9 3.2 1.9a6 6 0 1 0-8.66 0Z" />
+    </>
+  ),
+  useralt: (
+    <>
+      <path d="M7.27 13.16a11.39 11.39 0 0 0 5.18-1.23v-.25c0-1.57-3.24-3-4.1-3.13-.27-.05-.28-.79-.28-.79s.8-.78.96-1.83c.47 0 .75-1.12.29-1.52.02-.41.6-3.25-2.32-3.25S4.65 4 4.67 4.41c-.46.4-.17 1.52.29 1.52.17 1.05.96 1.83.96 1.83s0 .74-.27.79c-.86.13-4.04 1.53-4.1 3.08a11.44 11.44 0 0 0 5.72 1.53Z" />
+    </>
+  ),
+  useradd: (
+    <>
+      <path d="M1.18 11.9c-.4-.17-.8-.36-1.18-.58.06-1.44 3.02-2.74 3.82-2.87.25-.04.26-.73.26-.73s-.74-.73-.9-1.7c-.43 0-.7-1.05-.27-1.42l-.01-.14c-.07-.67-.31-2.88 2.18-2.88 2.48 0 2.24 2.2 2.17 2.88l-.01.14c.43.37.16 1.41-.27 1.41-.16.98-.9 1.71-.9 1.71s.01.69.26.73c.8.13 3.82 1.46 3.82 2.91v.24a10.63 10.63 0 0 1-8.97.3ZM11.5 2.16c.28 0 .5.22.5.5v1.5h1.5a.5.5 0 0 1 0 1H12v1.5a.5.5 0 0 1-1 0v-1.5H9.5a.5.5 0 1 1 0-1H11v-1.5c0-.28.22-.5.5-.5Z" />
+    </>
+  ),
+  users: (
+    <>
+      <path d="M9.21 11.62A10.59 10.59 0 0 1 0 11.07c.06-1.35 2.93-2.58 3.7-2.7.25-.03.26-.68.26-.68s-.72-.69-.87-1.6c-.42 0-.68-.99-.26-1.33 0-.03 0-.08-.02-.14-.07-.63-.3-2.71 2.12-2.71 2.41 0 2.18 2.08 2.11 2.71l-.01.14c.42.34.16 1.32-.26 1.32-.16.92-.87 1.6-.87 1.6s0 .66.25.7c.78.11 3.7 1.36 3.7 2.73v.22l-.64.3Z" />
+      <path d="M8.81 8.42a9.64 9.64 0 0 0-.74-.4 5.2 5.2 0 0 1 1.7-.76c.17-.02.17-.47.17-.47s-.49-.47-.6-1.1c-.28 0-.46-.68-.17-.91l-.01-.1c-.05-.43-.2-1.86 1.45-1.86 1.66 0 1.5 1.43 1.45 1.86v.1c.28.23.1.9-.18.9-.11.64-.6 1.11-.6 1.11s0 .45.17.47c.54.08 2.55.94 2.55 1.89v.62a10.6 10.6 0 0 1-3.3.56 2.97 2.97 0 0 0-.58-.88c-.37-.41-.85-.76-1.31-1.03Z" />
+    </>
+  ),
+  profile: (
+    <>
+      <path d="M9.1 7.35a5.06 5.06 0 0 1-4.52-.28C4.6 6.4 6.02 5.77 6.4 5.7c.12-.02.12-.35.12-.35s-.35-.34-.43-.81c-.2 0-.33-.5-.12-.67l-.01-.07C5.93 3.48 5.81 2.42 7 2.42S8.07 3.48 8.04 3.8v.07c.2.17.07.67-.13.67-.08.47-.43.81-.43.81s0 .33.12.35c.38.06 1.82.7 1.82 1.4v.1c-.1.06-.2.1-.31.15Zm-5.35 3.9c0-.14.11-.25.25-.25h6a.25.25 0 1 1 0 .5H4a.25.25 0 0 1-.25-.25ZM4 9a.25.25 0 0 0 0 .5h6a.25.25 0 1 0 0-.5H4Z" />
+      <path
+        fillRule="evenodd"
+        d="M1 .5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v13a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V.5ZM2 13V1h10v12H2Z"
+      />
+    </>
+  ),
+  facehappy: (
+    <>
+      <path d="M3.97 8.75a.5.5 0 0 0-.87.5 4.5 4.5 0 0 0 7.8 0 .5.5 0 1 0-.87-.5 3.5 3.5 0 0 1-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  faceneutral: (
+    <>
+      <path d="M4.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  facesad: (
+    <>
+      <path d="M3.97 10.25a.5.5 0 0 1-.87-.5 4.5 4.5 0 0 1 7.8 0 .5.5 0 1 1-.87.5 3.5 3.5 0 0 0-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  accessibility: (
+    <>
+      <path d="M3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z" />
+      <path d="M7 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  accessibilityalt: (
+    <>
+      <path d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM8 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z" />
+    </>
+  ),
+  arrowup: (
+    <>
+      <path d="m7.35 2.9 5.5 5.5a.5.5 0 0 1-.7.7L7 3.96 1.85 9.1a.5.5 0 1 1-.7-.7l5.5-5.5c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  arrowdown: (
+    <>
+      <path d="m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z" />
+    </>
+  ),
+  arrowleft: (
+    <>
+      <path d="M2.76 7.1c.02.09.06.18.14.25l5.5 5.5a.5.5 0 0 0 .7-.7L3.96 7 9.1 1.85a.5.5 0 1 0-.7-.7l-5.5 5.5a.5.5 0 0 0-.14.45Z" />
+    </>
+  ),
+  arrowright: (
+    <>
+      <path d="m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z" />
+    </>
+  ),
+  arrowupalt: (
+    <>
+      <path d="M11.85 4.65 7.35.15a.5.5 0 0 0-.7 0l-4.5 4.5a.5.5 0 1 0 .7.7L6.5 1.71V13.5a.5.5 0 0 0 1 0V1.7l3.65 3.65a.5.5 0 0 0 .7-.7Z" />
+    </>
+  ),
+  arrowdownalt: (
+    <>
+      <path d="M7.5.5a.5.5 0 0 0-1 0v11.8L2.85 8.64a.5.5 0 1 0-.7.7l4.5 4.5A.5.5 0 0 0 7 14a.5.5 0 0 0 .35-.15l4.5-4.5a.5.5 0 0 0-.7-.7L7.5 12.29V.5Z" />
+    </>
+  ),
+  arrowleftalt: (
+    <>
+      <path d="M5.35 2.15c.2.2.2.5 0 .7L1.71 6.5H13.5a.5.5 0 0 1 0 1H1.7l3.65 3.65a.5.5 0 0 1-.7.7l-4.5-4.5a.5.5 0 0 1 0-.7l4.5-4.5c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  arrowrightalt: (
+    <>
+      <path d="M8.65 2.15c.2-.2.5-.2.7 0l4.5 4.5c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7-.7l3.64-3.65H.5a.5.5 0 0 1 0-1h11.8L8.64 2.85a.5.5 0 0 1 0-.7Z" />
+    </>
+  ),
+  expandalt: (
+    <>
+      <path d="m7.35.15 4 4a.5.5 0 0 1-.7.7L7 1.21 3.35 4.85a.5.5 0 1 1-.7-.7l4-4c.2-.2.5-.2.7 0ZM11.35 9.15c.2.2.2.5 0 .7l-4 4a.5.5 0 0 1-.7 0l-4-4a.5.5 0 1 1 .7-.7L7 12.79l3.65-3.64c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  collapse: (
+    <>
+      <path d="M3.354.146a.5.5 0 1 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0-.708-.708L7 3.793 3.354.146Zm3.292 9a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708L7 10.207l-3.646 3.647a.5.5 0 0 1-.708-.708l4-4Z" />
+    </>
+  ),
+  expand: (
+    <>
+      <path d="M1.5 1h2a.5.5 0 0 1 0 1h-.8l3.15 3.15a.5.5 0 1 1-.7.7L2 2.71v.79a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 1.5c0-.28.22-.5.5-.5h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-.8L8.85 5.86a.5.5 0 1 1-.7-.7L11.29 2h-.79a.5.5 0 0 1-.5-.5ZM12.5 10c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h.8L8.14 8.85a.5.5 0 1 1 .7-.7L12 11.29v-.79c0-.28.22-.5.5-.5ZM2 11.3v-.8a.5.5 0 0 0-1 0v2c0 .28.22.5.5.5h2a.5.5 0 0 0 0-1h-.8l3.15-3.15a.5.5 0 1 0-.7-.7L2 11.29Z" />
+    </>
+  ),
+  unfold: (
+    <>
+      <path d="m6.65.15-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64V5a.5.5 0 0 0 1 0V1.7l.65.65a.5.5 0 1 0 .7-.7L7.35.15a.5.5 0 0 0-.7 0Z" />
+      <path d="M1.3 4.04a.5.5 0 0 0-.16.82L3.3 7 1.15 9.15a.5.5 0 0 0 .35.85h3a.5.5 0 0 0 0-1H2.7l1.5-1.5h5.6l2.35 2.35a.5.5 0 0 0 .7-.7L10.71 7l2.14-2.15.11-.54-.1.54A.5.5 0 0 0 13 4.5a.5.5 0 0 0-.14-.35.5.5 0 0 0-.36-.15h-3a.5.5 0 0 0 0 1h1.8L9.8 6.5H4.2L2.7 5h1.8a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.2.04Z" />
+      <path d="M7 8.5c.28 0 .5.22.5.5v3.3l.65-.65a.5.5 0 0 1 .7.7l-1.5 1.5a.5.5 0 0 1-.7 0l-1.5-1.5a.5.5 0 0 1 .7-.7l.65.64V9c0-.28.22-.5.5-.5ZM9 9.5c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z" />
+    </>
+  ),
+  transfer: (
+    <>
+      <path d="M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z" />
+    </>
+  ),
+  redirect: (
+    <>
+      <path d="M1.5 1c.28 0 .5.22.5.5V10a2 2 0 0 0 4 0V4a3 3 0 0 1 6 0v7.8l1.15-1.15a.5.5 0 0 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7L11 11.79V4a2 2 0 1 0-4 0v6a3 3 0 0 1-6 0V1.5c0-.28.22-.5.5-.5Z" />
+    </>
+  ),
+  undo: (
+    <>
+      <path d="M1.15 3.85a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7L2.71 3H9a4 4 0 0 1 0 8H3a.5.5 0 0 1 0-1h6a3 3 0 1 0 0-6H2.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2Z" />
+    </>
+  ),
+  reply: (
+    <>
+      <path d="M4.35 2.15c.2.2.2.5 0 .7L1.71 5.5H9.5A4.5 4.5 0 0 1 14 10v1.5a.5.5 0 0 1-1 0V10a3.5 3.5 0 0 0-3.5-3.5H1.7l2.65 2.65a.5.5 0 1 1-.7.7l-3.5-3.5a.5.5 0 0 1 0-.7l3.5-3.5c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  sync: (
+    <>
+      <path d="M5.5 1A.5.5 0 0 0 5 .5H2a.5.5 0 0 0 0 1h1.53a6.5 6.5 0 0 0 2.39 11.91.5.5 0 1 0 .16-.99A5.5 5.5 0 0 1 4.5 2.1V4a.5.5 0 0 0 1 0V1ZM7.5 1a.5.5 0 0 1 .58-.41 6.5 6.5 0 0 1 2.39 11.91H12a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.9A5.5 5.5 0 0 0 7.92 1.58.5.5 0 0 1 7.5 1Z" />
+    </>
+  ),
+  upload: (
+    <>
+      <path d="M8.65 5.85 7.5 4.71v5.79a.5.5 0 0 1-1 0V4.7L5.35 5.86a.5.5 0 1 1-.7-.7l2-2c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  download: (
+    <>
+      <path d="M5.35 8.15 6.5 9.29V3.5a.5.5 0 0 1 1 0v5.8l1.15-1.15a.5.5 0 1 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 1 1 .7-.7Z" />
+      <path
+        fillRule="evenodd"
+        d="M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm1 0a6 6 0 1 1 12 0A6 6 0 0 1 1 7Z"
+      />
+    </>
+  ),
+  back: (
+    <>
+      <path d="M5.85 5.35 4.71 6.5h5.79a.5.5 0 0 1 0 1H4.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm0 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Z"
+      />
+    </>
+  ),
+  proceed: (
+    <>
+      <path d="M3.5 6.5h5.8L8.14 5.35a.5.5 0 1 1 .7-.7l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 1 1-.7-.7L9.29 7.5H3.5a.5.5 0 0 1 0-1Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 1 7 0a7 7 0 0 1 0 14Zm0-1A6 6 0 1 1 7 1a6 6 0 0 1 0 12Z"
+      />
+    </>
+  ),
+  refresh: (
+    <>
+      <path d="M7.1.5H7a6.5 6.5 0 1 0 6.41 7.58.5.5 0 1 0-.99-.16A5.47 5.47 0 0 1 7 12.5a5.5 5.5 0 0 1 0-11 5.5 5.5 0 0 1 4.9 3H10a.5.5 0 0 0 0 1h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-1 0v1.53A6.5 6.5 0 0 0 7.1.5Z" />
+    </>
+  ),
+  globe: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 0 0 7a7 7 0 0 0 14 0Zm-6.53 5.74c-.24.23-.4.26-.47.26-.08 0-.23-.03-.47-.26-.23-.24-.5-.62-.73-1.18A11.57 11.57 0 0 1 5 7.5h4a11.57 11.57 0 0 1-.8 4.06c-.24.56-.5.94-.73 1.18ZM8.99 6.5H5.01c.05-1.62.35-3.04.79-4.06.24-.56.5-.94.73-1.18.24-.23.4-.26.47-.26.08 0 .23.03.47.26.23.24.5.62.73 1.18.44 1.02.74 2.44.8 4.06Zm1 1c-.06 2.18-.56 4.08-1.28 5.25a6 6 0 0 0 4.27-5.25H9.99Zm2.99-1H9.99c-.06-2.18-.56-4.08-1.28-5.25a6 6 0 0 1 4.27 5.25ZM4 6.5c.06-2.18.56-4.08 1.28-5.25A6 6 0 0 0 1.02 6.5h2.99Zm-2.99 1a6 6 0 0 0 4.27 5.25c-.72-1.17-1.22-3.07-1.28-5.25H1.02Z"
+      />
+    </>
+  ),
+  compass: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M10.09 3.4 5.95 5.8a.37.37 0 0 0-.11.09.38.38 0 0 0-.04.05l-2.4 4.15a.37.37 0 0 0 0 .38c.1.18.33.24.5.14l4.15-2.4a.37.37 0 0 0 .15-.15l2.4-4.15a.37.37 0 0 0-.03-.44.37.37 0 0 0-.48-.07ZM4.75 9.25 7.6 7.6 6.4 6.4 4.75 9.25Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  location: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z"
+      />
+    </>
+  ),
+  pin: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M9 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M12 5A5 5 0 0 0 2 5c0 2.63 2.27 6.15 4.65 8.64.2.2.5.2.7 0C9.73 11.15 12 7.64 12 5ZM7 1a4 4 0 0 1 4 4c0 1.06-.47 2.42-1.3 3.88A21.23 21.23 0 0 1 7 12.55c-1-1.1-1.97-2.39-2.7-3.67A8.46 8.46 0 0 1 3 5a4 4 0 0 1 4-4Z"
+      />
+    </>
+  ),
+  time: (
+    <>
+      <path d="M7 2c.28 0 .5.22.5.5v4H10a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5V2.5c0-.28.22-.5.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  dashboard: (
+    <>
+      <path d="M9.8 4.1a.5.5 0 0 1 .1.7L7.92 7.58A1 1 0 1 1 7.1 7l2-2.8a.5.5 0 0 1 .7-.12Z" />
+      <path
+        fillRule="evenodd"
+        d="M2.07 12.97a7 7 0 1 1 9.86 0 12.96 12.96 0 0 0-9.86 0Zm9.58-1.18a6 6 0 1 0-9.3 0 13.98 13.98 0 0 1 9.3 0Z"
+      />
+    </>
+  ),
+  timer: (
+    <>
+      <path d="M7.5 4.5a.5.5 0 0 0-1 0v2.63a1 1 0 1 0 1 0V4.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M5.5.5c0-.28.22-.5.5-.5h2a.5.5 0 0 1 0 1h-.5v1.02c1.28.1 2.45.61 3.37 1.4l.78-.77a.5.5 0 0 1 .7.7l-.77.78a6 6 0 1 1-5.08-2.1V1H6a.5.5 0 0 1-.5-.5ZM7 3a5 5 0 1 0 0 10A5 5 0 0 0 7 3Z"
+      />
+    </>
+  ),
+  home: (
+    <>
+      <path d="m7.35 1.15 5.5 5.5a.5.5 0 0 1-.7.7L12 7.21v5.29a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V9H6v3.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V7.2l-.15.15a.5.5 0 1 1-.7-.7l1-1 4.5-4.5c.2-.2.5-.2.7 0ZM3 6.2V12h2V8.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5V12h2V6.2l-4-4-4 4Z" />
+    </>
+  ),
+  admin: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M1.21 4.1a.5.5 0 0 1 .06-.04l5.48-3a.5.5 0 0 1 .5 0l5.48 3a.5.5 0 0 1 .27.39.5.5 0 0 1-.51.55H1.51a.5.5 0 0 1-.3-.9ZM3.46 4h7.08L7 2.07 3.46 4Z"
+      />
+      <path d="M4 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM11 6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V6ZM5.75 5.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM8.75 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM1.5 12.5c0-.27.22-.5.5-.5h10a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5Z" />
+    </>
+  ),
+  info: (
+    <>
+      <path d="M7 5.5c.28 0 .5.22.5.5v4a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM7 4.5A.75.75 0 1 0 7 3a.75.75 0 0 0 0 1.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  question: (
+    <>
+      <path d="M5.25 5.25A1.75 1.75 0 1 1 7 7a.5.5 0 0 0-.5.5V9a.5.5 0 0 0 1 0V7.95a2.75 2.75 0 1 0-3.25-2.7.5.5 0 0 0 1 0ZM7 11.5A.75.75 0 1 0 7 10a.75.75 0 0 0 0 1.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  support: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.52 4.9a5.97 5.97 0 0 1-6.96 0l1.45-1.45a3.98 3.98 0 0 0 4.06 0l1.45 1.44Zm-.03-2.87 1.44 1.45a5.97 5.97 0 0 0 0-6.96l-1.44 1.45a3.98 3.98 0 0 1 0 4.06ZM9.03 3.55l1.45-1.44a5.97 5.97 0 0 0-6.96 0l1.45 1.44a3.98 3.98 0 0 1 4.06 0ZM3.55 4.97 2.11 3.52a5.97 5.97 0 0 0 0 6.96l1.44-1.45a3.98 3.98 0 0 1 0-4.06ZM10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+      />
+    </>
+  ),
+  alert: (
+    <>
+      <path d="M7 4.5c.28 0 .5.22.5.5v3.5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM7.75 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M7.2 1.04a.5.5 0 0 1 .24.21l6.49 11a.5.5 0 0 1-.44.75H.51a.5.5 0 0 1-.5-.45.5.5 0 0 1 .06-.31l6.5-10.99a.5.5 0 0 1 .64-.2ZM7 2.48 1.38 12h11.24L7 2.48Z"
+      />
+    </>
+  ),
+  email: (
+    <>
+      <path d="M0 2.5c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-9Zm1 1.02V11h12V3.52L7.31 7.89a.5.5 0 0 1-.52.07.5.5 0 0 1-.1-.07L1 3.52ZM12.03 3H1.97L7 6.87 12.03 3Z" />
+    </>
+  ),
+  phone: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="m7.76 8.13-.05.05a.2.2 0 0 1-.28.03A6.76 6.76 0 0 1 5.8 6.56a.21.21 0 0 1 .04-.27l.05-.05c.23-.2.54-.47.71-.96.17-.47-.02-1.04-.66-1.94-.26-.38-.72-.96-1.22-1.46-.68-.69-1.2-1-1.65-1a.98.98 0 0 0-.51.13A3.23 3.23 0 0 0 .9 3.42c-.13 1.1.26 2.37 1.17 3.78a16.68 16.68 0 0 0 4.55 4.6 6.57 6.57 0 0 0 3.53 1.32A3.2 3.2 0 0 0 13 11.46c.14-.24.24-.64-.07-1.18a7.8 7.8 0 0 0-1.73-1.8c-.64-.5-1.52-1.12-2.13-1.12a.97.97 0 0 0-.34.06c-.47.17-.74.46-.95.69l-.02.02Zm4.32 2.68a6.8 6.8 0 0 0-1.48-1.54h-.02c-.3-.25-.64-.49-.95-.67a2.7 2.7 0 0 0-.56-.24h-.01c-.23.09-.34.21-.56.45l-.02.02-.04.04a1.2 1.2 0 0 1-1.6.15 7.76 7.76 0 0 1-1.86-1.89l-.01-.01-.02-.02a1.21 1.21 0 0 1 .2-1.53l.06-.06.02-.02c.22-.2.35-.31.43-.53v-.02c0-.02 0-.06-.03-.14a3.7 3.7 0 0 0-.5-.88h-.01V3.9c-.23-.33-.65-.87-1.1-1.32H4c-.31-.32-.55-.5-.72-.6a.6.6 0 0 0-.22-.1h-.03a2.23 2.23 0 0 0-1.15 1.66c-.09.78.18 1.8 1.02 3.1a15.68 15.68 0 0 0 4.27 4.33l.02.01.02.02a5.57 5.57 0 0 0 2.97 1.11 2.2 2.2 0 0 0 1.93-1.14h.01v-.05a.57.57 0 0 0-.05-.12Z"
+      />
+    </>
+  ),
+  link: (
+    <>
+      <path d="M11.84 2.16a2.25 2.25 0 0 0-3.18 0l-2.5 2.5c-.88.88-.88 2.3 0 3.18a.5.5 0 0 1-.7.7 3.25 3.25 0 0 1 0-4.59l2.5-2.5a3.25 3.25 0 0 1 4.59 4.6L10.48 8.1c.04-.44.01-.89-.09-1.32l1.45-1.45c.88-.88.88-2.3 0-3.18Z" />
+      <path d="M3.6 7.2c-.1-.42-.12-.87-.08-1.31L1.45 7.95a3.25 3.25 0 1 0 4.6 4.6l2.5-2.5a3.25 3.25 0 0 0 0-4.6.5.5 0 0 0-.7.7c.87.89.87 2.31 0 3.2l-2.5 2.5a2.25 2.25 0 1 1-3.2-3.2l1.46-1.44Z" />
+    </>
+  ),
+  unlink: (
+    <>
+      <path d="m1.45 7.95 1.3-1.3.71.7-1.3 1.3a2.25 2.25 0 1 0 3.18 3.2l1.3-1.31.71.7-1.3 1.3a3.25 3.25 0 0 1-4.6-4.59ZM12.55 6.05l-1.3 1.3-.71-.7 1.3-1.3a2.25 2.25 0 1 0-3.18-3.2l-1.3 1.31-.71-.7 1.3-1.3a3.25 3.25 0 0 1 4.6 4.59ZM1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z" />
+    </>
+  ),
+  bell: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M8 1.11a1 1 0 1 0-1.99 0A4.5 4.5 0 0 0 2.5 5.5v3.88l-.94 1.89a.5.5 0 0 0-.06.3.5.5 0 0 0 .51.43h3.58a1.5 1.5 0 1 0 2.82 0H12a.5.5 0 0 0 .45-.73l-.94-1.89V5.5A4.5 4.5 0 0 0 8 1.11ZM2.8 11h8.4l-.5-1H3.3l-.5 1Zm7.7-2V5.5a3.5 3.5 0 1 0-7 0V9h7Zm-4 3.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z"
+      />
+    </>
+  ),
+  rss: (
+    <>
+      <path d="M1.5.5c0-.28.22-.5.5-.5a12 12 0 0 1 12 12 .5.5 0 0 1-1 0A11 11 0 0 0 2 1a.5.5 0 0 1-.5-.5Z" />
+      <path d="M1.5 4.5c0-.28.22-.5.5-.5a8 8 0 0 1 8 8 .5.5 0 0 1-1 0 7 7 0 0 0-7-7 .5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M5 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-1 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+      />
+    </>
+  ),
+  sharealt: (
+    <>
+      <path d="M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z" />
+      <path d="M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z" />
+    </>
+  ),
+  share: (
+    <>
+      <path d="M6.65.15c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7L7.5 1.72v6.8a.5.5 0 0 1-1 0V1.7L5.35 2.86a.5.5 0 1 1-.7-.71l2-2Z" />
+      <path d="M2 4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9.5a.5.5 0 1 0 0 1H12v7H2V5h2.5a.5.5 0 0 0 0-1H2Z" />
+    </>
+  ),
+  circlehollow: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M7 13A6 6 0 1 0 7 1a6 6 0 0 0 0 12Zm0 1A7 7 0 1 0 7 0a7 7 0 0 0 0 14Z"
+      />
+    </>
+  ),
+  circle: <path d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Z" />,
+  bookmarkhollow: (
+    <>
+      <path d="M3 1.5c0-.28.22-.5.5-.5h7c.28 0 .5.22.5.5v12a.5.5 0 0 1-.5.5.5.5 0 0 1-.35-.15L7 10.71l-3.15 3.14a.5.5 0 0 1-.35.15.5.5 0 0 1-.5-.5v-12Zm3.65 8.15c.2-.2.5-.2.7 0L10 12.29V2H4v10.3l2.65-2.65Z" />
+    </>
+  ),
+  bookmark: (
+    <>
+      <path d="M3 1.5c0-.28.22-.5.5-.5h7c.28 0 .5.22.5.5v12a.5.5 0 0 1-.5.5.5.5 0 0 1-.35-.15L7 10.71l-3.15 3.14a.5.5 0 0 1-.35.15.5.5 0 0 1-.5-.5v-12Z" />
+    </>
+  ),
+  hearthollow: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59ZM1.2 3.53A2.2 2.2 0 0 1 2.57 2.2M1.2 3.53c-.13.33-.2.72-.2 1.18 0 .22.03.45.1.68a3.97 3.97 0 0 0 .79 1.46c.19.23.38.45.59.65l4.51 4.36 4.52-4.35c.2-.2.4-.4.59-.65.18-.23.34-.47.49-.73.13-.23.23-.48.3-.73.08-.23.11-.46.11-.7 0-.45-.07-.84-.2-1.18-.12-.33-.3-.6-.51-.8v-.01c-.22-.2-.5-.38-.85-.51-.34-.13-.75-.2-1.24-.2-.2 0-.4.03-.6.09a4.95 4.95 0 0 0-1.9 1.22l-.68.67-.7-.65a9.97 9.97 0 0 0-.62-.53c-.2-.16-.42-.3-.63-.42h-.01c-.21-.12-.43-.22-.66-.29C4.2 2.03 4 2 3.77 2c-.48 0-.88.07-1.21.2"
+      />
+    </>
+  ),
+  heart: (
+    <>
+      <path d="M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59Z" />
+    </>
+  ),
+  starhollow: (
+    <>
+      <path d="M6.32.78a.75.75 0 0 1 1.36 0l1.63 3.54 3.87.46c.63.07.89.86.42 1.3l-2.86 2.64.76 3.81a.75.75 0 0 1-1.1.8L7 11.43l-3.4 1.9a.75.75 0 0 1-1.1-.8l.76-3.81L.4 6.07a.75.75 0 0 1 .42-1.3l3.87-.45L6.32.78ZM7 1.7 5.54 4.86c-.11.24-.34.4-.6.43l-3.46.42 2.56 2.37c.2.17.28.44.23.7l-.68 3.42 3.04-1.7c.23-.14.5-.14.74 0l3.04 1.7-.68-3.43a.75.75 0 0 1 .23-.7l2.56-2.36-3.47-.42a.75.75 0 0 1-.59-.43L7 1.7Z" />
+    </>
+  ),
+  star: (
+    <>
+      <path d="M7.68.78a.75.75 0 0 0-1.36 0L4.69 4.32l-3.87.46a.75.75 0 0 0-.42 1.3l2.86 2.64-.76 3.81a.75.75 0 0 0 1.1.8l3.4-1.9 3.4 1.9a.75.75 0 0 0 1.1-.8l-.76-3.81 2.86-2.65a.75.75 0 0 0-.42-1.3L9.3 4.33 7.68.78Z" />
+    </>
+  ),
+  certificate: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M10 7.85A4.49 4.49 0 0 0 7 0a4.5 4.5 0 0 0-3 7.85V13a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.15L7 11.21l2.15 2.14A.5.5 0 0 0 10 13V7.85ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.35 2.15c.2-.2.5-.2.7 0L9 11.79V8.53a4.48 4.48 0 0 1-4 0v3.26l1.65-1.64Z"
+      />
+    </>
+  ),
+  verified: (
+    <>
+      <path d="M6.56 13.12a1 1 0 0 1 .88 0l.98.49a1 1 0 0 0 1.31-.43l.52-.97a1 1 0 0 1 .7-.51l1.08-.2a1 1 0 0 0 .81-1.1l-.15-1.1a1 1 0 0 1 .27-.82l.76-.8a1 1 0 0 0 0-1.37l-.76-.79a1 1 0 0 1-.27-.83l.15-1.08a1 1 0 0 0-.8-1.12l-1.09-.19a1 1 0 0 1-.7-.5L9.73.81A1 1 0 0 0 8.43.4l-1 .49a1 1 0 0 1-.87 0L5.58.39a1 1 0 0 0-1.31.43l-.52.97a1 1 0 0 1-.7.51l-1.08.2a1 1 0 0 0-.81 1.1l.15 1.1a1 1 0 0 1-.27.82l-.76.8a1 1 0 0 0 0 1.37l.76.79a1 1 0 0 1 .27.83l-.15 1.08a1 1 0 0 0 .8 1.12l1.09.19a1 1 0 0 1 .7.5l.52.98a1 1 0 0 0 1.3.43l1-.49Zm4.3-8.47c.19.2.19.5 0 .7l-4.5 4.5a.5.5 0 0 1-.71 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  thumbsup: (
+    <>
+      <path d="M11 12.02c-.4.37-.91.56-1.56.56h-.88a5.5 5.5 0 0 1-1.3-.16c-.42-.1-.91-.25-1.47-.45-.3-.12-.63-.21-.95-.27H2.88a.84.84 0 0 1-.62-.26.84.84 0 0 1-.26-.61V6.45c0-.24.09-.45.26-.62a.84.84 0 0 1 .62-.25h1.87c.16-.11.47-.47.93-1.06.27-.35.51-.64.74-.88.1-.11.19-.3.24-.58.05-.28.12-.57.2-.87.1-.3.24-.55.43-.74a.87.87 0 0 1 .62-.25c.38 0 .72.07 1.03.22.3.15.54.38.7.7a2.94 2.94 0 0 1 .21 1.58 3 3 0 0 1-.3 1h1.2c.47 0 .88.17 1.23.52s.52.8.52 1.22c0 .29-.04.66-.34 1.12.05.15.07.3.07.47 0 .35-.09.68-.26.98.07.54-.07 1.08-.4 1.51a1.9 1.9 0 0 1-.57 1.5Zm.47-5.33a.96.96 0 0 0 .03-.25.74.74 0 0 0-.23-.51.68.68 0 0 0-.52-.23H7.93l.73-1.45a2 2 0 0 0 .21-.87c0-.44-.07-.7-.13-.82a.53.53 0 0 0-.24-.24 1.3 1.3 0 0 0-.54-.12.99.99 0 0 0-.14.28c-.08.27-.13.52-.18.76-.06.38-.2.77-.48 1.07v.01l-.02.01c-.2.2-.4.46-.67.8l-.61.76c-.15.17-.35.38-.54.51l-.26.18H5v4.13h.02c.38.08.76.18 1.12.32.53.2.98.33 1.35.42.36.09.71.13 1.07.13h.88c.43 0 .68-.11.87-.29a.9.9 0 0 0 .26-.7l-.02-.37.22-.3c.17-.23.25-.5.2-.78l-.04-.33.17-.3a.97.97 0 0 0 .13-.48c0-.09 0-.13-.02-.15l-.15-.46.26-.4c.1-.15.13-.25.15-.33ZM3.5 10.8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z" />
+    </>
+  ),
+  shield: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M11.76 2.08a.5.5 0 0 1 .24.42v6a.5.5 0 0 1-.17.38l-4.5 3.99a.5.5 0 0 1-.67 0l-4.49-4A.5.5 0 0 1 2 8.5V2.5c0-.18.1-.34.24-.42l.01-.02a2.5 2.5 0 0 1 .3-.16c.22-.1.52-.24.92-.37C4.27 1.26 5.44 1 7 1c1.56 0 2.73.26 3.53.53a6.97 6.97 0 0 1 1.22.53l.01.02ZM3 2.79v5.49l1.07.94 6.59-6.58-.44-.17C9.52 2.24 8.44 2 7 2c-1.44 0-2.52.24-3.22.47-.35.12-.6.24-.78.32Zm4 9.04L4.82 9.9 11 3.71v4.57l-4 3.55Z"
+      />
+    </>
+  ),
+  basket: (
+    <>
+      <path d="M10.35 2.85a.5.5 0 1 0-.7-.7l-3 3a.5.5 0 1 0 .7.7l3-3Z" />
+      <path d="M2.09 6H4.5a.5.5 0 0 0 0-1H1.8a.75.75 0 0 0-.74.87l.8 4.88A1.5 1.5 0 0 0 3.36 12h7.3a1.5 1.5 0 0 0 1.48-1.25l.81-4.88A.75.75 0 0 0 12.2 5H10a.5.5 0 0 0 0 1h1.91l-.76 4.58a.5.5 0 0 1-.5.42h-7.3a.5.5 0 0 1-.5-.42L2.1 6Z" />
+      <path d="M4.5 7c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 7.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2ZM6.5 9.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0Z" />
+    </>
+  ),
+  beaker: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M4.5 2h.75v3.87l-3.03 5.26c-.48.83.12 1.87 1.08 1.87h7.4c.96 0 1.57-1.04 1.08-1.87L8.75 5.87V2h.75a.5.5 0 0 0 0-1h-5a.5.5 0 0 0 0 1Zm1.75 4V2h1.5v4.13l.07.12 1 1.75H5.18l1.01-1.75.07-.12V6ZM4.6 9l-1.52 2.63c-.1.16.03.37.22.37h7.4c.2 0 .31-.2.22-.37L9.4 9H4.6Z"
+      />
+    </>
+  ),
+  hourglass: (
+    <>
+      <path d="M7.5 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M3.5 1a.5.5 0 0 0-.5.5c0 1.06.14 1.9.68 2.97.34.7.86 1.5 1.6 2.53a16.53 16.53 0 0 0-1.8 2.96A6 6 0 0 0 3 12.49v.01a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 6 6 0 0 0-.48-2.54c-.34-.8-.9-1.71-1.8-2.96a19.78 19.78 0 0 0 1.6-2.53c.54-1.08.68-1.9.68-2.97a.5.5 0 0 0-.5-.5h-7Zm6.49 11a4.68 4.68 0 0 0-.39-1.65c-.27-.65-.73-1.4-1.5-2.5a133 133 0 0 1-.75 1 .5.5 0 0 1-.56.1.5.5 0 0 1-.2-.16l-.7-.94a14.36 14.36 0 0 0-1.5 2.5A4.68 4.68 0 0 0 4.02 12H10ZM6.3 6.72l.7.94a90.06 90.06 0 0 0 .7-.96c.49-.67.87-1.22 1.17-1.7H5.13A32.67 32.67 0 0 0 6.3 6.72ZM4.56 4h4.88c.36-.73.5-1.31.55-2H4c.04.69.19 1.27.55 2Z"
+      />
+    </>
+  ),
+  flag: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M11.5 1h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0V8h8.5a.5.5 0 0 0 .35-.85L9.21 4.5l2.64-2.65A.5.5 0 0 0 11.5 1ZM8.15 4.15 10.29 2H3v5h7.3L8.14 4.85a.5.5 0 0 1 0-.7Z"
+      />
+    </>
+  ),
+  cloudhollow: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M10 7V6a3 3 0 0 0-5.9-.74l-.18.68-.7.07A2.5 2.5 0 0 0 3.5 11h3.19l.07-.01h.08L7 11h4a2 2 0 1 0 0-4h-1ZM3.12 5.02A3.5 3.5 0 0 0 3.5 12H11a3 3 0 1 0 0-6 4 4 0 0 0-7.88-.98Z"
+      />
+    </>
+  ),
+  cloud: <path d="M7 2a4 4 0 0 1 4 4 3 3 0 1 1 0 6H3.5a3.5 3.5 0 0 1-.38-6.98A4 4 0 0 1 7 2Z" />,
+  edit: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="m12.85 3.15-2-2a.5.5 0 0 0-.7 0l-8.5 8.5a.5.5 0 0 0-.14.26L1 12.39a.5.5 0 0 0 .14.46.5.5 0 0 0 .46.14l2.48-.5a.5.5 0 0 0 .27-.14l8.5-8.5a.5.5 0 0 0 0-.7ZM11 4.29l.8-.79-1.3-1.3-.8.8L11 4.3Zm-2-.58L10.3 5 4 11.3 2.7 10 9 3.7Zm-6.86 8.15.17-.85.68.68-.85.17Z"
+      />
+    </>
+  ),
+  cog: (
+    <>
+      <path
+        d="M5.59 5.59a2 2 0 0 1 3.27 2.14.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 1 0-.36-.94A2 2 0 0 1 5.6 5.6Z"
+        fill="#333"
+      />
+      <path
+        fillRule="evenodd"
+        d="M.94 6.53c.13.12.19.3.18.46 0 .17-.05.34-.18.47L0 8.39c.19.94.55 1.81 1.07 2.58h1.32c.18 0 .34.07.46.2.12.11.2.27.2.45v1.32c.76.51 1.62.88 2.55 1.06l.94-.94a.63.63 0 0 1 .45-.19h.03c.16 0 .33.07.45.19l.94.94a7.1 7.1 0 0 0 2.55-1.06v-1.33c0-.18.07-.35.2-.46.11-.12.27-.2.45-.2h1.33A7.1 7.1 0 0 0 14 8.4l-.95-.94a.64.64 0 0 1-.18-.47c0-.17.06-.34.18-.46l.95-.95a7.1 7.1 0 0 0-1.05-2.52h-1.34a.63.63 0 0 1-.46-.2.64.64 0 0 1-.2-.46V1.06A7.1 7.1 0 0 0 8.42 0l-.94.94a.63.63 0 0 1-.45.19H7a.63.63 0 0 1-.45-.19L5.6 0a7.1 7.1 0 0 0-2.56 1.06v1.33c0 .18-.07.34-.2.46a.63.63 0 0 1-.45.2H1.06A7.1 7.1 0 0 0 0 5.59l.94.94Zm.7 1.63c.33-.32.49-.75.48-1.17 0-.42-.15-.85-.47-1.17l-.54-.54c.12-.43.3-.85.51-1.23h.77c.46 0 .87-.2 1.17-.5.3-.29.48-.7.48-1.16v-.77c.4-.22.81-.39 1.25-.52l.54.55c.33.32.75.48 1.16.48h.03c.42 0 .84-.16 1.16-.48l.54-.54c.44.12.85.3 1.24.5v.8c0 .45.19.87.49 1.16.3.3.7.5 1.16.5h.78c.2.37.38.78.5 1.2l-.54.55c-.33.32-.49.75-.48 1.17 0 .42.15.85.48 1.17l.55.55c-.13.44-.3.85-.52 1.24h-.77c-.45 0-.87.2-1.16.5-.3.29-.5.7-.5 1.16v.77c-.38.21-.8.39-1.23.51l-.54-.54a1.64 1.64 0 0 0-1.16-.48H7c-.41 0-.83.16-1.16.48l-.54.55a6.1 6.1 0 0 1-1.25-.52v-.76c0-.45-.19-.87-.48-1.16-.3-.3-.71-.5-1.17-.5h-.76a6.1 6.1 0 0 1-.53-1.25l.55-.55Z"
+      />
+    </>
+  ),
+  nut: (
+    <>
+      <path d="M5.59 8.41a2 2 0 1 1 3.27-.68.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 0 0-.36-.94 2 2 0 0 1-2.14-.45Z" />
+      <path
+        fillRule="evenodd"
+        d="M6.5.29a1 1 0 0 1 1 0l5.06 2.92c.31.18.5.51.5.87v5.84a1 1 0 0 1-.5.87L7.5 13.7a1 1 0 0 1-1 0L1.44 10.8a1 1 0 0 1-.5-.87V4.08a1 1 0 0 1 .5-.87L6.5.3Zm.5.86 5.06 2.93v5.84L7 12.85 1.94 9.92V4.08L7 1.15Z"
+      />
+    </>
+  ),
+  wrench: (
+    <>
+      <path d="M10.5 1c.44 0 .56.52.25.83l-.8.81c-.2.2-.2.52 0 .72l.69.7c.2.2.52.2.72 0l.8-.81c.32-.31.84-.2.84.25a2.5 2.5 0 0 1-3.41 2.33L2.7 12.7a1 1 0 0 1-1.42-1.42l6.88-6.88A2.5 2.5 0 0 1 10.5 1ZM2 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z" />
+    </>
+  ),
+  ellipsis: (
+    <>
+      <path d="M4 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" />
+    </>
+  ),
+  check: (
+    <>
+      <path d="M13.85 3.35a.5.5 0 0 0-.7-.7L5 10.79.85 6.65a.5.5 0 1 0-.7.7l4.5 4.5c.2.2.5.2.7 0l8.5-8.5Z" />
+    </>
+  ),
+  form: (
+    <>
+      <path d="M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6.4a.5.5 0 0 0-1 0V12H2V2h7.5a.5.5 0 0 0 0-1H2Z" />
+      <path d="m6.35 9.86 7.5-7.5a.5.5 0 0 0-.7-.71L6 8.8 3.85 6.65a.5.5 0 1 0-.7.7l2.5 2.5c.2.2.5.2.7 0Z" />
+    </>
+  ),
+  batchdeny: (
+    <>
+      <path d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.646.646a.5.5 0 0 1 0 .708L5.207 7l3.647 3.646a.5.5 0 0 1-.708.708L4.5 7.707.854 11.354a.5.5 0 0 1-.708-.708L3.793 7 .146 3.354a.5.5 0 1 1 .708-.708L4.5 6.293l3.646-3.647a.5.5 0 0 1 .708 0ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z" />
+    </>
+  ),
+  batchaccept: (
+    <>
+      <path d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z" />
+    </>
+  ),
+  controls: (
+    <>
+      <path d="M10.5 1c.28 0 .5.22.5.5V2h1.5a.5.5 0 0 1 0 1H11v.5a.5.5 0 0 1-1 0V3H1.5a.5.5 0 0 1 0-1H10v-.5c0-.28.22-.5.5-.5ZM1.5 11a.5.5 0 0 0 0 1H10v.5a.5.5 0 0 0 1 0V12h1.5a.5.5 0 0 0 0-1H11v-.5a.5.5 0 0 0-1 0v.5H1.5ZM1 7c0-.28.22-.5.5-.5H3V6a.5.5 0 0 1 1 0v.5h8.5a.5.5 0 0 1 0 1H4V8a.5.5 0 0 1-1 0v-.5H1.5A.5.5 0 0 1 1 7Z" />
+    </>
+  ),
+  plus: (
+    <>
+      <path d="M7.5.5a.5.5 0 0 0-1 0v6h-6a.5.5 0 0 0 0 1h6v6a.5.5 0 0 0 1 0v-6h6a.5.5 0 0 0 0-1h-6v-6Z" />
+    </>
+  ),
+  closeAlt: (
+    <>
+      <path d="M2.03.97A.75.75 0 0 0 .97 2.03L5.94 7 .97 11.97a.75.75 0 1 0 1.06 1.06L7 8.06l4.97 4.97a.75.75 0 1 0 1.06-1.06L8.06 7l4.97-4.97A.75.75 0 0 0 11.97.97L7 5.94 2.03.97Z" />
+    </>
+  ),
+  cross: (
+    <>
+      <path d="M1.85 1.15a.5.5 0 1 0-.7.7L6.29 7l-5.14 5.15a.5.5 0 0 0 .7.7L7 7.71l5.15 5.14a.5.5 0 0 0 .7-.7L7.71 7l5.14-5.15a.5.5 0 0 0-.7-.7L7 6.29 1.85 1.15Z" />
+    </>
+  ),
+  trash: (
+    <>
+      <path d="M5.5 4.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM9 5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V5Z" />
+      <path
+        fillRule="evenodd"
+        d="M4.5.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5V2h3a.5.5 0 0 1 0 1H12v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h-.5a.5.5 0 0 1 0-1h3V.5ZM3 3v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3H3Zm2.5-2h3v1h-3V1Z"
+      />
+    </>
+  ),
+  pinalt: (
+    <>
+      <path d="M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5 5H3.66A4 4 0 0 0 .83 6.17l-.48.48a.5.5 0 0 0 0 .7l2.8 2.8-3 3a.5.5 0 0 0 .7.7l3-3 2.8 2.8c.2.2.5.2.7 0l.48-.48A4 4 0 0 0 9 10.34V9l2-2c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM11 5.59l-3 3v1.75a3 3 0 0 1-.88 2.12L7 12.6 1.41 7l.13-.12A3 3 0 0 1 3.66 6H5.4l3-3-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6Z" />
+    </>
+  ),
+  unpin: (
+    <>
+      <path d="M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5.7 4.3l.71.7 2-2-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6l-2 2 .7.7L11 7c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM.83 6.17A4 4 0 0 1 3.59 5l1 1h-.93a3 3 0 0 0-2.12.88L1.4 7 7 12.59l.12-.13A3 3 0 0 0 8 10.34v-.93l1 1a4 4 0 0 1-1.17 2.76l-.48.48a.5.5 0 0 1-.7 0l-2.8-2.8-3 3a.5.5 0 0 1-.7-.7l3-3-2.8-2.8a.5.5 0 0 1 0-.7l.48-.48Zm1.02-5.02a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z" />
+    </>
+  ),
+  add: (
+    <>
+      <path d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  subtract: (
+    <>
+      <path d="M3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  close: (
+    <>
+      <path d="M9.85 4.15c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  delete: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0a6 6 0 0 1-9.87 4.58l8.45-8.45A5.98 5.98 0 0 1 13 7ZM2.42 10.87l8.45-8.45a6 6 0 0 0-8.46 8.46Z"
+      />
+    </>
+  ),
+  passed: (
+    <>
+      <path d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm3.85-9.35c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  changed: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z"
+      />
+    </>
+  ),
+  failed: (
+    <>
+      <path d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm2.85-9.85c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  clear: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M5 2h7a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-1.41-.59l-3-3a2 2 0 0 1 0-2.82l3-3A2 2 0 0 1 5 2Zm1.15 3.15c.2-.2.5-.2.7 0L8 6.29l1.15-1.14a.5.5 0 1 1 .7.7L8.71 7l1.14 1.15a.5.5 0 0 1-.7.7L8 7.71 6.85 8.85a.5.5 0 1 1-.7-.7L7.29 7 6.15 5.85a.5.5 0 0 1 0-.7Z"
+      />
+    </>
+  ),
+  comment: (
+    <>
+      <path d="M3.5 5a.5.5 0 1 0 0 1h7a.5.5 0 0 0 0-1h-7ZM3 8.5c0-.27.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M12.5 12H5.7l-1.85 1.86a.5.5 0 0 1-.35.14.5.5 0 0 1-.5-.5V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5ZM2 11V3h10v8H2Z"
+      />
+    </>
+  ),
+  commentadd: (
+    <>
+      <path d="M7.5 5a.5.5 0 1 0-1 0v1.5H5a.5.5 0 1 0 0 1h1.5V9a.5.5 0 0 0 1 0V7.5H9a.5.5 0 0 0 0-1H7.5V5Z" />
+      <path
+        fillRule="evenodd"
+        d="M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z"
+      />
+    </>
+  ),
+  requestchange: (
+    <>
+      <path d="M9.85 6.65c.2.2.2.51 0 .7l-2 2a.5.5 0 1 1-.7-.7L8.3 7.5H4.5a.5.5 0 0 1 0-1h3.79L7.15 5.36a.5.5 0 1 1 .7-.71l2 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z"
+      />
+    </>
+  ),
+  comments: (
+    <>
+      <path d="M8.5 7a.5.5 0 0 0 0-1h-5a.5.5 0 1 0 0 1h5ZM9 8.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h5c.28 0 .5.23.5.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M12 11.5V10h1.5a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v8c0 .28.22.5.5.5H2v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.14L4.71 12h6.79a.5.5 0 0 0 .5-.5ZM3 3V2h10v7h-1V3.5a.5.5 0 0 0-.5-.5H3Zm-2 8V4h10v7H1Z"
+      />
+    </>
+  ),
+  lock: (
+    <>
+      <path d="M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z" />
+      <path
+        fillRule="evenodd"
+        d="M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z"
+      />
+    </>
+  ),
+  unlock: (
+    <>
+      <path d="M6.5 8.87a1 1 0 1 1 1 0v1.63a.5.5 0 0 1-1 0V8.87Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7 1a3 3 0 0 0-3 3v1h8.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4a4 4 0 0 1 7.76-1.38.5.5 0 0 1-.94.34A3 3 0 0 0 7 1ZM2 6h10v7H2V6Z"
+      />
+    </>
+  ),
+  key: (
+    <>
+      <path d="M11 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M7.5 8.53v.97a.5.5 0 0 1-.5.5H5.5v1.5a.5.5 0 0 1-.5.5H3.5v1.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .15-.36l5.12-5.11a4.5 4.5 0 1 1 2.23 2.5ZM6 4.5a3.5 3.5 0 1 1 1.5 2.87c-.29-.2-1-.37-1 .48V9H5a.5.5 0 0 0-.5.5V11H3a.5.5 0 0 0-.5.5V13H1v-1.3l5.2-5.19c.15-.16.18-.4.1-.6A3.47 3.47 0 0 1 6 4.5Z"
+      />
+    </>
+  ),
+  outbox: (
+    <>
+      <path d="M7.35.15a.5.5 0 0 0-.7 0l-2 2a.5.5 0 1 0 .7.7L6.5 1.72v6.8a.5.5 0 0 0 1 0V1.7l1.15 1.15a.5.5 0 1 0 .7-.71l-2-2Z" />
+      <path d="M2 7.5a.5.5 0 1 0-1 0v5c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-1 0V12H2V7.5Z" />
+    </>
+  ),
+  credit: (
+    <>
+      <path d="M2.5 8a.5.5 0 1 0 0 1h3a.5.5 0 0 0 0-1h-3Z" />
+      <path
+        fillRule="evenodd"
+        d="M0 11.5c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5a.5.5 0 0 0-.5.5v9ZM1 3v1h12V3H1Zm0 8h12V6H1v5Z"
+      />
+    </>
+  ),
+  button: (
+    <>
+      <path d="M1 3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3.5a.5.5 0 1 0 0-1H1V4h12v5h-1a.5.5 0 0 0 0 1h1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1Z" />
+      <path d="M6.45 7a.5.5 0 0 1 .3.08l3.48 2.02a.5.5 0 0 1 0 .87l-1.08.62.75 1.3a.75.75 0 0 1-1.3.75l-.75-1.3-1.07.62a.5.5 0 0 1-.67-.13.5.5 0 0 1-.1-.3L6 7.5a.5.5 0 0 1 .45-.5Z" />
+    </>
+  ),
+  type: (
+    <>
+      <path d="M4 1.5c0-.27.22-.5.5-.5h5a.5.5 0 1 1 0 1h-2v10h2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h2V2h-2a.5.5 0 0 1-.5-.5Z" />
+      <path d="M0 4.5c0-.27.22-.5.5-.5h4a.5.5 0 1 1 0 1H1v4h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-5ZM9.5 4a.5.5 0 1 0 0 1H13v4H9.5a.5.5 0 1 0 0 1h4a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-4Z" />
+    </>
+  ),
+  pointerdefault: (
+    <>
+      <path d="M5.94 12.46c.11 0 .2-.06.25-.15l1.58-3.16 2.54 2.54c.04.05.1.07.19.07a.3.3 0 0 0 .2-.07l.8-.8a.27.27 0 0 0 0-.38L8.9 7.9l3.4-1.7c.06-.03.1-.07.12-.11a.22.22 0 0 0 .04-.14.33.33 0 0 0-.06-.16.17.17 0 0 0-.09-.07h-.02L1.91 1.55a.27.27 0 0 0-.35.36l4.15 10.37c.04.09.12.16.23.17Zm-.03 1h-.02a1.28 1.28 0 0 1-1.1-.8L.62 2.29A1.27 1.27 0 0 1 2.3.63l10.35 4.15c.52.18.79.65.81 1.11.04.53-.27.98-.7 1.2l-2.17 1.08L12.2 9.8c.5.5.5 1.3 0 1.8l-.8.8v.01c-.5.46-1.3.48-1.8-.01l-1.56-1.56-.95 1.92c-.23.45-.68.7-1.15.7h-.03Z" />
+    </>
+  ),
+  pointerhand: (
+    <>
+      <path d="M11.87 6v-.02c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v1.41c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47V5.17a.6.6 0 0 0 0-.05c-.02-.27-.23-.5-.47-.5a.5.5 0 0 0-.52.5v1.65l-.01.1a.49.49 0 0 1-.46.37.48.48 0 0 1-.47-.47V4.62a.6.6 0 0 0 0-.05c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v2.2c0 .25-.22.47-.47.47a.49.49 0 0 1-.47-.47V1.75c-.02-.27-.22-.5-.47-.5a.5.5 0 0 0-.52.5v6.78c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47v-.26a.78.78 0 0 0-.06-.31.65.65 0 0 0-.16-.22l-.2-.19A6.37 6.37 0 0 0 3.06 7h-.02c-.43-.34-.62-.25-.69-.2-.26.14-.29.5-.13.74l1.73 2.6v.01h-.01l-.04.02.05-.02s1.21 2.6 3.57 2.6c3.54 0 4.2-1.9 4.31-4.42.04-.6.04-1.19.03-1.78V6Zm.97 2.38c-.06 1.29-.26 2.67-1.08 3.72-.88 1.12-2.29 1.65-4.23 1.65a4.64 4.64 0 0 1-3.4-1.62 6.96 6.96 0 0 1-1.05-1.5v-.02L1.4 8.1A1.6 1.6 0 0 1 1.15 7c.05-.38.26-.8.69-1.04.2-.13.48-.23.85-.19.36.05.68.22.98.45.14.1.27.22.4.33v-4.8A1.5 1.5 0 0 1 5.63.25c.93.04 1.43.86 1.43 1.55v1.33c.17-.05.35-.07.53-.06h.02c.5.04.91.33 1.15.71a1.5 1.5 0 0 1 .74-.16c.66.03 1.12.46 1.32.97a1.5 1.5 0 0 1 .64-.1h.02c.85.06 1.39.8 1.39 1.55v.48c0 .6 0 1.24-.03 1.86Z" />
+    </>
+  ),
+  browser: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5H.5Zm.5-1V4h12v8H1Zm1-9.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
+      />
+    </>
+  ),
+  tablet: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.5 0C2.67 0 2 .68 2 1.5v11c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-11c0-.82-.67-1.5-1.5-1.5h-7Zm0 1h7c.28 0 .5.23.5.5V11H3V1.5c0-.27.22-.5.5-.5ZM6 12a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H6Z"
+      />
+    </>
+  ),
+  mobile: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3 1.5C3 .68 3.67 0 4.5 0h5c.83 0 1.5.68 1.5 1.5v11c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 3 12.5v-11ZM4 12V2h6v10H4Z"
+      />
+    </>
+  ),
+  watch: (
+    <>
+      <path
+        key="watch"
+        fillRule="evenodd"
+        d="M4 .5c0-.27.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 4 .5ZM9.5 3h-5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5Zm-5-1C3.67 2 3 2.68 3 3.5v7c0 .83.67 1.5 1.5 1.5h5c.83 0 1.5-.67 1.5-1.5v-7c0-.82-.67-1.5-1.5-1.5h-5ZM7 4c.28 0 .5.23.5.5v2h1a.5.5 0 1 1 0 1H7a.5.5 0 0 1-.5-.5V4.5c0-.27.22-.5.5-.5Zm-2.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z"
+      />
+    </>
+  ),
+  sidebar: (
+    <>
+      <path d="M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2ZM6 2h6v10H6V2Z"
+      />
+    </>
+  ),
+  sidebaralt: (
+    <>
+      <path d="M9.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM10 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1h-1Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h6v10H2ZM9 2h3v10H9V2Z"
+      />
+    </>
+  ),
+  sidebaralttoggle: (
+    <>
+      <path d="M11.5 4.5A.5.5 0 0 0 11 4h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5ZM11 6a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm.5 2.5A.5.5 0 0 0 11 8h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11ZM9 12h3V2H9v10Zm-1 0H2V2h6v4.5H5.2l.66-.65a.5.5 0 1 0-.71-.7l-1.5 1.5a.5.5 0 0 0 0 .7l1.5 1.5a.5.5 0 1 0 .7-.7l-.64-.65H8V12Z"
+      />
+    </>
+  ),
+  sidebartoggle: (
+    <>
+      <path d="M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2Zm4 0V7.5h2.8l-.65.65a.5.5 0 1 0 .7.7l1.5-1.5a.5.5 0 0 0 0-.7l-1.5-1.5a.5.5 0 1 0-.7.7l.64.65H6V2h6v10H6Z"
+      />
+    </>
+  ),
+  bottombar: (
+    <>
+      <path d="M3 10.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 8V2h10v6H2Zm10 1v3H2V9h10Z"
+      />
+    </>
+  ),
+  bottombartoggle: (
+    <>
+      <path d="M3.5 10a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z" />
+      <path
+        fillRule="evenodd"
+        d="M1 12.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5Zm1-.5V9h10v3H2Zm4.5-4H2V2h10v6H7.5V5.21l.65.65a.5.5 0 1 0 .7-.71l-1.5-1.5a.5.5 0 0 0-.7 0l-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64v2.8Z"
+      />
+    </>
+  ),
+  cpu: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M5 5.5c0-.27.22-.5.5-.5h3c.28 0 .5.23.5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3ZM6 8V6h2v2H6Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M5.5 0c.28 0 .5.23.5.5V2h2V.5a.5.5 0 0 1 1 0V2h2.5c.28 0 .5.23.5.5V5h1.5a.5.5 0 0 1 0 1H12v2h1.5a.5.5 0 0 1 0 1H12v2.5a.5.5 0 0 1-.5.5H9v1.5a.5.5 0 0 1-1 0V12H6v1.5a.5.5 0 0 1-1 0V12H2.5a.5.5 0 0 1-.5-.5V9H.5a.5.5 0 0 1 0-1H2V6H.5a.5.5 0 0 1 0-1H2V2.5c0-.27.22-.5.5-.5H5V.5c0-.27.22-.5.5-.5ZM11 3H3v8h8V3Z"
+      />
+    </>
+  ),
+  database: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M12 3c0-1.1-2.24-2-5-2s-5 .9-5 2v8c0 .43.26.75.54.98.3.23.68.41 1.12.55.88.3 2.06.47 3.34.47 1.28 0 2.46-.17 3.34-.46.44-.15.83-.33 1.12-.56.28-.23.54-.55.54-.98V3Zm-1.03 0a2.45 2.45 0 0 0-.8-.49A8.88 8.88 0 0 0 7 2c-1.29 0-2.4.21-3.16.51a2.45 2.45 0 0 0-.81.49l.05.05c.13.13.37.28.76.44C4.6 3.79 5.7 4 7 4s2.4-.21 3.16-.51a2.45 2.45 0 0 0 .81-.49ZM11 5.75V4.2A8.9 8.9 0 0 1 7 5a8.98 8.98 0 0 1-4-.8v1.55l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 6.75a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03v-.01ZM3 7.01c.2.1.42.2.66.28.88.29 2.06.46 3.34.46 1.28 0 2.46-.17 3.34-.46.24-.08.46-.17.66-.28V8.5l-.02.04a.62.62 0 0 1-.14.15c-.17.13-.44.27-.82.4A10 10 0 0 1 7 9.5a10 10 0 0 1-3.02-.41 2.76 2.76 0 0 1-.82-.4.62.62 0 0 1-.14-.15.15.15 0 0 1-.02-.03V7Zm0 2.75V11l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 12a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03V9.76c-.2.1-.42.2-.66.28-.88.29-2.06.46-3.34.46-1.28 0-2.46-.17-3.34-.46A4.77 4.77 0 0 1 3 9.76Z"
+      />
+    </>
+  ),
+  memory: (
+    <>
+      <path d="M5 3a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0V3Zm2-.5c.28 0 .5.22.5.5v3a.5.5 0 0 1-1 0V3c0-.28.22-.5.5-.5Zm3 2a.5.5 0 1 0-1 0V6a.5.5 0 0 0 1 0V4.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M12 3.54a.5.5 0 0 0-.15-.39l-3-3a.5.5 0 0 0-.38-.14H2.5a.5.5 0 0 0-.5.5v13c0 .27.22.5.5.5h9a.5.5 0 0 0 .5-.5V3.53ZM3 1h5.3L11 3.71v5.3H3V1Zm0 9v3h8v-3H3Z"
+      />
+    </>
+  ),
+  structure: (
+    <>
+      <path d="M8.16 3.45a1.5 1.5 0 1 0-2.33 0l-4.02 6.58A1.5 1.5 0 1 0 2.91 12h8.18a1.5 1.5 0 1 0 1.1-1.97L8.16 3.45Zm-1.47.52a1.5 1.5 0 0 0 .62 0l4.03 6.58c-.11.14-.2.29-.25.45H2.9a1.5 1.5 0 0 0-.25-.45L6.7 3.97Z" />
+    </>
+  ),
+  box: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="m7.21.05 6.49 2.99a.5.5 0 0 1 .3.47v6.98a.5.5 0 0 1-.3.47l-6.47 2.98a.5.5 0 0 1-.46 0L.3 10.96a.5.5 0 0 1-.3-.47V3.5a.5.5 0 0 1 .3-.47L6.79.05a.5.5 0 0 1 .43 0ZM1 4.28v5.9l5.5 2.54v-5.9L1 4.28Zm6.5 8.44 5.5-2.54v-5.9L7.5 6.82v5.9Zm4.8-9.22L7 5.95 1.7 3.5 7 1.05l5.3 2.45Z"
+      />
+    </>
+  ),
+  power: (
+    <>
+      <path d="M7.5.5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0v-6Z" />
+      <path d="M4.27 2.8a.5.5 0 0 0-.54-.83 6 6 0 1 0 6.54 0 .5.5 0 0 0-.54.84 5 5 0 1 1-5.46 0Z" />
+    </>
+  ),
+  photo: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M6.25 4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M13 1.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5ZM2 9.3V2h10v5.3L9.85 5.15a.5.5 0 0 0-.7 0L6.5 7.8 5.35 6.65a.5.5 0 0 0-.7 0L2 9.3Zm7.5-3.1L12 8.7V12H2v-1.3l3-3 3.15 3.15a.5.5 0 0 0 .7-.71L7.21 8.5 9.5 6.21Z"
+      />
+    </>
+  ),
+  component: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.5 1A2.5 2.5 0 0 0 1 3.5v7A2.5 2.5 0 0 0 3.5 13h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 10.5 1h-7ZM12 6.5H7.5V2h3c.83 0 1.5.68 1.5 1.5v3Zm0 1v3c0 .83-.67 1.5-1.5 1.5h-3V7.5H12ZM6.5 12V7.5H2v3c0 .83.67 1.5 1.5 1.5h3ZM2 6.5h4.5V2h-3C2.67 2 2 2.68 2 3.5v3Z"
+      />
+    </>
+  ),
+  grid: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M1 1.5c0-.27.22-.5.5-.5H6c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H1.5A.5.5 0 0 1 1 6V1.5Zm1 4V2h3.5v3.5H2Zm5.5-4c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V1.5Zm1 4V2H12v3.5H8.5Zm-7 2A.5.5 0 0 0 1 8v4.5c0 .28.22.5.5.5H6a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H1.5Zm.5 1V12h3.5V8.5H2ZM7.5 8c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5v4.5a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V8Zm1 4V8.5H12V12H8.5Z"
+      />
+    </>
+  ),
+  outline: (
+    <>
+      <path d="M2 2v2H1V1.5c0-.27.22-.5.5-.5H4v1H2ZM1 9V5h1v4H1Zm0 1v2.5c0 .28.22.5.5.5H4v-1H2v-2H1Zm9 3h2.5a.5.5 0 0 0 .5-.5V10h-1v2h-2v1Zm2-9h1V1.5a.5.5 0 0 0-.5-.5H10v1h2v2Zm-3 8v1H5v-1h4ZM9 1v1H5V1h4Zm4 8h-1V5h1v4ZM7 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+    </>
+  ),
+  photodrag: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M8.25 3.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M14 7V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5V6h1V4h2v6.5c0 .28.22.5.5.5H10v2H8v1h2.5a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V7ZM4 1v5.8l1.65-1.65c.2-.2.5-.2.7 0L7.5 6.3l2.65-2.65c.2-.2.5-.2.7 0L13 5.8V1H4Zm9 6.21-2.5-2.5-2.3 2.3 1.15 1.14a.5.5 0 1 1-.7.7L6 6.22l-2 2v1.8h9V7.2Z"
+      />
+      <path d="M0 10V7h1v3H0Zm0 3.5V11h1v2h2v1H.5a.5.5 0 0 1-.5-.5Zm7 .5H4v-1h3v1Z" />
+    </>
+  ),
+  search: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z"
+      />
+    </>
+  ),
+  zoom: (
+    <>
+      <path d="M6 3.5c.28 0 .5.22.5.5v1.5H8a.5.5 0 0 1 0 1H6.5V8a.5.5 0 0 1-1 0V6.5H4a.5.5 0 0 1 0-1h1.5V4c0-.28.22-.5.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z"
+      />
+    </>
+  ),
+  zoomout: (
+    <>
+      <path d="M4 5.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H4Z" />
+      <path
+        fillRule="evenodd"
+        d="M6 11.5c1.35 0 2.59-.49 3.54-1.3.03.06.06.11.1.15l3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1A5.5 5.5 0 1 0 6 11.5Zm0-1a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z"
+      />
+    </>
+  ),
+  zoomreset: (
+    <>
+      <path d="M1.5 2.84V1.5a.5.5 0 0 0-1 0V4c0 .28.22.5.5.5h2.5a.5.5 0 0 0 0-1H2.26a4.5 4.5 0 1 1-.5 4.02.5.5 0 1 0-.94.33 5.5 5.5 0 0 0 8.72 2.36l.1.14 3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1 5.5 5.5 0 1 0-8.7-6.7Z" />
+    </>
+  ),
+  eye: (
+    <>
+      <path d="M7 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
+      <path
+        fillRule="evenodd"
+        d="m14 7-.2.3c-.13.16-3.06 4.2-6.8 4.2C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3C.34 6.55 3.27 2.5 7 2.5c3.74 0 6.67 4.04 6.8 4.2l.2.3ZM2.9 5.3A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8 1.52 0 2.96-.83 4.1-1.8A13 13 0 0 0 12.76 7a13 13 0 0 0-1.66-1.7C9.96 4.33 8.52 3.5 7 3.5c-1.52 0-2.96.83-4.1 1.8Z"
+      />
+    </>
+  ),
+  eyeclose: (
+    <>
+      <path d="M1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11ZM11.1 8.7c-.17.15-.36.3-.55.44l.72.71a13.25 13.25 0 0 0 2.52-2.56L14 7l-.2-.3c-.13-.16-3.06-4.2-6.8-4.2-.89 0-1.73.23-2.5.58l.76.76A4.86 4.86 0 0 1 7 3.5c1.52 0 2.96.83 4.1 1.8A13 13 0 0 1 12.76 7a13 13 0 0 1-1.66 1.7ZM.2 6.7c.08-.09 1.04-1.41 2.53-2.55l.72.71c-.2.14-.38.3-.55.44A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8.6 0 1.18-.13 1.74-.34l.77.76c-.78.35-1.62.58-2.51.58C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3Z" />
+      <path d="M4.5 7c0-.32.06-.63.17-.91l3.24 3.24A2.5 2.5 0 0 1 4.5 7Zm4.83.91L6.09 4.67a2.5 2.5 0 0 1 3.24 3.24Z" />
+    </>
+  ),
+  lightning: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .28.09.5.5 0 0 0 .35-.14L11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L2.52 6.6Zm7.72.63-3.07-.8 1.85-4.14-5.2 4.51 2.94.77-1.27 4.28 4.75-4.62Zm-5.73 6.2.04.02Z"
+      />
+    </>
+  ),
+  lightningoff: (
+    <>
+      <path d="M10.14 8.72 11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L5.46 4.05l.71.7L9.02 2.3 7.38 5.97l.7.7 2.16.56-.8.79.7.7ZM2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .63-.05l3.84-3.74-.7-.7-2.51 2.43 1.13-3.81-.68-.69L3.8 6.8l.85-.73-.71-.7L2.52 6.6Zm-.67-5.45a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z" />
+    </>
+  ),
+  contrast: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z"
+      />
+    </>
+  ),
+  switchalt: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3 3V.5c0-.27.22-.5.5-.5h10c.28 0 .5.23.5.5v10a.5.5 0 0 1-.5.5H11v2.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-10c0-.27.22-.5.5-.5H3Zm1 0V1h9v9h-2V3.5a.5.5 0 0 0-.5-.5H4Zm6 8v2H1V4h2v6.5c0 .28.22.5.5.5H10Zm0-1H4V4h6v6Z"
+      />
+    </>
+  ),
+  mirror: (
+    <>
+      <path d="M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12h10V2L2 12Z" />
+    </>
+  ),
+  grow: (
+    <>
+      <path d="M1.5 1a.5.5 0 1 0 0 1H12v10.5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H1.5Z" />
+      <path d="M1 3.5c0-.27.22-.5.5-.5H10a1 1 0 0 1 1 1v8.5a.5.5 0 0 1-1 0V4H1.5a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM2 6v6h6V6H2Z"
+      />
+    </>
+  ),
+  paintbrush: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M10.15 1.15c.2-.2.5-.2.7 0l2 2c.2.2.2.5 0 .7l-7 7a.5.5 0 0 1-.07.06 2 2 0 0 1-.37.5c-.6.61-1.72.89-2.94.99a7.63 7.63 0 0 1-2.43-.22s.48-.03.94-.42a1.96 1.96 0 0 0 .37-.41c.23-.35.35-.76.47-1.19.16-.56.32-1.13.77-1.57a2 2 0 0 1 .5-.37.5.5 0 0 1 .06-.07l7-7Zm.35 1.06 1.3 1.29-4.3 4.3-1.3-1.3 4.3-4.3Zm-5 5-.89.89a2 2 0 0 1 1.3 1.29l.88-.89L5.5 7.2Zm-3.04 4.18a6.83 6.83 0 0 0 1.42-.25c.42-.13.68-.28.83-.43a1 1 0 0 0-1.42-1.42c-.2.2-.31.47-.45.95l-.05.17c-.07.27-.17.63-.33.98Z"
+      />
+    </>
+  ),
+  ruler: (
+    <>
+      <path d="M1.5 1c.28 0 .5.23.5.5V2h10v-.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0V3H2v.5a.5.5 0 0 1-1 0v-2c0-.27.22-.5.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M12.5 6c.28 0 .5.23.5.5v5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-5c0-.27.22-.5.5-.5h11ZM2 7v4h10V7h-1v2a.5.5 0 0 1-1 0V7h-.75v.5a.5.5 0 0 1-1 0V7H7.5v2a.5.5 0 0 1-1 0V7h-.75v.5a.5.5 0 0 1-1 0V7H4v2a.5.5 0 0 1-1 0V7H2Z"
+      />
+    </>
+  ),
+  stop: (
+    <>
+      <path d="M4.5 4a.5.5 0 0 0-.5.5v5c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  camera: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M2.5 1a.5.5 0 0 0-.5.5V2H.5a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H6v-.5a.5.5 0 0 0-.5-.5h-3ZM1 3v8h12V3H1Z"
+      />
+    </>
+  ),
+  video: (
+    <>
+      <path d="M4 8.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M13 10.5a.5.5 0 0 1-.8.4L9 8.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-7c0-.28.22-.5.5-.5h7c.28 0 .5.22.5.5v2l3.2-2.4a.5.5 0 0 1 .8.4M9 7.26v-.5l3-2.25v5L9 7.25Zm4-3.74v6.98-6.98ZM8 4v6H2V4h6Z"
+      />
+    </>
+  ),
+  speaker: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M1 5.5v3c0 .28.22.5.5.5H4l2.1 2.8c.29.38.9.18.9-.3v-9a.5.5 0 0 0-.9-.3L4 5H1.5a.5.5 0 0 0-.5.5ZM4.5 8 6 10V4L4.5 6H2v2h2.5Z"
+      />
+      <path d="M9.07 5.02a.5.5 0 0 1 .68-.19 2.5 2.5 0 0 1 0 4.34.5.5 0 1 1-.5-.87 1.5 1.5 0 0 0 0-2.6.5.5 0 0 1-.18-.68Z" />
+      <path d="M9.62 2.64a.5.5 0 1 0-.24.97 3.5 3.5 0 0 1 0 6.78.5.5 0 1 0 .24.97 4.5 4.5 0 0 0 0-8.72Z" />
+    </>
+  ),
+  play: (
+    <>
+      <path d="m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z" />
+    </>
+  ),
+  playback: (
+    <>
+      <path d="M11.24 12.04 3.7 7.42a.5.5 0 0 1-.2-.23v4.05a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0V6.8a.5.5 0 0 1 .2-.23l7.54-4.6a.5.5 0 0 1 .76.42v9.22a.5.5 0 0 1-.76.43Z" />
+    </>
+  ),
+  playnext: (
+    <>
+      <path d="m2.76 12.04 7.54-4.61a.5.5 0 0 0 .2-.23v4.05a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0V6.8a.5.5 0 0 0-.2-.23l-7.54-4.6a.5.5 0 0 0-.76.42v9.22c0 .39.43.63.76.43Z" />
+    </>
+  ),
+  rewind: (
+    <>
+      <path d="M9 2.42v2.32L13.23 2a.5.5 0 0 1 .77.42v9.16a.5.5 0 0 1-.77.42L9 9.26v2.32a.5.5 0 0 1-.77.42L1.5 7.65v3.6a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0v3.6L8.23 2a.5.5 0 0 1 .77.42Z" />
+    </>
+  ),
+  fastforward: (
+    <>
+      <path d="M5 2.42v2.32L.77 2a.5.5 0 0 0-.77.42v9.16c0 .4.44.64.77.42L5 9.26v2.32c0 .4.44.64.77.42l6.73-4.35v3.6a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0v3.6L5.77 2a.5.5 0 0 0-.77.42Z" />
+    </>
+  ),
+  stopalt: (
+    <>
+      <path d="M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11Z" />
+    </>
+  ),
+  book: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.5 1a.5.5 0 0 1 .06 0h6.94c.83 0 1.5.68 1.5 1.5v9c0 .83-.67 1.5-1.5 1.5h-8a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h.94a.5.5 0 0 1 .06 0Zm3.35 4.65L7 5.8V2H6v3.8l.15-.15c.2-.2.5-.2.7 0Zm.3 1.7A.5.5 0 0 0 8 7V2h2.5c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5H4V2h1v5a.5.5 0 0 0 .14.36.5.5 0 0 0 .36.14.5.5 0 0 0 .35-.14l.65-.65.65.65Z"
+      />
+    </>
+  ),
+  document: (
+    <>
+      <path d="M5 5a.5.5 0 1 0 0 1h4a.5.5 0 0 0 0-1H5Zm0 2a.5.5 0 1 0 0 1h4a.5.5 0 0 0 0-1H5Zm-.5 2.5c0-.27.22-.5.5-.5h4a.5.5 0 1 1 0 1H5a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M9.5 1a.5.5 0 0 1 .36.15l1.99 2c.1.09.15.21.15.35v9.01a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-11c0-.28.22-.5.5-.5h7ZM3 12V2h6v1.5c0 .28.22.5.5.5H11v8H3Z"
+      />
+    </>
+  ),
+  copy: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M11.75.07A.5.5 0 0 0 11.5 0h-6a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h8a.5.5 0 0 0 .5-.5V11h4.5a.5.5 0 0 0 .5-.5V2.51a.5.5 0 0 0-.15-.36l-2-2a.5.5 0 0 0-.1-.08ZM9 10h4V3h-1.5a.5.5 0 0 1-.5-.5V1H6v2h.5a.5.5 0 0 1 .36.15l1.99 2c.1.09.15.21.15.35v4.51ZM1 4v9h7V6H6.5a.5.5 0 0 1-.5-.5V4H1Z"
+      />
+    </>
+  ),
+  category: (
+    <>
+      <path d="M3 1.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm-1 2c0-.27.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1 5.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v7a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-7ZM2 12V6h10v6H2Z"
+      />
+    </>
+  ),
+  folder: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M6.59 4.5 5.09 3H2v8h10V4.5H6.59Zm.41-1L5.8 2.3a1 1 0 0 0-.71-.3H1.5a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H7Z"
+      />
+    </>
+  ),
+  print: (
+    <>
+      <path d="M4.5 8a.5.5 0 1 0 0 1h5a.5.5 0 0 0 0-1h-5Zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z" />
+      <path
+        fillRule="evenodd"
+        d="M2 1.5c0-.27.22-.5.5-.5h8a.5.5 0 0 1 .36.15l.99 1c.1.09.15.21.15.35v1.51h1.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-.5.5H12v2.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10H.5a.5.5 0 0 1-.5-.5v-5c0-.28.22-.5.5-.5H2V1.5ZM13 9h-1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V9H1V5h12v4Zm-2-6v1H3V2h7v.5c0 .28.22.5.5.5h.5Zm-8 9h8V7H3v5Z"
+      />
+    </>
+  ),
+  graphline: (
+    <>
+      <path d="M5.15 6.15c.2-.2.5-.2.7 0L7 7.3l2.15-2.15c.2-.2.5-.2.7 0l1 1a.5.5 0 0 1-.7.7l-.65-.64-2.15 2.15a.5.5 0 0 1-.7 0L5.5 7.2 3.85 8.86a.5.5 0 1 1-.7-.71l2-2Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 1a.5.5 0 0 0-.5.5v11c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-11ZM2 2v10h10V2H2Z"
+      />
+    </>
+  ),
+  calendar: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.5.75c.28 0 .5.23.5.5V2h6v-.75a.5.5 0 0 1 1 0V2h1.5c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-9c0-.27.22-.5.5-.5H3v-.75c0-.27.22-.5.5-.5ZM2 8.5v-2h3v2H2ZM2 9v2h3V9H2Zm3.5 0v2h3V9h-3ZM9 9v2h3V9H9Zm3-2.5v2H9v-2h3Zm-3.5 2h-3v-2h3v2ZM2 6V4h3v2H2Zm3.5 0h3V4h-3v2ZM9 4v2h3V4H9Z"
+      />
+    </>
+  ),
+  graphbar: (
+    <>
+      <path d="M12 2.5a.5.5 0 0 0-1 0v10a.5.5 0 0 0 1 0v-10Zm-3 2a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0v-8ZM5.5 7c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0v-5c0-.28.22-.5.5-.5ZM3 10.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2Z" />
+    </>
+  ),
+  menu: (
+    <>
+      <path d="M13 2a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h12Zm-3 3a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h9Zm1.5 3.5A.5.5 0 0 0 11 8H1a.5.5 0 0 0 0 1h10a.5.5 0 0 0 .5-.5Zm-4 2.5a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h6.5Z" />
+    </>
+  ),
+  menualt: (
+    <>
+      <path d="M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm3 3a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1H4ZM2.5 8.5c0-.28.22-.5.5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm4 2.5a.5.5 0 0 0 0 1H13a.5.5 0 0 0 0-1H6.5Z" />
+    </>
+  ),
+  filter: (
+    <>
+      <path d="M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm2 3a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H3Zm1.5 3.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm2 2.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z" />
+    </>
+  ),
+  docchart: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M1 2.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-9Zm1 6v-2h3v2H2ZM2 9v2h3V9H2Zm3.5 0v2h3V9h-3ZM9 9v2h3V9H9Zm3-.5H9v-2h3v2Zm-3.5 0h-3v-2h3v2ZM5 6H2V4h3v2Zm.5 0h3V4h-3v2ZM9 6h3V4H9v2Z"
+      />
+    </>
+  ),
+  doclist: (
+    <>
+      <path d="M4 5a.5.5 0 1 0 0 1h6a.5.5 0 0 0 0-1H4Zm-.5 2.5c0-.28.22-.5.5-.5h6a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5ZM4 9a.5.5 0 1 0 0 1h6a.5.5 0 1 0 0-1H4Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 2a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-11ZM2 4v7h10V4H2Z"
+      />
+    </>
+  ),
+  markup: (
+    <>
+      <path d="M8.98 1.63a.5.5 0 0 0-.96-.26l-3 11a.5.5 0 1 0 .96.26l3-11ZM3.32 3.62a.5.5 0 0 1 .06.7L1.15 7l2.23 2.68a.5.5 0 1 1-.76.64l-2.5-3a.5.5 0 0 1 0-.64l2.5-3a.5.5 0 0 1 .7-.06Zm7.36 0a.5.5 0 0 0-.06.7L12.85 7l-2.23 2.68a.5.5 0 0 0 .76.64l2.5-3a.5.5 0 0 0 0-.64l-2.5-3a.5.5 0 0 0-.7-.06Z" />
+    </>
+  ),
+  bold: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3 2v1.5h1v7H3V12h5a3 3 0 0 0 1.8-5.4A2.74 2.74 0 0 0 8 2H3Zm5 5.5H5.5v3H8a1.5 1.5 0 1 0 0-3Zm-.25-4H5.5V6h2.25a1.25 1.25 0 1 0 0-2.5Z"
+      />
+    </>
+  ),
+  italic: <path d="M5 2h6v1H8.5l-2 8H9v1H3v-1h2.5l2-8H5V2Z" />,
+  paperclip: (
+    <>
+      <path d="M10.55 2.27a1.5 1.5 0 0 0-2.12 0L2.78 7.92a2.5 2.5 0 0 0 3.53 3.54l3.54-3.54a.5.5 0 1 1 .7.71l-3.53 3.54a3.5 3.5 0 0 1-4.96-4.94v-.01l5.66-5.66h.01a2.5 2.5 0 0 1 3.53 3.53L5.6 10.76a1.5 1.5 0 0 1-2.12-2.12L7.02 5.1a.5.5 0 1 1 .7.7L4.2 9.34a.5.5 0 0 0 .7.7l5.66-5.65a1.5 1.5 0 0 0 0-2.12Z" />
+    </>
+  ),
+  listordered: (
+    <>
+      <path d="M5 2.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm.5 4a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm-3-9H1v1h1v3h1V2.5a.5.5 0 0 0-.5-.5ZM3 8.5v1a.5.5 0 0 1-1 0V9h-.5a.5.5 0 0 1 0-1h1c.28 0 .5.22.5.5Zm-1 2a.5.5 0 0 0-1 0V12h2v-1H2v-.5Z" />
+    </>
+  ),
+  listunordered: (
+    <>
+      <path d="M2.75 2.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.5 2a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm0 9a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7ZM2 12.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm-3 .75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" />
+    </>
+  ),
+  paragraph: (
+    <>
+      <path d="M6 7a3 3 0 1 1 0-6h5.5a.5.5 0 0 1 0 1H10v10.5a.5.5 0 0 1-1 0V2H7v10.5a.5.5 0 0 1-1 0V7Z" />
+    </>
+  ),
+  markdown: (
+    <>
+      <path d="M2 4.5h1.5L5 6.38 6.5 4.5H8v5H6.5V7L5 8.88 3.5 7v2.5H2v-5Zm7.75 0h1.5V7h1.25l-2 2.5-2-2.5h1.25V4.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M.5 2a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5ZM1 3v8h12V3H1Z"
+      />
+    </>
+  ),
+  repository: (
+    <>
+      <path d="M6 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM5.5 6a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM6 7.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M3.56 1a.5.5 0 0 0-.12 0H2.5a.5.5 0 0 0-.5.5v11c0 .28.22.5.5.5H5v.5a.5.5 0 0 0 1 0 .5.5 0 0 0 1 0V13h3.5c.83 0 1.5-.67 1.5-1.5v-9c0-.82-.67-1.5-1.5-1.5H3.56Zm3 11h3.94a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H4v10h1.44a.5.5 0 0 1 .12 0h.88a.5.5 0 0 1 .12 0Z"
+      />
+    </>
+  ),
+  commit: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.03 7.5a4 4 0 0 0 7.94 0h2.53a.5.5 0 0 0 0-1h-2.53a4 4 0 0 0-7.94 0H.5a.5.5 0 0 0 0 1h2.53ZM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      />
+    </>
+  ),
+  branch: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M6 2.5c0 .65-.42 1.2-1 1.41v4.06A3.36 3.36 0 0 1 7.5 7a2.7 2.7 0 0 0 1.81-.56c.22-.18.38-.4.48-.62a1.5 1.5 0 1 1 1.03.15c-.16.42-.43.87-.86 1.24-.57.47-1.37.79-2.46.79-1.04 0-1.64.42-2 .92-.26.37-.4.8-.47 1.18A1.5 1.5 0 1 1 4 10.09V3.9a1.5 1.5 0 1 1 2-1.4Zm-2 9a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm1-9a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm6 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
+      />
+    </>
+  ),
+  pullrequest: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M8.35 1.35 7.71 2h.79A2.5 2.5 0 0 1 11 4.5v5.59a1.5 1.5 0 1 1-1 0V4.5C10 3.67 9.33 3 8.5 3h-.8l.65.65a.5.5 0 1 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7ZM11 11.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4 3.91a1.5 1.5 0 1 0-1 0v6.18a1.5 1.5 0 1 0 1 0V3.9ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm0-8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"
+      />
+    </>
+  ),
+  merge: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M4.1 3.87a1.5 1.5 0 1 0-1.1.04v6.18a1.5 1.5 0 1 0 1 0V6.4c.26.4.57.77.93 1.08A6.57 6.57 0 0 0 9.08 9a1.5 1.5 0 1 0 0-1 5.57 5.57 0 0 1-3.5-1.25 4.74 4.74 0 0 1-1.47-2.87ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM4 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm7 6a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
+      />
+    </>
+  ),
+  storybook: (
+    <>
+      <path d="M2.04.62a.7.7 0 0 0-.66.72l.44 11.56c.01.37.3.66.67.68l9.4.42h.02a.7.7 0 0 0 .7-.7V.66a.7.7 0 0 0-.74-.66l-.77.05.05 1.62a.1.1 0 0 1-.17.08l-.52-.4-.61.46a.1.1 0 0 1-.17-.09L9.75.13l-7.7.49Zm8 4.74c-.24.2-2.09.33-2.09.05.04-1.04-.43-1.09-.69-1.09-.24 0-.66.08-.66.64 0 .57.6.89 1.32 1.27 1.02.53 2.24 1.18 2.24 2.82 0 1.57-1.27 2.43-2.9 2.43-1.67 0-3.14-.68-2.97-3.03.06-.27 2.2-.2 2.2 0-.03.97.19 1.26.75 1.26.43 0 .62-.24.62-.64 0-.6-.63-.95-1.36-1.36-.99-.56-2.15-1.2-2.15-2.7 0-1.5 1.03-2.5 2.86-2.5 1.83 0 2.84.99 2.84 2.85Z" />
+    </>
+  ),
+  azuredevops: (
+    <>
+      <path d="m0 5.18 1.31-1.73 4.9-2V.01l4.3 3.15-8.78 1.7v4.8L0 9.16V5.18Zm14-2.6v8.55l-3.36 2.86-5.42-1.79V14L1.73 9.66l8.78 1.05V3.16L14 2.58Z" />
+    </>
+  ),
+  bitbucket: (
+    <>
+      <path d="M1 1.52A.41.41 0 0 0 .59 2l1.74 10.6c.05.26.28.46.55.46h8.37c.2 0 .38-.14.42-.34l1.01-6.25H8.81l-.46 2.71H5.68L4.95 5.4h7.91L13.4 2a.41.41 0 0 0-.41-.48H1Z" />
+    </>
+  ),
+  chromatic: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M0 7a7 7 0 1 0 14 0A7 7 0 0 0 0 7Zm5.22-3.87a1.97 1.97 0 0 1 3.75.83v1.29L5.61 3.32a2.49 2.49 0 0 0-.4-.19ZM8.7 5.71 5.35 3.78a1.97 1.97 0 0 0-2.6 2.83c.12-.1.24-.18.37-.26l1.51-.87a.27.27 0 0 1 .27 0L7 6.69l1.7-.98Zm-.32 4.97-1.52-.87a.27.27 0 0 1-.13-.23V7.15l-1.7-.97v3.86a1.97 1.97 0 0 0 3.75.83 2.5 2.5 0 0 1-.4-.19Zm.26-.46a1.97 1.97 0 0 0 2.6-2.83c-.11.1-.23.18-.36.26L7.53 9.58l1.11.64Zm-4.1.26h-.17a1.97 1.97 0 0 1-1.9-2.47 2 2 0 0 1 .92-1.2l1.11-.63v3.86c0 .14.01.29.04.44Zm6.79-5.98a1.97 1.97 0 0 0-1.87-.97c.03.14.04.29.04.43v1.75c0 .1-.05.19-.14.23l-2.1 1.22V9.1l3.35-1.93a1.97 1.97 0 0 0 .72-2.68Z"
+      />
+    </>
+  ),
+  componentdriven: (
+    <>
+      <path d="M10.85 2.18 8.87.2a.69.69 0 0 0-.97 0L3.09 5.01a.69.69 0 0 0 0 .97l2.46 2.46-2.4 2.4a.69.69 0 0 0 0 .98l1.98 1.98c.27.27.7.27.97 0l4.8-4.81a.69.69 0 0 0 0-.97L8.45 5.56l2.4-2.4a.69.69 0 0 0 0-.98Z" />
+    </>
+  ),
+  discord: (
+    <>
+      <path d="M11.85 2.88C10.95 2.48 10 2.18 9 2a7.05 7.05 0 0 0-.4.75 10.66 10.66 0 0 0-3.2 0c-.1-.23-.24-.5-.36-.73A.04.04 0 0 0 4.99 2a11.51 11.51 0 0 0-2.86.9 11.82 11.82 0 0 0-2.05 8 11.6 11.6 0 0 0 3.5 1.77c.01 0 .03 0 .04-.02.27-.36.51-.75.72-1.16a.04.04 0 0 0-.03-.06 7.66 7.66 0 0 1-1.09-.52.04.04 0 0 1 0-.08 5.96 5.96 0 0 0 .26-.17 8.28 8.28 0 0 0 7.08 0l.22.17c.02.02.02.06 0 .08-.36.2-.72.37-1.1.52a.04.04 0 0 0-.02.06c.2.4.45.8.71 1.16.01.02.03.02.05.02a11.57 11.57 0 0 0 3.52-1.8 11.74 11.74 0 0 0-2.09-7.99Zm-7.17 6.4c-.7 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.56 1.42-1.26 1.42Zm4.65 0c-.69 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.55 1.42-1.26 1.42Z" />
+    </>
+  ),
+  facebook: (
+    <>
+      <path d="M7.4 14H5.06V7H3.5V4.59h1.56V3.17C5.06 1.2 5.53 0 7.6 0h1.72v2.41H8.25c-.8 0-.85.34-.85.97v1.2h1.93L9.11 7H7.4l-.01 7Z" />
+    </>
+  ),
+  figma: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M9.2 0H4.8a2.6 2.6 0 0 0-1.4 4.8 2.6 2.6 0 0 0 0 4.4 2.6 2.6 0 1 0 4 2.2V8.89a2.6 2.6 0 1 0 3.2-4.09A2.6 2.6 0 0 0 9.2 0ZM7.4 7A1.8 1.8 0 1 0 11 7a1.8 1.8 0 0 0-3.6 0Zm-.8 2.6H4.8a1.8 1.8 0 1 0 1.8 1.8V9.6ZM4.8 4.4h1.8V.8H4.8a1.8 1.8 0 0 0 0 3.59Zm0 .8a1.8 1.8 0 0 0 0 3.6h1.8V5.2H4.8Zm4.4-.8H7.4V.8h1.8a1.8 1.8 0 1 1 0 3.59Z"
+      />
+    </>
+  ),
+  gdrive: (
+    <>
+      <path d="M6.37 8.77 4.33 12.3h6.75l2.04-3.54H6.38Zm6.18-1-3.5-6.08h-4.1l3.51 6.08h4.09ZM4.38 2.7.88 8.77l2.04 3.54 3.5-6.07L4.38 2.7Z" />
+    </>
+  ),
+  github: (
+    <>
+      <path d="M7 0a7 7 0 0 0-2.21 13.64c.35.06.48-.15.48-.33L5.26 12c-1.76.32-2.21-.43-2.35-.83-.08-.2-.43-.82-.72-.99-.25-.13-.6-.45-.01-.46.55 0 .94.5 1.07.72.63 1.06 1.64.76 2.04.58.07-.46.25-.77.45-.94-1.56-.18-3.19-.78-3.19-3.46 0-.76.28-1.39.72-1.88-.07-.17-.31-.9.07-1.85 0 0 .59-.19 1.93.71a6.5 6.5 0 0 1 3.5 0c1.34-.9 1.92-.71 1.92-.71.39.96.14 1.68.07 1.85.45.5.72 1.11.72 1.88 0 2.69-1.64 3.28-3.2 3.46.26.22.48.64.48 1.3l-.01 1.92c0 .18.13.4.48.33A7.01 7.01 0 0 0 7 0Z" />
+    </>
+  ),
+  gitlab: (
+    <>
+      <path d="M4.53 5.58H1.07l1.49-4.55a.26.26 0 0 1 .48 0l1.49 4.55ZM7 13.15 1.07 5.58l-.75 2.3a.5.5 0 0 0 .18.57l6.5 4.7Zm0 0 6.5-4.7a.5.5 0 0 0 .18-.57l-.75-2.3L7 13.15l2.47-7.57H4.53L7 13.15Zm2.47-7.57h3.46l-1.49-4.55a.26.26 0 0 0-.48 0L9.47 5.58Z" />
+    </>
+  ),
+  google: (
+    <>
+      <path d="M10.92 1.1H7.26c-1.64 0-3.19 1.24-3.19 2.68 0 1.47 1.12 2.66 2.8 2.66l.33-.01c-.1.2-.18.44-.18.68 0 .41.22.75.5 1.02h-.64c-2.03 0-3.6 1.3-3.6 2.64 0 1.32 1.72 2.15 3.75 2.15 2.32 0 3.6-1.31 3.6-2.64 0-1.06-.31-1.7-1.28-2.38-.33-.23-.96-.8-.96-1.14 0-.39.1-.58.7-1.04a2.46 2.46 0 0 0 1.03-1.92c0-.92-.4-1.82-1.18-2.11h1.17l.81-.6ZM9.6 10.04c.03.13.05.25.05.38 0 1.07-.7 1.9-2.67 1.9-1.4 0-2.42-.88-2.42-1.95 0-1.05 1.26-1.92 2.66-1.9a3 3 0 0 1 .92.14c.76.53 1.3.83 1.46 1.43ZM7.34 6.07c-.94-.03-1.84-1.06-2-2.3-.17-1.24.47-2.19 1.41-2.16.94.03 1.84 1.03 2 2.26.17 1.24-.47 2.23-1.41 2.2Z" />
+    </>
+  ),
+  graphql: (
+    <>
+      <path d="M7.87 11.6a1.17 1.17 0 0 0-1.7-.02l-2.71-1.56.01-.04h7.07l.02.07-2.69 1.56Zm-1.7-9.18.03.03-3.54 6.12h-.04V5.43a1.17 1.17 0 0 0 .84-1.46l2.7-1.56Zm4.38 1.56a1.17 1.17 0 0 0 .84 1.46v3.12l-.04.01-3.54-6.12c.02 0 .03-.02.04-.03l2.7 1.56ZM3.47 9.42a1.17 1.17 0 0 0-.32-.57l3.53-6.12a1.17 1.17 0 0 0 .65 0l3.54 6.12a1.17 1.17 0 0 0-.33.57H3.47Zm8.8-.74c-.1-.05-.21-.1-.32-.12V5.44a1.17 1.17 0 1 0-1.12-1.94l-2.7-1.56a1.17 1.17 0 1 0-2.24 0L3.19 3.5a1.17 1.17 0 1 0-1.13 1.94v3.12a1.17 1.17 0 1 0 1.12 1.94l2.7 1.56a1.17 1.17 0 1 0 2.24-.03l2.69-1.55a1.17 1.17 0 1 0 1.45-1.8Z" />
+    </>
+  ),
+  medium: (
+    <>
+      <path d="M0 0v14h14V0H0Zm11.63 3.32-.75.72a.22.22 0 0 0-.08.2v5.33c0 .07.03.14.08.18l.73.72v.16H7.92v-.16l.76-.74c.08-.07.08-.1.08-.21V5.24l-2.11 5.37h-.29L3.9 5.24v3.67c0 .13.05.25.14.34l.99 1.2v.16h-2.8v-.16l.98-1.2a.48.48 0 0 0 .13-.41V4.65c0-.11-.04-.2-.12-.27l-.88-1.06v-.16h2.73l2.1 4.62 1.86-4.62h2.6v.16Z" />
+    </>
+  ),
+  redux: (
+    <>
+      <path d="M4.06 9.69c.02.49.42.88.91.88H5a.91.91 0 0 0-.03-1.83h-.03c-.03 0-.08 0-.11.02a5.97 5.97 0 0 1-.85-3.62c.06-.98.39-1.82.96-2.52.47-.6 1.39-.9 2-.92 1.73-.03 2.47 2.12 2.51 2.99.22.04.57.16.82.24-.2-2.64-1.83-4-3.4-4-1.46 0-2.81 1.05-3.35 2.61a6.67 6.67 0 0 0 .65 5.68.74.74 0 0 0-.11.47Zm8.28-2.3a6.62 6.62 0 0 0-5.15-2.25h-.26a.9.9 0 0 0-.8-.49H6.1a.91.91 0 0 0 .03 1.83h.03a.92.92 0 0 0 .8-.56h.3c1.23 0 2.4.36 3.47 1.06.81.54 1.4 1.24 1.72 2.09.28.68.26 1.35-.03 1.92a2.4 2.4 0 0 1-2.23 1.34c-.65 0-1.27-.2-1.6-.34-.18.16-.5.42-.73.58.7.33 1.41.5 2.1.5 1.56 0 2.72-.85 3.16-1.72.47-.94.44-2.57-.78-3.96ZM4.9 12.9a4 4 0 0 1-.98.11c-1.2 0-2.3-.5-2.84-1.32C.38 10.6.13 8.3 2.5 6.58c.05.26.15.62.22.83-.31.23-.8.68-1.11 1.3a2.4 2.4 0 0 0 .13 2.53c.36.54.93.86 1.66.96.9.11 1.8-.05 2.66-.5a5.83 5.83 0 0 0 2.67-2.56.91.91 0 0 1 .62-1.55h.03a.92.92 0 0 1 .1 1.82 6.26 6.26 0 0 1-4.56 3.49Z" />
+    </>
+  ),
+  twitter: (
+    <>
+      <path d="M14 2.55c-.51.23-1.07.39-1.65.46.6-.36 1.05-.94 1.26-1.63-.55.34-1.17.58-1.82.72a2.84 2.84 0 0 0-2.1-.93 2.9 2.9 0 0 0-2.8 3.61 8.09 8.09 0 0 1-5.9-3.07 2.99 2.99 0 0 0 .88 3.93 2.8 2.8 0 0 1-1.3-.37v.04c0 1.42 1 2.61 2.3 2.89a2.82 2.82 0 0 1-1.3.05 2.89 2.89 0 0 0 2.7 2.04A5.67 5.67 0 0 1 0 11.51a7.98 7.98 0 0 0 4.4 1.32c5.29 0 8.17-4.48 8.17-8.38v-.38A5.93 5.93 0 0 0 14 2.55Z" />
+    </>
+  ),
+  youtube: (
+    <>
+      <path d="M13.99 8.17V5.83a14.95 14.95 0 0 0-.23-2.22c-.09-.38-.27-.7-.55-.96s-.6-.41-.97-.45A51.3 51.3 0 0 0 7 2c-2.34 0-4.09.07-5.24.2A1.78 1.78 0 0 0 .25 3.61 15.26 15.26 0 0 0 0 7v1.16a15.24 15.24 0 0 0 .24 2.22c.09.38.27.7.55.96.27.26.6.41.97.45 1.15.13 2.9.2 5.24.2 2.34 0 4.08-.06 5.24-.2.37-.04.7-.19.97-.45s.45-.58.54-.96a15.26 15.26 0 0 0 .24-2.22Zm-4.23-1.6c.16.1.24.24.24.43 0 .2-.08.33-.24.42l-4 2.5a.44.44 0 0 1-.26.08.54.54 0 0 1-.24-.06A.46.46 0 0 1 5 9.5v-5c0-.2.08-.34.26-.44.17-.1.34-.09.5.02l4 2.5Z" />
+    </>
+  ),
+  vscode: (
+    <>
+      <path d="M10.24.04c.13 0 .26.03.38.09L13.5 1.5a.87.87 0 0 1 .5.8v.03-.01 9.39c0 .33-.2.63-.5.78l-2.88 1.38a.87.87 0 0 1-1-.17l-5.5-5.03-2.4 1.83a.58.58 0 0 1-.75-.04l-.77-.7a.58.58 0 0 1 0-.86L2.27 7 .2 5.1a.58.58 0 0 1 0-.86l.77-.7c.21-.2.52-.2.75-.04l2.4 1.83L9.63.3a.87.87 0 0 1 .61-.26Zm.26 3.78L6.32 7l4.18 3.18V3.82Z" />
+    </>
+  ),
+} as const;
 
 export type IconKey = keyof typeof icons;

From 1bf946a5e1ad5e6bd99021ebd198a2f3c670e614 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Thu, 28 Jul 2022 09:57:21 -0600
Subject: [PATCH 020/266] Tweak type requirement

---
 code/lib/components/src/icon/icon.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/lib/components/src/icon/icon.tsx b/code/lib/components/src/icon/icon.tsx
index 7740e96132c6..531d4f8b537e 100644
--- a/code/lib/components/src/icon/icon.tsx
+++ b/code/lib/components/src/icon/icon.tsx
@@ -20,12 +20,12 @@ const Svg = styled.svg`
  * - *decorative only*: for example, it illustrates a label next to it. We must ensure that it is ignored by screen readers, by setting `aria-hidden` attribute (ex: `<Icon icon="check" aria-hidden />`)
  * - *non-decorative*: it means that it delivers information. For example, an icon as only child in a button. The meaning can be obvious visually, but it must have a proper text alternative via `aria-label` for screen readers. (ex: `<Icon icon="print" aria-label="Print this document" />`)
  */
-export interface IconProps {
-  icon: IconType;
+export interface IconsProps {
+  icon?: IconType;
   symbol?: IconType;
 }
 
-export const Icons: FunctionComponent<IconProps> = ({ icon, symbol, ...props }: IconProps) => {
+export const Icons: FunctionComponent<IconsProps> = ({ icon, symbol, ...props }: IconsProps) => {
   return (
     <Svg viewBox="0 0 14 14" width="14px" height="14px" {...props}>
       {symbol ? <use xlinkHref={`#icon--${symbol}`} /> : icons[icon]}

From d33222edee4acc14e5806726bf84042720a4bd79 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Mon, 1 Aug 2022 15:57:49 -0600
Subject: [PATCH 021/266] Updated Icons to be more explicit thanks to Jono

---
 code/lib/components/src/icon/icon.stories.tsx   |  6 +++---
 code/lib/components/src/icon/icon.tsx           | 17 +++++------------
 code/lib/ui/src/components/sidebar/TreeNode.tsx |  8 ++++----
 3 files changed, 12 insertions(+), 19 deletions(-)

diff --git a/code/lib/components/src/icon/icon.stories.tsx b/code/lib/components/src/icon/icon.stories.tsx
index f50e846bcac6..128b9f73a32d 100644
--- a/code/lib/components/src/icon/icon.stories.tsx
+++ b/code/lib/components/src/icon/icon.stories.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { styled, css } from '@storybook/theming';
 
 import { Icons } from './icon';
-import { icons } from './icons';
+import { icons, IconKey } from './icons';
 
 const Meta = styled.div`
   color: #666;
@@ -67,7 +67,7 @@ export const Labels = () => (
     <List>
       {Object.keys(icons).map((key) => (
         <Item key={key}>
-          <Icons icon={key as keyof typeof icons} aria-hidden />
+          <Icons icon={key as IconKey} aria-hidden />
           <Meta>{key}</Meta>
         </Item>
       ))}
@@ -81,7 +81,7 @@ export const NoLabels = () => (
     <List>
       {Object.keys(icons).map((key) => (
         <Item minimal key={key}>
-          <Icons icon={key as keyof typeof icons} aria-label={key} />
+          <Icons icon={key as IconKey} aria-label={key} />
         </Item>
       ))}
     </List>
diff --git a/code/lib/components/src/icon/icon.tsx b/code/lib/components/src/icon/icon.tsx
index 531d4f8b537e..aac07647181a 100644
--- a/code/lib/components/src/icon/icon.tsx
+++ b/code/lib/components/src/icon/icon.tsx
@@ -13,22 +13,15 @@ const Svg = styled.svg`
   }
 `;
 
-/**
- * An Icon is a piece of visual element, but we must ensure its accessibility while using it.
- * It can have 2 purposes:
- *
- * - *decorative only*: for example, it illustrates a label next to it. We must ensure that it is ignored by screen readers, by setting `aria-hidden` attribute (ex: `<Icon icon="check" aria-hidden />`)
- * - *non-decorative*: it means that it delivers information. For example, an icon as only child in a button. The meaning can be obvious visually, but it must have a proper text alternative via `aria-label` for screen readers. (ex: `<Icon icon="print" aria-label="Print this document" />`)
- */
-export interface IconsProps {
-  icon?: IconType;
-  symbol?: IconType;
+export interface IconsProps extends ComponentProps<typeof Svg> {
+  icon: IconType;
+  useSymbol?: boolean;
 }
 
-export const Icons: FunctionComponent<IconsProps> = ({ icon, symbol, ...props }: IconsProps) => {
+export const Icons: FunctionComponent<IconsProps> = ({ icon, useSymbol, ...props }: IconsProps) => {
   return (
     <Svg viewBox="0 0 14 14" width="14px" height="14px" {...props}>
-      {symbol ? <use xlinkHref={`#icon--${symbol}`} /> : icons[icon]}
+      {useSymbol ? <use xlinkHref={`#icon--${icon}`} /> : icons[icon]}
     </Svg>
   );
 };
diff --git a/code/lib/ui/src/components/sidebar/TreeNode.tsx b/code/lib/ui/src/components/sidebar/TreeNode.tsx
index 29af6f0c6a92..04c47c700831 100644
--- a/code/lib/ui/src/components/sidebar/TreeNode.tsx
+++ b/code/lib/ui/src/components/sidebar/TreeNode.tsx
@@ -147,7 +147,7 @@ export const GroupNode: FunctionComponent<
 > = React.memo(({ children, isExpanded = false, isExpandable = false, ...props }) => (
   <BranchNode isExpandable={isExpandable} tabIndex={-1} {...props}>
     {isExpandable ? <CollapseIcon isExpanded={isExpanded} /> : null}
-    <TypeIcon symbol="folder" color="primary" />
+    <TypeIcon icon="folder" useSymbol color="primary" />
     {children}
   </BranchNode>
 ));
@@ -156,7 +156,7 @@ export const ComponentNode: FunctionComponent<ComponentProps<typeof BranchNode>>
   ({ theme, children, isExpanded, isExpandable, isSelected, ...props }) => (
     <BranchNode isExpandable={isExpandable} tabIndex={-1} {...props}>
       {isExpandable && <CollapseIcon isExpanded={isExpanded} />}
-      <TypeIcon symbol="component" color="secondary" />
+      <TypeIcon icon="component" useSymbol color="secondary" />
       {children}
     </BranchNode>
   )
@@ -166,7 +166,7 @@ export const DocumentNode: FunctionComponent<
   ComponentProps<typeof LeafNode> & { docsMode: boolean }
 > = React.memo(({ theme, children, docsMode, ...props }) => (
   <LeafNode tabIndex={-1} {...props}>
-    <TypeIcon symbol="document" docsMode={docsMode} />
+    <TypeIcon icon="document" useSymbol docsMode={docsMode} />
     {children}
   </LeafNode>
 ));
@@ -174,7 +174,7 @@ export const DocumentNode: FunctionComponent<
 export const StoryNode: FunctionComponent<ComponentProps<typeof LeafNode>> = React.memo(
   ({ theme, children, ...props }) => (
     <LeafNode tabIndex={-1} {...props}>
-      <TypeIcon symbol="bookmarkhollow" />
+      <TypeIcon icon="bookmarkhollow" useSymbol />
       {children}
     </LeafNode>
   )

From df292703ddb5785b9a744a3a913d95480642585d Mon Sep 17 00:00:00 2001
From: jonniebigodes <joaocontadesenvolvimento@gmail.com>
Date: Wed, 3 Aug 2022 17:05:06 +0100
Subject: [PATCH 022/266] Updates per feedback

---
 README.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 94ac5cb4c9f1..ffd1395b161d 100644
--- a/README.md
+++ b/README.md
@@ -93,17 +93,17 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story
 
 ### Supported Frameworks
 
-| Framework                                                      | Demo                                                                                                                                                                                             |                                                                                                                                                   |
-| -------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [React](code/frameworks/react-webpack5/)                       | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/official-storybook/?path=/story/*)                  | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/frameworks/react-webpack5/)                           |
-| [Vue](code/frameworks/vue-webpack5/)                           | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/vue-kitchen-sink/)                                    | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](code/frameworks/vue-webpack5/)                                 |
+| Renderer                                                       | Demo                                                                                                                                                                                             |                                                                                                                                                   |
+|----------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------|
+| [React](code/renderers/react)                                  | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/official-storybook/?path=/story/*)                  | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react)                                      |
+| [Vue](code/renderers/vue)                                      | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/vue-kitchen-sink/)                                    | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](code/renderers/vue)                                            |
 | [Angular](code/frameworks/angular/)                            | [![Storybook demo](https://img.shields.io/npm/v/@storybook/angular/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/angular-cli/)                                     | [![Angular](https://img.shields.io/npm/dm/@storybook/angular?style=flat-square&color=eee)](code/frameworks/angular/)                              |
-| [Web components](code/frameworks/web-components-webpack5/)     | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/web-components-kitchen-sink/)              | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](code/frameworks/web-components-webpack5/)        |
+| [Web components](code/renderers/web-components)                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/web-components-kitchen-sink/)              | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](code/renderers/web-components)                   |
 | [React Native](https://github.com/storybookjs/react-native)    | -                                                                                                                                                                                                | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native?style=flat-square&color=eee)](https://github.com/storybookjs/react-native) |
-| [HTML](code/frameworks/html-webpack5/)                         | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/html-kitchen-sink/)                                  | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](code/frameworks/html-webpack5/)                              |
+| [HTML](code/renderers/html)                                    | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/html-kitchen-sink/)                                  | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](code/renderers/html)                                         |
 | [Ember](code/frameworks/ember/)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/ember/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/ember-cli/)                                         | [![Ember](https://img.shields.io/npm/dm/@storybook/ember?style=flat-square&color=eee)](code/frameworks/ember/)                                    |
-| [Svelte](code/frameworks/svelte-webpack5/)                     | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/svelte-kitchen-sink/)                              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/frameworks/svelte-webpack5/)                        |
-| [Preact](code/frameworks/preact-webpack5/)                     | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/preact-kitchen-sink/)                              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/frameworks/preact-webpack5/)                        |
+| [Svelte](code/renderers/svelte)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/svelte-kitchen-sink/)                              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/renderers/svelte)                                   |
+| [Preact](code/renderers/preact)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/preact-kitchen-sink/)                              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/renderers/preact)                                   |
 | [Marionette.js](https://github.com/storybookjs/marionette)     | -                                                                                                                                                                                                | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette?style=flat-square&color=eee)](https://github.com/storybookjs/marionette)    |
 | [Android, iOS, Flutter](https://github.com/storybookjs/native) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/native/latest?style=flat-square&color=blue&label)](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html) | [![Native](https://img.shields.io/npm/dm/@storybook/native?style=flat-square&color=eee)](https://github.com/storybookjs/native)                   |
 

From a65d6a7848a6a397cccc2b0c37827013ee64f6a2 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 3 Aug 2022 14:32:35 -0600
Subject: [PATCH 023/266] Fix typescript errors - props Shaun on this one

---
 code/addons/interactions/src/components/List.tsx            | 2 +-
 code/addons/interactions/src/components/StatusIcon.tsx      | 3 ++-
 code/addons/toolbars/src/components/ToolbarMenuButton.tsx   | 2 +-
 code/addons/toolbars/src/components/ToolbarMenuListItem.tsx | 4 ++--
 code/addons/toolbars/src/types.ts                           | 2 +-
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/code/addons/interactions/src/components/List.tsx b/code/addons/interactions/src/components/List.tsx
index d2b365fdeb93..af6005e13a86 100644
--- a/code/addons/interactions/src/components/List.tsx
+++ b/code/addons/interactions/src/components/List.tsx
@@ -68,7 +68,7 @@ export const ListItem: React.FC<ListItemProps> = ({ item }) => {
       <Wrapper>
         <HeaderBar onClick={() => onToggle(!open)} role="button">
           <Icon
-            icon="chevrondown"
+            icon="arrowdown"
             color={convert(themes.light).appBorderColor}
             style={{
               transform: `rotate(${open ? 0 : -90}deg)`,
diff --git a/code/addons/interactions/src/components/StatusIcon.tsx b/code/addons/interactions/src/components/StatusIcon.tsx
index 6a3f6d629f14..eabd93b87dcf 100644
--- a/code/addons/interactions/src/components/StatusIcon.tsx
+++ b/code/addons/interactions/src/components/StatusIcon.tsx
@@ -6,8 +6,9 @@ import { styled } from '@storybook/theming';
 import { transparentize } from 'polished';
 import localTheme from '../theme';
 
-export interface StatusIconProps extends IconsProps {
+export interface StatusIconProps {
   status: Call['status'];
+  useSymbol?: IconsProps['useSymbol'];
 }
 
 const {
diff --git a/code/addons/toolbars/src/components/ToolbarMenuButton.tsx b/code/addons/toolbars/src/components/ToolbarMenuButton.tsx
index 038985bac859..abeefe06cdf6 100644
--- a/code/addons/toolbars/src/components/ToolbarMenuButton.tsx
+++ b/code/addons/toolbars/src/components/ToolbarMenuButton.tsx
@@ -4,7 +4,7 @@ import { Icons, IconButton, IconsProps } from '@storybook/components';
 interface ToolbarMenuButtonProps {
   active: boolean;
   title: string;
-  icon: IconsProps['icon'] | '';
+  icon?: IconsProps['icon'];
   description: string;
   onClick?: () => void;
 }
diff --git a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
index 5107df73a06c..59a60495a17e 100644
--- a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
+++ b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { Icons } from '@storybook/components';
+import { Icons, IconsProps } from '@storybook/components';
 import { ToolbarItem } from '../types';
 
 interface ListItem {
@@ -26,7 +26,7 @@ export const ToolbarMenuListItem = ({
   onClick,
   currentValue,
 }: ToolbarMenuListItemProps) => {
-  const Icon = <Icons style={{ opacity: 1 }} icon={icon} />;
+  const Icon = icon && <Icons style={{ opacity: 1 }} icon={icon} />;
   const hasContent = left || right || title;
 
   const Item: ListItem = {
diff --git a/code/addons/toolbars/src/types.ts b/code/addons/toolbars/src/types.ts
index 078e007e6220..4b6d18aa54d3 100644
--- a/code/addons/toolbars/src/types.ts
+++ b/code/addons/toolbars/src/types.ts
@@ -26,7 +26,7 @@ export interface NormalizedToolbarConfig {
   /** The label to show for this toolbar item */
   title?: string;
   /** Choose an icon to show for this toolbar item */
-  icon?: IconsProps['icon'];
+  icon: IconsProps['icon'];
   /** Set to true to prevent default update of icon to match any present selected items icon */
   preventDynamicIcon?: boolean;
   items: ToolbarItem[];

From d12dfc43dc868d4208da05a1530075f88d8cf087 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 3 Aug 2022 14:36:35 -0600
Subject: [PATCH 024/266] Removed unused bindin

---
 code/addons/toolbars/src/components/ToolbarMenuListItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
index 59a60495a17e..e80b2897068a 100644
--- a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
+++ b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { Icons, IconsProps } from '@storybook/components';
+import { Icons } from '@storybook/components';
 import { ToolbarItem } from '../types';
 
 interface ListItem {

From cbe28f9372831b897fb85444902834c1ae7cd34c Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 3 Aug 2022 16:59:17 -0600
Subject: [PATCH 025/266] Fixed missing chevrons, fixed icon size in buttons,
 fixed alert icon size, and resolved ts error

---
 .../a11y/src/components/Report/Item.tsx       |  2 +-
 .../src/components/StatusIcon.tsx             |  1 +
 code/addons/jest/src/components/Result.tsx    |  2 +-
 code/lib/components/src/Button/Button.tsx     |  8 +++---
 .../src/components/sidebar/RefIndicator.tsx   |  2 +-
 code/lib/ui/src/settings/release_notes.tsx    |  1 +
 docs/faq.md                                   | 26 +++++++++----------
 7 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/code/addons/a11y/src/components/Report/Item.tsx b/code/addons/a11y/src/components/Report/Item.tsx
index 3861e9465409..48ae0ec3ded4 100644
--- a/code/addons/a11y/src/components/Report/Item.tsx
+++ b/code/addons/a11y/src/components/Report/Item.tsx
@@ -75,7 +75,7 @@ export const Item = (props: ItemProps) => {
       <Wrapper>
         <HeaderBar onClick={() => onToggle(!open)} role="button">
           <Icon
-            icon="chevrondown"
+            icon="arrowdown"
             color="#9DA5AB"
             style={{
               transform: `rotate(${open ? 0 : -90}deg)`,
diff --git a/code/addons/interactions/src/components/StatusIcon.tsx b/code/addons/interactions/src/components/StatusIcon.tsx
index eabd93b87dcf..b223a3960521 100644
--- a/code/addons/interactions/src/components/StatusIcon.tsx
+++ b/code/addons/interactions/src/components/StatusIcon.tsx
@@ -9,6 +9,7 @@ import localTheme from '../theme';
 export interface StatusIconProps {
   status: Call['status'];
   useSymbol?: IconsProps['useSymbol'];
+  className?: string;
 }
 
 const {
diff --git a/code/addons/jest/src/components/Result.tsx b/code/addons/jest/src/components/Result.tsx
index 1a82ed14b16e..3a53fad6b21c 100644
--- a/code/addons/jest/src/components/Result.tsx
+++ b/code/addons/jest/src/components/Result.tsx
@@ -65,7 +65,7 @@ export function Result(props: ResultProps) {
         <HeaderBar onClick={onToggle} role="button" status={status}>
           {status === `failed` ? (
             <Icon
-              icon="chevrondown"
+              icon="arrowdown"
               color={convert(themes.light).color.mediumdark}
               style={{
                 transform: `rotate(${isOpen ? 0 : -90}deg)`,
diff --git a/code/lib/components/src/Button/Button.tsx b/code/lib/components/src/Button/Button.tsx
index 378c8f4f3429..c111afd98b6e 100644
--- a/code/lib/components/src/Button/Button.tsx
+++ b/code/lib/components/src/Button/Button.tsx
@@ -41,13 +41,13 @@ const ButtonWrapper = styled.button<{
 
     svg: {
       display: 'inline-block',
-      height: small ? 14 : 16,
-      width: small ? 14 : 16,
+      height: small ? 12 : 14,
+      width: small ? 12 : 14,
 
       verticalAlign: 'top',
       marginRight: small ? 4 : 6,
-      marginTop: small ? -1 : -2,
-      marginBottom: small ? -1 : -2,
+      marginTop: small ? 0 : -1,
+      marginBottom: small ? 0 : -1,
 
       /* Necessary for js mouse events to not glitch out when hovering on svgs */
       pointerEvents: 'none',
diff --git a/code/lib/ui/src/components/sidebar/RefIndicator.tsx b/code/lib/ui/src/components/sidebar/RefIndicator.tsx
index 569a952247ba..7d1601e685e2 100644
--- a/code/lib/ui/src/components/sidebar/RefIndicator.tsx
+++ b/code/lib/ui/src/components/sidebar/RefIndicator.tsx
@@ -157,7 +157,7 @@ const CurrentVersion: FC<CurrentVersionProps> = ({ url, versions }) => {
   return (
     <Version>
       <span>{currentVersionId}</span>
-      <Icons icon="chevrondown" />
+      <Icons icon="arrowdown" />
     </Version>
   );
 };
diff --git a/code/lib/ui/src/settings/release_notes.tsx b/code/lib/ui/src/settings/release_notes.tsx
index 4e279fde172a..52b431244655 100644
--- a/code/lib/ui/src/settings/release_notes.tsx
+++ b/code/lib/ui/src/settings/release_notes.tsx
@@ -45,6 +45,7 @@ const AlertIcon = styled(((props) => <Icons icon="alert" {...props} />) as FC<
 >)(({ theme }) => ({
   color: theme.color.mediumdark,
   width: 40,
+  height: 40,
   margin: '0 auto',
 }));
 
diff --git a/docs/faq.md b/docs/faq.md
index fe91b55ce3f2..3896d86295d4 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -1,5 +1,5 @@
 ---
-title: 'Frequently Asked Questions'
+title: "Frequently Asked Questions"
 ---
 
 Here are some answers to frequently asked questions. If you have a question, you can ask it by opening an issue on the [Storybook Repository](https://github.com/storybookjs/storybook/).
@@ -17,7 +17,7 @@ module.exports = {
     /* ... */
   ],
   framework: {
-    name: '@storybook/angular',
+    name: "@storybook/angular",
     options: {
       enableIvy: false,
     },
@@ -53,7 +53,7 @@ You can generally reuse webpack rules by placing them in a file that is `require
 ```js
 module.exports = {
   webpackFinal: async (baseConfig) => {
-    const nextConfig = require('/path/to/next.config.js');
+    const nextConfig = require("/path/to/next.config.js");
 
     // merge whatever from nextConfig into the webpack config storybook will use
     return { ...baseConfig, ...nextConfig };
@@ -77,7 +77,7 @@ FAST_REFRESH=true
 ```js
 module.exports = {
   framework: {
-    name: '@storybook/react-webpack5',
+    name: "@storybook/react-webpack5",
     options: {
       fastRefresh: true,
     },
@@ -98,7 +98,7 @@ You can opt-out from the new React Root API by setting the following property in
 ```js
 module.exports = {
   framework: {
-    name: '@storybook/react-webpack5',
+    name: "@storybook/react-webpack5",
     options: {
       legacyRootApi: true,
     },
@@ -113,7 +113,7 @@ A common error is that an addon tries to access the "channel", but the channel i
 1.  You're trying to access addon channel (e.g., by calling `setOptions`) in a non-browser environment like Jest. You may need to add a channel mock:
 
     ```js
-    import { addons, mockChannel } from '@storybook/addons';
+    import { addons, mockChannel } from "@storybook/addons";
 
     addons.setChannel(mockChannel());
     ```
@@ -128,7 +128,7 @@ If you're adding Storybook's dependencies manually, make sure you include the [`
 // .storybook/main.js
 
 module.exports = {
-  addons: ['@storybook/addon-controls'],
+  addons: ["@storybook/addon-controls"],
 };
 ```
 
@@ -235,7 +235,7 @@ Go through this [story](https://5a375b97f4b14f0020b0cda3-wbeulgbetj.chromatic.co
 | beaker         | bell             | bitbucket    | book         | bookmark      |
 | bookmarkhollow | bottombar        | box          | branch       | browser       |
 | button         | calendar         | camera       | category     | certificate   |
-| check          | chevrondown      | chromatic    | circle       | circlehollow  |
+| check          |                  | chromatic    | circle       | circlehollow  |
 | close          | closeAlt         | cog          | collapse     | comment       |
 | commit         | compass          | component    | contrast     | copy          |
 | cpu            | credit           | cross        | dashboard    | database      |
@@ -418,15 +418,15 @@ We're aware that the default Typescript story construct might seem outdated and
 ```ts
 // Button.stories.ts | tsx
 
-import React from 'react';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
+import React from "react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 
 const StoryMeta: ComponentMeta<typeof Button> = {
   /* 👇 The title prop is optional.
    * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
-  title: 'Button',
+  title: "Button",
   component: Button,
 };
 
@@ -454,7 +454,7 @@ export default {
   component: MyComponent,
   args: {
     //👇 Defining the arg's value at the component level.
-    text: 'Something',
+    text: "Something",
   },
 };
 ```
@@ -469,7 +469,7 @@ export default {
   argTypes: {
     //👇 Defining the arg's display value in docs.
     text: {
-      table: { defaultValue: { summary: 'SomeType<T>' } },
+      table: { defaultValue: { summary: "SomeType<T>" } },
     },
   },
 };

From aa4d6856a3051e0f8d5d8b6968cf68c34b47bdae Mon Sep 17 00:00:00 2001
From: Richard Norton <92771594+RichardNorton@users.noreply.github.com>
Date: Thu, 4 Aug 2022 15:16:55 +1200
Subject: [PATCH 026/266] Update README.stories.mdx

Fix typo
---
 code/examples/angular-cli/src/stories/legacy/README.stories.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/examples/angular-cli/src/stories/legacy/README.stories.mdx b/code/examples/angular-cli/src/stories/legacy/README.stories.mdx
index 2bc92c455138..f1a838261aef 100644
--- a/code/examples/angular-cli/src/stories/legacy/README.stories.mdx
+++ b/code/examples/angular-cli/src/stories/legacy/README.stories.mdx
@@ -4,4 +4,4 @@ import { Meta } from '@storybook/addon-docs';
 
 # Legacy examples
 
-Example of sotry still supported by storybook but no longer recommended or deprecated
+Example of story still supported by storybook but no longer recommended or deprecated

From b6f9fe580e9250ccd0609799491fcc384856e2a5 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 4 Aug 2022 14:00:09 +0200
Subject: [PATCH 027/266] Fix mock data

---
 code/addons/interactions/src/Panel.test.ts | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/code/addons/interactions/src/Panel.test.ts b/code/addons/interactions/src/Panel.test.ts
index 4e2903fd234e..60e3287d58ad 100644
--- a/code/addons/interactions/src/Panel.test.ts
+++ b/code/addons/interactions/src/Panel.test.ts
@@ -7,19 +7,22 @@ describe('Panel', () => {
       {
         callId: 'story--id [4] findByText',
         status: CallStates.DONE,
+        ancestors: [],
       },
       {
         callId: 'story--id [5] click',
         status: CallStates.DONE,
+        ancestors: [],
       },
       {
         callId: 'story--id [6] waitFor',
         status: CallStates.DONE,
+        ancestors: [],
       },
       {
         callId: 'story--id [6] waitFor [2] toHaveBeenCalledWith',
-        parentId: 'story--id [6] waitFor',
         status: CallStates.DONE,
+        ancestors: ['story--id [6] waitFor'],
       },
     ];
     const calls = new Map<Call['id'], Call>(
@@ -27,6 +30,7 @@ describe('Panel', () => {
         {
           id: 'story--id [0] action',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 0,
           path: [],
           method: 'action',
@@ -37,6 +41,7 @@ describe('Panel', () => {
         {
           id: 'story--id [1] action',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 1,
           path: [],
           method: 'action',
@@ -47,6 +52,7 @@ describe('Panel', () => {
         {
           id: 'story--id [2] action',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 2,
           path: [],
           method: 'action',
@@ -57,6 +63,7 @@ describe('Panel', () => {
         {
           id: 'story--id [3] within',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 3,
           path: [],
           method: 'within',
@@ -67,6 +74,7 @@ describe('Panel', () => {
         {
           id: 'story--id [4] findByText',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 4,
           path: [{ __callId__: 'story--id [3] within' }],
           method: 'findByText',
@@ -77,6 +85,7 @@ describe('Panel', () => {
         {
           id: 'story--id [5] click',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 5,
           path: ['userEvent'],
           method: 'click',
@@ -86,8 +95,8 @@ describe('Panel', () => {
         },
         {
           id: 'story--id [6] waitFor [0] expect',
-          parentId: 'story--id [6] waitFor',
           storyId: 'story--id',
+          ancestors: ['story--id [6] waitFor'],
           cursor: 0,
           path: [],
           method: 'expect',
@@ -97,8 +106,8 @@ describe('Panel', () => {
         },
         {
           id: 'story--id [6] waitFor [1] stringMatching',
-          parentId: 'story--id [6] waitFor',
           storyId: 'story--id',
+          ancestors: ['story--id [6] waitFor'],
           cursor: 1,
           path: ['expect'],
           method: 'stringMatching',
@@ -108,8 +117,8 @@ describe('Panel', () => {
         },
         {
           id: 'story--id [6] waitFor [2] toHaveBeenCalledWith',
-          parentId: 'story--id [6] waitFor',
           storyId: 'story--id',
+          ancestors: ['story--id [6] waitFor'],
           cursor: 2,
           path: [{ __callId__: 'story--id [6] waitFor [0] expect' }],
           method: 'toHaveBeenCalledWith',
@@ -120,6 +129,7 @@ describe('Panel', () => {
         {
           id: 'story--id [6] waitFor',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 6,
           path: [],
           method: 'waitFor',

From 931af52be97b0c2be86b4ec4217f017efd4bf63d Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 4 Aug 2022 14:36:51 +0200
Subject: [PATCH 028/266] Fix weird async behavior

---
 code/lib/preview-web/src/render/StoryRender.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/lib/preview-web/src/render/StoryRender.ts b/code/lib/preview-web/src/render/StoryRender.ts
index 1f7682d3d82b..c2dd3df27ea8 100644
--- a/code/lib/preview-web/src/render/StoryRender.ts
+++ b/code/lib/preview-web/src/render/StoryRender.ts
@@ -256,9 +256,9 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
       if (forceRemount && playFunction && this.phase !== 'errored') {
         this.disableKeyListeners = true;
         try {
-          await this.runPhase(abortSignal, 'playing', async () =>
-            playFunction(renderContext.playContext)
-          );
+          await this.runPhase(abortSignal, 'playing', async () => {
+            await playFunction(renderContext.playContext);
+          });
           await this.runPhase(abortSignal, 'played');
         } catch (error) {
           logger.error(error);

From c1b108e3a5bb1a3e6db114d2fb5008ff622a9d97 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Thu, 4 Aug 2022 08:23:24 -0600
Subject: [PATCH 029/266] Fixed button sizes and made slight tweak to alignment
 of icon in AccountForm

---
 .../interactions/src/components/AccountForm/AccountForm.tsx     | 2 +-
 code/lib/components/src/Button/Button.tsx                       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/code/addons/interactions/src/components/AccountForm/AccountForm.tsx b/code/addons/interactions/src/components/AccountForm/AccountForm.tsx
index 683f711178e7..1e40d5bacb82 100644
--- a/code/addons/interactions/src/components/AccountForm/AccountForm.tsx
+++ b/code/addons/interactions/src/components/AccountForm/AccountForm.tsx
@@ -490,7 +490,7 @@ const ErrorIcon = styled(Icons)(({ theme }) => ({
   opacity: 0.8,
   marginRight: 6,
   marginLeft: 2,
-  marginTop: 1,
+  marginTop: 4,
 }));
 
 const ErrorTooltip = styled.div(({ theme }) => ({
diff --git a/code/lib/components/src/Button/Button.tsx b/code/lib/components/src/Button/Button.tsx
index c111afd98b6e..7ef58930d3a7 100644
--- a/code/lib/components/src/Button/Button.tsx
+++ b/code/lib/components/src/Button/Button.tsx
@@ -74,7 +74,7 @@ const ButtonWrapper = styled.button<{
             display: 'block',
             margin: 0,
           },
-          ...(small ? { padding: 9 } : { padding: 12 }),
+          ...(small ? { padding: 10 } : { padding: 13 }),
         }
       : {},
   ({ theme, primary, secondary, gray }) => {

From 9694d53754b72e9e345104ebd07c716ad2fd568e Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Thu, 4 Aug 2022 08:26:02 -0600
Subject: [PATCH 030/266] Made alert icon slightly smaller in release_notes.tsx

---
 code/lib/ui/src/settings/release_notes.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/code/lib/ui/src/settings/release_notes.tsx b/code/lib/ui/src/settings/release_notes.tsx
index 52b431244655..b15bde0c204c 100644
--- a/code/lib/ui/src/settings/release_notes.tsx
+++ b/code/lib/ui/src/settings/release_notes.tsx
@@ -44,8 +44,8 @@ const AlertIcon = styled(((props) => <Icons icon="alert" {...props} />) as FC<
   Omit<ComponentProps<typeof Icons>, 'icon'>
 >)(({ theme }) => ({
   color: theme.color.mediumdark,
-  width: 40,
-  height: 40,
+  width: 32,
+  height: 32,
   margin: '0 auto',
 }));
 

From 697c8ea064ecfd586b7363fa5b72ef8bf61cec96 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 4 Aug 2022 17:06:02 +0200
Subject: [PATCH 031/266] Add default runStep function and export one from
 interactions addon

---
 code/addons/interactions/src/preset/preview.ts         |  2 ++
 .../testing-react/components/Button.stories.tsx        |  6 ++++--
 code/lib/store/src/csf/composeConfigs.ts               | 10 ++++++++--
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/code/addons/interactions/src/preset/preview.ts b/code/addons/interactions/src/preset/preview.ts
index 662b4f4e5af2..471826ebddd7 100644
--- a/code/addons/interactions/src/preset/preview.ts
+++ b/code/addons/interactions/src/preset/preview.ts
@@ -48,3 +48,5 @@ const addActionsFromArgTypes: ArgsEnhancer<AnyFramework> = ({ id, initialArgs })
   addSpies(id, initialArgs);
 
 export const argsEnhancers = [addActionsFromArgTypes];
+
+export const runStep = [(label: string, callback: Function, context: Object) => callback(context)];
diff --git a/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx b/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx
index 7dc7cabc6a55..9c89d37b60d7 100644
--- a/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx
+++ b/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx
@@ -79,8 +79,10 @@ export const CSF3InputFieldFilled: CSF3Story = {
   render: () => {
     return <input data-testid="input" />;
   },
-  play: async ({ canvasElement }) => {
+  play: async ({ canvasElement, step }) => {
     const canvas = within(canvasElement);
-    await userEvent.type(canvas.getByTestId('input'), 'Hello world!');
+    await step('foo', async () => {
+      await userEvent.type(canvas.getByTestId('input'), 'Hello world!');
+    });
   },
 };
diff --git a/code/lib/store/src/csf/composeConfigs.ts b/code/lib/store/src/csf/composeConfigs.ts
index dc2cc97c0cec..08308638e4a9 100644
--- a/code/lib/store/src/csf/composeConfigs.ts
+++ b/code/lib/store/src/csf/composeConfigs.ts
@@ -1,4 +1,4 @@
-import type { AnyFramework } from '@storybook/csf';
+import type { AnyFramework, StepLabel, PlayFunction, PlayFunctionContext } from '@storybook/csf';
 
 import type { ModuleExports, WebProjectAnnotations } from '../types';
 import { combineParameters } from '../parameters';
@@ -36,6 +36,12 @@ export function composeConfigs<TFramework extends AnyFramework>(
   moduleExportList: ModuleExports[]
 ): WebProjectAnnotations<TFramework> {
   const allArgTypeEnhancers = getArrayField(moduleExportList, 'argTypesEnhancers');
+  const stepRunners = getArrayField(moduleExportList, 'runStep');
+  const runStep = (
+    label: StepLabel,
+    play: PlayFunction<TFramework>,
+    context: PlayFunctionContext<TFramework>
+  ) => play(context);
 
   return {
     parameters: combineParameters(...getField(moduleExportList, 'parameters')),
@@ -53,6 +59,6 @@ export function composeConfigs<TFramework extends AnyFramework>(
     render: getSingletonField(moduleExportList, 'render'),
     renderToDOM: getSingletonField(moduleExportList, 'renderToDOM'),
     applyDecorators: getSingletonField(moduleExportList, 'applyDecorators'),
-    runStep: composeStepRunners<TFramework>(getArrayField(moduleExportList, 'runStep')),
+    runStep: composeStepRunners<TFramework>([runStep, ...stepRunners]),
   };
 }

From e05b07d00354e08f738c71f68f3bcb3c20ca0bb6 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 4 Aug 2022 17:07:18 +0200
Subject: [PATCH 032/266] Use proper types

---
 code/addons/interactions/src/preset/preview.ts | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/code/addons/interactions/src/preset/preview.ts b/code/addons/interactions/src/preset/preview.ts
index 471826ebddd7..8b3faa6763f0 100644
--- a/code/addons/interactions/src/preset/preview.ts
+++ b/code/addons/interactions/src/preset/preview.ts
@@ -1,6 +1,12 @@
 import { addons } from '@storybook/addons';
 import { FORCE_REMOUNT, STORY_RENDER_PHASE_CHANGED } from '@storybook/core-events';
-import type { AnyFramework, ArgsEnhancer } from '@storybook/csf';
+import type {
+  AnyFramework,
+  ArgsEnhancer,
+  PlayFunction,
+  PlayFunctionContext,
+  StepLabel,
+} from '@storybook/csf';
 import { instrument } from '@storybook/instrumenter';
 import { ModuleMocker } from 'jest-mock';
 
@@ -49,4 +55,6 @@ const addActionsFromArgTypes: ArgsEnhancer<AnyFramework> = ({ id, initialArgs })
 
 export const argsEnhancers = [addActionsFromArgTypes];
 
-export const runStep = [(label: string, callback: Function, context: Object) => callback(context)];
+export const runStep = [
+  (label: StepLabel, play: PlayFunction, context: PlayFunctionContext) => play(context),
+];

From 4f2d6d4d681703631d438841e645a0f10e7b2067 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Thu, 4 Aug 2022 13:25:38 -0600
Subject: [PATCH 033/266] Added Operating System icons and updated rule

---
 code/lib/components/src/icon/icons.tsx | 28 +++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/code/lib/components/src/icon/icons.tsx b/code/lib/components/src/icon/icons.tsx
index 12a0edb06e40..ae89c1c0b3f1 100644
--- a/code/lib/components/src/icon/icons.tsx
+++ b/code/lib/components/src/icon/icons.tsx
@@ -1026,7 +1026,7 @@ export const icons = {
       <path d="M1.5 1c.28 0 .5.23.5.5V2h10v-.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0V3H2v.5a.5.5 0 0 1-1 0v-2c0-.27.22-.5.5-.5Z" />
       <path
         fillRule="evenodd"
-        d="M12.5 6c.28 0 .5.23.5.5v5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-5c0-.27.22-.5.5-.5h11ZM2 7v4h10V7h-1v2a.5.5 0 0 1-1 0V7h-.75v.5a.5.5 0 0 1-1 0V7H7.5v2a.5.5 0 0 1-1 0V7h-.75v.5a.5.5 0 0 1-1 0V7H4v2a.5.5 0 0 1-1 0V7H2Z"
+        d="M1.5 6a.5.5 0 0 0-.5.5v6c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-11ZM2 7v5h10V7h-1v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H7.5v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H4v2.5a.5.5 0 0 1-1 0V7H2Z"
       />
     </>
   ),
@@ -1289,6 +1289,32 @@ export const icons = {
       />
     </>
   ),
+  apple: (
+    <>
+      <path d="M11.03 8.1a3.05 3.05 0 0 1-.2-1.74 2.7 2.7 0 0 1 1.4-1.94 3.13 3.13 0 0 0-2.35-1.4c-.84-.08-2.01.56-2.65.57h-.02c-.63 0-1.81-.65-2.64-.57-.42.04-1.75.32-2.55 1.6-.28.44-.5 1.01-.58 1.74a6.36 6.36 0 0 0 .02 1.74 7.5 7.5 0 0 0 1.35 3.33c.7 1.01 1.51 1.6 1.97 1.6.93.02 1.74-.6 2.41-.6l.02.01h.04c.67-.02 1.48.61 2.42.6.45-.02 1.26-.6 1.97-1.6a7.95 7.95 0 0 0 .97-1.86 2.6 2.6 0 0 1-1.58-1.48ZM8.86 2.13c.72-.85.7-2.07.63-2.12-.07-.06-1.25.16-1.99.98a2.78 2.78 0 0 0-.62 2.13c.06.05 1.27-.14 1.98-.99Z" />
+    </>
+  ),
+  linux: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M.86 8.98c.43.14 1.35.45 2.35.17l.08.26a2 2 0 1 0 2.97 2.54 5.2 5.2 0 0 0 1.48 0A2 2 0 1 0 10.7 9.4l.08-.26c1 .28 1.92-.03 2.35-.17h.01a.5.5 0 0 0 .35-.5.5.5 0 0 0-.06-.21A7.41 7.41 0 0 0 10.5 5.2V4.5a3.5 3.5 0 1 0-7 0v.7a7.27 7.27 0 0 0-.94.66A7.41 7.41 0 0 0 .54 8.3a.5.5 0 0 0 .31.67h.01ZM4.5 9a2 2 0 0 1 2 1.97 4.34 4.34 0 0 0 1 0 2 2 0 0 1 2.29-1.95c.12-.4.19-.83.2-1.28-.1-.08-.27-.18-.5-.28A5.07 5.07 0 0 0 8.3 7.1l-.02.02a5.83 5.83 0 0 1-.87.75A.89.89 0 0 1 7 8a.89.89 0 0 1-.41-.12 5.83 5.83 0 0 1-.88-.75l-.02-.02A5.07 5.07 0 0 0 4 7.74c.02.45.1.89.21 1.28L4.5 9Zm6 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-6 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1.94-5.55c-.26-.28-.53-.6-.72-.85a2.5 2.5 0 0 1 2.56 0c-.2.25-.46.57-.72.85a4.88 4.88 0 0 1-.56.52 4.88 4.88 0 0 1-.56-.52ZM6.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"
+      />
+    </>
+  ),
+  ubuntu: (
+    <>
+      <path d="M11.51 2.77c0 .98-.76 1.77-1.7 1.77-.95 0-1.71-.79-1.71-1.77S8.86 1 9.8 1c.95 0 1.71.8 1.71 1.77ZM4.41 6.66c0 .98-.76 1.77-1.7 1.77-.95 0-1.71-.8-1.71-1.77 0-.98.76-1.77 1.7-1.77.95 0 1.71.79 1.71 1.77ZM6.55 11.22a4.08 4.08 0 0 1-2.83-2.25c-.46.22-.97.28-1.46.19.34.88.88 1.65 1.58 2.26a5.47 5.47 0 0 0 3.63 1.35 2.6 2.6 0 0 1-.5-1.48 4.09 4.09 0 0 1-.42-.07ZM11.13 11.23c0 .98-.77 1.77-1.7 1.77-.95 0-1.71-.8-1.71-1.77 0-.98.76-1.77 1.7-1.77s1.7.79 1.7 1.77ZM11.8 10.58a5.94 5.94 0 0 0 .27-6.8c-.2.48-.53.88-.96 1.16a4.48 4.48 0 0 1-.13 4.32c.4.34.68.8.81 1.32ZM2.7 4.11h-.13a5.55 5.55 0 0 1 5.3-2.91c-.32.41-.5.91-.53 1.43A4.03 4.03 0 0 0 4 4.5a2.4 2.4 0 0 0-1.3-.39Z" />
+    </>
+  ),
+  windows: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M6.5 2H2v4.5h4.5V2ZM12 2H7.5v4.5H12V2ZM7.5 7.5H12V12H7.5V7.5Zm-1 0H2V12h4.5V7.5Z"
+      />
+    </>
+  ),
   storybook: (
     <>
       <path d="M2.04.62a.7.7 0 0 0-.66.72l.44 11.56c.01.37.3.66.67.68l9.4.42h.02a.7.7 0 0 0 .7-.7V.66a.7.7 0 0 0-.74-.66l-.77.05.05 1.62a.1.1 0 0 1-.17.08l-.52-.4-.61.46a.1.1 0 0 1-.17-.09L9.75.13l-7.7.49Zm8 4.74c-.24.2-2.09.33-2.09.05.04-1.04-.43-1.09-.69-1.09-.24 0-.66.08-.66.64 0 .57.6.89 1.32 1.27 1.02.53 2.24 1.18 2.24 2.82 0 1.57-1.27 2.43-2.9 2.43-1.67 0-3.14-.68-2.97-3.03.06-.27 2.2-.2 2.2 0-.03.97.19 1.26.75 1.26.43 0 .62-.24.62-.64 0-.6-.63-.95-1.36-1.36-.99-.56-2.15-1.2-2.15-2.7 0-1.5 1.03-2.5 2.86-2.5 1.83 0 2.84.99 2.84 2.85Z" />

From c693d12e2ded9c5a562bffe4a6aa18fd2d10f9d9 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Thu, 4 Aug 2022 13:54:58 -0600
Subject: [PATCH 034/266] Fix MenuButton size

---
 code/lib/ui/src/components/sidebar/Menu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/ui/src/components/sidebar/Menu.tsx b/code/lib/ui/src/components/sidebar/Menu.tsx
index 1096620ef8e5..e15b4fc9fb22 100644
--- a/code/lib/ui/src/components/sidebar/Menu.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.tsx
@@ -44,7 +44,7 @@ export const MenuButton: FC<ComponentProps<typeof Button> & { highlighted: boole
 >(({ highlighted, theme }) => ({
   position: 'relative',
   overflow: 'visible',
-  padding: 7,
+  padding: 8,
   transition: 'none', // prevents button border from flashing when focused/blurred
   '&:focus': {
     background: theme.barBg,

From b48204419807d4b0e8efc40cd74c870ddabff75f Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Thu, 4 Aug 2022 14:52:35 -0600
Subject: [PATCH 035/266] Remove icons list from docs FAQ

---
 docs/faq.md | 34 ----------------------------------
 1 file changed, 34 deletions(-)

diff --git a/docs/faq.md b/docs/faq.md
index 3896d86295d4..c7432f958e79 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -228,40 +228,6 @@ With the release of version 5.3, we've updated how you can write your stories mo
 With the [`@storybook/components`](https://www.npmjs.com/package/@storybook/components) package, you get a set of icons that you can use to customize your UI. Use the table below as a reference while writing your addon or defining your Storybook global types.
 Go through this [story](https://5a375b97f4b14f0020b0cda3-wbeulgbetj.chromatic.com/?path=/story/basics-icon--labels) to see how the icons look.
 
-| accessibility  | accessibilityalt | add          | admin        | alert         |
-| -------------- | ---------------- | ------------ | ------------ | ------------- |
-| arrowdown      | arrowleft        | arrowleftalt | arrowright   | arrowrightalt |
-| arrowup        | back             | basket       | batchaccept  | batchdeny     |
-| beaker         | bell             | bitbucket    | book         | bookmark      |
-| bookmarkhollow | bottombar        | box          | branch       | browser       |
-| button         | calendar         | camera       | category     | certificate   |
-| check          |                  | chromatic    | circle       | circlehollow  |
-| close          | closeAlt         | cog          | collapse     | comment       |
-| commit         | compass          | component    | contrast     | copy          |
-| cpu            | credit           | cross        | dashboard    | database      |
-| delete         | discord          | docchart     | doclist      | document      |
-| download       | edit             | ellipsis     | email        | expand        |
-| expandalt      | eye              | eyeclose     | facebook     | facehappy     |
-| faceneutral    | facesad          | filter       | flag         | folder        |
-| form           | gdrive           | github       | gitlab       | globe         |
-| google         | graphbar         | graphline    | graphql      | grid          |
-| grow           | heart            | hearthollow  | home         | hourglass     |
-| info           | key              | lightning    | lightningoff | link          |
-| listunordered  | location         | lock         | markup       | medium        |
-| memory         | menu             | merge        | mirror       | mobile        |
-| nut            | outbox           | outline      | paintbrush   | paperclip     |
-| paragraph      | phone            | photo        | pin          | play          |
-| plus           | power            | print        | proceed      | profile       |
-| pullrequest    | question         | redirect     | redux        | reply         |
-| repository     | requestchange    | rss          | search       | share         |
-| sharealt       | shield           | sidebar      | sidebaralt   | speaker       |
-| star           | starhollow       | stop         | structure    | subtract      |
-| support        | switchalt        | sync         | tablet       | thumbsup      |
-| time           | timer            | transfer     | trash        | twitter       |
-| undo           | unfold           | unlock       | upload       | user          |
-| useradd        | useralt          | users        | video        | watch         |
-| wrench         | youtube          | zoom         | zoomout      | zoomreset     |
-
 ### I see a "No Preview" error with a Storybook production build
 
 If you're using the `serve` package to verify your production build of Storybook, you'll get that error. It relates to how `serve` handles rewrites. For instance, `/iframe.html` is rewritten into `/iframe`, and you'll get that error.

From 0ba8a5efeb457f898823f18ba6032481ac07fae7 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 5 Aug 2022 09:21:32 +0200
Subject: [PATCH 036/266] Instrument the step runner provided by the
 interactions addon

---
 code/addons/interactions/src/preset/preview.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/code/addons/interactions/src/preset/preview.ts b/code/addons/interactions/src/preset/preview.ts
index 8b3faa6763f0..41eadcf626f5 100644
--- a/code/addons/interactions/src/preset/preview.ts
+++ b/code/addons/interactions/src/preset/preview.ts
@@ -55,6 +55,7 @@ const addActionsFromArgTypes: ArgsEnhancer<AnyFramework> = ({ id, initialArgs })
 
 export const argsEnhancers = [addActionsFromArgTypes];
 
-export const runStep = [
-  (label: StepLabel, play: PlayFunction, context: PlayFunctionContext) => play(context),
-];
+export const { step: runStep } = instrument(
+  { step: (label: StepLabel, play: PlayFunction, context: PlayFunctionContext) => play(context) },
+  { intercept: true }
+);

From 49098986eb94e6b0c39e924c245a889f4a53b772 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 5 Aug 2022 09:22:11 +0200
Subject: [PATCH 037/266] Add addon-interactions to be able to see the labeled
 step

---
 code/examples/cra-ts-essentials/.storybook/main.ts | 1 +
 code/examples/cra-ts-essentials/package.json       | 1 +
 2 files changed, 2 insertions(+)

diff --git a/code/examples/cra-ts-essentials/.storybook/main.ts b/code/examples/cra-ts-essentials/.storybook/main.ts
index 01c95af66b35..8a4882ff3aa7 100644
--- a/code/examples/cra-ts-essentials/.storybook/main.ts
+++ b/code/examples/cra-ts-essentials/.storybook/main.ts
@@ -12,6 +12,7 @@ const mainConfig: StorybookConfig = {
         viewport: false,
       },
     },
+    '@storybook/addon-interactions',
   ],
   logLevel: 'debug',
   // add monorepo root as a valid directory to import modules from
diff --git a/code/examples/cra-ts-essentials/package.json b/code/examples/cra-ts-essentials/package.json
index a4809b8c0471..44b28f097d48 100644
--- a/code/examples/cra-ts-essentials/package.json
+++ b/code/examples/cra-ts-essentials/package.json
@@ -38,6 +38,7 @@
   },
   "devDependencies": {
     "@storybook/addon-essentials": "7.0.0-alpha.18",
+    "@storybook/addon-interactions": "7.0.0-alpha.18",
     "@storybook/addons": "7.0.0-alpha.18",
     "@storybook/builder-webpack5": "7.0.0-alpha.18",
     "@storybook/preset-create-react-app": "^4.1.0",

From 226e21138eb39883cf61b82e93ae169c3cdd82d6 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 5 Aug 2022 09:22:44 +0200
Subject: [PATCH 038/266] Better label

---
 .../src/stories/testing-react/components/Button.stories.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx b/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx
index 9c89d37b60d7..d87e1e317baf 100644
--- a/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx
+++ b/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx
@@ -81,7 +81,7 @@ export const CSF3InputFieldFilled: CSF3Story = {
   },
   play: async ({ canvasElement, step }) => {
     const canvas = within(canvasElement);
-    await step('foo', async () => {
+    await step('Step label', async () => {
       await userEvent.type(canvas.getByTestId('input'), 'Hello world!');
     });
   },

From 9b810225bf58599a0619d709f97ad36e6791e465 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 5 Aug 2022 09:24:16 +0200
Subject: [PATCH 039/266] Get rid of dependency on instrumenter from
 preview-web

---
 code/lib/preview-web/package.json              |  1 -
 code/lib/preview-web/src/render/StoryRender.ts | 18 +-----------------
 code/lib/store/src/types.ts                    |  1 -
 3 files changed, 1 insertion(+), 19 deletions(-)

diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index b78cbcb9611d..183ad41f69f3 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -47,7 +47,6 @@
     "@storybook/client-logger": "7.0.0-alpha.18",
     "@storybook/core-events": "7.0.0-alpha.18",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/instrumenter": "7.0.0-alpha.18",
     "@storybook/store": "7.0.0-alpha.18",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
diff --git a/code/lib/preview-web/src/render/StoryRender.ts b/code/lib/preview-web/src/render/StoryRender.ts
index c2dd3df27ea8..a13fdcb65082 100644
--- a/code/lib/preview-web/src/render/StoryRender.ts
+++ b/code/lib/preview-web/src/render/StoryRender.ts
@@ -21,7 +21,6 @@ import {
   STORY_RENDERED,
   PLAY_FUNCTION_THREW_EXCEPTION,
 } from '@storybook/core-events';
-import { instrument } from '@storybook/instrumenter';
 import { Render, RenderType } from './Render';
 
 const { AbortController } = global;
@@ -50,20 +49,6 @@ function createController(): AbortController {
   } as AbortController;
 }
 
-function createStepFunction(context: PlayContext) {
-  const { step } = instrument(
-    { step: (name: string, play: (context: PlayContext) => MaybePromise<void>) => play(context) },
-    { intercept: true }
-  );
-  return step;
-}
-
-function createPlayContext(storyContext: StoryContext): PlayContext {
-  const playContext = { ...storyContext } as any;
-  playContext.step = createStepFunction(playContext);
-  return playContext;
-}
-
 function serializeError(error: any) {
   try {
     const { name = 'Error', message = String(error), stack } = error;
@@ -239,7 +224,6 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
           return this.callbacks.showException(error);
         },
         forceRemount: forceRemount || this.notYetRendered,
-        playContext: createPlayContext(renderStoryContext),
         storyContext: renderStoryContext,
         storyFn: () => unboundStoryFn(renderStoryContext),
         unboundStoryFn,
@@ -257,7 +241,7 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
         this.disableKeyListeners = true;
         try {
           await this.runPhase(abortSignal, 'playing', async () => {
-            await playFunction(renderContext.playContext);
+            await playFunction(renderContext.storyContext);
           });
           await this.runPhase(abortSignal, 'played');
         } catch (error) {
diff --git a/code/lib/store/src/types.ts b/code/lib/store/src/types.ts
index 998cbc1bf067..a8082ff2365c 100644
--- a/code/lib/store/src/types.ts
+++ b/code/lib/store/src/types.ts
@@ -120,7 +120,6 @@ export declare type RenderContext<TFramework extends AnyFramework = AnyFramework
     showError: (error: { title: string; description: string }) => void;
     showException: (err: Error) => void;
     forceRemount: boolean;
-    playContext: PlayContext<TFramework>;
     storyContext: StoryContext<TFramework>;
     storyFn: PartialStoryFn<TFramework>;
     unboundStoryFn: LegacyStoryFn<TFramework>;

From 7538375952b6d579d761f54f27f49bfe2fd265c1 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 5 Aug 2022 09:24:51 +0200
Subject: [PATCH 040/266] No need for explicit default implementation,
 composeStepRunners takes care of that

---
 code/lib/store/src/csf/composeConfigs.ts | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/code/lib/store/src/csf/composeConfigs.ts b/code/lib/store/src/csf/composeConfigs.ts
index 08308638e4a9..f43aed164704 100644
--- a/code/lib/store/src/csf/composeConfigs.ts
+++ b/code/lib/store/src/csf/composeConfigs.ts
@@ -1,4 +1,4 @@
-import type { AnyFramework, StepLabel, PlayFunction, PlayFunctionContext } from '@storybook/csf';
+import type { AnyFramework } from '@storybook/csf';
 
 import type { ModuleExports, WebProjectAnnotations } from '../types';
 import { combineParameters } from '../parameters';
@@ -36,12 +36,7 @@ export function composeConfigs<TFramework extends AnyFramework>(
   moduleExportList: ModuleExports[]
 ): WebProjectAnnotations<TFramework> {
   const allArgTypeEnhancers = getArrayField(moduleExportList, 'argTypesEnhancers');
-  const stepRunners = getArrayField(moduleExportList, 'runStep');
-  const runStep = (
-    label: StepLabel,
-    play: PlayFunction<TFramework>,
-    context: PlayFunctionContext<TFramework>
-  ) => play(context);
+  const stepRunners = getField(moduleExportList, 'runStep');
 
   return {
     parameters: combineParameters(...getField(moduleExportList, 'parameters')),
@@ -59,6 +54,6 @@ export function composeConfigs<TFramework extends AnyFramework>(
     render: getSingletonField(moduleExportList, 'render'),
     renderToDOM: getSingletonField(moduleExportList, 'renderToDOM'),
     applyDecorators: getSingletonField(moduleExportList, 'applyDecorators'),
-    runStep: composeStepRunners<TFramework>([runStep, ...stepRunners]),
+    runStep: composeStepRunners<TFramework>(stepRunners),
   };
 }

From 4c90cfd735ff8b36d02eefd2a3c43ef8d81e685a Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 5 Aug 2022 09:26:01 +0200
Subject: [PATCH 041/266] Update lockfile

---
 code/yarn.lock | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/yarn.lock b/code/yarn.lock
index ade6ce663fde..be862bd61762 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -8757,7 +8757,6 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.18
     "@storybook/core-events": 7.0.0-alpha.18
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/instrumenter": 7.0.0-alpha.18
     "@storybook/store": 7.0.0-alpha.18
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
@@ -17297,6 +17296,7 @@ __metadata:
   resolution: "cra-ts-essentials@workspace:examples/cra-ts-essentials"
   dependencies:
     "@storybook/addon-essentials": 7.0.0-alpha.18
+    "@storybook/addon-interactions": 7.0.0-alpha.18
     "@storybook/addons": 7.0.0-alpha.18
     "@storybook/builder-webpack5": 7.0.0-alpha.18
     "@storybook/components": 7.0.0-alpha.18

From 9a426873ac0cb5753d2d2e06944925a0eeba2273 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Fri, 5 Aug 2022 17:03:14 -0600
Subject: [PATCH 042/266] Update NotificationItem and updated a handful of
 icons to match the Design System

---
 code/lib/components/src/icon/icons.tsx          | 17 +++++++++++------
 .../notifications/NotificationItem.tsx          |  1 +
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/code/lib/components/src/icon/icons.tsx b/code/lib/components/src/icon/icons.tsx
index ae89c1c0b3f1..efeb16eec655 100644
--- a/code/lib/components/src/icon/icons.tsx
+++ b/code/lib/components/src/icon/icons.tsx
@@ -1298,21 +1298,18 @@ export const icons = {
     <>
       <path
         fillRule="evenodd"
-        d="M.86 8.98c.43.14 1.35.45 2.35.17l.08.26a2 2 0 1 0 2.97 2.54 5.2 5.2 0 0 0 1.48 0A2 2 0 1 0 10.7 9.4l.08-.26c1 .28 1.92-.03 2.35-.17h.01a.5.5 0 0 0 .35-.5.5.5 0 0 0-.06-.21A7.41 7.41 0 0 0 10.5 5.2V4.5a3.5 3.5 0 1 0-7 0v.7a7.27 7.27 0 0 0-.94.66A7.41 7.41 0 0 0 .54 8.3a.5.5 0 0 0 .31.67h.01ZM4.5 9a2 2 0 0 1 2 1.97 4.34 4.34 0 0 0 1 0 2 2 0 0 1 2.29-1.95c.12-.4.19-.83.2-1.28-.1-.08-.27-.18-.5-.28A5.07 5.07 0 0 0 8.3 7.1l-.02.02a5.83 5.83 0 0 1-.87.75A.89.89 0 0 1 7 8a.89.89 0 0 1-.41-.12 5.83 5.83 0 0 1-.88-.75l-.02-.02A5.07 5.07 0 0 0 4 7.74c.02.45.1.89.21 1.28L4.5 9Zm6 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-6 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1.94-5.55c-.26-.28-.53-.6-.72-.85a2.5 2.5 0 0 1 2.56 0c-.2.25-.46.57-.72.85a4.88 4.88 0 0 1-.56.52 4.88 4.88 0 0 1-.56-.52ZM6.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"
+        d="M7 0a3 3 0 0 1 3 3v1.24c.13.13.25.27.36.42l.52.43.2.15c.32.26.7.59 1.09.97A6.28 6.28 0 0 1 14 9.54a.5.5 0 0 1-.35.44c-.31.1-.8.18-1.34.13-.33-.03-.7-.12-1.05-.3-.04.17-.1.34-.17.51a2 2 0 1 1-2.89 2.56 5.5 5.5 0 0 1-2.4 0 2 2 0 1 1-2.9-2.56 5.56 5.56 0 0 1-.16-.51c-.35.18-.72.27-1.05.3a3.4 3.4 0 0 1-1.34-.13.5.5 0 0 1-.35-.44l.01-.14a6.28 6.28 0 0 1 1.82-3.2 13.42 13.42 0 0 1 1.3-1.11c.22-.19.4-.32.5-.43.12-.15.24-.29.37-.42V3a3 3 0 0 1 3-3Zm1 11.9a2 2 0 0 1 2.14-1.9 5.5 5.5 0 0 0 .36-2c0-.51-.1-1.07-.3-1.6l-.03-.02a4.4 4.4 0 0 0-.86-.42 6.71 6.71 0 0 0-1-.31l-.86.64c-.27.2-.63.2-.9 0l-.85-.64a6.72 6.72 0 0 0-1.87.73l-.03.02A4.6 4.6 0 0 0 3.5 8c0 .68.11 1.39.36 2H4a2 2 0 0 1 2 1.9 4.49 4.49 0 0 0 2 0ZM5 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm6 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.1 4.3a1.5 1.5 0 0 1 1.8 0l.27.2L7 5.38 5.83 4.5l.27-.2ZM8.5 2c.28 0 .5.22.5.5V3a.5.5 0 0 1-1 0v-.5c0-.28.22-.5.5-.5ZM6 2.5a.5.5 0 0 0-1 0V3a.5.5 0 0 0 1 0v-.5Z"
       />
     </>
   ),
   ubuntu: (
     <>
-      <path d="M11.51 2.77c0 .98-.76 1.77-1.7 1.77-.95 0-1.71-.79-1.71-1.77S8.86 1 9.8 1c.95 0 1.71.8 1.71 1.77ZM4.41 6.66c0 .98-.76 1.77-1.7 1.77-.95 0-1.71-.8-1.71-1.77 0-.98.76-1.77 1.7-1.77.95 0 1.71.79 1.71 1.77ZM6.55 11.22a4.08 4.08 0 0 1-2.83-2.25c-.46.22-.97.28-1.46.19.34.88.88 1.65 1.58 2.26a5.47 5.47 0 0 0 3.63 1.35 2.6 2.6 0 0 1-.5-1.48 4.09 4.09 0 0 1-.42-.07ZM11.13 11.23c0 .98-.77 1.77-1.7 1.77-.95 0-1.71-.8-1.71-1.77 0-.98.76-1.77 1.7-1.77s1.7.79 1.7 1.77ZM11.8 10.58a5.94 5.94 0 0 0 .27-6.8c-.2.48-.53.88-.96 1.16a4.48 4.48 0 0 1-.13 4.32c.4.34.68.8.81 1.32ZM2.7 4.11h-.13a5.55 5.55 0 0 1 5.3-2.91c-.32.41-.5.91-.53 1.43A4.03 4.03 0 0 0 4 4.5a2.4 2.4 0 0 0-1.3-.39Z" />
+      <path d="M12.26 2.07c0 1.14-.89 2.06-1.99 2.06s-1.99-.92-1.99-2.06c0-1.14.9-2.07 2-2.07s1.98.93 1.98 2.07ZM3.98 6.6c0 1.14-.9 2.07-2 2.07C.9 8.67 0 7.74 0 6.6c0-1.14.9-2.07 1.99-2.07 1.1 0 1.99.93 1.99 2.07ZM6.47 11.92a4.76 4.76 0 0 1-3.3-2.62c-.53.25-1.12.33-1.7.22a6.72 6.72 0 0 0 1.84 2.63 6.38 6.38 0 0 0 4.24 1.58c-.37-.5-.57-1.1-.59-1.73a4.77 4.77 0 0 1-.49-.08ZM11.81 11.93c0 1.14-.89 2.07-1.99 2.07s-1.98-.93-1.98-2.07c0-1.14.89-2.06 1.98-2.06 1.1 0 2 .92 2 2.06ZM12.6 11.17a6.93 6.93 0 0 0 .32-7.93A2.95 2.95 0 0 1 11.8 4.6a5.23 5.23 0 0 1-.16 5.03c.47.4.8.94.95 1.54ZM1.99 3.63h-.15A6.48 6.48 0 0 1 8 .24a3.07 3.07 0 0 0-.6 1.68 4.7 4.7 0 0 0-3.9 2.17c-.46-.3-.98-.45-1.51-.45Z" />
     </>
   ),
   windows: (
     <>
-      <path
-        fillRule="evenodd"
-        d="M6.5 2H2v4.5h4.5V2ZM12 2H7.5v4.5H12V2ZM7.5 7.5H12V12H7.5V7.5Zm-1 0H2V12h4.5V7.5Z"
-      />
+      <path d="M6.5 1H1v5.5h5.5V1ZM13 1H7.5v5.5H13V1ZM7.5 7.5H13V13H7.5V7.5ZM6.5 7.5H1V13h5.5V7.5Z" />
     </>
   ),
   storybook: (
@@ -1330,6 +1327,14 @@ export const icons = {
       <path d="M1 1.52A.41.41 0 0 0 .59 2l1.74 10.6c.05.26.28.46.55.46h8.37c.2 0 .38-.14.42-.34l1.01-6.25H8.81l-.46 2.71H5.68L4.95 5.4h7.91L13.4 2a.41.41 0 0 0-.41-.48H1Z" />
     </>
   ),
+  chrome: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M13.02 3.43a.11.11 0 0 1-.1.17H7a3.4 3.4 0 0 0-3.3 2.55.11.11 0 0 1-.21.03L1.52 2.76a.11.11 0 0 1 0-.12 6.97 6.97 0 0 1 9-1.7c1.03.6 1.9 1.47 2.5 2.5ZM7 9.62a2.62 2.62 0 1 1 0-5.24 2.62 2.62 0 0 1 0 5.24Zm1.03.7a.11.11 0 0 0-.12-.04 3.4 3.4 0 0 1-4-1.84L1.1 3.57a.11.11 0 0 0-.2 0 7 7 0 0 0 5.07 10.35c.04 0 .08-.02.1-.05l1.97-3.42a.11.11 0 0 0 0-.13Zm1.43-5.95h3.95c.05 0 .1.03.1.07a6.97 6.97 0 0 1-1.53 7.48A6.96 6.96 0 0 1 7.08 14a.11.11 0 0 1-.1-.17l2.81-4.88h.01a3.38 3.38 0 0 0-.42-4.38.11.11 0 0 1 .08-.2Z"
+      />
+    </>
+  ),
   chromatic: (
     <>
       <path
diff --git a/code/lib/ui/src/components/notifications/NotificationItem.tsx b/code/lib/ui/src/components/notifications/NotificationItem.tsx
index 0ff2813f0ead..c60dacfd2950 100644
--- a/code/lib/ui/src/components/notifications/NotificationItem.tsx
+++ b/code/lib/ui/src/components/notifications/NotificationItem.tsx
@@ -85,6 +85,7 @@ const ItemContent: FC<Pick<State['notifications'][0], 'icon' | 'content'>> = ({
         <Icons
           icon={icon.name as IconsProps['icon']}
           width={16}
+          height={16}
           color={icon.color || DEFAULT_ICON_COLOUR}
         />
       </NotificationIconWrapper>

From 33f6f1908c86a88114da74a7715a12ec04d8eea5 Mon Sep 17 00:00:00 2001
From: B2Y4N <103165983+B2Y4N@users.noreply.github.com>
Date: Mon, 8 Aug 2022 00:39:05 +0800
Subject: [PATCH 043/266] Build lib/channels with ts-up

---
 code/lib/channels/package.json | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 63a4bed6e58c..fc834bcfa61c 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -20,9 +20,17 @@
   },
   "license": "MIT",
   "sideEffects": false,
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -31,7 +39,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prepare": "esrun ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "core-js": "^3.8.2",
@@ -44,5 +52,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+    ]
+  },
   "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
 }

From a27cd548385bc4e7de864ff3ff93715bc0501e85 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 8 Aug 2022 14:19:16 +0200
Subject: [PATCH 044/266] api: return defaultValue in useParameter if story is
 not prepared

it was returning an empty object before, which is a breaking change.
---
 code/lib/api/src/modules/stories.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/code/lib/api/src/modules/stories.ts b/code/lib/api/src/modules/stories.ts
index ea4215ebcaec..ef1d5aa68641 100644
--- a/code/lib/api/src/modules/stories.ts
+++ b/code/lib/api/src/modules/stories.ts
@@ -162,8 +162,6 @@ export const init: ModuleFn<SubAPI, SubState, true> = ({
         if (parameters) {
           return parameterName ? parameters[parameterName] : parameters;
         }
-
-        return {};
       }
 
       return null;

From a1b94ba45c8b1e75519bfe6526a14e9ca2af3e8c Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 5 Aug 2022 15:58:02 +1000
Subject: [PATCH 045/266] Created multiplex script and use for sandbox

---
 .circleci/config.yml           |  28 ++++++++
 code/package.json              |   1 +
 scripts/multiplex-templates.ts |  84 ++++++++++++++++++++++
 scripts/sandbox.ts             | 125 ++++++++++++++++++---------------
 scripts/utils/options.ts       |   4 ++
 5 files changed, 185 insertions(+), 57 deletions(-)
 create mode 100644 scripts/multiplex-templates.ts

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 849cf28105a5..8ab818d6e4a3 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -457,6 +457,28 @@ jobs:
             cd code
             yarn coverage
 
+## new workflow
+  sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    # parallelism: 15
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Preparing Sandboxes
+          command: |
+            cd code
+            yarn multiplex-templates --cadence ci --parallel --command "yarn sandbox --no-link --no-start --no-publish"
+      - persist_to_workspace:
+          root: .
+          paths:
+            - sandbox
+  
+
 workflows:
   test:
     jobs:
@@ -500,3 +522,9 @@ workflows:
       - cra-bench:
           requires:
             - publish
+
+## new workflow
+      - sandboxes:
+          requires:
+            - build
+      
\ No newline at end of file
diff --git a/code/package.json b/code/package.json
index 962a2e0c5144..ac5915c5daee 100644
--- a/code/package.json
+++ b/code/package.json
@@ -73,6 +73,7 @@
     "lint:other": "prettier --write '**/*.{css,html,json,md,yml}'",
     "lint:package": "sort-package-json",
     "local-registry": "ts-node --project=../scripts/tsconfig.json ../scripts/run-registry.ts --port 6000",
+    "multiplex-templates": "ts-node ../scripts/multiplex-templates.ts",
     "next-repro": "ts-node ../scripts/next-repro-generators/generate.ts",
     "publish-repros": "ts-node ../scripts/next-repro-generators/publish.ts",
     "publish:debug": "npm run publish:latest -- --npm-tag=debug --no-push",
diff --git a/scripts/multiplex-templates.ts b/scripts/multiplex-templates.ts
new file mode 100644
index 000000000000..244b9c5ac083
--- /dev/null
+++ b/scripts/multiplex-templates.ts
@@ -0,0 +1,84 @@
+/* eslint-disable no-restricted-syntax, no-await-in-loop */
+import { Command } from 'commander';
+import execa from 'execa';
+
+import { getOptions, getCommand, getOptionsOrPrompt, createOptions } from './utils/options';
+import type { OptionSpecifier } from './utils/options';
+import { filterDataForCurrentCircleCINode } from './utils/concurrency';
+
+import TEMPLATES from '../code/lib/cli/src/repro-templates';
+
+async function parseCommand(commandline: string) {
+  const argv = commandline.split(' ');
+
+  const [yarn, scriptName] = argv;
+  if (yarn !== 'yarn') throw new Error('only works with scripts at this point');
+
+  const { options } = await import(`./${scriptName}`);
+
+  const command = new Command(scriptName);
+  const values = getOptions(command, options as OptionSpecifier, ['yarn', ...argv]);
+
+  return {
+    command: `yarn ${scriptName}`,
+    options,
+    values,
+  };
+}
+
+export const options = createOptions({
+  cadence: {
+    description: 'What cadence are we running on (i.e. which templates should we use)?',
+    values: ['ci', 'daily', 'weekly'],
+    required: true as const,
+  },
+  script: {
+    description: 'What command are we running?',
+    // FIXME: totally not right, just a placeholder until we are allowed arbitrarily valued string options
+    values: ['yarn sandbox --no-link --no-start --no-publish'],
+  },
+  parallel: {
+    description: 'Run commands in parallel?',
+  },
+});
+
+async function run() {
+  const { script: commandline, parallel } = await getOptionsOrPrompt(
+    'yarn multiplex-templates',
+    options
+  );
+
+  const command = await parseCommand(commandline);
+
+  const allTemplates = Object.keys(TEMPLATES);
+  // TODO -- filter by cadence
+  const templates = filterDataForCurrentCircleCINode(allTemplates);
+
+  const toAwait = [];
+  for (const template of templates) {
+    const toRun = getCommand(command.command, command.options, {
+      ...command.values,
+      template,
+    });
+
+    console.log(`Running ${toRun}`);
+
+    if (parallel) {
+      // Don't pipe stdio as it'll get interleaved
+      toAwait.push(
+        (async () => {
+          await execa.command(toRun);
+          console.log(`Done with ${toRun}`);
+        })()
+      );
+    } else {
+      await execa.command(toRun, { stdio: 'inherit' });
+    }
+  }
+
+  await Promise.all(toAwait);
+}
+
+if (require.main === module) {
+  run();
+}
diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 1aa3804c6dd7..28bb064656f8 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -11,7 +11,7 @@ import {
 } from 'fs-extra';
 import prompts from 'prompts';
 
-import { getOptionsOrPrompt } from './utils/options';
+import { createOptions, getOptionsOrPrompt } from './utils/options';
 import { executeCLIStep } from './utils/cli-step';
 import { installYarn2, configureYarn2ForVerdaccio, addPackageResolutions } from './utils/yarn';
 import { exec } from './utils/exec';
@@ -39,55 +39,62 @@ const defaultAddons = [
 const sandboxDir = path.resolve(__dirname, '../sandbox');
 const codeDir = path.resolve(__dirname, '../code');
 
+export const options = createOptions({
+  template: {
+    description: 'Which template would you like to use?',
+    values: templates,
+    required: true as const,
+  },
+  addon: {
+    description: 'Which extra addons (beyond the CLI defaults) would you like installed?',
+    values: addons,
+    multiple: true as const,
+  },
+  includeStories: {
+    description: "Include Storybook's own stories?",
+    promptType: (_, { framework }) => framework === 'react',
+  },
+  create: {
+    description: 'Create the template from scratch (rather than degitting it)?',
+  },
+  forceDelete: {
+    description: 'Always delete an existing sandbox, even if it has the same configuration?',
+    promptType: false,
+  },
+  forceReuse: {
+    description: 'Always reuse an existing sandbox, even if it has a different configuration?',
+    promptType: false,
+  },
+  link: {
+    description: 'Link the storybook to the local code?',
+    inverse: true,
+  },
+  publish: {
+    description: 'Publish local code to verdaccio before installing?',
+    inverse: true,
+    promptType: (_, { link }) => !link,
+  },
+  start: {
+    description: 'Start the Storybook?',
+    inverse: true,
+  },
+  build: {
+    description: 'Build the Storybook?',
+  },
+  watch: {
+    description: 'Start building used packages in watch mode as well as the Storybook?',
+  },
+  dryRun: {
+    description: "Don't execute commands, just list them (dry run)?",
+  },
+  debug: {
+    description: 'Print all the logs to the console',
+    promptType: false,
+  },
+});
+
 async function getOptions() {
-  return getOptionsOrPrompt('yarn sandbox', {
-    template: {
-      description: 'Which template would you like to use?',
-      values: templates,
-      required: true as const,
-    },
-    addon: {
-      description: 'Which extra addons (beyond the CLI defaults) would you like installed?',
-      values: addons,
-      multiple: true as const,
-    },
-    includeStories: {
-      description: "Include Storybook's own stories?",
-      promptType: (_, { framework }) => framework === 'react',
-    },
-    create: {
-      description: 'Create the template from scratch (rather than degitting it)?',
-    },
-    forceDelete: {
-      description: 'Always delete an existing sandbox, even if it has the same configuration?',
-      promptType: false,
-    },
-    forceReuse: {
-      description: 'Always reuse an existing sandbox, even if it has a different configuration?',
-      promptType: false,
-    },
-    link: {
-      description: 'Link the storybook to the local code?',
-      inverse: true,
-    },
-    start: {
-      description: 'Start the Storybook?',
-      inverse: true,
-    },
-    build: {
-      description: 'Build the Storybook?',
-    },
-    watch: {
-      description: 'Start building used packages in watch mode as well as the Storybook?',
-    },
-    dryRun: {
-      description: "Don't execute commands, just list them (dry run)?",
-    },
-    debug: {
-      description: 'Print all the logs to the console',
-      promptType: false,
-    },
-  });
+  return getOptionsOrPrompt('yarn sandbox', options);
 }
 
 const steps = {
@@ -215,7 +222,7 @@ async function addStories(paths: string[], { mainConfig }: { mainConfig: ConfigF
 async function main() {
   const optionValues = await getOptions();
 
-  const { template, forceDelete, forceReuse, link, dryRun, debug } = optionValues;
+  const { template, forceDelete, forceReuse, link, publish, dryRun, debug } = optionValues;
 
   await ensureDir(sandboxDir);
 
@@ -293,11 +300,13 @@ async function main() {
         debug,
       });
     } else {
-      await exec('yarn local-registry --publish', { cwd: codeDir }, { dryRun, debug });
+      if (publish) {
+        await exec('yarn local-registry --publish', { cwd: codeDir }, { dryRun, debug });
 
-      // NOTE: this is a background task and will run forever (TODO: sort out logging/exiting)
-      exec('CI=true yarn local-registry --open', { cwd: codeDir }, { dryRun, debug });
-      await exec('yarn wait-on http://localhost:6000', { cwd: codeDir }, { dryRun, debug });
+        // NOTE: this is a background task and will run forever (TODO: sort out logging/exiting)
+        exec('CI=true yarn local-registry --open', { cwd: codeDir }, { dryRun, debug });
+        await exec('yarn wait-on http://localhost:6000', { cwd: codeDir }, { dryRun, debug });
+      }
 
       // We need to add package resolutions to ensure that we only ever install the latest version
       // of any storybook packages as verdaccio is not able to both proxy to npm and publish over
@@ -327,7 +336,7 @@ async function main() {
     });
   }
 
-  const { start } = optionValues;
+  const { start, build } = optionValues;
   if (start) {
     await exec(
       'yarn storybook',
@@ -339,7 +348,7 @@ async function main() {
         debug: true,
       }
     );
-  } else {
+  } else if (build) {
     await executeCLIStep(steps.build, { cwd, dryRun, debug });
     // TODO serve
   }
@@ -347,4 +356,6 @@ async function main() {
   // TODO start dev
 }
 
-main().catch((err) => console.error(err));
+if (require.main === module) {
+  main().catch((err) => console.error(err));
+}
diff --git a/scripts/utils/options.ts b/scripts/utils/options.ts
index 785f7e156b7f..56ad9ddbab5e 100644
--- a/scripts/utils/options.ts
+++ b/scripts/utils/options.ts
@@ -78,6 +78,10 @@ export type OptionValues<TOptions extends OptionSpecifier = OptionSpecifier> = {
   [TKey in keyof TOptions]: OptionValue<TOptions[TKey]>;
 };
 
+export function createOptions<TOptions extends OptionSpecifier>(options: TOptions) {
+  return options;
+}
+
 export function isStringOption(option: Option): option is StringOption {
   return 'values' in option && !('multiple' in option);
 }

From 4777e943e85018e0ea595d3c21c1c0d1ffc4252a Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 5 Aug 2022 16:41:46 +1000
Subject: [PATCH 046/266] Run local registry on sandboxes command

---
 .circleci/config.yml | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 8ab818d6e4a3..8bf7ec947065 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -468,11 +468,22 @@ jobs:
           clone_options: '--depth 1 --verbose'
       - attach_workspace:
           at: .
+      - run:
+          name: Running local registry
+          command: |
+            cd code
+            yarn local-registry --port 6000 --open
+          background: true
+      - run:
+          name: Wait for registry
+          command: |
+            cd code
+            yarn wait-on http://localhost:6000
       - run:
           name: Preparing Sandboxes
           command: |
             cd code
-            yarn multiplex-templates --cadence ci --parallel --command "yarn sandbox --no-link --no-start --no-publish"
+            yarn multiplex-templates --cadence ci --parallel --script "yarn sandbox --no-link --no-start --no-publish"
       - persist_to_workspace:
           root: .
           paths:
@@ -526,5 +537,5 @@ workflows:
 ## new workflow
       - sandboxes:
           requires:
-            - build
+            - publish
       
\ No newline at end of file

From 1b075df5da4fc9514afc74853bc3f22748afccee Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 5 Aug 2022 16:42:19 +1000
Subject: [PATCH 047/266] Filter by cadence

---
 code/lib/cli/src/repro-templates.ts            |  2 ++
 scripts/multiplex-templates.ts                 | 17 ++++++++++-------
 scripts/next-repro-generators/repro-config.yml |  6 ++++++
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/code/lib/cli/src/repro-templates.ts b/code/lib/cli/src/repro-templates.ts
index 09a0a2699c5a..45adcd256f10 100644
--- a/code/lib/cli/src/repro-templates.ts
+++ b/code/lib/cli/src/repro-templates.ts
@@ -3,6 +3,7 @@ export default {
   'cra/default-js': {
     name: 'Create React App (Javascript)',
     script: 'npx create-react-app .',
+    cadence: ['ci', 'daily', 'weekly'],
     expected: {
       framework: '@storybook/cra',
       renderer: '@storybook/react',
@@ -12,6 +13,7 @@ export default {
   'cra/default-ts': {
     name: 'Create React App (Typescript)',
     script: 'npx create-react-app . --template typescript',
+    cadence: ['ci', 'daily', 'weekly'],
     expected: {
       framework: '@storybook/cra',
       renderer: '@storybook/react',
diff --git a/scripts/multiplex-templates.ts b/scripts/multiplex-templates.ts
index 244b9c5ac083..98eae061aae3 100644
--- a/scripts/multiplex-templates.ts
+++ b/scripts/multiplex-templates.ts
@@ -43,16 +43,19 @@ export const options = createOptions({
 });
 
 async function run() {
-  const { script: commandline, parallel } = await getOptionsOrPrompt(
-    'yarn multiplex-templates',
-    options
-  );
+  const {
+    cadence,
+    script: commandline,
+    parallel,
+  } = await getOptionsOrPrompt('yarn multiplex-templates', options);
 
   const command = await parseCommand(commandline);
 
-  const allTemplates = Object.keys(TEMPLATES);
-  // TODO -- filter by cadence
-  const templates = filterDataForCurrentCircleCINode(allTemplates);
+  const allTemplates = Object.keys(TEMPLATES) as (keyof typeof TEMPLATES)[];
+  const cadenceTemplates = allTemplates.filter((template) =>
+    TEMPLATES[template].cadence.includes(cadence)
+  );
+  const templates = filterDataForCurrentCircleCINode(cadenceTemplates);
 
   const toAwait = [];
   for (const template of templates) {
diff --git a/scripts/next-repro-generators/repro-config.yml b/scripts/next-repro-generators/repro-config.yml
index ae5ce55b4b9c..572bc39b951e 100644
--- a/scripts/next-repro-generators/repro-config.yml
+++ b/scripts/next-repro-generators/repro-config.yml
@@ -2,6 +2,11 @@
 cra/default-js:
   name: "Create React App (Javascript)"
   script: "npx create-react-app ."
+  # how often to test this template:
+  #   ci: every push
+  #   daily: during our daily job
+  #   weekly; during our weekly job
+  cadence: ["ci", "daily", "weekly"]
   expected:
     framework: "@storybook/cra"
     renderer: "@storybook/react"
@@ -10,6 +15,7 @@ cra/default-js:
 cra/default-ts:
   name: "Create React App (Typescript)"
   script: "npx create-react-app . --template typescript"
+  cadence: ["ci", "daily", "weekly"]
   expected:
     framework: "@storybook/cra"
     renderer: "@storybook/react"

From c537effe4f247c097cc1114d2c5dc10b9bd21e99 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Sun, 7 Aug 2022 20:42:03 +1000
Subject: [PATCH 048/266] Fix some minor things

---
 .circleci/config.yml           | 5 +++--
 scripts/multiplex-templates.ts | 9 ++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 8bf7ec947065..654800d70f2d 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -458,7 +458,7 @@ jobs:
             yarn coverage
 
 ## new workflow
-  sandboxes:
+  create-sandboxes:
     executor:
       class: medium+
       name: sb_node_14_browsers
@@ -482,6 +482,7 @@ jobs:
       - run:
           name: Preparing Sandboxes
           command: |
+            mkdir sandbox
             cd code
             yarn multiplex-templates --cadence ci --parallel --script "yarn sandbox --no-link --no-start --no-publish"
       - persist_to_workspace:
@@ -535,7 +536,7 @@ workflows:
             - publish
 
 ## new workflow
-      - sandboxes:
+      - create-sandboxes:
           requires:
             - publish
       
\ No newline at end of file
diff --git a/scripts/multiplex-templates.ts b/scripts/multiplex-templates.ts
index 98eae061aae3..0aeadb9a3a26 100644
--- a/scripts/multiplex-templates.ts
+++ b/scripts/multiplex-templates.ts
@@ -29,7 +29,7 @@ async function parseCommand(commandline: string) {
 export const options = createOptions({
   cadence: {
     description: 'What cadence are we running on (i.e. which templates should we use)?',
-    values: ['ci', 'daily', 'weekly'],
+    values: ['ci', 'daily', 'weekly'] as const,
     required: true as const,
   },
   script: {
@@ -53,7 +53,7 @@ async function run() {
 
   const allTemplates = Object.keys(TEMPLATES) as (keyof typeof TEMPLATES)[];
   const cadenceTemplates = allTemplates.filter((template) =>
-    TEMPLATES[template].cadence.includes(cadence)
+    TEMPLATES[template].cadence.includes(cadence as typeof options.cadence.values[number])
   );
   const templates = filterDataForCurrentCircleCINode(cadenceTemplates);
 
@@ -83,5 +83,8 @@ async function run() {
 }
 
 if (require.main === module) {
-  run();
+  run().catch((err) => {
+    console.error('Multiplexing failed');
+    console.error(err);
+  });
 }

From 5ae85a9da4fba71c48b17b79bb3621aae8918084 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Sun, 7 Aug 2022 21:07:03 +1000
Subject: [PATCH 049/266] Add test for multiplex-templates

---
 scripts/multiplex-templates.test.ts | 50 +++++++++++++++++++++++++++++
 scripts/multiplex-templates.ts      | 32 +++++++++++++-----
 2 files changed, 74 insertions(+), 8 deletions(-)
 create mode 100644 scripts/multiplex-templates.test.ts

diff --git a/scripts/multiplex-templates.test.ts b/scripts/multiplex-templates.test.ts
new file mode 100644
index 000000000000..f6abb9027e1d
--- /dev/null
+++ b/scripts/multiplex-templates.test.ts
@@ -0,0 +1,50 @@
+import { describe, it, expect, beforeEach, jest } from '@jest/globals';
+
+import { filterTemplates, parseCommand } from './multiplex-templates';
+import type { Templates } from './multiplex-templates';
+
+jest.mock('../code/lib/cli/src/repro-templates', () => () => ({}));
+const mockOptions = { foo: { values: ['bar', 'baz'] } };
+jest.mock('./sandbox', () => ({ options: mockOptions }));
+
+describe('parseCommand', () => {
+  it('grabs the script name and gets its options', async () => {
+    expect(await parseCommand(`yarn sandbox --foo bar`)).toEqual({
+      scriptName: 'sandbox',
+      command: 'yarn sandbox',
+      options: mockOptions,
+      values: { foo: 'bar' },
+    });
+  });
+});
+
+describe('filterTemplates', () => {
+  const templates: Templates = {
+    first: {
+      name: 'First',
+      script: 'first',
+      cadence: ['ci', 'daily'],
+      skipScripts: ['sandbox'],
+    },
+    second: {
+      name: 'Second',
+      script: 'second',
+      cadence: ['daily'],
+    },
+  };
+  it('filters only templates on the right cadence', () => {
+    expect(filterTemplates(templates, 'ci', 'smoketest')).toEqual({ first: templates.first });
+    expect(filterTemplates(templates, 'daily', 'smoketest')).toEqual(templates);
+  });
+
+  it('filters templates that do not skip the script', () => {
+    expect(filterTemplates(templates, 'daily', 'sandbox')).toEqual({ second: templates.second });
+    expect(filterTemplates(templates, 'daily', 'smoketest')).toEqual(templates);
+  });
+
+  // TODO: test for this, I don't really want to mess with circle env vars duing a test
+  // it('filters by CI concurrency', () => {
+  //   expect(filterTemplates(templates, 'daily', 'sandbox')).toEqual({ second: templates.second });
+  //   expect(filterTemplates(templates, 'daily', 'smoketest')).toEqual(templates);
+  // });
+});
diff --git a/scripts/multiplex-templates.ts b/scripts/multiplex-templates.ts
index 0aeadb9a3a26..24da90dcf078 100644
--- a/scripts/multiplex-templates.ts
+++ b/scripts/multiplex-templates.ts
@@ -8,7 +8,18 @@ import { filterDataForCurrentCircleCINode } from './utils/concurrency';
 
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 
-async function parseCommand(commandline: string) {
+export type Cadence = 'ci' | 'daily' | 'weekly';
+export type Template = {
+  name: string;
+  script: string;
+  cadence?: readonly Cadence[];
+  skipScripts?: string[];
+  // there are other fields but we don't use them here
+};
+export type TemplateKey = string;
+export type Templates = Record<TemplateKey, Template>;
+
+export async function parseCommand(commandline: string) {
   const argv = commandline.split(' ');
 
   const [yarn, scriptName] = argv;
@@ -20,6 +31,7 @@ async function parseCommand(commandline: string) {
   const values = getOptions(command, options as OptionSpecifier, ['yarn', ...argv]);
 
   return {
+    scriptName,
     command: `yarn ${scriptName}`,
     options,
     values,
@@ -42,6 +54,15 @@ export const options = createOptions({
   },
 });
 
+export function filterTemplates(templates: Templates, cadence: Cadence, scriptName: string) {
+  const allTemplates = Object.entries(templates);
+  const cadenceTemplates = allTemplates.filter(([, template]) =>
+    template.cadence.includes(cadence)
+  );
+  const jobTemplates = cadenceTemplates.filter(([, t]) => !t.skipScripts?.includes(scriptName));
+  return Object.fromEntries(filterDataForCurrentCircleCINode(jobTemplates));
+}
+
 async function run() {
   const {
     cadence,
@@ -50,15 +71,10 @@ async function run() {
   } = await getOptionsOrPrompt('yarn multiplex-templates', options);
 
   const command = await parseCommand(commandline);
-
-  const allTemplates = Object.keys(TEMPLATES) as (keyof typeof TEMPLATES)[];
-  const cadenceTemplates = allTemplates.filter((template) =>
-    TEMPLATES[template].cadence.includes(cadence as typeof options.cadence.values[number])
-  );
-  const templates = filterDataForCurrentCircleCINode(cadenceTemplates);
+  const templates = filterTemplates(TEMPLATES, cadence as Cadence, command.scriptName);
 
   const toAwait = [];
-  for (const template of templates) {
+  for (const template of Object.keys(templates)) {
     const toRun = getCommand(command.command, command.options, {
       ...command.values,
       template,

From 95658cfc1a4135e932dc82ba856faee7c9d64b3d Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Sun, 7 Aug 2022 21:43:47 +1000
Subject: [PATCH 050/266] Use discriminated types on options

And actually infer value types closely
---
 scripts/multiplex-templates.test.ts |  2 +-
 scripts/multiplex-templates.ts      |  9 ++--
 scripts/sandbox.ts                  | 38 ++++++++++-----
 scripts/utils/options.test.ts       | 68 +++++++++++++++------------
 scripts/utils/options.ts            | 73 ++++++++++++++---------------
 5 files changed, 107 insertions(+), 83 deletions(-)

diff --git a/scripts/multiplex-templates.test.ts b/scripts/multiplex-templates.test.ts
index f6abb9027e1d..5aad9524176b 100644
--- a/scripts/multiplex-templates.test.ts
+++ b/scripts/multiplex-templates.test.ts
@@ -4,7 +4,7 @@ import { filterTemplates, parseCommand } from './multiplex-templates';
 import type { Templates } from './multiplex-templates';
 
 jest.mock('../code/lib/cli/src/repro-templates', () => () => ({}));
-const mockOptions = { foo: { values: ['bar', 'baz'] } };
+const mockOptions = { foo: { type: 'string', values: ['bar', 'baz'] } };
 jest.mock('./sandbox', () => ({ options: mockOptions }));
 
 describe('parseCommand', () => {
diff --git a/scripts/multiplex-templates.ts b/scripts/multiplex-templates.ts
index 24da90dcf078..69abc3bc2d87 100644
--- a/scripts/multiplex-templates.ts
+++ b/scripts/multiplex-templates.ts
@@ -40,16 +40,17 @@ export async function parseCommand(commandline: string) {
 
 export const options = createOptions({
   cadence: {
+    type: 'string',
     description: 'What cadence are we running on (i.e. which templates should we use)?',
     values: ['ci', 'daily', 'weekly'] as const,
-    required: true as const,
+    required: true,
   },
   script: {
+    type: 'string',
     description: 'What command are we running?',
-    // FIXME: totally not right, just a placeholder until we are allowed arbitrarily valued string options
-    values: ['yarn sandbox --no-link --no-start --no-publish'],
   },
   parallel: {
+    type: 'boolean',
     description: 'Run commands in parallel?',
   },
 });
@@ -71,7 +72,7 @@ async function run() {
   } = await getOptionsOrPrompt('yarn multiplex-templates', options);
 
   const command = await parseCommand(commandline);
-  const templates = filterTemplates(TEMPLATES, cadence as Cadence, command.scriptName);
+  const templates = filterTemplates(TEMPLATES, cadence, command.scriptName);
 
   const toAwait = [];
   for (const template of Object.keys(templates)) {
diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 28bb064656f8..52d35d02dd87 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -41,51 +41,65 @@ const codeDir = path.resolve(__dirname, '../code');
 
 export const options = createOptions({
   template: {
+    type: 'string',
     description: 'Which template would you like to use?',
     values: templates,
     required: true as const,
   },
   addon: {
+    type: 'string[]',
     description: 'Which extra addons (beyond the CLI defaults) would you like installed?',
     values: addons,
-    multiple: true as const,
   },
   includeStories: {
+    type: 'boolean',
     description: "Include Storybook's own stories?",
-    promptType: (_, { framework }) => framework === 'react',
+    promptType: (_, { template }) => template === 'react',
   },
   create: {
+    type: 'boolean',
     description: 'Create the template from scratch (rather than degitting it)?',
   },
   forceDelete: {
+    type: 'boolean',
     description: 'Always delete an existing sandbox, even if it has the same configuration?',
     promptType: false,
   },
   forceReuse: {
+    type: 'boolean',
     description: 'Always reuse an existing sandbox, even if it has a different configuration?',
     promptType: false,
   },
   link: {
+    type: 'boolean',
     description: 'Link the storybook to the local code?',
     inverse: true,
   },
   publish: {
+    type: 'boolean',
     description: 'Publish local code to verdaccio before installing?',
     inverse: true,
     promptType: (_, { link }) => !link,
   },
   start: {
+    type: 'boolean',
     description: 'Start the Storybook?',
     inverse: true,
   },
   build: {
+    type: 'boolean',
     description: 'Build the Storybook?',
+    promptType: (_, { start }) => !start,
   },
   watch: {
+    type: 'boolean',
     description: 'Start building used packages in watch mode as well as the Storybook?',
+    promptType: (_, { start }) => start,
   },
   dryRun: {
+    type: 'boolean',
     description: "Don't execute commands, just list them (dry run)?",
+    promptType: false,
   },
   debug: {
     description: 'Print all the logs to the console',
@@ -103,38 +117,40 @@ const steps = {
     description: 'Bootstrapping Template',
     icon: '👷',
     hasArgument: true,
-    options: {
-      // TODO allow string valued options without fixed values
-      output: { values: [] as string[] },
+    options: createOptions({
+      output: { type: 'string' },
       // TODO allow default values for strings
-      branch: { values: ['next'] },
-    },
+      branch: { type: 'string', values: ['next'] },
+    }),
   },
   add: {
     command: 'add',
     description: 'Adding addon',
     icon: '+',
     hasArgument: true,
-    options: {},
+    options: createOptions({}),
   },
   link: {
     command: 'link',
     description: 'Linking packages',
     icon: '🔗',
     hasArgument: true,
-    options: { local: {}, start: { inverse: true } },
+    options: createOptions({
+      local: { type: 'boolean' },
+      start: { type: 'boolean', inverse: true },
+    }),
   },
   build: {
     command: 'build',
     description: 'Building Storybook',
     icon: '🔨',
-    options: {},
+    options: createOptions({}),
   },
   dev: {
     command: 'dev',
     description: 'Starting Storybook',
     icon: '🖥 ',
-    options: {},
+    options: createOptions({}),
   },
 };
 
diff --git a/scripts/utils/options.test.ts b/scripts/utils/options.test.ts
index c73cb1ac5a74..2ab3138be12b 100644
--- a/scripts/utils/options.test.ts
+++ b/scripts/utils/options.test.ts
@@ -1,43 +1,49 @@
 import { createCommand } from 'commander';
 import { describe, it, expect } from '@jest/globals';
 
-import {
-  getOptions,
-  areOptionsSatisfied,
-  getCommand,
-  OptionValues,
-  MaybeOptionValues,
-} from './options';
-
-const allOptions = {
+import { createOptions, getOptions, areOptionsSatisfied, getCommand } from './options';
+import type { OptionValues, MaybeOptionValues } from './options';
+
+const allOptions = createOptions({
   first: {
+    type: 'boolean',
     description: 'first',
   },
   second: {
+    type: 'boolean',
     description: 'second',
     inverse: true,
   },
   third: {
+    type: 'string',
     description: 'third',
-    values: ['one', 'two', 'three'],
+    values: ['one', 'two', 'three'] as const,
     required: true as const,
   },
   fourth: {
+    type: 'string',
     description: 'fourth',
-    values: ['a', 'b', 'c'],
-    multiple: true as const,
   },
-};
+  fifth: {
+    type: 'string[]',
+    description: 'fifth',
+    values: ['a', 'b', 'c'] as const,
+  },
+  sixth: {
+    type: 'string[]',
+    description: 'sixth',
+  },
+});
 
 // TS "tests"
 // deepscan-disable-next-line
 function test(mv: MaybeOptionValues<typeof allOptions>, v: OptionValues<typeof allOptions>) {
-  console.log(mv.first, mv.second, mv.third, mv.fourth);
+  console.log(mv.first, mv.second, mv.third, mv.fourth, mv.fifth, mv.sixth);
   // @ts-expect-error as it's not allowed
-  console.log(mv.fifth);
-  console.log(v.first, v.second, v.third, v.fourth);
+  console.log(mv.seventh);
+  console.log(v.first, v.second, v.third, v.fourth, v.fifth, v.sixth);
   // @ts-expect-error as it's not allowed
-  console.log(v.fifth);
+  console.log(v.seventh);
 }
 
 describe('getOptions', () => {
@@ -81,21 +87,21 @@ describe('getOptions', () => {
 
   it('deals with multiple string options', () => {
     expect(
-      getOptions(createCommand(), allOptions, ['command', 'name', '--fourth', 'a'])
+      getOptions(createCommand(), allOptions, ['command', 'name', '--fifth', 'a'])
     ).toMatchObject({
-      fourth: ['a'],
+      fifth: ['a'],
     });
 
     expect(
-      getOptions(createCommand(), allOptions, ['command', 'name', '--fourth', 'a', '--fourth', 'b'])
+      getOptions(createCommand(), allOptions, ['command', 'name', '--fifth', 'a', '--fifth', 'b'])
     ).toMatchObject({
-      fourth: ['a', 'b'],
+      fifth: ['a', 'b'],
     });
   });
 
   it('disallows invalid multiple string options', () => {
     expect(() =>
-      getOptions(createCommand(), allOptions, ['command', 'name', '--fourth', 'random'])
+      getOptions(createCommand(), allOptions, ['command', 'name', '--fifth', 'random'])
     ).toThrow(/Unexpected value/);
   });
 });
@@ -107,7 +113,9 @@ describe('areOptionsSatisfied', () => {
         first: true,
         second: true,
         third: undefined,
-        fourth: ['a', 'c'],
+        fourth: undefined,
+        fifth: ['a', 'c'],
+        sixth: [],
       })
     ).toBe(false);
     expect(
@@ -115,14 +123,16 @@ describe('areOptionsSatisfied', () => {
         first: true,
         second: true,
         third: 'one',
-        fourth: [],
+        fourth: undefined,
+        fifth: [],
+        sixth: [],
       })
     ).toBe(true);
   });
 });
 
 describe('getCommand', () => {
-  const { first, second, third, fourth } = allOptions;
+  const { first, second, third, fifth } = allOptions;
   it('works with boolean options', () => {
     expect(getCommand('node foo', { first, second }, { first: true, second: true })).toBe(
       'node foo --first'
@@ -140,8 +150,8 @@ describe('getCommand', () => {
   });
 
   it('works with multiple string options', () => {
-    expect(getCommand('node foo', { fourth }, { fourth: ['a', 'b'] })).toBe(
-      'node foo --fourth a --fourth b'
+    expect(getCommand('node foo', { fifth }, { fifth: ['a', 'b'] })).toBe(
+      'node foo --fifth a --fifth b'
     );
   });
 
@@ -158,8 +168,8 @@ describe('getCommand', () => {
         first: true,
         second: false,
         third: 'one',
-        fourth: ['a', 'b'],
+        fifth: ['a', 'b'],
       })
-    ).toBe('node foo --first --no-second --third one --fourth a --fourth b');
+    ).toBe('node foo --first --no-second --third one --fifth a --fifth b');
   });
 });
diff --git a/scripts/utils/options.ts b/scripts/utils/options.ts
index 56ad9ddbab5e..ef431098dc8f 100644
--- a/scripts/utils/options.ts
+++ b/scripts/utils/options.ts
@@ -13,6 +13,7 @@ import kebabCase from 'lodash/kebabCase';
 
 export type OptionId = string;
 export type BaseOption = {
+  type: 'boolean' | 'string' | 'string[]';
   description?: string;
   /**
    * By default the one-char version of the option key will be used as short flag. Override here,
@@ -26,6 +27,7 @@ export type BaseOption = {
 };
 
 export type BooleanOption = BaseOption & {
+  type: 'boolean';
   /**
    * Does this option default true?
    */
@@ -33,10 +35,11 @@ export type BooleanOption = BaseOption & {
 };
 
 export type StringOption = BaseOption & {
+  type: 'string';
   /**
    * What values are allowed for this option?
    */
-  values: string[];
+  values?: readonly string[];
   /**
    * Is a value required for this option?
    */
@@ -44,29 +47,30 @@ export type StringOption = BaseOption & {
 };
 
 export type StringArrayOption = BaseOption & {
+  type: 'string[]';
   /**
    * What values are allowed for this option?
    */
-  values: string[];
-  /**
-   * This must be set to true
-   */
-  multiple: true;
+  values?: readonly string[];
 };
 
-type StringArrayOptionMatch = Omit<StringArrayOption, 'multiple'> & { multiple: true };
-
 export type Option = BooleanOption | StringOption | StringArrayOption;
-export type MaybeOptionValue<TOption extends Option> = TOption extends StringArrayOptionMatch
-  ? string[]
+export type MaybeOptionValue<TOption extends Option> = TOption extends StringArrayOption
+  ? TOption extends { values: infer TValues }
+    ? // @ts-ignore -- FIXME! Why are these ignores needed? (it still works)
+      TValues[number][]
+    : string[]
   : TOption extends StringOption
-  ? string | undefined
+  ? TOption extends { values: infer TValues }
+    ? // @ts-ignore
+      TValues[number] | undefined
+    : string | undefined
   : TOption extends BooleanOption
   ? boolean
   : never;
 
 export type OptionValue<TOption extends Option> = TOption extends { required: true }
-  ? string
+  ? NonNullable<MaybeOptionValue<TOption>>
   : MaybeOptionValue<TOption>;
 
 export type OptionSpecifier = Record<OptionId, Option>;
@@ -82,20 +86,8 @@ export function createOptions<TOptions extends OptionSpecifier>(options: TOption
   return options;
 }
 
-export function isStringOption(option: Option): option is StringOption {
-  return 'values' in option && !('multiple' in option);
-}
-
-export function isBooleanOption(option: Option): option is BooleanOption {
-  return !('values' in option);
-}
-
-export function isStringArrayOption(option: Option): option is StringArrayOption {
-  return 'values' in option && 'multiple' in option;
-}
-
 function shortFlag(key: OptionId, option: Option) {
-  const inverse = isBooleanOption(option) && option.inverse;
+  const inverse = option.type === 'boolean' && option.inverse;
   const defaultShortFlag = inverse ? key.substring(0, 1).toUpperCase() : key.substring(0, 1);
   const short = option.shortFlag || defaultShortFlag;
   if (short.length !== 1) {
@@ -107,13 +99,13 @@ function shortFlag(key: OptionId, option: Option) {
 }
 
 function longFlag(key: OptionId, option: Option) {
-  const inverse = isBooleanOption(option) && option.inverse;
+  const inverse = option.type === 'boolean' && option.inverse;
   return inverse ? `no-${kebabCase(key)}` : kebabCase(key);
 }
 
 function optionFlags(key: OptionId, option: Option) {
   const base = `-${shortFlag(key, option)}, --${longFlag(key, option)}`;
-  if (isStringOption(option) || isStringArrayOption(option)) {
+  if (option.type === 'string' || option.type === 'string[]') {
     return `${base} <${key}>`;
   }
   return base;
@@ -128,7 +120,7 @@ export function getOptions<TOptions extends OptionSpecifier>(
     .reduce((acc, [key, option]) => {
       const flags = optionFlags(key, option);
 
-      if (isBooleanOption(option)) return acc.option(flags, option.description, !!option.inverse);
+      if (option.type === 'boolean') return acc.option(flags, option.description, !!option.inverse);
 
       const checkStringValue = (raw: string) => {
         if (!option.values.includes(raw)) {
@@ -142,10 +134,10 @@ export function getOptions<TOptions extends OptionSpecifier>(
         return raw;
       };
 
-      if (isStringOption(option))
+      if (option.type === 'string')
         return acc.option(flags, option.description, (raw) => checkStringValue(raw));
 
-      if (isStringArrayOption(option)) {
+      if (option.type === 'string[]') {
         return acc.option(
           flags,
           option.description,
@@ -168,7 +160,7 @@ export function areOptionsSatisfied<TOptions extends OptionSpecifier>(
   values: MaybeOptionValues<TOptions>
 ) {
   return !Object.entries(options)
-    .filter(([, option]) => isStringOption(option) && option.required)
+    .filter(([, option]) => option.type === 'string' && option.required)
     .find(([key]) => !values[key]);
 }
 
@@ -178,8 +170,13 @@ export async function promptOptions<TOptions extends OptionSpecifier>(
 ): Promise<OptionValues<TOptions>> {
   const questions = Object.entries(options).map(([key, option]): PromptObject => {
     let defaultType: PromptType = 'toggle';
-    if (!isBooleanOption(option))
-      defaultType = isStringArrayOption(option) ? 'autocompleteMultiselect' : 'select';
+    if (option.type !== 'boolean') {
+      if (option.type === 'string[]') {
+        defaultType = option.values ? 'autocompleteMultiselect' : 'list';
+      } else {
+        defaultType = option.values ? 'select' : 'text';
+      }
+    }
 
     const passedType = option.promptType;
     let type: PromptObject['type'] = defaultType;
@@ -193,7 +190,7 @@ export async function promptOptions<TOptions extends OptionSpecifier>(
       type = passedType;
     }
 
-    if (!isBooleanOption(option)) {
+    if (option.type !== 'boolean') {
       const currentValue = values[key];
       return {
         type,
@@ -230,21 +227,21 @@ function getFlag<TOption extends Option>(
   option: TOption,
   value?: OptionValue<TOption>
 ) {
-  if (isBooleanOption(option)) {
+  if (option.type === 'boolean') {
     const toggled = option.inverse ? !value : value;
     return toggled ? `--${longFlag(key, option)}` : '';
   }
 
-  if (isStringArrayOption(option)) {
+  if (option.type === 'string[]') {
     // I'm not sure why TS isn't able to infer that OptionValue<TOption> is a
     // OptionValue<StringArrayOption> (i.e. a string[]), given that it knows
     // option is a StringArrayOption
-    return ((value || []) as OptionValue<typeof option>)
+    return ((value || []) as OptionValue<StringArrayOption>)
       .map((v) => `--${longFlag(key, option)} ${v}`)
       .join(' ');
   }
 
-  if (isStringOption(option)) {
+  if (option.type === 'string') {
     if (value) {
       return `--${longFlag(key, option)} ${value}`;
     }

From 2b9ec8af2ee6cb3ad286adb80a364e2b7789e68d Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Sun, 7 Aug 2022 21:46:14 +1000
Subject: [PATCH 051/266] Fix deepscan

---
 scripts/multiplex-templates.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/multiplex-templates.test.ts b/scripts/multiplex-templates.test.ts
index 5aad9524176b..ba54b3016508 100644
--- a/scripts/multiplex-templates.test.ts
+++ b/scripts/multiplex-templates.test.ts
@@ -1,4 +1,4 @@
-import { describe, it, expect, beforeEach, jest } from '@jest/globals';
+import { describe, it, expect, jest } from '@jest/globals';
 
 import { filterTemplates, parseCommand } from './multiplex-templates';
 import type { Templates } from './multiplex-templates';

From 01d52abd4832d51502c9d57040634de7c47b037e Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 10:18:47 +1000
Subject: [PATCH 052/266] Fail CI job if process fails

---
 scripts/multiplex-templates.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/scripts/multiplex-templates.ts b/scripts/multiplex-templates.ts
index 69abc3bc2d87..bbc359aedb94 100644
--- a/scripts/multiplex-templates.ts
+++ b/scripts/multiplex-templates.ts
@@ -103,5 +103,6 @@ if (require.main === module) {
   run().catch((err) => {
     console.error('Multiplexing failed');
     console.error(err);
+    process.exit(1);
   });
 }

From c0205310f6dfe1d861bd7d1defa11298bbe05150 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 10:34:39 +1000
Subject: [PATCH 053/266] Fix issue with non-specified values

---
 scripts/utils/options.test.ts | 16 ++++++++++++++++
 scripts/utils/options.ts      |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/scripts/utils/options.test.ts b/scripts/utils/options.test.ts
index 2ab3138be12b..7909ac16c1f8 100644
--- a/scripts/utils/options.test.ts
+++ b/scripts/utils/options.test.ts
@@ -85,6 +85,14 @@ describe('getOptions', () => {
     ).toThrow(/Unexpected value/);
   });
 
+  it('allows arbitrary string options when values are not specified', () => {
+    expect(
+      getOptions(createCommand(), allOptions, ['command', 'name', '--fourth', 'random'])
+    ).toMatchObject({
+      fourth: 'random',
+    });
+  });
+
   it('deals with multiple string options', () => {
     expect(
       getOptions(createCommand(), allOptions, ['command', 'name', '--fifth', 'a'])
@@ -104,6 +112,14 @@ describe('getOptions', () => {
       getOptions(createCommand(), allOptions, ['command', 'name', '--fifth', 'random'])
     ).toThrow(/Unexpected value/);
   });
+
+  it('allows arbitrary multiple string options when values are not specified', () => {
+    expect(
+      getOptions(createCommand(), allOptions, ['command', 'name', '--sixth', 'random'])
+    ).toMatchObject({
+      sixth: ['random'],
+    });
+  });
 });
 
 describe('areOptionsSatisfied', () => {
diff --git a/scripts/utils/options.ts b/scripts/utils/options.ts
index ef431098dc8f..31a8b90b7e7b 100644
--- a/scripts/utils/options.ts
+++ b/scripts/utils/options.ts
@@ -123,7 +123,7 @@ export function getOptions<TOptions extends OptionSpecifier>(
       if (option.type === 'boolean') return acc.option(flags, option.description, !!option.inverse);
 
       const checkStringValue = (raw: string) => {
-        if (!option.values.includes(raw)) {
+        if (option.values && !option.values.includes(raw)) {
           const possibleOptions = chalk.cyan(option.values.join(', '));
           throw new Error(
             dedent`Unexpected value '${chalk.yellow(raw)}' for option '${chalk.magenta(key)}'.

From 977b08fa081c1b6f53e88a5d1a7dfbda4e059e5f Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 13:25:22 +1000
Subject: [PATCH 054/266] Rename to `once-per-template`

---
 .circleci/config.yml                                          | 3 ++-
 code/package.json                                             | 2 +-
 ...{multiplex-templates.test.ts => once-per-template.test.ts} | 4 ++--
 scripts/{multiplex-templates.ts => once-per-template.ts}      | 0
 4 files changed, 5 insertions(+), 4 deletions(-)
 rename scripts/{multiplex-templates.test.ts => once-per-template.test.ts} (92%)
 rename scripts/{multiplex-templates.ts => once-per-template.ts} (100%)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 654800d70f2d..73966b8d0383 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -484,7 +484,8 @@ jobs:
           command: |
             mkdir sandbox
             cd code
-            yarn multiplex-templates --cadence ci --parallel --script "yarn sandbox --no-link --no-start --no-publish"
+            yarn once-per-template --cadence ci --parallel \
+              --script "yarn sandbox --no-link --no-start --no-publish"
       - persist_to_workspace:
           root: .
           paths:
diff --git a/code/package.json b/code/package.json
index ac5915c5daee..2f03200814c8 100644
--- a/code/package.json
+++ b/code/package.json
@@ -73,8 +73,8 @@
     "lint:other": "prettier --write '**/*.{css,html,json,md,yml}'",
     "lint:package": "sort-package-json",
     "local-registry": "ts-node --project=../scripts/tsconfig.json ../scripts/run-registry.ts --port 6000",
-    "multiplex-templates": "ts-node ../scripts/multiplex-templates.ts",
     "next-repro": "ts-node ../scripts/next-repro-generators/generate.ts",
+    "once-per-template": "ts-node ../scripts/once-per-template.ts",
     "publish-repros": "ts-node ../scripts/next-repro-generators/publish.ts",
     "publish:debug": "npm run publish:latest -- --npm-tag=debug --no-push",
     "publish:latest": "lerna publish --exact --concurrency 1 --force-publish",
diff --git a/scripts/multiplex-templates.test.ts b/scripts/once-per-template.test.ts
similarity index 92%
rename from scripts/multiplex-templates.test.ts
rename to scripts/once-per-template.test.ts
index ba54b3016508..e280e5015c7b 100644
--- a/scripts/multiplex-templates.test.ts
+++ b/scripts/once-per-template.test.ts
@@ -1,7 +1,7 @@
 import { describe, it, expect, jest } from '@jest/globals';
 
-import { filterTemplates, parseCommand } from './multiplex-templates';
-import type { Templates } from './multiplex-templates';
+import { filterTemplates, parseCommand } from './once-per-template';
+import type { Templates } from './once-per-template';
 
 jest.mock('../code/lib/cli/src/repro-templates', () => () => ({}));
 const mockOptions = { foo: { type: 'string', values: ['bar', 'baz'] } };
diff --git a/scripts/multiplex-templates.ts b/scripts/once-per-template.ts
similarity index 100%
rename from scripts/multiplex-templates.ts
rename to scripts/once-per-template.ts

From 92eace8b258387b3711a464bc59434987a710f70 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 9 Aug 2022 17:03:45 +1000
Subject: [PATCH 055/266] Merge fix

---
 scripts/sandbox.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 52d35d02dd87..884e5ff863b9 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -102,6 +102,7 @@ export const options = createOptions({
     promptType: false,
   },
   debug: {
+    type: 'boolean',
     description: 'Print all the logs to the console',
     promptType: false,
   },

From 356b41da98eda0cf00a0858531ad8afcc64c19c3 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 20:19:56 +1000
Subject: [PATCH 056/266] Refactor `runCommand` out

And add cd option and support for non-scripts
---
 scripts/once-per-template.ts | 92 +++++++++++++++++++++++++-----------
 1 file changed, 65 insertions(+), 27 deletions(-)

diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index bbc359aedb94..b87914d4acda 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -1,6 +1,7 @@
 /* eslint-disable no-restricted-syntax, no-await-in-loop */
 import { Command } from 'commander';
 import execa from 'execa';
+import { resolve, join } from 'path';
 
 import { getOptions, getCommand, getOptionsOrPrompt, createOptions } from './utils/options';
 import type { OptionSpecifier } from './utils/options';
@@ -8,6 +9,8 @@ import { filterDataForCurrentCircleCINode } from './utils/concurrency';
 
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 
+const sandboxDir = resolve(__dirname, '../sandbox');
+
 export type Cadence = 'ci' | 'daily' | 'weekly';
 export type Template = {
   name: string;
@@ -22,20 +25,26 @@ export type Templates = Record<TemplateKey, Template>;
 export async function parseCommand(commandline: string) {
   const argv = commandline.split(' ');
 
-  const [yarn, scriptName] = argv;
-  if (yarn !== 'yarn') throw new Error('only works with scripts at this point');
-
-  const { options } = await import(`./${scriptName}`);
-
-  const command = new Command(scriptName);
-  const values = getOptions(command, options as OptionSpecifier, ['yarn', ...argv]);
-
-  return {
-    scriptName,
-    command: `yarn ${scriptName}`,
-    options,
-    values,
-  };
+  const [yarnOrNpx, scriptName] = argv;
+
+  try {
+    const { options } = await import(`./${scriptName}`);
+
+    const command = new Command(scriptName);
+    const values = getOptions(command, options as OptionSpecifier, [yarnOrNpx, ...argv]);
+
+    return {
+      scriptName,
+      command: `yarn ${scriptName}`,
+      options,
+      values,
+    };
+  } catch (err) {
+    return {
+      scriptName,
+      command: commandline,
+    };
+  }
 }
 
 export const options = createOptions({
@@ -53,6 +62,15 @@ export const options = createOptions({
     type: 'boolean',
     description: 'Run commands in parallel?',
   },
+  cd: {
+    type: 'boolean',
+    description: 'Change directory into sandbox?',
+    inverse: true,
+  },
+  junit: {
+    type: 'string',
+    description: 'Report results to junit XML file at path',
+  },
 });
 
 export function filterTemplates(templates: Templates, cadence: Cadence, scriptName: string) {
@@ -64,11 +82,30 @@ export function filterTemplates(templates: Templates, cadence: Cadence, scriptNa
   return Object.fromEntries(filterDataForCurrentCircleCINode(jobTemplates));
 }
 
+const logger = console;
+async function runCommand(
+  command: string,
+  execaOptions: execa.Options,
+  { template }: { template: string }
+) {
+  try {
+    logger.log(`${template}: Running ${command}`);
+
+    await execa.command(command, execaOptions);
+
+    console.log(`${template}: Done.`);
+  } catch (err) {
+    console.log(`${template}: Failed.`);
+  }
+}
+
 async function run() {
   const {
     cadence,
     script: commandline,
     parallel,
+    cd,
+    junit: junitPath,
   } = await getOptionsOrPrompt('yarn multiplex-templates', options);
 
   const command = await parseCommand(commandline);
@@ -76,23 +113,24 @@ async function run() {
 
   const toAwait = [];
   for (const template of Object.keys(templates)) {
-    const toRun = getCommand(command.command, command.options, {
-      ...command.values,
-      template,
-    });
+    let toRun = command.command;
+
+    if (command.options) {
+      toRun = getCommand(command.command, command.options, {
+        ...command.values,
+        template,
+      });
+    }
 
-    console.log(`Running ${toRun}`);
+    // Do some simple variable substitution
+    toRun = toRun.replace('TEMPLATE_ENV', template.toUpperCase().replace(/\/-/, '_'));
+    toRun = toRun.replace('TEMPLATE', template);
 
+    const execaOptions = cd ? { cwd: join(sandboxDir, template) } : {};
     if (parallel) {
-      // Don't pipe stdio as it'll get interleaved
-      toAwait.push(
-        (async () => {
-          await execa.command(toRun);
-          console.log(`Done with ${toRun}`);
-        })()
-      );
+      toAwait.push(runCommand(toRun, execaOptions, { template }));
     } else {
-      await execa.command(toRun, { stdio: 'inherit' });
+      await runCommand(toRun, { stdio: 'inherit', ...execaOptions }, { template });
     }
   }
 

From 7ae77dc9f1eefee2e23a2866b4b64aee4c33c796 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 20:20:02 +1000
Subject: [PATCH 057/266] Add smoketest ci job

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

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 73966b8d0383..20fb381fd6b8 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -484,13 +484,28 @@ jobs:
           command: |
             mkdir sandbox
             cd code
-            yarn once-per-template --cadence ci --parallel \
+            yarn once-per-template --no-cd --cadence ci --parallel \
               --script "yarn sandbox --no-link --no-start --no-publish"
       - persist_to_workspace:
           root: .
           paths:
             - sandbox
-  
+  smoke-test-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 2
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Smoke Testing Sandboxes
+          command: |
+            cd code
+            yarn multiplex-templates --cadence ci --junit test-results/smoketest-TEMPLATE.xml \
+              --script "yarn storybook --smoke-test --quiet"
 
 workflows:
   test:
@@ -540,4 +555,7 @@ workflows:
       - create-sandboxes:
           requires:
             - publish
+      - smoke-test-sandboxes:
+          requires:
+            - create-sandboxes
       
\ No newline at end of file

From 61b3bf22ec7163c52fcfe75e0301c202f0ce6f3c Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 21:47:29 +1000
Subject: [PATCH 058/266] Hooked up junit in `once-per-template`

---
 .circleci/config.yml         |  6 +--
 scripts/once-per-template.ts | 73 +++++++++++++++++++++++++++++++-----
 scripts/package.json         |  1 +
 scripts/yarn.lock            | 10 +++++
 4 files changed, 77 insertions(+), 13 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 20fb381fd6b8..d2197b962c06 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -484,7 +484,7 @@ jobs:
           command: |
             mkdir sandbox
             cd code
-            yarn once-per-template --no-cd --cadence ci --parallel \
+            yarn once-per-template --step Building --no-cd --cadence ci --parallel \
               --script "yarn sandbox --no-link --no-start --no-publish"
       - persist_to_workspace:
           root: .
@@ -504,8 +504,8 @@ jobs:
           name: Smoke Testing Sandboxes
           command: |
             cd code
-            yarn multiplex-templates --cadence ci --junit test-results/smoketest-TEMPLATE.xml \
-              --script "yarn storybook --smoke-test --quiet"
+            yarn once-per-template --step Smoke Testing --cadence ci \
+              --junit test-results/smoketest.xml --script "yarn storybook --smoke-test --quiet"
 
 workflows:
   test:
diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index b87914d4acda..5dac1c8b3bee 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -2,12 +2,14 @@
 import { Command } from 'commander';
 import execa from 'execa';
 import { resolve, join } from 'path';
+import { getJunitXml } from 'junit-xml';
 
 import { getOptions, getCommand, getOptionsOrPrompt, createOptions } from './utils/options';
 import type { OptionSpecifier } from './utils/options';
 import { filterDataForCurrentCircleCINode } from './utils/concurrency';
 
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
+import { outputFile } from 'fs-extra';
 
 const sandboxDir = resolve(__dirname, '../sandbox');
 
@@ -48,6 +50,10 @@ export async function parseCommand(commandline: string) {
 }
 
 export const options = createOptions({
+  step: {
+    type: 'string',
+    description: 'What type of step are you taking per template (for logging and test results)?',
+  },
   cadence: {
     type: 'string',
     description: 'What cadence are we running on (i.e. which templates should we use)?',
@@ -82,25 +88,64 @@ export function filterTemplates(templates: Templates, cadence: Cadence, scriptNa
   return Object.fromEntries(filterDataForCurrentCircleCINode(jobTemplates));
 }
 
+type RunResult = {
+  template: TemplateKey;
+  timestamp: Date;
+  time: number;
+  ok: boolean;
+  output?: string;
+  err?: Error;
+};
+
 const logger = console;
 async function runCommand(
   command: string,
   execaOptions: execa.Options,
-  { template }: { template: string }
-) {
+  { step, template }: { step: string; template: string }
+): Promise<RunResult> {
+  const timestamp = new Date();
   try {
-    logger.log(`${template}: Running ${command}`);
+    logger.log(`${step} ${template}: Running ${command}`);
+
+    const { all } = await execa.command(command, execaOptions);
 
-    await execa.command(command, execaOptions);
+    console.log(`${step} ${template}: Done.`);
 
-    console.log(`${template}: Done.`);
+    return { template, timestamp, time: (Date.now() - +timestamp) / 1000, ok: true, output: all };
   } catch (err) {
-    console.log(`${template}: Failed.`);
+    console.log(`${step} ${template}: Failed.`);
+    return { template, timestamp, time: (Date.now() - +timestamp) / 1000, ok: false, err };
   }
 }
 
+async function writeJunitXml(step: string, start: Date, results: RunResult[], path: string) {
+  const junitXml = getJunitXml({
+    time: (Date.now() - +start) / 1000,
+    name: `${step} Templates`,
+    suites: results.map(({ template, timestamp, time, ok, err, output }) => ({
+      name: template,
+      timestamp,
+      time,
+      testCases: [
+        {
+          name: `${step} ${template}`,
+          assertions: 1,
+          time,
+          systemOut: output?.split('\n'),
+          ...(!ok && {
+            errors: [err],
+          }),
+        },
+      ],
+    })),
+  });
+  await outputFile(path, junitXml);
+  console.log(`Test results written to ${resolve(path)}`);
+}
+
 async function run() {
   const {
+    step = 'Testing',
     cadence,
     script: commandline,
     parallel,
@@ -111,6 +156,7 @@ async function run() {
   const command = await parseCommand(commandline);
   const templates = filterTemplates(TEMPLATES, cadence, command.scriptName);
 
+  const start = new Date();
   const toAwait = [];
   for (const template of Object.keys(templates)) {
     let toRun = command.command;
@@ -126,15 +172,22 @@ async function run() {
     toRun = toRun.replace('TEMPLATE_ENV', template.toUpperCase().replace(/\/-/, '_'));
     toRun = toRun.replace('TEMPLATE', template);
 
-    const execaOptions = cd ? { cwd: join(sandboxDir, template) } : {};
+    const execaOptions = cd ? { cwd: join(sandboxDir, template.replace('/', '-')) } : {};
     if (parallel) {
-      toAwait.push(runCommand(toRun, execaOptions, { template }));
+      toAwait.push(runCommand(toRun, execaOptions, { step, template }));
     } else {
-      await runCommand(toRun, { stdio: 'inherit', ...execaOptions }, { template });
+      toAwait.push(
+        Promise.resolve(
+          await runCommand(toRun, { stdio: 'inherit', ...execaOptions }, { step, template })
+        )
+      );
     }
   }
 
-  await Promise.all(toAwait);
+  const results = await Promise.all(toAwait);
+  if (junitPath) {
+    await writeJunitXml(step, start, results, junitPath);
+  }
 }
 
 if (require.main === module) {
diff --git a/scripts/package.json b/scripts/package.json
index 2edc8c1563ed..3e48a5128fc6 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -143,6 +143,7 @@
     "jest-serializer-html": "^7.0.0",
     "jest-watch-typeahead": "^0.6.1",
     "js-yaml": "^3.14.1",
+    "junit-xml": "^1.2.0",
     "lint-staged": "^10.5.4",
     "lodash": "^4.17.21",
     "mocha-list-tests": "^1.0.5",
diff --git a/scripts/yarn.lock b/scripts/yarn.lock
index c7d72426e272..e6ead6e2d6b3 100644
--- a/scripts/yarn.lock
+++ b/scripts/yarn.lock
@@ -3330,6 +3330,7 @@ __metadata:
     jest-serializer-html: ^7.0.0
     jest-watch-typeahead: ^0.6.1
     js-yaml: ^3.14.1
+    junit-xml: ^1.2.0
     lint-staged: ^10.5.4
     lodash: ^4.17.21
     mocha-list-tests: ^1.0.5
@@ -12901,6 +12902,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"junit-xml@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "junit-xml@npm:1.2.0"
+  dependencies:
+    xml: ^1.0.1
+  checksum: 4e72ffac0f2e77784ab81380f385e9b0757bebaf2d841598423d889fbaf397cc38cd524d5cd9efe7bfeb6b96937b5c497582df6de33f67e2c5ad7f174d3f800f
+  languageName: node
+  linkType: hard
+
 "jwa@npm:^1.4.1":
   version: 1.4.1
   resolution: "jwa@npm:1.4.1"

From 04d8f1a76d896c35d1d38b7ee977b5110d6397e9 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 21:48:00 +1000
Subject: [PATCH 059/266] Small fix

---
 .circleci/config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index d2197b962c06..c71502fb0628 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -504,7 +504,7 @@ jobs:
           name: Smoke Testing Sandboxes
           command: |
             cd code
-            yarn once-per-template --step Smoke Testing --cadence ci \
+            yarn once-per-template --step "Smoke Testing" --cadence ci \
               --junit test-results/smoketest.xml --script "yarn storybook --smoke-test --quiet"
 
 workflows:

From e99482156b772be2ce746d636f37fd5a701ed20d Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 21:53:03 +1000
Subject: [PATCH 060/266] Add build-sandboxes job

---
 .circleci/config.yml         | 27 ++++++++++++++++++++++++++-
 scripts/once-per-template.ts |  7 +++++--
 2 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index c71502fb0628..6936176eba09 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -506,6 +506,29 @@ jobs:
             cd code
             yarn once-per-template --step "Smoke Testing" --cadence ci \
               --junit test-results/smoketest.xml --script "yarn storybook --smoke-test --quiet"
+      - store_test_results:
+          path: code/test-results
+  build-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 2
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Building Sandboxes
+          command: |
+            BUILD_DIR="$PWD/../built-sandboxes"
+            mkdir $BUILD_DIR
+            cd code
+            yarn once-per-template --step "Building" --cadence ci --junit test-results/build.xml \
+              --script "yarn build-storybook --quiet --output-dir='$BUILD_DIR/$TEMPLATE_DIR'"
+      - store_test_results:
+          path: code/test-results
+
 
 workflows:
   test:
@@ -558,4 +581,6 @@ workflows:
       - smoke-test-sandboxes:
           requires:
             - create-sandboxes
-      
\ No newline at end of file
+      - build-sandboxes:
+          requires:
+            - create-sandboxes
\ No newline at end of file
diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index 5dac1c8b3bee..99f0464f8b80 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -169,10 +169,13 @@ async function run() {
     }
 
     // Do some simple variable substitution
-    toRun = toRun.replace('TEMPLATE_ENV', template.toUpperCase().replace(/\/-/, '_'));
+    const templateEnv = template.toUpperCase().replace(/\/-/, '_');
+    toRun = toRun.replace('TEMPLATE_ENV', templateEnv);
+    const templateDir = template.replace('/', '-');
+    toRun = toRun.replace('TEMPLATE_DIR', templateDir);
     toRun = toRun.replace('TEMPLATE', template);
 
-    const execaOptions = cd ? { cwd: join(sandboxDir, template.replace('/', '-')) } : {};
+    const execaOptions = cd ? { cwd: join(sandboxDir, templateDir) } : {};
     if (parallel) {
       toAwait.push(runCommand(toRun, execaOptions, { step, template }));
     } else {

From aea2bd1710c747b6f68c82630b25340fc3136928 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 22:08:01 +1000
Subject: [PATCH 061/266] Add chromatic step

---
 .circleci/config.yml         | 43 ++++++++++++++++++++++++++++++++----
 scripts/once-per-template.ts |  6 ++---
 2 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 6936176eba09..e066920625b0 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -504,8 +504,11 @@ jobs:
           name: Smoke Testing Sandboxes
           command: |
             cd code
-            yarn once-per-template --step "Smoke Testing" --cadence ci \
-              --junit test-results/smoketest.xml --script "yarn storybook --smoke-test --quiet"
+            yarn once-per-template \
+              --step "Smoke Testing" \
+              --cadence ci \
+              --junit test-results/smoketest.xml \
+              --script "yarn storybook --smoke-test --quiet"
       - store_test_results:
           path: code/test-results
   build-sandboxes:
@@ -521,13 +524,45 @@ jobs:
       - run:
           name: Building Sandboxes
           command: |
-            BUILD_DIR="$PWD/../built-sandboxes"
+            BUILD_DIR="$PWD/built-sandboxes"
             mkdir $BUILD_DIR
             cd code
-            yarn once-per-template --step "Building" --cadence ci --junit test-results/build.xml \
+            yarn once-per-template \
+              --step "Building" \
+              --cadence ci \
+              --junit test-results/build.xml \
               --script "yarn build-storybook --quiet --output-dir='$BUILD_DIR/$TEMPLATE_DIR'"
       - store_test_results:
           path: code/test-results
+      - persist_to_workspace:
+          root: .
+          paths:
+            - built-sandboxes
+  chromatic-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 2
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Chromatic (Sandboxes)
+          command: |
+            BUILD_DIR="$PWD/built-sandboxes"
+            mkdir $BUILD_DIR
+            cd code
+            yarn once-per-template \
+              --step "Running Chromatic" \
+              --cadence ci \
+              --script "npx chromatic \
+                --project-token='CHROMATIC_TOKEN_$TEMPLATE_ENV' \
+                --storybook-build-dir='$BUILD_DIR/$TEMPLATE_DIR' \
+                --junit-report='test-results/chromatic.xml'"
+      - store_test_results:
+          path: code/test-results
 
 
 workflows:
diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index 99f0464f8b80..85c601ce4b8b 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -170,10 +170,10 @@ async function run() {
 
     // Do some simple variable substitution
     const templateEnv = template.toUpperCase().replace(/\/-/, '_');
-    toRun = toRun.replace('TEMPLATE_ENV', templateEnv);
+    toRun = toRun.replace('$TEMPLATE_ENV', templateEnv);
     const templateDir = template.replace('/', '-');
-    toRun = toRun.replace('TEMPLATE_DIR', templateDir);
-    toRun = toRun.replace('TEMPLATE', template);
+    toRun = toRun.replace('$TEMPLATE_DIR', templateDir);
+    toRun = toRun.replace('$TEMPLATE', template);
 
     const execaOptions = cd ? { cwd: join(sandboxDir, templateDir) } : {};
     if (parallel) {

From a0085f8c1ee56ee450da8593bc9b5ddd3bb373fa Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 22:09:02 +1000
Subject: [PATCH 062/266] Add chromatic step

---
 .circleci/config.yml | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index e066920625b0..867b71f9c28a 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -618,4 +618,7 @@ workflows:
             - create-sandboxes
       - build-sandboxes:
           requires:
-            - create-sandboxes
\ No newline at end of file
+            - create-sandboxes
+      - chromatic-sandboxes:
+          requires:
+            - build-sandboxes
\ No newline at end of file

From baf5af3091d4df587f56c6cc1ca58b26a17b3084 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 9 Aug 2022 06:36:21 +1000
Subject: [PATCH 063/266] Don't make build dir

---
 .circleci/config.yml | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 867b71f9c28a..07234b7fa0c5 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -552,7 +552,6 @@ jobs:
           name: Chromatic (Sandboxes)
           command: |
             BUILD_DIR="$PWD/built-sandboxes"
-            mkdir $BUILD_DIR
             cd code
             yarn once-per-template \
               --step "Running Chromatic" \

From de2d8057d1141b72da2043f60939826c07988bd2 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 9 Aug 2022 08:53:38 +1000
Subject: [PATCH 064/266] Use hash rather than dollar

---
 .circleci/config.yml         | 6 +++---
 scripts/once-per-template.ts | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 07234b7fa0c5..5e309ba492a7 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -531,7 +531,7 @@ jobs:
               --step "Building" \
               --cadence ci \
               --junit test-results/build.xml \
-              --script "yarn build-storybook --quiet --output-dir='$BUILD_DIR/$TEMPLATE_DIR'"
+              --script "yarn build-storybook --quiet --output-dir='$BUILD_DIR/#TEMPLATE_DIR'"
       - store_test_results:
           path: code/test-results
       - persist_to_workspace:
@@ -557,8 +557,8 @@ jobs:
               --step "Running Chromatic" \
               --cadence ci \
               --script "npx chromatic \
-                --project-token='CHROMATIC_TOKEN_$TEMPLATE_ENV' \
-                --storybook-build-dir='$BUILD_DIR/$TEMPLATE_DIR' \
+                --project-token='\$CHROMATIC_TOKEN_#TEMPLATE_ENV' \
+                --storybook-build-dir='$BUILD_DIR/#TEMPLATE_DIR' \
                 --junit-report='test-results/chromatic.xml'"
       - store_test_results:
           path: code/test-results
diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index 85c601ce4b8b..52544b702893 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -170,10 +170,10 @@ async function run() {
 
     // Do some simple variable substitution
     const templateEnv = template.toUpperCase().replace(/\/-/, '_');
-    toRun = toRun.replace('$TEMPLATE_ENV', templateEnv);
+    toRun = toRun.replace('#TEMPLATE_ENV', templateEnv);
     const templateDir = template.replace('/', '-');
-    toRun = toRun.replace('$TEMPLATE_DIR', templateDir);
-    toRun = toRun.replace('$TEMPLATE', template);
+    toRun = toRun.replace('#TEMPLATE_DIR', templateDir);
+    toRun = toRun.replace('#TEMPLATE', template);
 
     const execaOptions = cd ? { cwd: join(sandboxDir, templateDir) } : {};
     if (parallel) {

From 423da0028453d9b17f20bd0f8524dd1b89951b32 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 9 Aug 2022 09:13:29 +1000
Subject: [PATCH 065/266] Fix up env vars replacement

---
 scripts/once-per-template.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index 52544b702893..799f217aadd3 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -168,13 +168,16 @@ async function run() {
       });
     }
 
-    // Do some simple variable substitution
-    const templateEnv = template.toUpperCase().replace(/\/-/, '_');
+    // Do some simple variable substitution using a #TEMPLATE_X syntax
+    const templateEnv = template.toUpperCase().replace(/\/|-/g, '_');
     toRun = toRun.replace('#TEMPLATE_ENV', templateEnv);
     const templateDir = template.replace('/', '-');
     toRun = toRun.replace('#TEMPLATE_DIR', templateDir);
     toRun = toRun.replace('#TEMPLATE', template);
 
+    // Also substitute environment variables into command
+    toRun = toRun.replace(/\$([A-Z_]+)/, (_, name) => process.env[name]);
+
     const execaOptions = cd ? { cwd: join(sandboxDir, templateDir) } : {};
     if (parallel) {
       toAwait.push(runCommand(toRun, execaOptions, { step, template }));

From bb2ed676422c8b355a02b39c57a9247b9ba317ca Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 9 Aug 2022 16:10:48 +1000
Subject: [PATCH 066/266] Ensure if jobs fail we exit 1

---
 scripts/once-per-template.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index 799f217aadd3..b2e1812c0601 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -194,6 +194,8 @@ async function run() {
   if (junitPath) {
     await writeJunitXml(step, start, results, junitPath);
   }
+
+  if (results.find((result) => !result.ok)) process.exit(1);
 }
 
 if (require.main === module) {

From 9b7778c60db1bb63423d337ca71ef122326da0fa Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 9 Aug 2022 16:14:31 +1000
Subject: [PATCH 067/266] Try different quotes

---
 .circleci/config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 5e309ba492a7..4b72d5f56fb9 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -531,7 +531,7 @@ jobs:
               --step "Building" \
               --cadence ci \
               --junit test-results/build.xml \
-              --script "yarn build-storybook --quiet --output-dir='$BUILD_DIR/#TEMPLATE_DIR'"
+              --script "yarn build-storybook --quiet --output-dir=\"$BUILD_DIR/#TEMPLATE_DIR\""
       - store_test_results:
           path: code/test-results
       - persist_to_workspace:

From dd300a6f61bd88ad239c207b3f2a95ddfecfb89d Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 9 Aug 2022 16:31:47 +1000
Subject: [PATCH 068/266] Drop the quotes entirely (?)

---
 .circleci/config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 4b72d5f56fb9..fc2e7450fd20 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -531,7 +531,7 @@ jobs:
               --step "Building" \
               --cadence ci \
               --junit test-results/build.xml \
-              --script "yarn build-storybook --quiet --output-dir=\"$BUILD_DIR/#TEMPLATE_DIR\""
+              --script "yarn build-storybook --quiet --output-dir=$BUILD_DIR/#TEMPLATE_DIR"
       - store_test_results:
           path: code/test-results
       - persist_to_workspace:

From 7e1169c7e2149d68804b8649300e4104f33c0895 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 9 Aug 2022 16:44:31 +1000
Subject: [PATCH 069/266] No need to wait for changes on Chromatic

---
 .circleci/config.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index fc2e7450fd20..4b3b17220cf9 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -559,7 +559,8 @@ jobs:
               --script "npx chromatic \
                 --project-token='\$CHROMATIC_TOKEN_#TEMPLATE_ENV' \
                 --storybook-build-dir='$BUILD_DIR/#TEMPLATE_DIR' \
-                --junit-report='test-results/chromatic.xml'"
+                --junit-report='test-results/chromatic.xml'
+                --exit-once-uploaded"
       - store_test_results:
           path: code/test-results
 

From ee1dcd84c843c5cdfe965d8f04dc82fd00c83047 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 9 Aug 2022 12:58:39 +0200
Subject: [PATCH 070/266] add migration documentation for prebuild-manager &
 modern browser support

---
 MIGRATION.md | 52 +++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 51 insertions(+), 1 deletion(-)

diff --git a/MIGRATION.md b/MIGRATION.md
index 1c8684f7ba2f..411dfb73fc83 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -3,6 +3,8 @@
 - [From version 6.5.x to 7.0.0](#from-version-65x-to-700)
   - [Alpha release notes](#alpha-release-notes)
   - [Breaking changes](#breaking-changes)
+    - [Modern browser support](#modern-browser-support)
+    - [No more configuration for manager](#no-more-configuration-for-manager)
     - [start-storybook / build-storybook binaries removed](#start-storybook--build-storybook-binaries-removed)
     - [storyStoreV7 enabled by default](#storystorev7-enabled-by-default)
     - [Webpack4 support discontinued](#webpack4-support-discontinued)
@@ -13,7 +15,7 @@
     - [Docs modern inline rendering by default](#docs-modern-inline-rendering-by-default)
     - [Babel mode v7 by default](#babel-mode-v7-by-default)
     - [7.0 feature flags removed](#70-feature-flags-removed)
-    - [Removed docs.getContainer and getPage parameters](#removed-docs-getcontainer-and-getpage-parameters)
+    - [Removed docs.getContainer and getPage parameters](#removed-docsgetcontainer-and-getpage-parameters)
 - [From version 6.4.x to 6.5.0](#from-version-64x-to-650)
   - [Vue 3 upgrade](#vue-3-upgrade)
   - [React18 new root API](#react18-new-root-api)
@@ -225,6 +227,54 @@ In the meantime, these migration notes are the best available documentation on t
 
 ### Breaking changes
 
+
+#### Modern browser support
+
+Starting in storybook 7.0, storybook will no longer support IE11, amongst other legacy browser versions.
+We now transpile our code with a target of `chrome >= 100` and node code is transpiled with a target of `node >= 14`.
+
+This means code-features such as (but not limited to) `async/await`, arrow-functions, `const`,`let`, etc will exists in the code at runtime, and thus the runtime environment must support it.
+Not just the runtime needs to support it, but some legacy loaders for webpack or other transpilation tools might need to be updated as well. For example certain version of webpack 4, had parsers that could not parse the new syntax.
+
+Some addons or libraries might have depended on this legacy browser support, and thus might break. You might get an error like:
+```
+regeneratorRuntime is not defined
+```
+To fix these error, the addon will have to be re-released with a newer browser-target for transpilation. This often looks something like this (but it's dependent on the build system the addon uses):
+```js
+// babel.config.js
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        shippedProposals: true,
+        useBuiltIns: 'usage',
+        corejs: '3',
+        modules: false,
+        targets: { chrome: '100' },
+      },
+    ],
+  ],
+}
+```
+
+#### No more configuration for manager
+
+The storybook manager no longer uses webpack to be built, instead it's using esbuild now.
+It's no longer possible to configure the manager. Esbuild comes preconfigured to handle importing CSS, and images.
+
+If you're currently loading files other then CSS or images into the manager, you'll need change this so the files get converted to JS before publishing.
+
+This means the preset value `managerWebpack` is no longer respected, and should be removed from presets and `main.js` files.
+
+Addons that run in the manager can depend on `react` and `@storybook/*` packages directly. They do not need to be peerDependencies.
+But very importantly the build system ensures there will only be 1 version of these packages at runtime. The version will come from the `@storybook/ui` package, and not from the addon.
+For this reason it's recommended to have these dependencies as `devDependencies` in your `package.json` of your addon.
+
+Addons in the manager will no longer be bundled together anymore, which means that if 1 fails, it doesn't break the whole manager.
+Each addons is imported into the manager as an ESM module that's bundled separately.
+
 #### start-storybook / build-storybook binaries removed
 
 SB6.x framework packages shipped binaries called `start-storybook` and `build-storybook`.

From 363bcd59fada2b649a6bd8c8eaaa3b5136298c2c Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 9 Aug 2022 13:01:26 +0200
Subject: [PATCH 071/266] add documentation for the removed default export

---
 MIGRATION.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/MIGRATION.md b/MIGRATION.md
index 411dfb73fc83..c9aef1deb6a9 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -3,6 +3,7 @@
 - [From version 6.5.x to 7.0.0](#from-version-65x-to-700)
   - [Alpha release notes](#alpha-release-notes)
   - [Breaking changes](#breaking-changes)
+    - [No more default export from `@storybook/addons`](#no-more-default-export-from-storybookaddons)
     - [Modern browser support](#modern-browser-support)
     - [No more configuration for manager](#no-more-configuration-for-manager)
     - [start-storybook / build-storybook binaries removed](#start-storybook--build-storybook-binaries-removed)
@@ -228,6 +229,14 @@ In the meantime, these migration notes are the best available documentation on t
 ### Breaking changes
 
 
+#### No more default export from `@storybook/addons`
+
+The default export from `@storybook/addons` has been removed. Please use the named exports instead:
+
+```js
+import { addons } from '@storybook/addons';
+```
+
 #### Modern browser support
 
 Starting in storybook 7.0, storybook will no longer support IE11, amongst other legacy browser versions.

From 26a1360ed01f15159075579f10daa1ff831cf474 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 9 Aug 2022 14:24:41 +0200
Subject: [PATCH 072/266] add `create` export for lib/theming, proper

This is actually kind of a good idea, because of the size of lib/theming/index
---
 code/examples/cra-kitchen-sink/.storybook/manager.js      | 2 +-
 code/lib/api/src/modules/layout.ts                        | 2 +-
 code/lib/theming/create.d.ts                              | 1 +
 code/lib/theming/create.js                                | 2 +-
 code/lib/theming/package.json                             | 8 +++++++-
 code/lib/theming/src/create.ts                            | 4 +++-
 code/lib/theming/src/themes/dark.ts                       | 2 +-
 code/lib/theming/src/themes/light.ts                      | 2 +-
 .../common/storybook-theme-example-variables.ts.mdx       | 2 +-
 docs/snippets/common/your-theme.js.mdx                    | 2 +-
 10 files changed, 18 insertions(+), 9 deletions(-)
 create mode 100644 code/lib/theming/create.d.ts

diff --git a/code/examples/cra-kitchen-sink/.storybook/manager.js b/code/examples/cra-kitchen-sink/.storybook/manager.js
index a53f23565dd2..8b2c926cf5fe 100644
--- a/code/examples/cra-kitchen-sink/.storybook/manager.js
+++ b/code/examples/cra-kitchen-sink/.storybook/manager.js
@@ -1,4 +1,4 @@
-import { create } from '@storybook/theming';
+import { create } from '@storybook/theming/create';
 import { addons } from '@storybook/addons';
 
 addons.setConfig({
diff --git a/code/lib/api/src/modules/layout.ts b/code/lib/api/src/modules/layout.ts
index 0cd7c12f608e..36991ef2e617 100644
--- a/code/lib/api/src/modules/layout.ts
+++ b/code/lib/api/src/modules/layout.ts
@@ -1,7 +1,7 @@
 import global from 'global';
 import pick from 'lodash/pick';
 import { dequal as deepEqual } from 'dequal';
-import { create } from '@storybook/theming';
+import { create } from '@storybook/theming/create';
 import { SET_CONFIG } from '@storybook/core-events';
 import type { ThemeVars } from '@storybook/theming';
 import { once } from '@storybook/client-logger';
diff --git a/code/lib/theming/create.d.ts b/code/lib/theming/create.d.ts
new file mode 100644
index 000000000000..f48ee303c354
--- /dev/null
+++ b/code/lib/theming/create.d.ts
@@ -0,0 +1 @@
+export * from './dist/create';
diff --git a/code/lib/theming/create.js b/code/lib/theming/create.js
index 98bc230bc269..f6b372867967 100644
--- a/code/lib/theming/create.js
+++ b/code/lib/theming/create.js
@@ -1 +1 @@
-export * from './dist/index.mjs';
+export * from './dist/create.mjs';
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 3869a28d88fd..6d1448f1dcd3 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -26,6 +26,11 @@
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
+    "./create": {
+      "require": "./dist/create.js",
+      "import": "./dist/create.mjs",
+      "types": "./dist/create.d.ts"
+    },
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
@@ -68,7 +73,8 @@
   },
   "bundler": {
     "entries": [
-      "./src/index.ts"
+      "./src/index.ts",
+      "./src/create.ts"
     ]
   },
   "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
diff --git a/code/lib/theming/src/create.ts b/code/lib/theming/src/create.ts
index 48ca51df8f68..ae2603cf3015 100644
--- a/code/lib/theming/src/create.ts
+++ b/code/lib/theming/src/create.ts
@@ -2,7 +2,7 @@
 import lightThemeVars from './themes/light';
 import darkThemeVars from './themes/dark';
 
-import { ThemeVars } from './types';
+import type { ThemeVars, StorybookTheme } from './types';
 import { getPreferredColorScheme } from './utils';
 
 export const themes: { light: ThemeVars; dark: ThemeVars; normal: ThemeVars } = {
@@ -33,3 +33,5 @@ export const create = (
     ...{ barSelectedColor: vars.barSelectedColor || inherit.colorSecondary },
   };
 };
+
+export { StorybookTheme };
diff --git a/code/lib/theming/src/themes/dark.ts b/code/lib/theming/src/themes/dark.ts
index 795307eadc49..a80d0378dc29 100644
--- a/code/lib/theming/src/themes/dark.ts
+++ b/code/lib/theming/src/themes/dark.ts
@@ -1,5 +1,5 @@
 import { color, typography } from '../base';
-import { ThemeVars } from '../types';
+import type { ThemeVars } from '../types';
 
 const theme: ThemeVars = {
   base: 'dark',
diff --git a/code/lib/theming/src/themes/light.ts b/code/lib/theming/src/themes/light.ts
index 49312e5e62bc..1a647a2e6a60 100644
--- a/code/lib/theming/src/themes/light.ts
+++ b/code/lib/theming/src/themes/light.ts
@@ -1,5 +1,5 @@
 import { color, typography, background } from '../base';
-import { ThemeVars } from '../types';
+import type { ThemeVars } from '../types';
 
 const theme: ThemeVars = {
   base: 'light',
diff --git a/docs/snippets/common/storybook-theme-example-variables.ts.mdx b/docs/snippets/common/storybook-theme-example-variables.ts.mdx
index a4d2f4dcc3ae..f3c4ad855389 100644
--- a/docs/snippets/common/storybook-theme-example-variables.ts.mdx
+++ b/docs/snippets/common/storybook-theme-example-variables.ts.mdx
@@ -1,7 +1,7 @@
 ```ts
 // .storybook/YourTheme.js
 
-import { create } from '@storybook/theming';
+import { create } from '@storybook/theming/create';
 
 export default create({
   base: 'light',
diff --git a/docs/snippets/common/your-theme.js.mdx b/docs/snippets/common/your-theme.js.mdx
index 49996ef0c419..6a9b843f40ae 100644
--- a/docs/snippets/common/your-theme.js.mdx
+++ b/docs/snippets/common/your-theme.js.mdx
@@ -1,7 +1,7 @@
 ```js
 // .storybook/YourTheme.js
 
-import { create } from '@storybook/theming';
+import { create } from '@storybook/theming/create';
 
 export default create({
   base: 'light',

From 9319812bfa0aed5f521bd41081adbf71261301c3 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 9 Aug 2022 14:43:12 +0200
Subject: [PATCH 073/266] Add missing await keywords

---
 code/addons/interactions/src/examples/Examples.stories.tsx | 6 +++---
 code/lib/store/src/csf/prepareStory.test.ts                | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/code/addons/interactions/src/examples/Examples.stories.tsx b/code/addons/interactions/src/examples/Examples.stories.tsx
index 79618730b304..d16c086e61ee 100644
--- a/code/addons/interactions/src/examples/Examples.stories.tsx
+++ b/code/addons/interactions/src/examples/Examples.stories.tsx
@@ -107,14 +107,14 @@ export const WithSteps: Story = ({ onSubmit }) => (
   </button>
 );
 WithSteps.play = async ({ args, canvasElement, step }) => {
-  step('Click button', async () => {
+  await step('Click button', async () => {
     await userEvent.click(within(canvasElement).getByRole('button'));
 
-    step('Verify submit', async () => {
+    await step('Verify submit', async () => {
       await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
     });
 
-    step('Verify result', async () => {
+    await step('Verify result', async () => {
       await expect([{ name: 'John', age: 42 }]).toEqual(
         expect.arrayContaining([
           expect.objectContaining({ name: 'John' }),
diff --git a/code/lib/store/src/csf/prepareStory.test.ts b/code/lib/store/src/csf/prepareStory.test.ts
index f943f61889a5..81ae1314eab3 100644
--- a/code/lib/store/src/csf/prepareStory.test.ts
+++ b/code/lib/store/src/csf/prepareStory.test.ts
@@ -641,7 +641,7 @@ describe('playFunction', () => {
       expect(context.step).toEqual(expect.any(Function));
     });
     const play = jest.fn(async ({ step }) => {
-      step('label', stepPlay);
+      await step('label', stepPlay);
     });
     const runStep = jest.fn((label, p, c) => p(c));
     const { playFunction } = prepareStory(

From 64c950b9c251053cab7d34e0d72d88baaca912b3 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 9 Aug 2022 14:50:14 +0200
Subject: [PATCH 074/266] Fix formatting in docs

---
 docs/.prettierrc                              |  8 +++++
 ...torybook-interactions-play-function.js.mdx | 30 +++++++++----------
 2 files changed, 23 insertions(+), 15 deletions(-)
 create mode 100644 docs/.prettierrc

diff --git a/docs/.prettierrc b/docs/.prettierrc
new file mode 100644
index 000000000000..d033feea7ad5
--- /dev/null
+++ b/docs/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "arrowParens": "always"
+}
diff --git a/docs/snippets/common/storybook-interactions-play-function.js.mdx b/docs/snippets/common/storybook-interactions-play-function.js.mdx
index dfc5ff357e7f..dafb7dde0e51 100644
--- a/docs/snippets/common/storybook-interactions-play-function.js.mdx
+++ b/docs/snippets/common/storybook-interactions-play-function.js.mdx
@@ -1,39 +1,39 @@
 ```js
 // MyForm.stories.js
 
-import { expect } from "@storybook/jest"
+import { expect } from '@storybook/jest';
 
-import { userEvent, waitFor, within } from "@storybook/testing-library"
+import { userEvent, waitFor, within } from '@storybook/testing-library';
 
-import { MyForm } from "./MyForm"
+import { MyForm } from './MyForm';
 
 export default {
   /* 👇 The title prop is optional.
    * See https://storybook.js.org/docs/7.0/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
-  title: "MyForm",
+  title: 'MyForm',
   component: MyForm,
   argTypes: {
     onSubmit: { action: true },
   },
-}
+};
 
 export const Submitted = {
   play: async ({ args, canvasElement, step }) => {
     // Starts querying the component from its root element
-    const canvas = within(canvasElement)
+    const canvas = within(canvasElement);
 
-    await step("Enter credentials", async () => {
-      await userEvent.type(canvas.getByTestId("email"), "hi@example.com")
-      await userEvent.type(canvas.getByTestId("password"), "supersecret")
-    })
+    await step('Enter credentials', async () => {
+      await userEvent.type(canvas.getByTestId('email'), 'hi@example.com');
+      await userEvent.type(canvas.getByTestId('password'), 'supersecret');
+    });
 
-    await step("Submit form", async () => {
-      await userEvent.click(canvas.getByRole("button"))
-    })
+    await step('Submit form', async () => {
+      await userEvent.click(canvas.getByRole('button'));
+    });
 
-    await waitFor(() => expect(args.onSubmit).toHaveBeenCalled())
+    await waitFor(() => expect(args.onSubmit).toHaveBeenCalled());
   },
-}
+};
 ```

From 51d74a7800aa7852a324840666a782ece6d47b65 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 9 Aug 2022 15:01:36 +0200
Subject: [PATCH 075/266] Move MaybePromise to Preview.ts

---
 code/lib/preview-web/src/Preview.tsx           | 4 +++-
 code/lib/preview-web/src/PreviewWeb.tsx        | 4 ++--
 code/lib/preview-web/src/render/StoryRender.ts | 2 --
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/code/lib/preview-web/src/Preview.tsx b/code/lib/preview-web/src/Preview.tsx
index 6b8b9d8f7a67..c17ca1fa131b 100644
--- a/code/lib/preview-web/src/Preview.tsx
+++ b/code/lib/preview-web/src/Preview.tsx
@@ -26,7 +26,7 @@ import {
   RenderToDOM,
 } from '@storybook/store';
 
-import { MaybePromise, StoryRender } from './render/StoryRender';
+import { StoryRender } from './render/StoryRender';
 import { TemplateDocsRender } from './render/TemplateDocsRender';
 import { StandaloneDocsRender } from './render/StandaloneDocsRender';
 
@@ -34,6 +34,8 @@ const { fetch } = global;
 
 const STORY_INDEX_PATH = './index.json';
 
+export type MaybePromise<T> = Promise<T> | T;
+
 export class Preview<TFramework extends AnyFramework> {
   serverChannel?: Channel;
 
diff --git a/code/lib/preview-web/src/PreviewWeb.tsx b/code/lib/preview-web/src/PreviewWeb.tsx
index a89175ebac8e..3178ae7611fe 100644
--- a/code/lib/preview-web/src/PreviewWeb.tsx
+++ b/code/lib/preview-web/src/PreviewWeb.tsx
@@ -30,11 +30,11 @@ import type {
   WebProjectAnnotations,
 } from '@storybook/store';
 
-import { Preview } from './Preview';
+import { MaybePromise, Preview } from './Preview';
 
 import { UrlStore } from './UrlStore';
 import { WebView } from './WebView';
-import { MaybePromise, PREPARE_ABORTED, StoryRender } from './render/StoryRender';
+import { PREPARE_ABORTED, StoryRender } from './render/StoryRender';
 import { TemplateDocsRender } from './render/TemplateDocsRender';
 import { StandaloneDocsRender } from './render/StandaloneDocsRender';
 
diff --git a/code/lib/preview-web/src/render/StoryRender.ts b/code/lib/preview-web/src/render/StoryRender.ts
index a13fdcb65082..a59c8e909aa6 100644
--- a/code/lib/preview-web/src/render/StoryRender.ts
+++ b/code/lib/preview-web/src/render/StoryRender.ts
@@ -25,8 +25,6 @@ import { Render, RenderType } from './Render';
 
 const { AbortController } = global;
 
-export type MaybePromise<T> = Promise<T> | T;
-
 export type RenderPhase =
   | 'preparing'
   | 'loading'

From f46a08ca7646c762517fd26fa05c57173984043b Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 9 Aug 2022 15:02:11 +0200
Subject: [PATCH 076/266] Drop unused stepFunction property and its type
 definition

---
 code/lib/preview-web/src/render/StoryRender.ts | 3 ---
 code/lib/store/src/types.ts                    | 8 --------
 2 files changed, 11 deletions(-)

diff --git a/code/lib/preview-web/src/render/StoryRender.ts b/code/lib/preview-web/src/render/StoryRender.ts
index a59c8e909aa6..70b6b8fd86a0 100644
--- a/code/lib/preview-web/src/render/StoryRender.ts
+++ b/code/lib/preview-web/src/render/StoryRender.ts
@@ -9,7 +9,6 @@ import {
 import {
   Story,
   RenderContext,
-  PlayContext,
   StoryStore,
   RenderToDOM,
   TeardownRenderToDOM,
@@ -72,8 +71,6 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
 
   private abortController?: AbortController;
 
-  private stepFunction?: PlayContext['step'];
-
   private canvasElement?: HTMLElement;
 
   private notYetRendered = true;
diff --git a/code/lib/store/src/types.ts b/code/lib/store/src/types.ts
index a8082ff2365c..d816fab56a2f 100644
--- a/code/lib/store/src/types.ts
+++ b/code/lib/store/src/types.ts
@@ -106,14 +106,6 @@ export type BoundStory<TFramework extends AnyFramework = AnyFramework> = Story<T
   storyFn: PartialStoryFn<TFramework>;
 };
 
-export declare type PlayContext<TFramework extends AnyFramework = AnyFramework> =
-  StoryContext<TFramework> & {
-    step: (
-      name: string,
-      play: (context: PlayContext<TFramework>) => MaybePromise<void>
-    ) => MaybePromise<void>;
-  };
-
 export declare type RenderContext<TFramework extends AnyFramework = AnyFramework> =
   StoryIdentifier & {
     showMain: () => void;

From 46f21be082da4949f775bad0a3d50bdd67e9a0d6 Mon Sep 17 00:00:00 2001
From: luciana-mendonca <luciana.dev.js@gmail.com>
Date: Tue, 9 Aug 2022 17:18:58 +0200
Subject: [PATCH 077/266] build(addon-links): use ts-up to build addon-links

---
 code/addons/links/manager.js   |  2 +-
 code/addons/links/package.json | 44 ++++++++++++++++++++++++++++++----
 code/addons/links/preview.js   |  2 +-
 code/addons/links/react.js     |  2 +-
 4 files changed, 43 insertions(+), 7 deletions(-)

diff --git a/code/addons/links/manager.js b/code/addons/links/manager.js
index 4e287d25b151..8a2eae4ffce1 100644
--- a/code/addons/links/manager.js
+++ b/code/addons/links/manager.js
@@ -1 +1 @@
-import './dist/esm/manager';
+import './dist/manager';
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index 24ee3cb9dca8..c4d835e2aa92 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -21,9 +21,37 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./manager": {
+      "require": "./dist/manager.js",
+      "import": "./dist/manager.mjs",
+      "types": "./dist/manager.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/preview.js",
+      "import": "./dist/preview.mjs",
+      "types": "./dist/preview.d.ts"
+    },
+    "./react": {
+      "require": "./dist/react/index.js",
+      "import": "./dist/react/index.mjs",
+      "types": "./dist/react.d.ts"
+    },
+    "./register.js": {
+      "require": "./dist/manager.js",
+      "import": "./dist/manager.mjs",
+      "types": "./dist/manager.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -32,7 +60,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.18",
@@ -63,6 +91,14 @@
   "publishConfig": {
     "access": "public"
   },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/manager.ts",
+      "./src/preview.ts",
+      "./src/react/index.ts"
+    ]
+  },
   "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
   "storybook": {
     "displayName": "Links",
diff --git a/code/addons/links/preview.js b/code/addons/links/preview.js
index e726cab5a1b6..49ad602f79f4 100644
--- a/code/addons/links/preview.js
+++ b/code/addons/links/preview.js
@@ -1 +1 @@
-export * from './dist/esm/preview';
+export * from './dist/preview';
diff --git a/code/addons/links/react.js b/code/addons/links/react.js
index d0e3270119d6..685845b5dceb 100644
--- a/code/addons/links/react.js
+++ b/code/addons/links/react.js
@@ -1,3 +1,3 @@
-import LinkTo from './dist/esm/react';
+import LinkTo from './dist/react';
 
 export default LinkTo;

From 3dd83b1be1faee0143cff3dac068cea713e5559a Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 1 Aug 2022 11:54:32 +1000
Subject: [PATCH 078/266] Add a simple playwright setup

---
 code/.eslintrc.js              |   6 ++
 code/.gitignore                |   3 +
 code/e2e-tests/example.spec.ts |  17 ++++++
 code/package.json              |   2 +
 code/playwright.config.ts      | 107 +++++++++++++++++++++++++++++++++
 code/yarn.lock                 |  34 +++++++++++
 6 files changed, 169 insertions(+)
 create mode 100644 code/e2e-tests/example.spec.ts
 create mode 100644 code/playwright.config.ts

diff --git a/code/.eslintrc.js b/code/.eslintrc.js
index 80316f0a5e7d..1129908e7eb0 100644
--- a/code/.eslintrc.js
+++ b/code/.eslintrc.js
@@ -95,5 +95,11 @@ module.exports = {
         'react/no-unknown-property': 'off', // Need to deactivate otherwise eslint replaces some unknown properties with React ones
       },
     },
+    {
+      files: ['**/e2e-tests/**/*'],
+      rules: {
+        'jest/no-test-callback': 'off', // These aren't jest tests
+      },
+    },
   ],
 };
diff --git a/code/.gitignore b/code/.gitignore
index 193ada9a92e3..ef192156c384 100644
--- a/code/.gitignore
+++ b/code/.gitignore
@@ -43,3 +43,6 @@ junit.xml
 !/**/.yarn/sdks
 !/**/.yarn/versions
 /**/.pnp.*
+/test-results/
+/playwright-report/
+/playwright/.cache/
diff --git a/code/e2e-tests/example.spec.ts b/code/e2e-tests/example.spec.ts
new file mode 100644
index 000000000000..39c877a93199
--- /dev/null
+++ b/code/e2e-tests/example.spec.ts
@@ -0,0 +1,17 @@
+import { test, expect } from '@playwright/test';
+import process from 'process';
+
+const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:4000';
+
+test('Basic story test', async ({ page }) => {
+  await page.goto(storybookUrl);
+
+  const preview = page.frameLocator('#storybook-preview-iframe');
+  const root = preview.locator('#root:visible, #docs-root:visible');
+
+  // General check for any selected entry
+  await expect(root).not.toBeEmpty();
+
+  // Specific check for introduction story
+  await expect(root).toContainText('Welcome to Storybook');
+});
diff --git a/code/package.json b/code/package.json
index 2f03200814c8..f6c1921ee55e 100644
--- a/code/package.json
+++ b/code/package.json
@@ -152,6 +152,7 @@
     "@nrwl/nx-cloud": "12.1.1",
     "@nrwl/tao": "12.3.4",
     "@nrwl/workspace": "12.3.4",
+    "@playwright/test": "^1.24.2",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-json": "^4.1.0",
@@ -315,6 +316,7 @@
     "node-gyp": "^8.4.0",
     "npmlog": "^5.0.1",
     "p-limit": "^3.1.0",
+    "playwright": "^1.24.2",
     "postcss-loader": "^6.2.1",
     "prettier": ">=2.2.1 <=2.3.0",
     "prompts": "^2.4.0",
diff --git a/code/playwright.config.ts b/code/playwright.config.ts
new file mode 100644
index 000000000000..139ce346beaf
--- /dev/null
+++ b/code/playwright.config.ts
@@ -0,0 +1,107 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+import { devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+const config: PlaywrightTestConfig = {
+  testDir: './e2e-tests',
+  /* Maximum time one test can run for. */
+  timeout: 30 * 1000,
+  expect: {
+    /**
+     * Maximum time expect() should wait for the condition to be met.
+     * For example in `await expect(locator).toHaveText();`
+     */
+    timeout: 5000,
+  },
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
+    actionTimeout: 0,
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    // baseURL: 'http://localhost:3000',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+      },
+    },
+
+    {
+      name: 'firefox',
+      use: {
+        ...devices['Desktop Firefox'],
+      },
+    },
+
+    {
+      name: 'webkit',
+      use: {
+        ...devices['Desktop Safari'],
+      },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: {
+    //     ...devices['Pixel 5'],
+    //   },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: {
+    //     ...devices['iPhone 12'],
+    //   },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: {
+    //     channel: 'msedge',
+    //   },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: {
+    //     channel: 'chrome',
+    //   },
+    // },
+  ],
+
+  /* Folder for test artifacts such as screenshots, videos, traces, etc. */
+  // outputDir: 'test-results/',
+
+  /* Run your local dev server before starting the tests */
+  // webServer: {
+  //   command: 'npm run start',
+  //   port: 3000,
+  // },
+};
+
+export default config;
diff --git a/code/yarn.lock b/code/yarn.lock
index 2272bd8a4116..543ffc2773e6 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6406,6 +6406,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@playwright/test@npm:^1.24.2":
+  version: 1.24.2
+  resolution: "@playwright/test@npm:1.24.2"
+  dependencies:
+    "@types/node": "*"
+    playwright-core: 1.24.2
+  bin:
+    playwright: cli.js
+  checksum: 87e943149510fd7ad1369b7e1c07b67a86f31f09c0a2ddf61c48b0e7f56f8f9542b8541d2aed9e8e08b7c3aa93459329f5af01337e00f8136202ecf93fb3ffd9
+  languageName: node
+  linkType: hard
+
 "@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.1, @pmmmwh/react-refresh-webpack-plugin@npm:^0.5.3, @pmmmwh/react-refresh-webpack-plugin@npm:^0.5.5":
   version: 0.5.7
   resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.7"
@@ -8881,6 +8893,7 @@ __metadata:
     "@nrwl/nx-cloud": 12.1.1
     "@nrwl/tao": 12.3.4
     "@nrwl/workspace": 12.3.4
+    "@playwright/test": ^1.24.2
     "@rollup/plugin-babel": ^5.3.1
     "@rollup/plugin-commonjs": ^21.0.1
     "@rollup/plugin-json": ^4.1.0
@@ -9045,6 +9058,7 @@ __metadata:
     node-gyp: ^8.4.0
     npmlog: ^5.0.1
     p-limit: ^3.1.0
+    playwright: ^1.24.2
     postcss-loader: ^6.2.1
     prettier: ">=2.2.1 <=2.3.0"
     prompts: ^2.4.0
@@ -34446,6 +34460,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"playwright-core@npm:1.24.2":
+  version: 1.24.2
+  resolution: "playwright-core@npm:1.24.2"
+  bin:
+    playwright: cli.js
+  checksum: ecd60ece818f1d57bf34685dd812c56f3b8cf7d8ca8e14074e1743fac56387f16791121901b34cf519d3ef5f9360968656ab661c7b589e55500144eb2cf69448
+  languageName: node
+  linkType: hard
+
+"playwright@npm:^1.24.2":
+  version: 1.24.2
+  resolution: "playwright@npm:1.24.2"
+  dependencies:
+    playwright-core: 1.24.2
+  bin:
+    playwright: cli.js
+  checksum: c5e4cfd57f8030f15e019c101c867a5ce3f1d12c3a6d8a32a9fb34897746470faced7935d5cc920c85082c0aec0bcf5bb23174ba55f6eabf942d38707a40d1f0
+  languageName: node
+  linkType: hard
+
 "please-upgrade-node@npm:^3.2.0":
   version: 3.2.0
   resolution: "please-upgrade-node@npm:3.2.0"

From 210df609a57880afa13213dbb78037e719e5f2e5 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 1 Aug 2022 15:47:00 +1000
Subject: [PATCH 079/266] Add playwright to CircleCI

---
 .circleci/config.yml      | 34 ++++++++++++++++++++++++++++++++++
 code/.gitignore           |  9 ++++++---
 code/package.json         |  1 +
 code/playwright.config.ts |  2 +-
 4 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 4b3b17220cf9..0e68a79fa6a1 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -377,6 +377,37 @@ jobs:
       - store_artifacts:
           path: /tmp/cypress-record
           destination: cypress
+  e2e-tests-examples-playwright:
+    docker:
+      - image: mcr.microsoft.com/playwright:v1.24.0-focal
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: running example
+          command: |
+            cd code
+            yarn serve-storybooks
+          background: true
+      - run:
+          name: await running examples
+          command: |
+            cd code
+            yarn await-serve-storybooks
+      - run:
+          name: playwright test
+          command: |
+            cd code
+            yarn test:e2e-examples-playwright --reporter=junit
+          environment:
+            PLAYWRIGHT_JUNIT_OUTPUT_NAME: test-results/playwright.xml
+      - store_test_results:
+          path: test-results
+      - store_artifacts: # this is where playwright puts more complex stuff
+          path: /playwright-results/
+          destination: playwright
   smoke-tests:
     executor:
       class: medium+
@@ -578,6 +609,9 @@ workflows:
       - e2e-tests-examples:
           requires:
             - examples
+      - e2e-tests-examples-playwright:
+          requires:
+            - examples
       - smoke-tests:
           requires:
             - build
diff --git a/code/.gitignore b/code/.gitignore
index ef192156c384..8e7366b01633 100644
--- a/code/.gitignore
+++ b/code/.gitignore
@@ -36,6 +36,12 @@ examples/angular-cli/addon-jest.testresults.json
 junit.xml
 .next
 
+/test-results/
+/playwright-results/
+/playwright-report/
+/playwright/.cache/
+
+
 # Yarn stuff
 /**/.yarn/*
 !/**/.yarn/releases
@@ -43,6 +49,3 @@ junit.xml
 !/**/.yarn/sdks
 !/**/.yarn/versions
 /**/.pnp.*
-/test-results/
-/playwright-report/
-/playwright/.cache/
diff --git a/code/package.json b/code/package.json
index f6c1921ee55e..f16fdd59d910 100644
--- a/code/package.json
+++ b/code/package.json
@@ -89,6 +89,7 @@
     "test:cli": "npm --prefix lib/cli run test",
     "test:e2e-examples": "cypress run",
     "test:e2e-examples-gui": "concurrently --success first --kill-others \"cypress open\" \"yarn serve-storybooks\"",
+    "test:e2e-examples-playwright": "playwright test",
     "test:e2e-framework": "ts-node --project=../scripts/tsconfig.json ../scripts/run-e2e.ts"
   },
   "husky": {
diff --git a/code/playwright.config.ts b/code/playwright.config.ts
index 139ce346beaf..65bd48e564e7 100644
--- a/code/playwright.config.ts
+++ b/code/playwright.config.ts
@@ -95,7 +95,7 @@ const config: PlaywrightTestConfig = {
   ],
 
   /* Folder for test artifacts such as screenshots, videos, traces, etc. */
-  // outputDir: 'test-results/',
+  outputDir: 'playwright-results/',
 
   /* Run your local dev server before starting the tests */
   // webServer: {

From ef3dc80294e0da9f2a11a84e9531faac32326435 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 1 Aug 2022 16:43:07 +1000
Subject: [PATCH 080/266] Use correct port

---
 code/e2e-tests/example.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/e2e-tests/example.spec.ts b/code/e2e-tests/example.spec.ts
index 39c877a93199..806717cc56a8 100644
--- a/code/e2e-tests/example.spec.ts
+++ b/code/e2e-tests/example.spec.ts
@@ -1,7 +1,7 @@
 import { test, expect } from '@playwright/test';
 import process from 'process';
 
-const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:4000';
+const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
 
 test('Basic story test', async ({ page }) => {
   await page.goto(storybookUrl);

From 1d6729dba42cdc9334d4924df8f5add67e5e1c3d Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 2 Aug 2022 08:55:58 +1000
Subject: [PATCH 081/266] Fix paths

---
 .circleci/config.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 0e68a79fa6a1..e0e3d6ec2c90 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -404,9 +404,9 @@ jobs:
           environment:
             PLAYWRIGHT_JUNIT_OUTPUT_NAME: test-results/playwright.xml
       - store_test_results:
-          path: test-results
+          path: code/test-results
       - store_artifacts: # this is where playwright puts more complex stuff
-          path: /playwright-results/
+          path: code/playwright-results/
           destination: playwright
   smoke-tests:
     executor:

From e95f64c1dfa6b96e438452080925e1d385129f10 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 2 Aug 2022 16:06:50 +1000
Subject: [PATCH 082/266] Tweak spec to work on angular example

---
 code/e2e-tests/example.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/e2e-tests/example.spec.ts b/code/e2e-tests/example.spec.ts
index 806717cc56a8..f13c7910f96c 100644
--- a/code/e2e-tests/example.spec.ts
+++ b/code/e2e-tests/example.spec.ts
@@ -13,5 +13,5 @@ test('Basic story test', async ({ page }) => {
   await expect(root).not.toBeEmpty();
 
   // Specific check for introduction story
-  await expect(root).toContainText('Welcome to Storybook');
+  await expect(root).toContainText('Welcome');
 });

From 2dc6698a20db1de928708ff3e25dcb51d41e9c2a Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 2 Aug 2022 09:33:12 +1000
Subject: [PATCH 083/266] SB is at angular-cli

---
 .circleci/config.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index e0e3d6ec2c90..d5f449c53f48 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -403,6 +403,7 @@ jobs:
             yarn test:e2e-examples-playwright --reporter=junit
           environment:
             PLAYWRIGHT_JUNIT_OUTPUT_NAME: test-results/playwright.xml
+            STORYBOOK_URL: 'http://localhost:8001/angular-cli'
       - store_test_results:
           path: code/test-results
       - store_artifacts: # this is where playwright puts more complex stuff

From c5e4df91cd7c29867d2f5bfae140bd11fc252d99 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 2 Aug 2022 16:05:59 +1000
Subject: [PATCH 084/266] Possibly `.not.toBeEmpty()` isn't reliable

---
 code/e2e-tests/example.spec.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/code/e2e-tests/example.spec.ts b/code/e2e-tests/example.spec.ts
index f13c7910f96c..6caeddd4077b 100644
--- a/code/e2e-tests/example.spec.ts
+++ b/code/e2e-tests/example.spec.ts
@@ -9,9 +9,6 @@ test('Basic story test', async ({ page }) => {
   const preview = page.frameLocator('#storybook-preview-iframe');
   const root = preview.locator('#root:visible, #docs-root:visible');
 
-  // General check for any selected entry
-  await expect(root).not.toBeEmpty();
-
   // Specific check for introduction story
   await expect(root).toContainText('Welcome');
 });

From 5daa14bcf747554f107cb4be6f48d0ddd258140e Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 09:32:31 +1000
Subject: [PATCH 085/266] Add a `create-built-sandboxes-index` script

---
 code/package.json                       |   1 +
 scripts/create-built-sandboxes-index.ts | 119 ++++++++++++++++++++++++
 2 files changed, 120 insertions(+)
 create mode 100644 scripts/create-built-sandboxes-index.ts

diff --git a/code/package.json b/code/package.json
index f16fdd59d910..c28f190c0982 100644
--- a/code/package.json
+++ b/code/package.json
@@ -61,6 +61,7 @@
     "check": "NODE_ENV=production node ../scripts/check-package.js",
     "clean:dist": "del **/dist",
     "coverage": "codecov",
+    "create-built-sandboxes-index": "ts-node ../scripts/create-built-sandboxes-index",
     "danger": "danger",
     "generate-repros": "zx ../scripts/repros-generator/index.mjs",
     "github-release": "github-release-from-changelog",
diff --git a/scripts/create-built-sandboxes-index.ts b/scripts/create-built-sandboxes-index.ts
new file mode 100644
index 000000000000..b52b9bb2d1fb
--- /dev/null
+++ b/scripts/create-built-sandboxes-index.ts
@@ -0,0 +1,119 @@
+import { createOptions, getOptionsOrPrompt } from './utils/options';
+import { filterTemplates } from './once-per-template';
+import type { Templates } from './once-per-template';
+import TEMPLATES from '../code/lib/cli/src/repro-templates';
+import { outputFile } from 'fs-extra';
+
+export const options = createOptions({
+  output: {
+    type: 'string',
+    description: 'Where to put the index.html file?',
+    required: true,
+  },
+  cadence: {
+    type: 'string',
+    description: 'What cadence are we running on (i.e. which templates should we use)?',
+    values: ['ci', 'daily', 'weekly'] as const,
+    required: true,
+  },
+});
+
+function toPath(key: keyof Templates) {
+  return key.replace('/', '-');
+}
+
+const createContent = (templates: Templates) => {
+  return `
+    <style>
+      body {
+        background: black;
+        color: white;
+      }
+      #frame {
+        position: absolute;
+        left: 0;
+        right: 0;
+        width: 100vw;
+        height: calc(100vh - 30px);
+        bottom: 0;
+        top: 30px;
+        border: 0 none;
+        margin: 0;
+        padding: 0;
+      }
+      #select {
+        position: absolute;
+        top: 0;
+        right: 100px;
+        left: 10px;
+        height: 30px;
+        width: calc(100vw - 120px);
+        background: black;
+        color: white;
+        border: 0 none;
+        border-radius: 0;
+        padding: 10px;
+        box-sizing: border-box;
+      }
+      #open {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 100px;
+        height: 30px;
+        background: black;
+        color: white;
+        border: 0 none;
+        border-radius: 0;
+        padding: 10px;
+        box-sizing: border-box;
+      }
+    </style>
+
+    <script>
+      function handleClick() {
+        var value = document.getElementById("select").value;
+        window.location = document.location.origin + value;
+      }
+      function handleSelect() {
+        var value = document.getElementById("select").value;
+        var frame = document.getElementById("frame");
+
+        sessionStorage.clear();
+        localStorage.clear();
+
+        frame.setAttribute('src', value);
+      }
+    </script>
+
+    <button id="open" onclick="handleClick()">open</button>
+
+    <select id="select" onchange="handleSelect()">
+      ${Object.entries(templates)
+        .map(([key, { name }]) => `<option value="/${toPath(key)}/">${name}</option>`)
+        .join('\n')}
+    </select>
+
+    <iframe id="frame" src="/${toPath(Object.keys(templates)[0])}/" />
+  `;
+};
+
+async function run() {
+  const { cadence, output: outputPath } = await getOptionsOrPrompt(
+    'yarn create-built-sandboxes-index',
+    options
+  );
+
+  const templates = filterTemplates(TEMPLATES, cadence, 'build-storybook');
+  const content = createContent(templates);
+
+  await outputFile(outputPath, content);
+}
+
+if (require.main === module) {
+  run().catch((err) => {
+    console.error('Creating built sandboxes index failed');
+    console.error(err);
+    process.exit(1);
+  });
+}

From 0fc6254ffec72e6af5f9ad3d5d74e89f95a27846 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 09:35:10 +1000
Subject: [PATCH 086/266] Move playwright code to a sandbox script

---
 .circleci/config.yml         | 83 ++++++++++++++++++++----------------
 scripts/once-per-template.ts |  3 +-
 2 files changed, 48 insertions(+), 38 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index d5f449c53f48..a6e75cc1d4cc 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -377,38 +377,6 @@ jobs:
       - store_artifacts:
           path: /tmp/cypress-record
           destination: cypress
-  e2e-tests-examples-playwright:
-    docker:
-      - image: mcr.microsoft.com/playwright:v1.24.0-focal
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: running example
-          command: |
-            cd code
-            yarn serve-storybooks
-          background: true
-      - run:
-          name: await running examples
-          command: |
-            cd code
-            yarn await-serve-storybooks
-      - run:
-          name: playwright test
-          command: |
-            cd code
-            yarn test:e2e-examples-playwright --reporter=junit
-          environment:
-            PLAYWRIGHT_JUNIT_OUTPUT_NAME: test-results/playwright.xml
-            STORYBOOK_URL: 'http://localhost:8001/angular-cli'
-      - store_test_results:
-          path: code/test-results
-      - store_artifacts: # this is where playwright puts more complex stuff
-          path: code/playwright-results/
-          destination: playwright
   smoke-tests:
     executor:
       class: medium+
@@ -595,7 +563,47 @@ jobs:
                 --exit-once-uploaded"
       - store_test_results:
           path: code/test-results
-
+  e2e-sandboxes:
+    docker:
+      - image: mcr.microsoft.com/playwright:v1.24.0-focal
+    parallelism: 2
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Build index.html
+          command: |
+            cd code
+            yarn create-built-sandboxes-index --cadence ci --output "../built-sandboxes"
+          background: true
+      - run:
+          name: Serve Sandboxes
+          command: |
+            cd code
+            yarn http-server ../built-sandboxes -p 8001
+          background: true
+      - run:
+          name: Await serving Sandboxes
+          command: |
+            cd code
+            yarn wait-on http://localhost:8001
+      - run:
+          name: Running E2E Tests
+          command: |
+            cd code
+            yarn once-per-template --no-cd \
+              --step "Running E2E Tests" \
+              --cadence ci \
+              --script "STORYBOOK_URL=http://localhost:8080/#TEMPLATE_DIR/ yarn playwright test"
+          environment:
+            PLAYWRIGHT_JUNIT_OUTPUT_NAME: test-results/playwright.xml
+      - store_test_results:
+          path: code/test-results
+      - store_artifacts: # this is where playwright puts more complex stuff
+          path: code/playwright-results/
+          destination: playwright
 
 workflows:
   test:
@@ -610,9 +618,6 @@ workflows:
       - e2e-tests-examples:
           requires:
             - examples
-      - e2e-tests-examples-playwright:
-          requires:
-            - examples
       - smoke-tests:
           requires:
             - build
@@ -656,4 +661,8 @@ workflows:
             - create-sandboxes
       - chromatic-sandboxes:
           requires:
-            - build-sandboxes
\ No newline at end of file
+            - build-sandboxes
+      - e2e-sandboxes:
+          requires:
+            - build-sandboxes
+      
\ No newline at end of file
diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index b2e1812c0601..628c1c2146d1 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -3,13 +3,13 @@ import { Command } from 'commander';
 import execa from 'execa';
 import { resolve, join } from 'path';
 import { getJunitXml } from 'junit-xml';
+import { outputFile } from 'fs-extra';
 
 import { getOptions, getCommand, getOptionsOrPrompt, createOptions } from './utils/options';
 import type { OptionSpecifier } from './utils/options';
 import { filterDataForCurrentCircleCINode } from './utils/concurrency';
 
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
-import { outputFile } from 'fs-extra';
 
 const sandboxDir = resolve(__dirname, '../sandbox');
 
@@ -114,6 +114,7 @@ async function runCommand(
     return { template, timestamp, time: (Date.now() - +timestamp) / 1000, ok: true, output: all };
   } catch (err) {
     console.log(`${step} ${template}: Failed.`);
+    console.log(err);
     return { template, timestamp, time: (Date.now() - +timestamp) / 1000, ok: false, err };
   }
 }

From 3d98674b81195d323528ed3ed9ba7b603be8f77b Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 10:44:28 +1000
Subject: [PATCH 087/266] Pass `shell: true` to `execa

---
 scripts/once-per-template.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index 628c1c2146d1..cc1b6a7b40d7 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -179,7 +179,7 @@ async function run() {
     // Also substitute environment variables into command
     toRun = toRun.replace(/\$([A-Z_]+)/, (_, name) => process.env[name]);
 
-    const execaOptions = cd ? { cwd: join(sandboxDir, templateDir) } : {};
+    const execaOptions = cd ? { cwd: join(sandboxDir, templateDir), shell: true } : { shell: true };
     if (parallel) {
       toAwait.push(runCommand(toRun, execaOptions, { step, template }));
     } else {

From 6cb6d03e67b06e225bb4e9a6814dfc6cf4517450 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 10:51:14 +1000
Subject: [PATCH 088/266] Apply changes from code review

---
 scripts/once-per-template.ts | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index bbc359aedb94..b63635c57038 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -64,12 +64,13 @@ export function filterTemplates(templates: Templates, cadence: Cadence, scriptNa
   return Object.fromEntries(filterDataForCurrentCircleCINode(jobTemplates));
 }
 
+const logger = console;
 async function run() {
   const {
     cadence,
     script: commandline,
     parallel,
-  } = await getOptionsOrPrompt('yarn multiplex-templates', options);
+  } = await getOptionsOrPrompt('yarn once-per-template', options);
 
   const command = await parseCommand(commandline);
   const templates = filterTemplates(TEMPLATES, cadence, command.scriptName);
@@ -81,14 +82,14 @@ async function run() {
       template,
     });
 
-    console.log(`Running ${toRun}`);
+    logger.log(`🏃 Running ${toRun}`);
 
     if (parallel) {
       // Don't pipe stdio as it'll get interleaved
       toAwait.push(
         (async () => {
           await execa.command(toRun);
-          console.log(`Done with ${toRun}`);
+          logger.log(`✅ Done with ${toRun}`);
         })()
       );
     } else {
@@ -101,8 +102,8 @@ async function run() {
 
 if (require.main === module) {
   run().catch((err) => {
-    console.error('Multiplexing failed');
-    console.error(err);
+    logger.error('🚨 An error occurred when executing "once-per-template":');
+    logger.error(err);
     process.exit(1);
   });
 }

From 1600eb67866c609f5a021aa3cd39934ae864dc09 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 10:58:59 +1000
Subject: [PATCH 089/266] Refactor once-per-template usage to be via a script

---
 .circleci/config.yml         | 17 ++++++-----------
 code/package.json            |  1 +
 scripts/build-sandboxes.ts   | 36 ++++++++++++++++++++++++++++++++++++
 scripts/once-per-template.ts | 25 +++++++++++++++++--------
 4 files changed, 60 insertions(+), 19 deletions(-)
 create mode 100644 scripts/build-sandboxes.ts

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 73966b8d0383..fe7aea4b8587 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -470,22 +470,17 @@ jobs:
           at: .
       - run:
           name: Running local registry
-          command: |
-            cd code
-            yarn local-registry --port 6000 --open
+          command: yarn local-registry --port 6000 --open
           background: true
+          working_directory: code
       - run:
           name: Wait for registry
-          command: |
-            cd code
-            yarn wait-on http://localhost:6000
+          command: yarn wait-on http://localhost:6000
+          working_directory: code
       - run:
           name: Preparing Sandboxes
-          command: |
-            mkdir sandbox
-            cd code
-            yarn once-per-template --cadence ci --parallel \
-              --script "yarn sandbox --no-link --no-start --no-publish"
+          command: yarn build-sandboxes
+          working_directory: code
       - persist_to_workspace:
           root: .
           paths:
diff --git a/code/package.json b/code/package.json
index 2f03200814c8..da0a70fa701c 100644
--- a/code/package.json
+++ b/code/package.json
@@ -55,6 +55,7 @@
     "await-serve-storybooks": "wait-on http://localhost:8001",
     "bootstrap": "node ../scripts/bootstrap.js",
     "build": "NODE_ENV=production node ../scripts/build-package.js",
+    "build-sandboxes": "ts-node ../scripts/build-sandboxes.ts",
     "build-storybooks": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true node -r esm ../scripts/build-storybooks.js",
     "changelog": "pr-log --sloppy --cherry-pick",
     "changelog:next": "pr-log --sloppy --since-prerelease",
diff --git a/scripts/build-sandboxes.ts b/scripts/build-sandboxes.ts
new file mode 100644
index 000000000000..6cf11ba3bb6c
--- /dev/null
+++ b/scripts/build-sandboxes.ts
@@ -0,0 +1,36 @@
+import { ensureDir } from 'fs-extra';
+import { resolve } from 'path';
+import { createOptions, getOptionsOrPrompt } from './utils/options';
+import { oncePerTemplate } from './once-per-template';
+
+const scriptName = 'build-sandboxes';
+const sandboxDir = resolve(__dirname, '../sandbox');
+const logger = console;
+
+export const options = createOptions({
+  cadence: {
+    type: 'string',
+    description: 'What cadence are we running on (i.e. which templates should we use)?',
+    values: ['ci', 'daily', 'weekly'] as const,
+    required: true,
+  },
+});
+
+async function run() {
+  const { cadence } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
+
+  await ensureDir(sandboxDir);
+  return oncePerTemplate({
+    cadence,
+    parallel: true,
+    script: 'yarn sandbox --no-link --no-start --no-publish',
+  });
+}
+
+if (require.main === module) {
+  run().catch((err) => {
+    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
+    logger.error(err);
+    process.exit(1);
+  });
+}
diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index b63635c57038..d6369883ba66 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -2,7 +2,13 @@
 import { Command } from 'commander';
 import execa from 'execa';
 
-import { getOptions, getCommand, getOptionsOrPrompt, createOptions } from './utils/options';
+import {
+  getOptions,
+  getCommand,
+  getOptionsOrPrompt,
+  createOptions,
+  OptionValues,
+} from './utils/options';
 import type { OptionSpecifier } from './utils/options';
 import { filterDataForCurrentCircleCINode } from './utils/concurrency';
 
@@ -65,13 +71,11 @@ export function filterTemplates(templates: Templates, cadence: Cadence, scriptNa
 }
 
 const logger = console;
-async function run() {
-  const {
-    cadence,
-    script: commandline,
-    parallel,
-  } = await getOptionsOrPrompt('yarn once-per-template', options);
-
+export async function oncePerTemplate({
+  cadence,
+  script: commandline,
+  parallel,
+}: OptionValues<typeof options>) {
   const command = await parseCommand(commandline);
   const templates = filterTemplates(TEMPLATES, cadence, command.scriptName);
 
@@ -100,6 +104,11 @@ async function run() {
   await Promise.all(toAwait);
 }
 
+async function run() {
+  const optionValues = await getOptionsOrPrompt('yarn once-per-template', options);
+  return oncePerTemplate(optionValues);
+}
+
 if (require.main === module) {
   run().catch((err) => {
     logger.error('🚨 An error occurred when executing "once-per-template":');

From 3e6b18e7a46f724e94cccde8ffe6233936044409 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 11:00:12 +1000
Subject: [PATCH 090/266] Ensure sandbox fails if it fails

---
 scripts/sandbox.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 884e5ff863b9..25df07bdde98 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -374,5 +374,10 @@ async function main() {
 }
 
 if (require.main === module) {
-  main().catch((err) => console.error(err));
+  main().catch((err) => {
+    logger.error('🚨 An error occurred when executing "sandbox":');
+
+    logger.error(err);
+    process.exit(1);
+  });
 }

From 947b0f89176b053ba8b343d4cdffd9fd33daf633 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 2 Aug 2022 17:19:45 +1000
Subject: [PATCH 091/266] Added migration guide for docs 2.0

---
 MIGRATION.md | 135 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 135 insertions(+)

diff --git a/MIGRATION.md b/MIGRATION.md
index 1c8684f7ba2f..faa6ba423be7 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -14,6 +14,11 @@
     - [Babel mode v7 by default](#babel-mode-v7-by-default)
     - [7.0 feature flags removed](#70-feature-flags-removed)
     - [Removed docs.getContainer and getPage parameters](#removed-docs-getcontainer-and-getpage-parameters)
+  - [Docs Changes](#docs-changes)
+    - [Standalone docs files](#standalone-docs-files)
+    - [Referencing stories in docs files](#referencing-stories-in-docs-files)
+    - [Configuring the Docs Container](#configuring-the-docs-container)
+    - [External Docs](#external-docs)
 - [From version 6.4.x to 6.5.0](#from-version-64x-to-650)
   - [Vue 3 upgrade](#vue-3-upgrade)
   - [React18 new root API](#react18-new-root-api)
@@ -398,6 +403,136 @@ In 7.0 we've removed the following feature flags:
 
 It is no longer possible to set `parameters.docs.getContainer()` and `getPage()`. Instead use `parameters.docs.container` or `parameters.docs.page` directly.
 
+### Docs Changes
+
+The information heirarchy of docs in Storybook has changed in 7.0. The main difference is that each docs is listed in the sidebar as a separate entry, rather than attached to individual stories.
+
+These changes are encaspulated in these changes:
+
+#### Standalone docs files
+
+In Storybook 6.x, to create a standalone docs MDX file, with its own, you created a `.stories.mdx` file, and described it's location with the `Meta` doc block:
+
+```mdx
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Introduction" />
+```
+
+In 7.0, things are a little simpler -- you should call the file `.mdx` (drop the `.stories`). This will mean behind the scenes there is no story attached to this entry. You may also drop the `title` and use autotitle (and leave the `Meta` component out entirely).
+
+Additionally, you can attach a standalone docs entry to a component, using the new `of={}` syntax on the `Meta` component:
+
+```mdx
+import { Meta } from '@storybook/blocks';
+import * as ComponentStories from './some-component.stories';
+
+<Meta of={ComponentStories} />
+```
+
+You can create as many docs entries as you like for a given component. Note that if you attach a docs entry to a component it will replace the automatically generated entry from `DocsPage` (See below).
+
+By default docs entries are listed first for the component. You can sort them using story sorting.
+
+#### Referencing stories in docs files
+
+To reference a story in a MDX file, you should reference it with `of`:
+
+```mdx
+import { Meta, Story } from '@storybook/blocks';
+import * as ComponentStories from './some-component.stories';
+
+<Meta of={ComponentStories} />
+
+<Story of={ComponentStories.standard} />
+```
+
+You can also reference a story from a different component:
+
+```mdx
+import { Meta, Story } from '@storybook/blocks';
+import * as ComponentStories from './some-component.stories';
+import * as SecondComponentStories from './second-component.stories';
+
+<Meta of={ComponentStories} />
+
+<Story of={SecondComponentStories.standard} meta={SecondComponentStories} />
+```
+
+#### Docs Page
+
+In 7.0, rather than rendering each story in "docs view mode", Docs Page operates by adding additional sidebar entries for each component. By default it uses the same template as was used in 6.x, and the entries are entitled `Docs`.
+
+You can configure Docs Page in `main.js`:
+
+```js
+module.exports = {
+  docs: {
+    docsPage: true, // set to default to disable docs page entirely
+    defaultTitle: 'Docs', // set to change the title of generated docs entries
+  },
+};
+```
+
+You can change the default template in the same way as in 6.x, using the `docs.page` parameter.
+
+#### Configuring the Docs Container
+
+As in 6.x, you can override the docs container to configure docs further. This the container that each docs entry is rendered inside:
+
+```js
+// in preview.js
+
+export const parameters = {
+  docs: {
+    container: // your container
+  }
+}
+```
+
+You likely want to use the `DocsContainer` component exported by `@storybook/blocks` and consider the following examples:
+
+**Overriding theme**:
+
+To override the theme, you can continue to use the `docs.theme` parameter.
+
+**Overriding MDX components**
+
+If you want to override the MDX components supplied to your docs page, use the `MDXProvider` from `@mdx-js/react`:
+
+```js
+import { MDXProvider } from '@mdx-js/react';
+import { DocsContainer } from '@storybook/blocks';
+
+export MyDocsContainer = (props) => (
+  <MDXProvider components={yourComponents}>
+    <DocsContainer {...props} />
+  </MDXProvider>
+);
+```
+
+#### External Docs
+
+Storybook 7.0 can be used in the above way in externally created projects (i.e. custom docs sites). Your `.mdx` files defined as above should be portable to other contexts. You simply need to render them in an `ExternalDocs` component:
+
+```js
+// In your project somewhere:
+import { ExternalDocs } from '@storybook/blocks';
+
+// Import all the preview entries from addons that need to operate in your external docs,
+// at a minimum likely your project's and your renderer's.
+import * as reactAnnotations from '@storybook/react/preview';
+import * as previewAnnotations from '../.storybook/preview';
+
+export default function App({ Component, pageProps }) {
+  return (
+    <ExternalDocs projectAnnotationsList={[reactAnnotations, previewAnnotations]}>
+      <Component {...pageProps} />
+    </ExternalDocs>
+  );
+}
+```
+
 ## From version 6.4.x to 6.5.0
 
 ### Vue 3 upgrade

From 39c58d02d614b422519a7251d61851bd33e66771 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 2 Aug 2022 22:40:15 +1000
Subject: [PATCH 092/266] Apply suggestions from code review

Co-authored-by: Yann Braga <yannbf@gmail.com>
---
 MIGRATION.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/MIGRATION.md b/MIGRATION.md
index faa6ba423be7..29a6dfbd8b7e 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -405,9 +405,9 @@ It is no longer possible to set `parameters.docs.getContainer()` and `getPage()`
 
 ### Docs Changes
 
-The information heirarchy of docs in Storybook has changed in 7.0. The main difference is that each docs is listed in the sidebar as a separate entry, rather than attached to individual stories.
+The information hierarchy of docs in Storybook has changed in 7.0. The main difference is that each docs is listed in the sidebar as a separate entry, rather than attached to individual stories.
 
-These changes are encaspulated in these changes:
+These changes are encapsulated in the following:
 
 #### Standalone docs files
 

From 03dbd586543c73338b5465a07fa9bd963e3c0c6e Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Tue, 2 Aug 2022 22:40:28 +1000
Subject: [PATCH 093/266] Update MIGRATION.md

Co-authored-by: Yann Braga <yannbf@gmail.com>
---
 MIGRATION.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/MIGRATION.md b/MIGRATION.md
index 29a6dfbd8b7e..79ed95b9cfb2 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -411,7 +411,7 @@ These changes are encapsulated in the following:
 
 #### Standalone docs files
 
-In Storybook 6.x, to create a standalone docs MDX file, with its own, you created a `.stories.mdx` file, and described it's location with the `Meta` doc block:
+In Storybook 6.x, to create a standalone docs MDX file, you'd have to create a `.stories.mdx` file, and describe its location with the `Meta` doc block:
 
 ```mdx
 import { Meta } from '@storybook/addon-docs';

From fe68f07fc14fd5784a72a2b28c9a1d32c649af8e Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 11:07:30 +1000
Subject: [PATCH 094/266] Apply @yannbf's suggestions

---
 MIGRATION.md | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/MIGRATION.md b/MIGRATION.md
index 79ed95b9cfb2..940a29591403 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -468,7 +468,7 @@ You can configure Docs Page in `main.js`:
 ```js
 module.exports = {
   docs: {
-    docsPage: true, // set to default to disable docs page entirely
+    docsPage: true, // set to false to disable docs page entirely
     defaultTitle: 'Docs', // set to change the title of generated docs entries
   },
 };
@@ -503,9 +503,15 @@ If you want to override the MDX components supplied to your docs page, use the `
 ```js
 import { MDXProvider } from '@mdx-js/react';
 import { DocsContainer } from '@storybook/blocks';
-
-export MyDocsContainer = (props) => (
-  <MDXProvider components={yourComponents}>
+import * as DesignSystem from 'your-design-system';
+
+export const MyDocsContainer = (props) => (
+  <MDXProvider
+    components={{
+      h1: DesignSystem.H1,
+      h2: DesignSystem.H2,
+    }}
+  >
     <DocsContainer {...props} />
   </MDXProvider>
 );

From 759fc9e8a6d7163cadaf354455624284acf2b68f Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 11:27:13 +1000
Subject: [PATCH 095/266] Missed flag in circle config

---
 .circleci/config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index fe7aea4b8587..6722c43e960f 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -479,7 +479,7 @@ jobs:
           working_directory: code
       - run:
           name: Preparing Sandboxes
-          command: yarn build-sandboxes
+          command: yarn build-sandboxes --cadence ci
           working_directory: code
       - persist_to_workspace:
           root: .

From 20fa84d2d3134a19d008d6251f4f2209cd1387ee Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 14:57:25 +1000
Subject: [PATCH 096/266] Update all steps to be individual scripts

---
 .circleci/config.yml            |  49 +++----------
 code/package.json               |   4 ++
 scripts/build-sandboxes.ts      |  29 ++++----
 scripts/chromatic-sandboxes.ts  |  54 ++++++++++++++
 scripts/create-sandboxes.ts     |  38 ++++++++++
 scripts/e2e-sandboxes.ts        |  49 +++++++++++++
 scripts/once-per-template.ts    | 124 ++++++++++++++++++--------------
 scripts/smoke-test-sandboxes.ts |  33 +++++++++
 8 files changed, 273 insertions(+), 107 deletions(-)
 create mode 100644 scripts/chromatic-sandboxes.ts
 create mode 100644 scripts/create-sandboxes.ts
 create mode 100644 scripts/e2e-sandboxes.ts
 create mode 100644 scripts/smoke-test-sandboxes.ts

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 1302835c45bf..00822e0075fd 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -478,8 +478,8 @@ jobs:
           command: yarn wait-on http://localhost:6000
           working_directory: code
       - run:
-          name: Preparing Sandboxes
-          command: yarn build-sandboxes --cadence ci --junit test-results/build.xml
+          name: Creating Sandboxes
+          command: yarn create-sandboxes --cadence ci --junit test-results/create.xml
           working_directory: code
       - persist_to_workspace:
           root: .
@@ -497,13 +497,8 @@ jobs:
           at: .
       - run:
           name: Smoke Testing Sandboxes
-          command: |
-            cd code
-            yarn once-per-template \
-              --step "Smoke Testing" \
-              --cadence ci \
-              --junit test-results/smoketest.xml \
-              --script "yarn storybook --smoke-test --quiet"
+          command: yarn smoke-test-sandboxes --cadence ci --junit test-results/smoke-test.xml
+          working_directory: code
       - store_test_results:
           path: code/test-results
   build-sandboxes:
@@ -518,15 +513,8 @@ jobs:
           at: .
       - run:
           name: Building Sandboxes
-          command: |
-            BUILD_DIR="$PWD/built-sandboxes"
-            mkdir $BUILD_DIR
-            cd code
-            yarn once-per-template \
-              --step "Building" \
-              --cadence ci \
-              --junit test-results/build.xml \
-              --script "yarn build-storybook --quiet --output-dir=$BUILD_DIR/#TEMPLATE_DIR"
+          command: yarn build-sandboxes --cadence ci --junit test-results/build.xml
+          working_directory: code
       - store_test_results:
           path: code/test-results
       - persist_to_workspace:
@@ -544,18 +532,9 @@ jobs:
       - attach_workspace:
           at: .
       - run:
-          name: Chromatic (Sandboxes)
-          command: |
-            BUILD_DIR="$PWD/built-sandboxes"
-            cd code
-            yarn once-per-template \
-              --step "Running Chromatic" \
-              --cadence ci \
-              --script "npx chromatic \
-                --project-token='\$CHROMATIC_TOKEN_#TEMPLATE_ENV' \
-                --storybook-build-dir='$BUILD_DIR/#TEMPLATE_DIR' \
-                --junit-report='test-results/chromatic.xml'
-                --exit-once-uploaded"
+          name: Running Chromatic
+          command: yarn chromatic-sandboxes --cadence ci --junit test-results/chromatic.xml
+          working_directory: code
       - store_test_results:
           path: code/test-results
   e2e-sandboxes:
@@ -586,14 +565,8 @@ jobs:
             yarn wait-on http://localhost:8001
       - run:
           name: Running E2E Tests
-          command: |
-            cd code
-            yarn once-per-template --no-cd \
-              --step "Running E2E Tests" \
-              --cadence ci \
-              --script "STORYBOOK_URL=http://localhost:8080/#TEMPLATE_DIR/ yarn playwright test"
-          environment:
-            PLAYWRIGHT_JUNIT_OUTPUT_NAME: test-results/playwright.xml
+          command: yarn e2e-sandboxes --cadence ci
+          working_directory: code
       - store_test_results:
           path: code/test-results
       - store_artifacts: # this is where playwright puts more complex stuff
diff --git a/code/package.json b/code/package.json
index 6934236f6492..d0d9fae82c4e 100644
--- a/code/package.json
+++ b/code/package.json
@@ -60,10 +60,13 @@
     "changelog": "pr-log --sloppy --cherry-pick",
     "changelog:next": "pr-log --sloppy --since-prerelease",
     "check": "NODE_ENV=production node ../scripts/check-package.js",
+    "chromatic-sandboxes": "ts-node ../scripts/chromatic-sandboxes.ts",
     "clean:dist": "del **/dist",
     "coverage": "codecov",
     "create-built-sandboxes-index": "ts-node ../scripts/create-built-sandboxes-index",
+    "create-sandboxes": "ts-node ../scripts/create-sandboxes.ts",
     "danger": "danger",
+    "e2e-sandboxes": "ts-node ../scripts/e2e-sandboxes.ts",
     "generate-repros": "zx ../scripts/repros-generator/index.mjs",
     "github-release": "github-release-from-changelog",
     "linear-export": "ts-node --project=../scripts/tsconfig.json ../scripts/linear-export.ts",
@@ -84,6 +87,7 @@
     "run-chromatics": "node -r esm ../scripts/run-chromatics.js",
     "sandbox": "ts-node ../scripts/sandbox.ts",
     "serve-storybooks": "http-server ./built-storybooks -p 8001",
+    "smoke-test-sandboxes": "ts-node ../scripts/smoke-test-sandboxes.ts",
     "smoketest-storybooks": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true node -r esm ../scripts/smoketest-storybooks.js",
     "start": "yarn workspace official-storybook storybook --no-manager-cache",
     "test": "NODE_OPTIONS=--max_old_space_size=4096 jest --config ./jest.config.js",
diff --git a/scripts/build-sandboxes.ts b/scripts/build-sandboxes.ts
index ceeab6ca950b..b4ab1ae38ceb 100644
--- a/scripts/build-sandboxes.ts
+++ b/scripts/build-sandboxes.ts
@@ -1,36 +1,31 @@
 import { ensureDir } from 'fs-extra';
-import { resolve } from 'path';
+import { basename, join, resolve } from 'path';
 import { createOptions, getOptionsOrPrompt } from './utils/options';
-import { oncePerTemplate } from './once-per-template';
+import { options as oncePerTemplateOptions, oncePerTemplate } from './once-per-template';
 
-const scriptName = 'build-sandboxes';
-const sandboxDir = resolve(__dirname, '../sandbox');
+const scriptName = basename(__filename, 'ts');
+const builtDir = resolve(__dirname, '../built-sandboxes');
 const logger = console;
 
 export const options = createOptions({
-  cadence: {
-    type: 'string',
-    description: 'What cadence are we running on (i.e. which templates should we use)?',
-    values: ['ci', 'daily', 'weekly'] as const,
-    required: true,
-  },
-  junit: {
-    type: 'string',
-    description: 'Report results to junit XML file at path',
-  },
+  cadence: oncePerTemplateOptions.cadence,
+  junit: oncePerTemplateOptions.junit,
 });
 
 async function run() {
   const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
 
-  await ensureDir(sandboxDir);
+  await ensureDir(builtDir);
+
   return oncePerTemplate({
     step: 'Building',
-    cd: false,
+    cd: true,
     cadence,
     parallel: false,
-    script: 'yarn sandbox --no-link --no-start --no-publish',
     junit,
+    scriptName: 'build-storybook',
+    templateCommand: (template) =>
+      `yarn build-storybook --quiet --output-dir=${join(builtDir, template.replace('/', '-'))}`,
   });
 }
 
diff --git a/scripts/chromatic-sandboxes.ts b/scripts/chromatic-sandboxes.ts
new file mode 100644
index 000000000000..d8011d606376
--- /dev/null
+++ b/scripts/chromatic-sandboxes.ts
@@ -0,0 +1,54 @@
+import { basename, join, resolve } from 'path';
+import { createOptions, getOptionsOrPrompt } from './utils/options';
+import { oncePerTemplate } from './once-per-template';
+
+const scriptName = basename(__filename, 'ts');
+const builtDir = resolve(__dirname, '../built-sandboxes');
+const logger = console;
+
+export const options = createOptions({
+  cadence: {
+    type: 'string',
+    description: 'What cadence are we running on (i.e. which templates should we use)?',
+    values: ['ci', 'daily', 'weekly'] as const,
+    required: true,
+  },
+  junit: {
+    type: 'string',
+    description: 'Report results to junit XML file at path',
+  },
+});
+
+async function run() {
+  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
+
+  return oncePerTemplate({
+    step: 'Running Chromatic',
+    cd: false,
+    cadence,
+    parallel: false,
+    junit: undefined,
+    scriptName: 'chromatic',
+    templateCommand: (template) => ({
+      command: [
+        `npx chromatic`,
+        `--storybook-build-dir=${join(builtDir, template.replace('/', '-'))}`,
+        `--junit-report=${junit.replace('.xml', `-${template.replace('/', '-')}.xml`)}`,
+      ].join(' '),
+      execaOptions: {
+        env: {
+          PROJECT_TOKEN:
+            process.env[`CHROMATIC_TOKEN_${template.toUpperCase().replace(/\/|-/g, '_')}`],
+        },
+      },
+    }),
+  });
+}
+
+if (require.main === module) {
+  run().catch((err) => {
+    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
+    logger.error(err);
+    process.exit(1);
+  });
+}
diff --git a/scripts/create-sandboxes.ts b/scripts/create-sandboxes.ts
new file mode 100644
index 000000000000..8b75360911a4
--- /dev/null
+++ b/scripts/create-sandboxes.ts
@@ -0,0 +1,38 @@
+import { ensureDir } from 'fs-extra';
+import { basename, resolve } from 'path';
+import { createOptions, getOptionsOrPrompt } from './utils/options';
+import { options as oncePerTemplateOptions, oncePerTemplate } from './once-per-template';
+
+const scriptName = basename(__filename, 'ts');
+const sandboxDir = resolve(__dirname, '../sandbox');
+const logger = console;
+
+export const options = createOptions({
+  cadence: oncePerTemplateOptions.cadence,
+  junit: oncePerTemplateOptions.junit,
+});
+
+async function run() {
+  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
+
+  await ensureDir(sandboxDir);
+
+  return oncePerTemplate({
+    step: 'Creating',
+    cd: false,
+    cadence,
+    parallel: true,
+    junit,
+    scriptName: 'sandbox',
+    templateCommand: (template) =>
+      `yarn sandbox --no-link --no-start --no-publish --template ${template}`,
+  });
+}
+
+if (require.main === module) {
+  run().catch((err) => {
+    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
+    logger.error(err);
+    process.exit(1);
+  });
+}
diff --git a/scripts/e2e-sandboxes.ts b/scripts/e2e-sandboxes.ts
new file mode 100644
index 000000000000..030e628aea45
--- /dev/null
+++ b/scripts/e2e-sandboxes.ts
@@ -0,0 +1,49 @@
+import { basename } from 'path';
+import { createOptions, getOptionsOrPrompt } from './utils/options';
+import { oncePerTemplate } from './once-per-template';
+
+const scriptName = basename(__filename, 'ts');
+const logger = console;
+
+export const options = createOptions({
+  cadence: {
+    type: 'string',
+    description: 'What cadence are we running on (i.e. which templates should we use)?',
+    values: ['ci', 'daily', 'weekly'] as const,
+    required: true,
+  },
+  junit: {
+    type: 'string',
+    description: 'Report results to junit XML file at path',
+  },
+});
+
+async function run() {
+  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
+
+  return oncePerTemplate({
+    step: 'Running E2E Tests',
+    cd: false,
+    cadence,
+    parallel: false,
+    junit: undefined,
+    scriptName: 'e2e',
+    templateCommand: (template) => ({
+      command: 'yarn playwright',
+      execaOptions: {
+        env: {
+          STORYBOOK_URL: `http://localhost:8080/${template.replace('/', '-')}/`,
+          PLAYWRIGHT_JUNIT_OUTPUT_NAME: junit.replace('.xml', `-${template.replace('/', '-')}.xml`),
+        },
+      },
+    }),
+  });
+}
+
+if (require.main === module) {
+  run().catch((err) => {
+    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
+    logger.error(err);
+    process.exit(1);
+  });
+}
diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index e511b13a4a2f..e866a53f40f5 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -18,6 +18,7 @@ import { filterDataForCurrentCircleCINode } from './utils/concurrency';
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 
 const sandboxDir = resolve(__dirname, '../sandbox');
+const logger = console;
 
 export type Cadence = 'ci' | 'daily' | 'weekly';
 export type Template = {
@@ -30,31 +31,6 @@ export type Template = {
 export type TemplateKey = string;
 export type Templates = Record<TemplateKey, Template>;
 
-export async function parseCommand(commandline: string) {
-  const argv = commandline.split(' ');
-
-  const [yarnOrNpx, scriptName] = argv;
-
-  try {
-    const { options } = await import(`./${scriptName}`);
-
-    const command = new Command(scriptName);
-    const values = getOptions(command, options as OptionSpecifier, [yarnOrNpx, ...argv]);
-
-    return {
-      scriptName,
-      command: `yarn ${scriptName}`,
-      options,
-      values,
-    };
-  } catch (err) {
-    return {
-      scriptName,
-      command: commandline,
-    };
-  }
-}
-
 export const options = createOptions({
   step: {
     type: 'string',
@@ -94,6 +70,31 @@ export function filterTemplates(templates: Templates, cadence: Cadence, scriptNa
   return Object.fromEntries(filterDataForCurrentCircleCINode(jobTemplates));
 }
 
+export async function parseCommand(commandline: string) {
+  const argv = commandline.split(' ');
+
+  const [yarnOrNpx, scriptName] = argv;
+
+  try {
+    const { options: scriptOptions } = await import(`./${scriptName}`);
+
+    const command = new Command(scriptName);
+    const values = getOptions(command, scriptOptions as OptionSpecifier, [yarnOrNpx, ...argv]);
+
+    return {
+      scriptName,
+      command: `yarn ${scriptName}`,
+      options: scriptOptions,
+      values,
+    };
+  } catch (err) {
+    return {
+      scriptName,
+      command: commandline,
+    };
+  }
+}
+
 type RunResult = {
   template: TemplateKey;
   timestamp: Date;
@@ -149,47 +150,49 @@ async function writeJunitXml(step: string, start: Date, results: RunResult[], pa
   logger.log(`Test results written to ${resolve(path)}`);
 }
 
-const logger = console;
+type CLIOptions = OptionValues<typeof options>;
+
 export async function oncePerTemplate({
   step = 'Testing',
   cadence,
-  script: commandline,
   parallel,
   cd,
   junit: junitPath,
-}: OptionValues<typeof options>) {
-  const command = await parseCommand(commandline);
-  const templates = filterTemplates(TEMPLATES, cadence, command.scriptName);
+  scriptName,
+  templateCommand,
+}: Omit<CLIOptions, 'script'> & {
+  scriptName: string;
+  templateCommand: (template: TemplateKey) =>
+    | string
+    | {
+        command: string;
+        execaOptions?: execa.Options;
+      };
+}) {
+  const templates = filterTemplates(TEMPLATES, cadence, scriptName);
 
   const start = new Date();
   const toAwait = [];
   for (const template of Object.keys(templates)) {
-    let toRun = command.command;
-
-    if (command.options) {
-      toRun = getCommand(command.command, command.options, {
-        ...command.values,
-        template,
-      });
-    }
-
-    // Do some simple variable substitution using a #TEMPLATE_X syntax
-    const templateEnv = template.toUpperCase().replace(/\/|-/g, '_');
-    toRun = toRun.replace('#TEMPLATE_ENV', templateEnv);
     const templateDir = template.replace('/', '-');
-    toRun = toRun.replace('#TEMPLATE_DIR', templateDir);
-    toRun = toRun.replace('#TEMPLATE', template);
-
-    // Also substitute environment variables into command
-    toRun = toRun.replace(/\$([A-Z_]+)/, (_, name) => process.env[name]);
+    const commandOrOptions = templateCommand(template);
+    const { command, execaOptions: templateExecaOptions } =
+      typeof commandOrOptions === 'string'
+        ? { command: commandOrOptions, execaOptions: null }
+        : commandOrOptions;
+
+    const execaOptions = {
+      shell: true,
+      ...(cd && { cwd: join(sandboxDir, templateDir) }),
+      ...templateExecaOptions,
+    };
 
-    const execaOptions = cd ? { cwd: join(sandboxDir, templateDir), shell: true } : { shell: true };
     if (parallel) {
-      toAwait.push(runCommand(toRun, execaOptions, { step, template }));
+      toAwait.push(runCommand(command, execaOptions, { step, template }));
     } else {
       toAwait.push(
         Promise.resolve(
-          await runCommand(toRun, { stdio: 'inherit', ...execaOptions }, { step, template })
+          await runCommand(command, { stdio: 'inherit', ...execaOptions }, { step, template })
         )
       );
     }
@@ -205,8 +208,25 @@ export async function oncePerTemplate({
 }
 
 async function run() {
-  const optionValues = await getOptionsOrPrompt('yarn once-per-template', options);
-  return oncePerTemplate(optionValues);
+  const { script: commandline, ...optionValues } = await getOptionsOrPrompt(
+    'yarn once-per-template',
+    options
+  );
+  const command = await parseCommand(commandline);
+  return oncePerTemplate({
+    ...optionValues,
+    scriptName: command.scriptName,
+    templateCommand: (template) => {
+      if (command.options) {
+        return getCommand(command.command, command.options, {
+          ...command.values,
+          template,
+        });
+      }
+
+      return command.command;
+    },
+  });
 }
 
 if (require.main === module) {
diff --git a/scripts/smoke-test-sandboxes.ts b/scripts/smoke-test-sandboxes.ts
new file mode 100644
index 000000000000..55b35f9c7c37
--- /dev/null
+++ b/scripts/smoke-test-sandboxes.ts
@@ -0,0 +1,33 @@
+import { basename } from 'path';
+import { createOptions, getOptionsOrPrompt } from './utils/options';
+import { options as oncePerTemplateOptions, oncePerTemplate } from './once-per-template';
+
+const scriptName = basename(__filename, 'ts');
+const logger = console;
+
+export const options = createOptions({
+  cadence: oncePerTemplateOptions.cadence,
+  junit: oncePerTemplateOptions.junit,
+});
+
+async function run() {
+  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
+
+  return oncePerTemplate({
+    step: 'Smoke Testing',
+    cd: true,
+    cadence,
+    parallel: false,
+    junit,
+    scriptName: 'sandbox',
+    templateCommand: () => 'yarn storybook --smoke-test --quiet',
+  });
+}
+
+if (require.main === module) {
+  run().catch((err) => {
+    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
+    logger.error(err);
+    process.exit(1);
+  });
+}

From 359e8f208ee3e8fbdb4a9e36720a78fddf8c4ea7 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 15:35:00 +1000
Subject: [PATCH 097/266] Add test-runner-sandboxes set

---
 .circleci/config.yml             | 52 +++++++++++++++++++++++---------
 .gitignore                       |  1 +
 code/package.json                |  1 +
 scripts/e2e-sandboxes.ts         |  2 +-
 scripts/test-runner-sandboxes.ts | 44 +++++++++++++++++++++++++++
 5 files changed, 85 insertions(+), 15 deletions(-)
 create mode 100644 scripts/test-runner-sandboxes.ts

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 00822e0075fd..f3d7079dd7a8 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -485,6 +485,8 @@ jobs:
           root: .
           paths:
             - sandbox
+      - store_test_results:
+          path: code/test-results
   smoke-test-sandboxes:
     executor:
       class: medium+
@@ -515,12 +517,42 @@ jobs:
           name: Building Sandboxes
           command: yarn build-sandboxes --cadence ci --junit test-results/build.xml
           working_directory: code
+      - run:
+          name: Build index.html
+          command: yarn create-built-sandboxes-index --cadence ci --output "../built-sandboxes"
+          background: true
+          working_directory: code
       - store_test_results:
           path: code/test-results
       - persist_to_workspace:
           root: .
           paths:
             - built-sandboxes
+  test-runner-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 2
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Serve Sandboxes
+          command: yarn http-server ../built-sandboxes -p 8001
+          background: true
+          working_directory: code
+      - run:
+          name: Await Serving Sandboxes
+          command: yarn wait-on http://localhost:8001
+          working_directory: code
+      - run:
+          name: Running Test Runner
+          command: yarn test-runner-sandboxes --cadence ci --junit test-results/test-runner.xml
+          working_directory: code
+      - store_test_results:
+          path: code/test-results
   chromatic-sandboxes:
     executor:
       class: medium+
@@ -546,23 +578,15 @@ jobs:
           clone_options: '--depth 1 --verbose'
       - attach_workspace:
           at: .
-      - run:
-          name: Build index.html
-          command: |
-            cd code
-            yarn create-built-sandboxes-index --cadence ci --output "../built-sandboxes"
-          background: true
       - run:
           name: Serve Sandboxes
-          command: |
-            cd code
-            yarn http-server ../built-sandboxes -p 8001
+          command: yarn http-server ../built-sandboxes -p 8001
           background: true
+          working_directory: code
       - run:
-          name: Await serving Sandboxes
-          command: |
-            cd code
-            yarn wait-on http://localhost:8001
+          name: Await Serving Sandboxes
+          command: yarn wait-on http://localhost:8001
+          working_directory: code
       - run:
           name: Running E2E Tests
           command: yarn e2e-sandboxes --cadence ci
@@ -571,7 +595,7 @@ jobs:
           path: code/test-results
       - store_artifacts: # this is where playwright puts more complex stuff
           path: code/playwright-results/
-          destination: playwright
+          destination: playwright=
 
 workflows:
   test:
diff --git a/.gitignore b/.gitignore
index 540895b90ed1..c58cf821130c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,6 +9,7 @@ dist
 junit.xml
 /repros
 /sandbox
+/built-sandboxes
 .verdaccio-cache
 
 # Yarn stuff
diff --git a/code/package.json b/code/package.json
index d0d9fae82c4e..103189ab3610 100644
--- a/code/package.json
+++ b/code/package.json
@@ -92,6 +92,7 @@
     "start": "yarn workspace official-storybook storybook --no-manager-cache",
     "test": "NODE_OPTIONS=--max_old_space_size=4096 jest --config ./jest.config.js",
     "test-puppeteer": "jest --projects examples/official-storybook/storyshots-puppeteer",
+    "test-runner-sandboxes": "ts-node ../scripts/test-runner-sandboxes.ts",
     "test:cli": "npm --prefix lib/cli run test",
     "test:e2e-examples": "cypress run",
     "test:e2e-examples-gui": "concurrently --success first --kill-others \"cypress open\" \"yarn serve-storybooks\"",
diff --git a/scripts/e2e-sandboxes.ts b/scripts/e2e-sandboxes.ts
index 030e628aea45..ab3d5e5baef6 100644
--- a/scripts/e2e-sandboxes.ts
+++ b/scripts/e2e-sandboxes.ts
@@ -32,7 +32,7 @@ async function run() {
       command: 'yarn playwright',
       execaOptions: {
         env: {
-          STORYBOOK_URL: `http://localhost:8080/${template.replace('/', '-')}/`,
+          STORYBOOK_URL: `http://localhost:8001/${template.replace('/', '-')}/`,
           PLAYWRIGHT_JUNIT_OUTPUT_NAME: junit.replace('.xml', `-${template.replace('/', '-')}.xml`),
         },
       },
diff --git a/scripts/test-runner-sandboxes.ts b/scripts/test-runner-sandboxes.ts
new file mode 100644
index 000000000000..b4422a8caa4b
--- /dev/null
+++ b/scripts/test-runner-sandboxes.ts
@@ -0,0 +1,44 @@
+import { basename } from 'path';
+import { createOptions, getOptionsOrPrompt } from './utils/options';
+import { options as oncePerTemplateOptions, oncePerTemplate } from './once-per-template';
+
+const scriptName = basename(__filename, 'ts');
+const logger = console;
+
+export const options = createOptions({
+  cadence: oncePerTemplateOptions.cadence,
+  junit: oncePerTemplateOptions.junit,
+});
+
+async function run() {
+  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
+
+  await oncePerTemplate({
+    step: 'Installing Test Runner',
+    cd: true,
+    cadence,
+    parallel: true,
+    junit: undefined,
+    scriptName: 'test-storybook',
+    templateCommand: () => `yarn add --dev @storybook/test-runner`,
+  });
+
+  return oncePerTemplate({
+    step: 'Running Test Runner',
+    cd: true,
+    cadence,
+    parallel: false,
+    junit: undefined,
+    scriptName: 'test-storybook',
+    templateCommand: (template) =>
+      `yarn test-storybook --url ${`http://localhost:8001/${template.replace('/', '-')}/`}`,
+  });
+}
+
+if (require.main === module) {
+  run().catch((err) => {
+    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
+    logger.error(err);
+    process.exit(1);
+  });
+}

From 3065520ada138510147d255c4a48a990fffbfef4 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 15:39:53 +1000
Subject: [PATCH 098/266] Fix chromatic script

---
 scripts/chromatic-sandboxes.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/scripts/chromatic-sandboxes.ts b/scripts/chromatic-sandboxes.ts
index d8011d606376..653ccd71d55f 100644
--- a/scripts/chromatic-sandboxes.ts
+++ b/scripts/chromatic-sandboxes.ts
@@ -3,6 +3,7 @@ import { createOptions, getOptionsOrPrompt } from './utils/options';
 import { oncePerTemplate } from './once-per-template';
 
 const scriptName = basename(__filename, 'ts');
+const codeDir = resolve(__dirname, '../code');
 const builtDir = resolve(__dirname, '../built-sandboxes');
 const logger = console;
 
@@ -33,11 +34,14 @@ async function run() {
       command: [
         `npx chromatic`,
         `--storybook-build-dir=${join(builtDir, template.replace('/', '-'))}`,
-        `--junit-report=${junit.replace('.xml', `-${template.replace('/', '-')}.xml`)}`,
+        `--junit-report=${resolve(
+          codeDir,
+          junit.replace('.xml', `-${template.replace('/', '-')}.xml`)
+        )}`,
       ].join(' '),
       execaOptions: {
         env: {
-          PROJECT_TOKEN:
+          CHROMATIC_PROJECT_TOKEN:
             process.env[`CHROMATIC_TOKEN_${template.toUpperCase().replace(/\/|-/g, '_')}`],
         },
       },

From f8d70a0bc169f5ca4530cd29bb746568067d78a0 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 16:07:23 +1000
Subject: [PATCH 099/266] Fix e2e settings

---
 .circleci/config.yml     | 4 ++--
 scripts/e2e-sandboxes.ts | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index f3d7079dd7a8..60e42ae7b852 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -589,13 +589,13 @@ jobs:
           working_directory: code
       - run:
           name: Running E2E Tests
-          command: yarn e2e-sandboxes --cadence ci
+          command: yarn e2e-sandboxes --cadence ci --junit test-results/e2e.xml
           working_directory: code
       - store_test_results:
           path: code/test-results
       - store_artifacts: # this is where playwright puts more complex stuff
           path: code/playwright-results/
-          destination: playwright=
+          destination: playwright
 
 workflows:
   test:
diff --git a/scripts/e2e-sandboxes.ts b/scripts/e2e-sandboxes.ts
index ab3d5e5baef6..b39402689b54 100644
--- a/scripts/e2e-sandboxes.ts
+++ b/scripts/e2e-sandboxes.ts
@@ -33,7 +33,12 @@ async function run() {
       execaOptions: {
         env: {
           STORYBOOK_URL: `http://localhost:8001/${template.replace('/', '-')}/`,
-          PLAYWRIGHT_JUNIT_OUTPUT_NAME: junit.replace('.xml', `-${template.replace('/', '-')}.xml`),
+          ...(junit && {
+            PLAYWRIGHT_JUNIT_OUTPUT_NAME: junit.replace(
+              '.xml',
+              `-${template.replace('/', '-')}.xml`
+            ),
+          }),
         },
       },
     }),

From f5c15f3d5bb6860c39c6decafafe809294fbb96b Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 16:19:43 +1000
Subject: [PATCH 100/266] Fairly weird approach for test-runner junit

---
 scripts/once-per-template.ts     | 28 +++++++++++++++++++++++-----
 scripts/test-runner-sandboxes.ts | 24 ++++++++++++++++++++++--
 2 files changed, 45 insertions(+), 7 deletions(-)

diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index e866a53f40f5..dda2200590b9 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -105,7 +105,7 @@ type RunResult = {
 };
 
 async function runCommand(
-  command: string,
+  command: string | string[],
   execaOptions: execa.Options,
   { step, template }: { step: string; template: string }
 ): Promise<RunResult> {
@@ -113,11 +113,28 @@ async function runCommand(
   try {
     logger.log(`🏃  ${step} ${template}: Running ${command}`);
 
-    const { all } = await execa.command(command, execaOptions);
+    const allOutput = [];
+    if (typeof command === 'string') {
+      logger.debug(`> ${command}`);
+      const { all } = await execa.command(command, execaOptions);
+      allOutput.push(all);
+    } else {
+      for (const subcommand of command) {
+        logger.debug(`> ${subcommand}`);
+        const { all } = await execa.command(subcommand, execaOptions);
+        allOutput.push(all);
+      }
+    }
 
     logger.log(`✅ ${step} ${template}: Done.`);
 
-    return { template, timestamp, time: (Date.now() - +timestamp) / 1000, ok: true, output: all };
+    return {
+      template,
+      timestamp,
+      time: (Date.now() - +timestamp) / 1000,
+      ok: true,
+      output: allOutput.join('\n'),
+    };
   } catch (err) {
     logger.log(`❌ ${step} ${template}: Failed.`);
     logger.log(err);
@@ -164,8 +181,9 @@ export async function oncePerTemplate({
   scriptName: string;
   templateCommand: (template: TemplateKey) =>
     | string
+    | string[]
     | {
-        command: string;
+        command: string | string[];
         execaOptions?: execa.Options;
       };
 }) {
@@ -177,7 +195,7 @@ export async function oncePerTemplate({
     const templateDir = template.replace('/', '-');
     const commandOrOptions = templateCommand(template);
     const { command, execaOptions: templateExecaOptions } =
-      typeof commandOrOptions === 'string'
+      typeof commandOrOptions === 'string' || Array.isArray(commandOrOptions)
         ? { command: commandOrOptions, execaOptions: null }
         : commandOrOptions;
 
diff --git a/scripts/test-runner-sandboxes.ts b/scripts/test-runner-sandboxes.ts
index b4422a8caa4b..7138f7fc82e0 100644
--- a/scripts/test-runner-sandboxes.ts
+++ b/scripts/test-runner-sandboxes.ts
@@ -1,8 +1,9 @@
-import { basename } from 'path';
+import { basename, resolve } from 'path';
 import { createOptions, getOptionsOrPrompt } from './utils/options';
 import { options as oncePerTemplateOptions, oncePerTemplate } from './once-per-template';
 
 const scriptName = basename(__filename, 'ts');
+const codeDir = resolve(__dirname, '../code');
 const logger = console;
 
 export const options = createOptions({
@@ -13,6 +14,22 @@ export const options = createOptions({
 async function run() {
   const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
 
+  function getReporters(template: string) {
+    const filename = resolve(codeDir, junit);
+    return `reporters: [ 'default', [ 'jest-junit', { outputDirectory: '${filename}', addFileAttribute: 'true', usePathForSuiteName: 'true',uniqueOutputName: 'true' }, ], ],`;
+  }
+
+  function jestConfig(template: string) {
+    return (
+      // eslint-disable-next-line prefer-template
+      `const { getJestConfig } = require('@storybook/test-runner'); ` +
+      `module.exports = { ` +
+      `...getJestConfig(),` +
+      getReporters(template) +
+      `}`
+    );
+  }
+
   await oncePerTemplate({
     step: 'Installing Test Runner',
     cd: true,
@@ -20,7 +37,10 @@ async function run() {
     parallel: true,
     junit: undefined,
     scriptName: 'test-storybook',
-    templateCommand: () => `yarn add --dev @storybook/test-runner`,
+    templateCommand: (template) => [
+      `yarn add --dev @storybook/test-runner jest-junit`,
+      `echo "${jestConfig(template)}" > test-runner-jest.config.js`,
+    ],
   });
 
   return oncePerTemplate({

From ed3b55125edc5bee5c4f8f4a0dcae431c9d7770d Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 16:38:50 +1000
Subject: [PATCH 101/266] Fix e2e test

---
 scripts/e2e-sandboxes.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/e2e-sandboxes.ts b/scripts/e2e-sandboxes.ts
index b39402689b54..21854679e142 100644
--- a/scripts/e2e-sandboxes.ts
+++ b/scripts/e2e-sandboxes.ts
@@ -29,7 +29,7 @@ async function run() {
     junit: undefined,
     scriptName: 'e2e',
     templateCommand: (template) => ({
-      command: 'yarn playwright',
+      command: 'yarn playwright test --reporter=junit',
       execaOptions: {
         env: {
           STORYBOOK_URL: `http://localhost:8001/${template.replace('/', '-')}/`,

From c9fc2b428fc5f70aab54d35879e27e026623b688 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 16:39:18 +1000
Subject: [PATCH 102/266] Add test-runner-sandboxes

---
 .circleci/config.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 60e42ae7b852..3654a4ad5ced 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -651,6 +651,9 @@ workflows:
       - build-sandboxes:
           requires:
             - create-sandboxes
+      - test-runner-sandboxes:
+          requires:
+            - build-sandboxes
       - chromatic-sandboxes:
           requires:
             - build-sandboxes

From 501b7e1b25b47bca55ca7b9ffea4683be21850df Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 10 Aug 2022 09:46:02 +0200
Subject: [PATCH 103/266] Always return chained promise so state will be
 restored before execution continues

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

diff --git a/code/lib/instrumenter/src/instrumenter.ts b/code/lib/instrumenter/src/instrumenter.ts
index 1768e4486798..6488be15096a 100644
--- a/code/lib/instrumenter/src/instrumenter.ts
+++ b/code/lib/instrumenter/src/instrumenter.ts
@@ -502,9 +502,8 @@ export class Instrumenter {
           const res = arg(...args);
 
           // Reset cursor and ancestors to their original values before we entered the callback.
-          if (res instanceof Promise) res.then(restore, restore);
-          else restore();
-
+          if (res instanceof Promise) return res.then(restore, restore);
+          restore();
           return res;
         };
       });

From 852d1263d32077f832d3989e40c45ab59881cdf7 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 10 Aug 2022 11:20:47 +0200
Subject: [PATCH 104/266] fixes

---
 code/lib/theming/package.json                 |  5 ++-
 .../theming/scripts/fix-theme-type-export.ts  | 28 ++++++++++++++++
 code/lib/theming/src/convert.ts               |  2 +-
 code/lib/theming/src/create.ts                |  4 +--
 code/lib/theming/src/ensure.ts                |  2 +-
 code/lib/theming/src/utils.ts                 |  3 +-
 code/yarn.lock                                |  2 ++
 scripts/prepare/bundle.ts                     | 32 +++++++++----------
 8 files changed, 54 insertions(+), 24 deletions(-)
 create mode 100644 code/lib/theming/scripts/fix-theme-type-export.ts

diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 6d1448f1dcd3..c21e9d3e7e02 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -56,8 +56,10 @@
     "@emotion/is-prop-valid": "^1.1.2",
     "@emotion/react": "^11.8.1",
     "@emotion/styled": "^11.8.1",
+    "@types/fs-extra": "^9.0.6",
     "@types/node": "^14.14.20 || ^16.0.0",
     "deep-object-diff": "^1.1.0",
+    "fs-extra": "^9.0.1",
     "global": "^4.4.0",
     "polished": "^4.2.2",
     "ts-dedent": "^2.0.0",
@@ -75,7 +77,8 @@
     "entries": [
       "./src/index.ts",
       "./src/create.ts"
-    ]
+    ],
+    "post": "./scripts/fix-theme-type-export.ts"
   },
   "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
 }
diff --git a/code/lib/theming/scripts/fix-theme-type-export.ts b/code/lib/theming/scripts/fix-theme-type-export.ts
new file mode 100644
index 000000000000..9e5ff7cb5973
--- /dev/null
+++ b/code/lib/theming/scripts/fix-theme-type-export.ts
@@ -0,0 +1,28 @@
+/* eslint-disable no-console */
+import { readFile, writeFile } from 'fs-extra';
+import { dedent } from 'ts-dedent';
+import { join } from 'path';
+
+const run = async () => {
+  const target = join(process.cwd(), 'dist', 'index.d.ts');
+  const contents = await readFile(target, 'utf8');
+
+  const footer = contents.includes('// devmode')
+    ? `export { StorybookTheme as Theme } from '../src/index';`
+    : dedent`
+        interface Theme extends StorybookTheme {}
+        export type { Theme };
+      `;
+
+  const newContents = dedent`
+    ${contents}
+    ${footer}
+  `;
+
+  await writeFile(target, newContents);
+};
+
+run().catch((e) => {
+  console.error(e);
+  process.exitCode = 1;
+});
diff --git a/code/lib/theming/src/convert.ts b/code/lib/theming/src/convert.ts
index b4d5a33d23b1..fa7946cf8b81 100644
--- a/code/lib/theming/src/convert.ts
+++ b/code/lib/theming/src/convert.ts
@@ -1,6 +1,6 @@
 import { opacify } from 'polished';
 import { background, typography, color } from './base';
-import { StorybookTheme, Color, ThemeVars } from './types';
+import type { Color, ThemeVars, StorybookTheme } from './types';
 import { easing, animation } from './animation';
 import { create as createSyntax, chromeLight, chromeDark } from './modules/syntax';
 import { getPreferredColorScheme } from './utils';
diff --git a/code/lib/theming/src/create.ts b/code/lib/theming/src/create.ts
index ae2603cf3015..e17ed5e102ea 100644
--- a/code/lib/theming/src/create.ts
+++ b/code/lib/theming/src/create.ts
@@ -2,7 +2,7 @@
 import lightThemeVars from './themes/light';
 import darkThemeVars from './themes/dark';
 
-import type { ThemeVars, StorybookTheme } from './types';
+import type { ThemeVars } from './types';
 import { getPreferredColorScheme } from './utils';
 
 export const themes: { light: ThemeVars; dark: ThemeVars; normal: ThemeVars } = {
@@ -33,5 +33,3 @@ export const create = (
     ...{ barSelectedColor: vars.barSelectedColor || inherit.colorSecondary },
   };
 };
-
-export { StorybookTheme };
diff --git a/code/lib/theming/src/ensure.ts b/code/lib/theming/src/ensure.ts
index 9c827608e922..27e93518954f 100644
--- a/code/lib/theming/src/ensure.ts
+++ b/code/lib/theming/src/ensure.ts
@@ -4,7 +4,7 @@ import { deletedDiff } from 'deep-object-diff';
 import { dedent } from 'ts-dedent';
 
 import light from './themes/light';
-import { StorybookTheme, ThemeVars } from './types';
+import type { ThemeVars, StorybookTheme } from './types';
 import { convert } from './convert';
 
 export const ensure = (input: ThemeVars): StorybookTheme => {
diff --git a/code/lib/theming/src/utils.ts b/code/lib/theming/src/utils.ts
index b962dc1268a7..2c94ea94e8ce 100644
--- a/code/lib/theming/src/utils.ts
+++ b/code/lib/theming/src/utils.ts
@@ -12,8 +12,7 @@ export const mkColor = (color: string) => ({ color });
 const isColorString = (color: string) => {
   if (typeof color !== 'string') {
     logger.warn(
-      `Color passed to theme object should be a string. Instead ` +
-        `${color}(${typeof color}) was passed.`
+      `Color passed to theme object should be a string. Instead ${color}(${typeof color}) was passed.`
     );
     return false;
   }
diff --git a/code/yarn.lock b/code/yarn.lock
index 2272bd8a4116..e4e9a9a26eee 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -9349,9 +9349,11 @@ __metadata:
     "@emotion/react": ^11.8.1
     "@emotion/styled": ^11.8.1
     "@storybook/client-logger": 7.0.0-alpha.18
+    "@types/fs-extra": ^9.0.6
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     deep-object-diff: ^1.1.0
+    fs-extra: ^9.0.1
     global: ^4.4.0
     memoizerific: ^1.11.3
     polished: ^4.2.2
diff --git a/scripts/prepare/bundle.ts b/scripts/prepare/bundle.ts
index b47eb320e62a..340793bb21df 100755
--- a/scripts/prepare/bundle.ts
+++ b/scripts/prepare/bundle.ts
@@ -4,7 +4,8 @@ import fs from 'fs-extra';
 import path, { join } from 'path';
 import { build } from 'tsup';
 import aliasPlugin from 'esbuild-plugin-alias';
-import shelljs from 'shelljs';
+import dedent from 'ts-dedent';
+import { exec } from '../utils/exec';
 
 const hasFlag = (flags: string[], name: string) => !!flags.find((s) => s.startsWith(`--${name}`));
 
@@ -13,13 +14,13 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
     name,
     dependencies,
     peerDependencies,
-    bundler: { entries, platform, pre },
+    bundler: { entries, platform, pre, post },
   } = await fs.readJson(join(cwd, 'package.json'));
 
-  const isThemingPackage = name === '@storybook/theming';
+  const tsnodePath = join(__dirname, '..', 'node_modules', '.bin', 'ts-node');
 
   if (pre) {
-    shelljs.exec(`esrun ${pre}`, { cwd: join(__dirname, '..') });
+    await exec(`${tsnodePath} ${pre}`, { cwd });
   }
 
   const reset = hasFlag(flags, 'reset');
@@ -37,12 +38,14 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
         const { name: entryName } = path.parse(file);
 
         const pathName = join(process.cwd(), 'dist', `${entryName}.d.ts`);
-        // throw new Error('test');
         await fs.ensureFile(pathName);
-        const footer = isThemingPackage
-          ? `export { StorybookTheme as Theme } from '../src/${entryName}';\n`
-          : '';
-        await fs.writeFile(pathName, `export * from '../src/${entryName}';\n${footer}`);
+        await fs.writeFile(
+          pathName,
+          dedent`
+          // devmode
+          export * from '../src/${entryName}'
+        `
+        );
       })
     );
   }
@@ -60,7 +63,6 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
       target: 'chrome100',
       clean: !watch,
       platform: platform || 'browser',
-      // shims: true,
       esbuildPlugins: [
         aliasPlugin({
           process: path.resolve(
@@ -76,9 +78,6 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
           ? {
               entry: entries,
               resolve: true,
-              footer: isThemingPackage
-                ? `interface Theme extends StorybookTheme {};\nexport type { Theme };`
-                : '',
             }
           : false,
       esbuildOptions: (c) => {
@@ -115,9 +114,6 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
 
       esbuildOptions: (c) => {
         /* eslint-disable no-param-reassign */
-        // c.define = optimized
-        //   ? { 'process.env.NODE_ENV': "'production'", 'process.env': '{}' }
-        //   : { 'process.env.NODE_ENV': "'development'", 'process.env': '{}' };
         c.platform = 'node';
         c.legalComments = 'none';
         c.minifyWhitespace = optimized;
@@ -127,6 +123,10 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
       },
     }),
   ]);
+
+  if (post) {
+    await exec(`${tsnodePath} ${post}`, { cwd }, { debug: true });
+  }
 };
 
 const flags = process.argv.slice(2);

From c1ae30b92ee1b47d94e978e623d47dcb35364cc5 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 10 Aug 2022 11:32:25 +0200
Subject: [PATCH 105/266] fixes

---
 code/lib/ui/package.json           | 2 +-
 code/lib/ui/src/globals/exports.ts | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index 978fac6ae987..53d393a206d0 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -97,7 +97,7 @@
     "access": "public"
   },
   "bundler": {
-    "pre": "./../scripts/generate-exports-file.ts",
+    "pre": "./scripts/generate-exports-file.ts",
     "entries": [
       "./src/index.tsx",
       "./src/globals.ts",
diff --git a/code/lib/ui/src/globals/exports.ts b/code/lib/ui/src/globals/exports.ts
index b7fcfc8d3d30..94f836defb8e 100644
--- a/code/lib/ui/src/globals/exports.ts
+++ b/code/lib/ui/src/globals/exports.ts
@@ -213,13 +213,13 @@ export default {
   '@storybook/addons': [
     'AddonStore',
     'Channel',
-    'HooksContext',
     'addons',
-    'applyHooks',
-    'isSupportedType',
     'makeDecorator',
-    'mockChannel',
+    'isSupportedType',
     'types',
+    'mockChannel',
+    'HooksContext',
+    'applyHooks',
     'useArgs',
     'useCallback',
     'useChannel',

From 39ec6f94c42981e45eff7ab436af1d4bc79e2180 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 10 Aug 2022 11:53:37 +0200
Subject: [PATCH 106/266] change to use cjs

---
 code/lib/theming/create.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/theming/create.js b/code/lib/theming/create.js
index f6b372867967..59ea6440e27a 100644
--- a/code/lib/theming/create.js
+++ b/code/lib/theming/create.js
@@ -1 +1 @@
-export * from './dist/create.mjs';
+module.exports = require('./dist/create');

From 20ee4877adad0e1b4609f6840533a1ebb54a5818 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 10 Aug 2022 20:04:39 +1000
Subject: [PATCH 107/266] Test runner step needs to install from verdaccio

---
 .circleci/config.yml | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 3654a4ad5ced..2d1bf771e73c 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -538,6 +538,15 @@ jobs:
           clone_options: '--depth 1 --verbose'
       - attach_workspace:
           at: .
+      - run:
+          name: Running local registry
+          command: yarn local-registry --port 6000 --open
+          background: true
+          working_directory: code
+      - run:
+          name: Wait for registry
+          command: yarn wait-on http://localhost:6000
+          working_directory: code
       - run:
           name: Serve Sandboxes
           command: yarn http-server ../built-sandboxes -p 8001

From 118fe17652b327258a268550db676a8fbef0980c Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 10 Aug 2022 12:10:47 +0200
Subject: [PATCH 108/266] Add test for step runner composition

---
 code/lib/store/src/csf/composeConfigs.test.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/code/lib/store/src/csf/composeConfigs.test.ts b/code/lib/store/src/csf/composeConfigs.test.ts
index ce35ddd4c444..97c920c7993c 100644
--- a/code/lib/store/src/csf/composeConfigs.test.ts
+++ b/code/lib/store/src/csf/composeConfigs.test.ts
@@ -157,4 +157,22 @@ describe('composeConfigs', () => {
       runStep: expect.any(Function),
     });
   });
+
+  it('composes step runners', () => {
+    const fn = jest.fn();
+
+    const { runStep } = composeConfigs([
+      { runStep: (label, play, context) => fn(`${label}1`, play(context)) },
+      { runStep: (label, play, context) => fn(`${label}2`, play(context)) },
+      { runStep: (label, play, context) => fn(`${label}3`, play(context)) },
+    ]);
+
+    // @ts-expect-error We don't care about the context value here
+    runStep('Label', () => {}, {});
+
+    expect(fn).toHaveBeenCalledTimes(3);
+    expect(fn).toHaveBeenNthCalledWith(1, 'Label3', expect.anything());
+    expect(fn).toHaveBeenNthCalledWith(2, 'Label2', expect.anything());
+    expect(fn).toHaveBeenNthCalledWith(3, 'Label1', expect.anything());
+  });
 });

From a8549587d1ecb23a735a0475783f610dbfc94104 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 10 Aug 2022 12:24:48 +0200
Subject: [PATCH 109/266] add an example

---
 MIGRATION.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/MIGRATION.md b/MIGRATION.md
index c9aef1deb6a9..fa4a435e22db 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -268,6 +268,8 @@ module.exports = {
 }
 ```
 
+Here's an example PR to one of the storybook addons: https://github.com/storybookjs/addon-coverage/pull/3 doing just that.
+
 #### No more configuration for manager
 
 The storybook manager no longer uses webpack to be built, instead it's using esbuild now.

From 058a9c8eaf4baa334e0ed439020cd595841edd11 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 10 Aug 2022 13:24:09 +0200
Subject: [PATCH 110/266] Update package.json

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

diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index fc834bcfa61c..248d31accfc8 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -39,7 +39,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "esrun ../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "core-js": "^3.8.2",

From e48667ff5b8656e0855351b3831ce33feebb5d68 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 10 Aug 2022 13:28:07 +0200
Subject: [PATCH 111/266] fix

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

diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 248d31accfc8..df81d753e6d4 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -54,7 +54,7 @@
   },
   "bundler": {
     "entries": [
-      "./src/index.ts",
+      "./src/index.ts"
     ]
   },
   "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"

From 7970c8952d9f3cb5d3c4e63e94b763fb4aca70ac Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 10 Aug 2022 13:14:26 +0200
Subject: [PATCH 112/266] Avoid step function in official-storybook for now

---
 .../AccountFormInteractions.stories.tsx       | 80 ++++++-------------
 .../src/examples/Examples.stories.tsx         | 43 +++++-----
 2 files changed, 47 insertions(+), 76 deletions(-)

diff --git a/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
index 34f84115113c..9235a28dee03 100644
--- a/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
+++ b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable jest/no-standalone-expect */
 import { Meta, ComponentStoryObj } from '@storybook/react';
 import { expect } from '@storybook/jest';
 import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
@@ -26,30 +25,23 @@ export const Standard: CSF3Story = {
 
 export const StandardEmailFilled = {
   ...Standard,
-  play: async ({ canvasElement, step }) => {
+  play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    await step('Enter email', async () => {
-      await fireEvent.change(canvas.getByTestId('email'), {
-        target: { value: 'michael@chromatic.com' },
-      });
+    await fireEvent.change(canvas.getByTestId('email'), {
+      target: { value: 'michael@chromatic.com' },
     });
   },
 };
 
 export const StandardEmailFailed = {
   ...Standard,
-  play: async ({ args, canvasElement, step }) => {
+  play: async ({ args, canvasElement }) => {
     const canvas = within(canvasElement);
 
-    await step('Enter email and password', async () => {
-      await userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
-      await userEvent.type(canvas.getByTestId('password1'), 'supersecret');
-    });
-
-    await step('Submit form', async () => {
-      await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
-    });
+    await userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
+    await userEvent.type(canvas.getByTestId('password1'), 'supersecret');
+    await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
 
     await canvas.findByText('Please enter a correctly formatted email address');
     await expect(args.onSubmit).not.toHaveBeenCalled();
@@ -58,17 +50,12 @@ export const StandardEmailFailed = {
 
 export const StandardEmailSuccess = {
   ...Standard,
-  play: async ({ args, canvasElement, step }) => {
+  play: async ({ args, canvasElement }) => {
     const canvas = within(canvasElement);
 
-    await step('Enter email and password', async () => {
-      await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
-      await userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
-    });
-
-    await step('Submit form', async () => {
-      await userEvent.click(canvas.getByTestId('submit'));
-    });
+    await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
+    await userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
+    await userEvent.click(canvas.getByTestId('submit'));
 
     await waitFor(async () => {
       await expect(args.onSubmit).toHaveBeenCalledTimes(1);
@@ -86,13 +73,8 @@ export const StandardPasswordFailed = {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
 
-    await context.step('Enter password', async () => {
-      await userEvent.type(canvas.getByTestId('password1'), 'asdf');
-    });
-
-    await context.step('Submit form', async () => {
-      await userEvent.click(canvas.getByTestId('submit'));
-    });
+    await userEvent.type(canvas.getByTestId('password1'), 'asdf');
+    await userEvent.click(canvas.getByTestId('submit'));
   },
 };
 
@@ -117,12 +99,9 @@ export const VerificationPassword = {
   play: async (context) => {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
-    await context.step('Enter password', async () => {
-      await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
-    });
-    await context.step('Submit form', async () => {
-      await userEvent.click(canvas.getByTestId('submit'));
-    });
+
+    await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
+    await userEvent.click(canvas.getByTestId('submit'));
   },
 };
 
@@ -131,13 +110,10 @@ export const VerificationPasswordMismatch = {
   play: async (context) => {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
-    await context.step('Enter passwords', async () => {
-      await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
-      await userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
-    });
-    await context.step('Submit form', async () => {
-      await userEvent.click(canvas.getByTestId('submit'));
-    });
+
+    await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
+    await userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
+    await userEvent.click(canvas.getByTestId('submit'));
   },
 };
 
@@ -147,16 +123,12 @@ export const VerificationSuccess = {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
 
-    await context.step('Enter passwords', async () => {
-      await new Promise((resolve) => setTimeout(resolve, 1000));
-      await userEvent.type(canvas.getByTestId('password1'), 'helloyou', { delay: 50 });
-      await new Promise((resolve) => setTimeout(resolve, 1000));
-      await userEvent.type(canvas.getByTestId('password2'), 'helloyou', { delay: 50 });
-    });
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    await userEvent.type(canvas.getByTestId('password1'), 'helloyou', { delay: 50 });
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    await userEvent.type(canvas.getByTestId('password2'), 'helloyou', { delay: 50 });
 
-    await context.step('Submit form', async () => {
-      await new Promise((resolve) => setTimeout(resolve, 1000));
-      await userEvent.click(canvas.getByTestId('submit'));
-    });
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    await userEvent.click(canvas.getByTestId('submit'));
   },
 };
diff --git a/code/addons/interactions/src/examples/Examples.stories.tsx b/code/addons/interactions/src/examples/Examples.stories.tsx
index d16c086e61ee..8085ce725d32 100644
--- a/code/addons/interactions/src/examples/Examples.stories.tsx
+++ b/code/addons/interactions/src/examples/Examples.stories.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable jest/no-standalone-expect */
 import { Story, Meta } from '@storybook/react';
 import { expect } from '@storybook/jest';
 import { within, waitFor, userEvent, waitForElementToBeRemoved } from '@storybook/testing-library';
@@ -101,26 +100,26 @@ WithLoaders.play = async ({ args, canvasElement }) => {
   await expect(args.onSubmit).toHaveBeenCalledWith('delectus aut autem');
 };
 
-export const WithSteps: Story = ({ onSubmit }) => (
-  <button type="button" onClick={() => onSubmit('clicked')}>
-    Click
-  </button>
-);
-WithSteps.play = async ({ args, canvasElement, step }) => {
-  await step('Click button', async () => {
-    await userEvent.click(within(canvasElement).getByRole('button'));
+// export const WithSteps: Story = ({ onSubmit }) => (
+//   <button type="button" onClick={() => onSubmit('clicked')}>
+//     Click
+//   </button>
+// );
+// WithSteps.play = async ({ args, canvasElement, step }) => {
+//   await step('Click button', async () => {
+//     await userEvent.click(within(canvasElement).getByRole('button'));
 
-    await step('Verify submit', async () => {
-      await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
-    });
+//     await step('Verify submit', async () => {
+//       await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
+//     });
 
-    await step('Verify result', async () => {
-      await expect([{ name: 'John', age: 42 }]).toEqual(
-        expect.arrayContaining([
-          expect.objectContaining({ name: 'John' }),
-          expect.objectContaining({ age: 42 }),
-        ])
-      );
-    });
-  });
-};
+//     await step('Verify result', async () => {
+//       await expect([{ name: 'John', age: 42 }]).toEqual(
+//         expect.arrayContaining([
+//           expect.objectContaining({ name: 'John' }),
+//           expect.objectContaining({ age: 42 }),
+//         ])
+//       );
+//     });
+//   });
+// };

From 24fb9394528ed2e7f4861bfe549237767b7a6133 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 10 Aug 2022 15:55:56 +0200
Subject: [PATCH 113/266] Fix projectAnnotations

---
 code/lib/store/src/csf/testing-utils/index.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/lib/store/src/csf/testing-utils/index.ts b/code/lib/store/src/csf/testing-utils/index.ts
index 6fddcbce6f5e..c87c7870b832 100644
--- a/code/lib/store/src/csf/testing-utils/index.ts
+++ b/code/lib/store/src/csf/testing-utils/index.ts
@@ -27,9 +27,9 @@ let GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS = {};
 export function setProjectAnnotations<TFramework extends AnyFramework = AnyFramework>(
   projectAnnotations: ProjectAnnotations<TFramework> | ProjectAnnotations<TFramework>[]
 ) {
-  GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS = Array.isArray(projectAnnotations)
-    ? composeConfigs(projectAnnotations)
-    : projectAnnotations;
+  GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS = composeConfigs(
+    Array.isArray(projectAnnotations) ? projectAnnotations : [projectAnnotations]
+  );
 }
 
 interface ComposeStory<TFramework extends AnyFramework = AnyFramework, TArgs extends Args = Args> {

From 5e56ec81c3e4850575322f57e60f021379cc8e4b Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 10 Aug 2022 15:56:27 +0200
Subject: [PATCH 114/266] Revert "Avoid step function in official-storybook for
 now"

This reverts commit 7970c8952d9f3cb5d3c4e63e94b763fb4aca70ac.
---
 .../AccountFormInteractions.stories.tsx       | 80 +++++++++++++------
 .../src/examples/Examples.stories.tsx         | 43 +++++-----
 2 files changed, 76 insertions(+), 47 deletions(-)

diff --git a/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
index 9235a28dee03..34f84115113c 100644
--- a/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
+++ b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable jest/no-standalone-expect */
 import { Meta, ComponentStoryObj } from '@storybook/react';
 import { expect } from '@storybook/jest';
 import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
@@ -25,23 +26,30 @@ export const Standard: CSF3Story = {
 
 export const StandardEmailFilled = {
   ...Standard,
-  play: async ({ canvasElement }) => {
+  play: async ({ canvasElement, step }) => {
     const canvas = within(canvasElement);
 
-    await fireEvent.change(canvas.getByTestId('email'), {
-      target: { value: 'michael@chromatic.com' },
+    await step('Enter email', async () => {
+      await fireEvent.change(canvas.getByTestId('email'), {
+        target: { value: 'michael@chromatic.com' },
+      });
     });
   },
 };
 
 export const StandardEmailFailed = {
   ...Standard,
-  play: async ({ args, canvasElement }) => {
+  play: async ({ args, canvasElement, step }) => {
     const canvas = within(canvasElement);
 
-    await userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
-    await userEvent.type(canvas.getByTestId('password1'), 'supersecret');
-    await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
+    await step('Enter email and password', async () => {
+      await userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
+      await userEvent.type(canvas.getByTestId('password1'), 'supersecret');
+    });
+
+    await step('Submit form', async () => {
+      await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
+    });
 
     await canvas.findByText('Please enter a correctly formatted email address');
     await expect(args.onSubmit).not.toHaveBeenCalled();
@@ -50,12 +58,17 @@ export const StandardEmailFailed = {
 
 export const StandardEmailSuccess = {
   ...Standard,
-  play: async ({ args, canvasElement }) => {
+  play: async ({ args, canvasElement, step }) => {
     const canvas = within(canvasElement);
 
-    await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
-    await userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
-    await userEvent.click(canvas.getByTestId('submit'));
+    await step('Enter email and password', async () => {
+      await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
+      await userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
+    });
+
+    await step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
 
     await waitFor(async () => {
       await expect(args.onSubmit).toHaveBeenCalledTimes(1);
@@ -73,8 +86,13 @@ export const StandardPasswordFailed = {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
 
-    await userEvent.type(canvas.getByTestId('password1'), 'asdf');
-    await userEvent.click(canvas.getByTestId('submit'));
+    await context.step('Enter password', async () => {
+      await userEvent.type(canvas.getByTestId('password1'), 'asdf');
+    });
+
+    await context.step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
   },
 };
 
@@ -99,9 +117,12 @@ export const VerificationPassword = {
   play: async (context) => {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
-
-    await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
-    await userEvent.click(canvas.getByTestId('submit'));
+    await context.step('Enter password', async () => {
+      await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
+    });
+    await context.step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
   },
 };
 
@@ -110,10 +131,13 @@ export const VerificationPasswordMismatch = {
   play: async (context) => {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
-
-    await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
-    await userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
-    await userEvent.click(canvas.getByTestId('submit'));
+    await context.step('Enter passwords', async () => {
+      await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
+      await userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
+    });
+    await context.step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
   },
 };
 
@@ -123,12 +147,16 @@ export const VerificationSuccess = {
     const canvas = within(context.canvasElement);
     await StandardEmailFilled.play(context);
 
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.type(canvas.getByTestId('password1'), 'helloyou', { delay: 50 });
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.type(canvas.getByTestId('password2'), 'helloyou', { delay: 50 });
+    await context.step('Enter passwords', async () => {
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await userEvent.type(canvas.getByTestId('password1'), 'helloyou', { delay: 50 });
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await userEvent.type(canvas.getByTestId('password2'), 'helloyou', { delay: 50 });
+    });
 
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.click(canvas.getByTestId('submit'));
+    await context.step('Submit form', async () => {
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
   },
 };
diff --git a/code/addons/interactions/src/examples/Examples.stories.tsx b/code/addons/interactions/src/examples/Examples.stories.tsx
index 8085ce725d32..d16c086e61ee 100644
--- a/code/addons/interactions/src/examples/Examples.stories.tsx
+++ b/code/addons/interactions/src/examples/Examples.stories.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable jest/no-standalone-expect */
 import { Story, Meta } from '@storybook/react';
 import { expect } from '@storybook/jest';
 import { within, waitFor, userEvent, waitForElementToBeRemoved } from '@storybook/testing-library';
@@ -100,26 +101,26 @@ WithLoaders.play = async ({ args, canvasElement }) => {
   await expect(args.onSubmit).toHaveBeenCalledWith('delectus aut autem');
 };
 
-// export const WithSteps: Story = ({ onSubmit }) => (
-//   <button type="button" onClick={() => onSubmit('clicked')}>
-//     Click
-//   </button>
-// );
-// WithSteps.play = async ({ args, canvasElement, step }) => {
-//   await step('Click button', async () => {
-//     await userEvent.click(within(canvasElement).getByRole('button'));
+export const WithSteps: Story = ({ onSubmit }) => (
+  <button type="button" onClick={() => onSubmit('clicked')}>
+    Click
+  </button>
+);
+WithSteps.play = async ({ args, canvasElement, step }) => {
+  await step('Click button', async () => {
+    await userEvent.click(within(canvasElement).getByRole('button'));
 
-//     await step('Verify submit', async () => {
-//       await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
-//     });
+    await step('Verify submit', async () => {
+      await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
+    });
 
-//     await step('Verify result', async () => {
-//       await expect([{ name: 'John', age: 42 }]).toEqual(
-//         expect.arrayContaining([
-//           expect.objectContaining({ name: 'John' }),
-//           expect.objectContaining({ age: 42 }),
-//         ])
-//       );
-//     });
-//   });
-// };
+    await step('Verify result', async () => {
+      await expect([{ name: 'John', age: 42 }]).toEqual(
+        expect.arrayContaining([
+          expect.objectContaining({ name: 'John' }),
+          expect.objectContaining({ age: 42 }),
+        ])
+      );
+    });
+  });
+};

From 27517fff925e8db06ffa61be86a63ed5bb97bdca Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 10 Aug 2022 16:31:04 +0200
Subject: [PATCH 115/266] fix linting

---
 code/addons/toolbars/package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index b15fd205c0a2..18dd68ab6e65 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -82,7 +82,6 @@
   "publishConfig": {
     "access": "public"
   },
-
   "bundler": {
     "entries": [
       "./src/index.ts",

From 003a05468d5c04b8b728c454c980295936eecb63 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 10 Aug 2022 16:50:05 +0200
Subject: [PATCH 116/266] fix

---
 code/addons/toolbars/src/index.ts | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 code/addons/toolbars/src/index.ts

diff --git a/code/addons/toolbars/src/index.ts b/code/addons/toolbars/src/index.ts
new file mode 100644
index 000000000000..cb0ff5c3b541
--- /dev/null
+++ b/code/addons/toolbars/src/index.ts
@@ -0,0 +1 @@
+export {};

From 1052e44bb2bd6ae726d0f73a6ee30693db290e90 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 11 Aug 2022 08:58:03 +0200
Subject: [PATCH 117/266] Store: always call composeConfigs in
 ssetProjectAnnotations

---
 code/lib/store/src/csf/testing-utils/index.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/code/lib/store/src/csf/testing-utils/index.ts b/code/lib/store/src/csf/testing-utils/index.ts
index 6fddcbce6f5e..253a6d9820e7 100644
--- a/code/lib/store/src/csf/testing-utils/index.ts
+++ b/code/lib/store/src/csf/testing-utils/index.ts
@@ -27,9 +27,8 @@ let GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS = {};
 export function setProjectAnnotations<TFramework extends AnyFramework = AnyFramework>(
   projectAnnotations: ProjectAnnotations<TFramework> | ProjectAnnotations<TFramework>[]
 ) {
-  GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS = Array.isArray(projectAnnotations)
-    ? composeConfigs(projectAnnotations)
-    : projectAnnotations;
+  const annotations = Array.isArray(projectAnnotations) ? projectAnnotations : [projectAnnotations];
+  GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS = composeConfigs(annotations);
 }
 
 interface ComposeStory<TFramework extends AnyFramework = AnyFramework, TArgs extends Args = Args> {

From 38a6fcb58628c34db014351c7edbdd74e8f661ce Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 11 Aug 2022 10:54:06 +0200
Subject: [PATCH 118/266] CLI: install the same version as the user in
 sb-scripts automigration

Before it was installing latest, which could result in a wrong situation
---
 .../src/automigrate/fixes/sb-scripts.test.ts  | 70 ++++++++++---------
 .../cli/src/automigrate/fixes/sb-scripts.ts   | 14 +++-
 code/lib/cli/src/helpers.test.ts              | 24 +++++++
 code/lib/cli/src/helpers.ts                   | 18 +++++
 4 files changed, 91 insertions(+), 35 deletions(-)

diff --git a/code/lib/cli/src/automigrate/fixes/sb-scripts.test.ts b/code/lib/cli/src/automigrate/fixes/sb-scripts.test.ts
index 443b3b2a2c0b..6d1ad7480c66 100644
--- a/code/lib/cli/src/automigrate/fixes/sb-scripts.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/sb-scripts.test.ts
@@ -88,16 +88,18 @@ describe('sb scripts fix', () => {
           checkSbScripts({
             packageJson,
           })
-        ).resolves.toEqual({
-          storybookScripts: {
-            official: {
-              storybook: 'storybook dev -p 6006',
-              'build-storybook': 'storybook build -o build/storybook',
+        ).resolves.toEqual(
+          expect.objectContaining({
+            storybookScripts: {
+              official: {
+                storybook: 'storybook dev -p 6006',
+                'build-storybook': 'storybook build -o build/storybook',
+              },
+              custom: {},
             },
-            custom: {},
-          },
-          storybookVersion: '^7.0.0-alpha.0',
-        });
+            storybookVersion: '^7.0.0-alpha.0',
+          })
+        );
       });
     });
 
@@ -122,18 +124,20 @@ describe('sb scripts fix', () => {
           checkSbScripts({
             packageJson,
           })
-        ).resolves.toEqual({
-          storybookScripts: {
-            custom: {
-              'sb:start': 'start-storybook -p 6006',
-              'sb:build': 'build-storybook -o buid/storybook',
-              'test-storybook:ci':
-                'concurrently -k -s first -n "SB,TEST" -c "magenta,blue" "yarn build-storybook --quiet && npx http-server storybook-static --port 6006 --silent" "wait-on tcp:6006 && yarn test-storybook"',
+        ).resolves.toEqual(
+          expect.objectContaining({
+            storybookScripts: {
+              custom: {
+                'sb:start': 'start-storybook -p 6006',
+                'sb:build': 'build-storybook -o buid/storybook',
+                'test-storybook:ci':
+                  'concurrently -k -s first -n "SB,TEST" -c "magenta,blue" "yarn build-storybook --quiet && npx http-server storybook-static --port 6006 --silent" "wait-on tcp:6006 && yarn test-storybook"',
+              },
+              official: {},
             },
-            official: {},
-          },
-          storybookVersion: '^7.0.0-alpha.0',
-        });
+            storybookVersion: '^7.0.0-alpha.0',
+          })
+        );
       });
 
       describe('with old official and custom scripts', () => {
@@ -156,19 +160,21 @@ describe('sb scripts fix', () => {
             checkSbScripts({
               packageJson,
             })
-          ).resolves.toEqual({
-            storybookScripts: {
-              custom: {
-                'storybook:build': 'build-storybook -o buid/storybook',
-                'test-storybook:ci':
-                  'concurrently -k -s first -n "SB,TEST" -c "magenta,blue" "yarn build-storybook --quiet && npx http-server storybook-static --port 6006 --silent" "wait-on tcp:6006 && yarn test-storybook"',
+          ).resolves.toEqual(
+            expect.objectContaining({
+              storybookScripts: {
+                custom: {
+                  'storybook:build': 'build-storybook -o buid/storybook',
+                  'test-storybook:ci':
+                    'concurrently -k -s first -n "SB,TEST" -c "magenta,blue" "yarn build-storybook --quiet && npx http-server storybook-static --port 6006 --silent" "wait-on tcp:6006 && yarn test-storybook"',
+                },
+                official: {
+                  storybook: 'storybook dev -p 6006',
+                },
               },
-              official: {
-                storybook: 'storybook dev -p 6006',
-              },
-            },
-            storybookVersion: '^7.0.0-alpha.0',
-          });
+              storybookVersion: '^7.0.0-alpha.0',
+            })
+          );
         });
       });
 
diff --git a/code/lib/cli/src/automigrate/fixes/sb-scripts.ts b/code/lib/cli/src/automigrate/fixes/sb-scripts.ts
index 575b61c17713..dad286a88ed7 100644
--- a/code/lib/cli/src/automigrate/fixes/sb-scripts.ts
+++ b/code/lib/cli/src/automigrate/fixes/sb-scripts.ts
@@ -3,6 +3,8 @@ import { dedent } from 'ts-dedent';
 import semver from '@storybook/semver';
 import { getStorybookInfo } from '@storybook/core-common';
 import { Fix } from '../types';
+import { getStorybookVersionSpecifier } from '../../helpers';
+import { PackageJsonWithDepsAndDevDeps } from '../../js-package-manager';
 
 interface SbScriptsRunOptions {
   storybookScripts: {
@@ -10,6 +12,7 @@ interface SbScriptsRunOptions {
     official: Record<string, string>;
   };
   storybookVersion: string;
+  packageJson: PackageJsonWithDepsAndDevDeps;
 }
 
 const logger = console;
@@ -76,7 +79,9 @@ export const sbScripts: Fix<SbScriptsRunOptions> = {
         .replace('build-storybook', 'storybook build');
     });
 
-    return semver.gte(storybookCoerced, '6.0.0') ? { storybookScripts, storybookVersion } : null;
+    return semver.gte(storybookCoerced, '6.0.0')
+      ? { packageJson, storybookScripts, storybookVersion }
+      : null;
   },
 
   prompt({ storybookVersion }) {
@@ -104,13 +109,16 @@ export const sbScripts: Fix<SbScriptsRunOptions> = {
       .join('\n\n');
   },
 
-  async run({ result: { storybookScripts }, packageManager, dryRun }) {
+  async run({ result: { storybookScripts, packageJson }, packageManager, dryRun }) {
     logger.log();
     logger.info(`Adding 'storybook' as dev dependency`);
     logger.log();
 
     if (!dryRun) {
-      packageManager.addDependencies({ installAsDevDependencies: true }, ['storybook']);
+      const versionToInstall = getStorybookVersionSpecifier(packageJson);
+      packageManager.addDependencies({ installAsDevDependencies: true }, [
+        `storybook@${versionToInstall}`,
+      ]);
     }
 
     logger.info(`Updating scripts in package.json`);
diff --git a/code/lib/cli/src/helpers.test.ts b/code/lib/cli/src/helpers.test.ts
index b2b5f90964d2..ce701e6fedee 100644
--- a/code/lib/cli/src/helpers.test.ts
+++ b/code/lib/cli/src/helpers.test.ts
@@ -108,4 +108,28 @@ describe('Helpers', () => {
       helpers.copyComponents(framework, SupportedLanguage.JAVASCRIPT)
     ).rejects.toThrowError(expectedMessage);
   });
+
+  describe.only('getStorybookVersionSpecifier', () => {
+    it(`should return the specifier if storybook lib exists in package.json`, () => {
+      expect(
+        helpers.getStorybookVersionSpecifier({
+          dependencies: {},
+          devDependencies: {
+            '@storybook/react': '^x.x.x',
+          },
+        })
+      ).toEqual('^x.x.x');
+    });
+
+    it(`should throw an error if no package is found`, () => {
+      expect(() => {
+        helpers.getStorybookVersionSpecifier({
+          dependencies: {},
+          devDependencies: {
+            'something-else': '^x.x.x',
+          },
+        });
+      }).toThrowError("Couldn't find any official storybook packages in package.json");
+    });
+  });
 });
diff --git a/code/lib/cli/src/helpers.ts b/code/lib/cli/src/helpers.ts
index ec5d9fae8267..1db460148191 100644
--- a/code/lib/cli/src/helpers.ts
+++ b/code/lib/cli/src/helpers.ts
@@ -9,6 +9,7 @@ import stripJsonComments from 'strip-json-comments';
 import { SupportedRenderers, SupportedLanguage } from './project_types';
 import { JsPackageManager, PackageJson, PackageJsonWithDepsAndDevDeps } from './js-package-manager';
 import { getBaseDir } from './dirs';
+import storybookMonorepoPackages from './versions';
 
 const logger = console;
 
@@ -222,3 +223,20 @@ export async function copyComponents(framework: SupportedRenderers, language: Su
     overwrite: true,
   });
 }
+
+// Given a package.json, finds any official storybook package within it
+// and if it exists, returns the version of that package from the specified package.json
+export function getStorybookVersionSpecifier(packageJson: PackageJsonWithDepsAndDevDeps) {
+  const allDeps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+  const storybookPackage = Object.keys(allDeps).find(
+    (name: keyof typeof storybookMonorepoPackages) => {
+      return storybookMonorepoPackages[name];
+    }
+  );
+
+  if (!storybookPackage) {
+    throw new Error(`Couldn't find any official storybook packages in package.json`);
+  }
+
+  return allDeps[storybookPackage];
+}

From 0548b254c3465c75f8e36308beba7f5c315f82a0 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 11 Aug 2022 10:57:19 +0200
Subject: [PATCH 119/266] CLI: fix version requirement in sb-script
 automigration

---
 code/lib/cli/src/automigrate/fixes/sb-scripts.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/cli/src/automigrate/fixes/sb-scripts.ts b/code/lib/cli/src/automigrate/fixes/sb-scripts.ts
index dad286a88ed7..dcd2f329845d 100644
--- a/code/lib/cli/src/automigrate/fixes/sb-scripts.ts
+++ b/code/lib/cli/src/automigrate/fixes/sb-scripts.ts
@@ -79,7 +79,7 @@ export const sbScripts: Fix<SbScriptsRunOptions> = {
         .replace('build-storybook', 'storybook build');
     });
 
-    return semver.gte(storybookCoerced, '6.0.0')
+    return semver.gte(storybookCoerced, '7.0.0')
       ? { packageJson, storybookScripts, storybookVersion }
       : null;
   },

From c95f7dce199a0e5e640ef4ae4a7dff9f0e5cc9c8 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 11 Aug 2022 11:02:15 +0200
Subject: [PATCH 120/266] remove .only from test

---
 code/lib/cli/src/helpers.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/cli/src/helpers.test.ts b/code/lib/cli/src/helpers.test.ts
index ce701e6fedee..9c78e7873516 100644
--- a/code/lib/cli/src/helpers.test.ts
+++ b/code/lib/cli/src/helpers.test.ts
@@ -109,7 +109,7 @@ describe('Helpers', () => {
     ).rejects.toThrowError(expectedMessage);
   });
 
-  describe.only('getStorybookVersionSpecifier', () => {
+  describe('getStorybookVersionSpecifier', () => {
     it(`should return the specifier if storybook lib exists in package.json`, () => {
       expect(
         helpers.getStorybookVersionSpecifier({

From 27d58ad70145cf40503541b2666274540d248337 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Wed, 10 Aug 2022 07:44:32 +0200
Subject: [PATCH 121/266] CLI: add new frameworks format automigration

---
 code/lib/cli/src/automigrate/fixes/index.ts   |   2 +
 .../automigrate/fixes/new-frameworks.test.ts  | 180 ++++++++++++++
 .../src/automigrate/fixes/new-frameworks.ts   | 221 ++++++++++++++++++
 3 files changed, 403 insertions(+)
 create mode 100644 code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
 create mode 100644 code/lib/cli/src/automigrate/fixes/new-frameworks.ts

diff --git a/code/lib/cli/src/automigrate/fixes/index.ts b/code/lib/cli/src/automigrate/fixes/index.ts
index 766d7db30352..e43ad3f2025d 100644
--- a/code/lib/cli/src/automigrate/fixes/index.ts
+++ b/code/lib/cli/src/automigrate/fixes/index.ts
@@ -7,6 +7,7 @@ import { eslintPlugin } from './eslint-plugin';
 import { builderVite } from './builder-vite';
 import { npm7 } from './npm7';
 import { sbScripts } from './sb-scripts';
+import { newFrameworks } from './new-frameworks';
 import { Fix } from '../types';
 
 export * from '../types';
@@ -20,4 +21,5 @@ export const fixes: Fix[] = [
   builderVite,
   npm7,
   sbScripts,
+  newFrameworks,
 ];
diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
new file mode 100644
index 000000000000..8cce78e2b5ec
--- /dev/null
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
@@ -0,0 +1,180 @@
+/* eslint-disable no-underscore-dangle */
+import path from 'path';
+import { JsPackageManager } from '../../js-package-manager';
+import { newFrameworks } from './new-frameworks';
+
+// eslint-disable-next-line global-require, jest/no-mocks-import
+jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
+
+const checkNewFrameworks = async ({ packageJson, main }) => {
+  if (main) {
+    // eslint-disable-next-line global-require
+    require('fs-extra').__setMockFiles({
+      [path.join('.storybook', 'main.js')]: `module.exports = ${JSON.stringify(main)};`,
+    });
+  }
+  const packageManager = {
+    retrievePackageJson: () => ({ dependencies: {}, devDependencies: {}, ...packageJson }),
+  } as JsPackageManager;
+  return newFrameworks.check({ packageManager });
+};
+
+describe('new-frameworks fix', () => {
+  describe('should no-op', () => {
+    it('in sb < 7', async () => {
+      const packageJson = { dependencies: { '@storybook/vue': '^6.2.0' } };
+      await expect(
+        checkNewFrameworks({
+          packageJson,
+          main: {},
+        })
+      ).resolves.toBeFalsy();
+    });
+
+    it('in sb 7 with no main', async () => {
+      const packageJson = { dependencies: { '@storybook/vue': '^7.0.0' } };
+      await expect(
+        checkNewFrameworks({
+          packageJson,
+          main: undefined,
+        })
+      ).resolves.toBeFalsy();
+    });
+
+    it('in sb 7 with no framework field in main', async () => {
+      const packageJson = { dependencies: { '@storybook/vue': '^7.0.0' } };
+      await expect(
+        checkNewFrameworks({
+          packageJson,
+          main: {},
+        })
+      ).resolves.toBeFalsy();
+    });
+
+    it('in sb 7 with no builder', async () => {
+      const packageJson = { dependencies: { '@storybook/vue': '^7.0.0' } };
+      await expect(
+        checkNewFrameworks({
+          packageJson,
+          main: {
+            framework: '@storybook/vue',
+          },
+        })
+      ).resolves.toBeFalsy();
+    });
+
+    it('in sb 7 with unsupported package', async () => {
+      const packageJson = { dependencies: { '@storybook/riot': '^7.0.0' } };
+      await expect(
+        checkNewFrameworks({
+          packageJson,
+          main: {
+            framework: '@storybook/riot',
+            core: {
+              builder: 'webpack5',
+            },
+          },
+        })
+      ).resolves.toBeFalsy();
+    });
+
+    // TODO: once we have vite frameworks e.g. @storybook/react-vite, then we should remove this test
+    it('in sb 7 with vite', async () => {
+      const packageJson = { dependencies: { '@storybook/react': '^7.0.0' } };
+      await expect(
+        checkNewFrameworks({
+          packageJson,
+          main: {
+            framework: '@storybook/react',
+            core: {
+              builder: '@storybook/builder-vite',
+            },
+          },
+        })
+      ).resolves.toBeFalsy();
+    });
+  });
+
+  describe('sb >= 7', () => {
+    describe('new-frameworks dependency', () => {
+      it('should update to @storybook/react-webpack5', async () => {
+        const packageJson = {
+          dependencies: {
+            '@storybook/react': '^7.0.0-alpha.0',
+            '@storybook/builder-webpack5': '^6.5.9',
+            '@storybook/manager-webpack5': '^6.5.9',
+          },
+        };
+        await expect(
+          checkNewFrameworks({
+            packageJson,
+            main: {
+              framework: '@storybook/react',
+              core: {
+                builder: {
+                  name: 'webpack5',
+                  options: {
+                    lazyCompilation: true,
+                  },
+                },
+              },
+              reactOptions: {
+                fastRefresh: true,
+              },
+            },
+          })
+        ).resolves.toEqual(
+          expect.objectContaining({
+            frameworkPackage: '@storybook/react',
+            dependenciesToAdd: ['@storybook/react-webpack5'],
+            dependenciesToRemove: [
+              '@storybook/react',
+              '@storybook/builder-webpack5',
+              '@storybook/manager-webpack5',
+            ],
+            frameworkOptions: {
+              fastRefresh: true,
+            },
+            builderInfo: {
+              name: 'webpack5',
+              options: {
+                lazyCompilation: true,
+              },
+            },
+          })
+        );
+      });
+    });
+
+    // TODO: enable this once Vite is supported
+    // eslint-disable-next-line jest/no-disabled-tests
+    it.skip('should update to @storybook/react-vite', async () => {
+      const packageJson = {
+        dependencies: {
+          '@storybook/react': '^7.0.0-alpha.0',
+          '@storybook/builder-vite': '^0.0.2',
+        },
+      };
+      await expect(
+        checkNewFrameworks({
+          packageJson,
+          main: {
+            framework: '@storybook/react',
+            core: {
+              builder: '@storybook/builder-vite',
+            },
+          },
+        })
+      ).resolves.toEqual(
+        expect.objectContaining({
+          dependenciesToAdd: '@storybook/react-vite',
+          dependenciesToRemove: [
+            '@storybook/react',
+            'storybook-builder-vite',
+            '@storybook/builder-vite',
+          ],
+        })
+      );
+    });
+  });
+});
diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
new file mode 100644
index 000000000000..75c4c16d7fcd
--- /dev/null
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -0,0 +1,221 @@
+import chalk from 'chalk';
+import dedent from 'ts-dedent';
+import semver from '@storybook/semver';
+import { ConfigFile, readConfig, writeConfig } from '@storybook/csf-tools';
+import { getStorybookInfo } from '@storybook/core-common';
+
+import type { Fix } from '../types';
+import type { PackageJsonWithDepsAndDevDeps } from '../../js-package-manager';
+
+const logger = console;
+
+const packagesMap = {
+  '@storybook/react': {
+    webpack5: '@storybook/react-webpack5',
+    vite: '@storybook/react-vite',
+  },
+  '@storybook/preact': {
+    webpack5: '@storybook/preact-webpack5',
+  },
+  '@storybook/server': {
+    webpack5: '@storybook/server-webpack5',
+  },
+  '@storybook/angular': {
+    webpack5: '@storybook/angular-webpack5',
+  },
+  '@storybook/vue': {
+    webpack5: '@storybook/vue-webpack5',
+    vite: '@storybook/vue-vite',
+  },
+  '@storybook/vue3': {
+    webpack5: '@storybook/vue3-webpack5',
+    vite: '@storybook/vue3-vite',
+  },
+  '@storybook/svelte': {
+    webpack5: '@storybook/svelte-webpack5',
+    vite: '@storybook/svelte-vite',
+  },
+  '@storybook/web-components': {
+    webpack5: '@storybook/web-components-webpack5',
+  },
+  '@storybook/html': {
+    webpack5: '@storybook/html-webpack5',
+  },
+};
+
+interface NewFrameworkRunOptions {
+  main: ConfigFile;
+  packageJson: PackageJsonWithDepsAndDevDeps;
+  dependenciesToAdd: string[];
+  dependenciesToRemove: string[];
+  frameworkPackage: keyof typeof packagesMap;
+  frameworkOptions: Record<string, any>;
+  builderInfo: {
+    name: string;
+    options: Record<string, any>;
+  };
+}
+
+export const getBuilder = (builder: string | { name: string }) => {
+  if (typeof builder === 'string') {
+    return builder.includes('vite') ? 'vite' : 'webpack5';
+  }
+
+  return builder.name.includes('vite') ? 'vite' : 'webpack5';
+};
+
+export const getFrameworkOptions = (framework: string, main: ConfigFile) => {
+  const frameworkOptions = main.getFieldValue([`${framework}Options`]);
+  return frameworkOptions || {};
+};
+
+/**
+ * Does the user have separate framework and builders (e.g. @storybook/react + core.builder -> webpack5?
+ *
+ * If so:
+ * - Remove the dependencies (@storybook/react + @storybook/builder-webpack5 + @storybook/manager-webpack5)
+ * - Install the correct new package e.g. (@storybook/react-webpack5)
+ * - Update the main config to use the new framework
+ * -- moving core.builder into framework.options.builder
+ * -- moving frameworkOptions (e.g. reactOptions) into framework.options
+ */
+export const newFrameworks: Fix<NewFrameworkRunOptions> = {
+  id: 'newFrameworks',
+
+  async check({ packageManager }) {
+    const packageJson = packageManager.retrievePackageJson();
+    const allDeps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+
+    const config = getStorybookInfo(packageJson);
+    const { mainConfig, version: storybookVersion, framework } = config;
+    if (!mainConfig) {
+      logger.warn('Unable to find storybook main.js config, skipping');
+      return null;
+    }
+
+    const storybookCoerced = storybookVersion && semver.coerce(storybookVersion)?.version;
+    if (!storybookCoerced) {
+      logger.warn(dedent`
+        ❌ Unable to determine storybook version, skipping ${chalk.cyan('newFrameworks')} fix.
+        🤔 Are you running automigrate from your project directory?
+      `);
+      return null;
+    }
+
+    if (!semver.gte(storybookCoerced, '7.0.0')) {
+      console.log('lower than 7.0.0!');
+      return null;
+    }
+
+    // If in the future the eslint plugin has a framework option, using main to extract the framework field will be very useful
+    const main = await readConfig(mainConfig);
+
+    if (!main) {
+      console.log('no main');
+      return null;
+    }
+
+    const frameworkPackage = main.getFieldValue(['framework']) as keyof typeof packagesMap;
+    const builder = main.getFieldValue(['core', 'builder']);
+
+    if (!frameworkPackage || !builder) {
+      console.log('no framework or no builder, skipping');
+      return null;
+    }
+
+    const supportedPackages = Object.keys(packagesMap);
+    if (!supportedPackages.includes(frameworkPackage)) {
+      console.log('no supported package, skipping');
+      return null;
+    }
+
+    const builderInfo = {
+      name: getBuilder(builder),
+      options: main.getFieldValue(['core', 'builder', 'options']) || {},
+    } as const;
+
+    // TODO: once we have vite frameworks e.g. @storybook/react-vite, then we support it here
+    // and remove ['storybook-builder-vite', '@storybook/builder-vite'] from deps
+    if (builderInfo.name === 'vite') {
+      return null;
+    }
+
+    const frameworkOptions = getFrameworkOptions(framework, main);
+
+    const dependenciesToRemove = [
+      frameworkPackage,
+      '@storybook/builder-webpack5',
+      '@storybook/manager-webpack5',
+    ].filter((dep) => allDeps[dep]);
+
+    const newFrameworkPackage = packagesMap[frameworkPackage][builderInfo.name];
+    const dependenciesToAdd = [newFrameworkPackage];
+
+    return {
+      main,
+      dependenciesToAdd,
+      dependenciesToRemove,
+      frameworkPackage: newFrameworkPackage,
+      frameworkOptions,
+      builderInfo,
+      packageJson,
+    };
+  },
+
+  prompt() {
+    return dedent`
+      We've detected you are using an older format of Storybook frameworks and builders.
+
+      In Storybook 7, frameworks also specify the builder to be used.
+
+      We can remove the dependencies that are no longer needed and install the new framework that already includes the builder.
+
+      More info: ${chalk.yellow(
+        'https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#framework-field-mandatory'
+      )}
+    `;
+  },
+
+  async run({
+    result: {
+      dependenciesToAdd,
+      dependenciesToRemove,
+      main,
+      frameworkPackage,
+      frameworkOptions,
+      builderInfo,
+      packageJson,
+    },
+    packageManager,
+    dryRun,
+  }) {
+    logger.info(`✅ Removing legacy dependencies: ${dependenciesToRemove.join(', ')}`);
+    if (!dryRun) {
+      packageManager.removeDependencies({ skipInstall: true, packageJson }, dependenciesToRemove);
+    }
+
+    logger.info(`✅ Installing new dependencies: ${dependenciesToAdd.join(', ')}`);
+    if (!dryRun) {
+      packageManager.addDependencies({ installAsDevDependencies: true }, dependenciesToAdd);
+    }
+
+    if (!dryRun) {
+      logger.info(`✅ Updating framework field in main.js`);
+      const currentCore = main.getFieldValue(['core']);
+      main.setFieldValue(['framework', 'name'], frameworkPackage);
+      main.setFieldValue(['framework', 'options'], frameworkOptions);
+
+      main.setFieldValue(['framework', 'options', 'builder'], builderInfo.options);
+
+      delete currentCore.builder;
+      if (Object.keys(currentCore).length === 0) {
+        // TODO: this should delete the field instead
+        main.setFieldValue(['core'], {});
+      } else {
+        main.setFieldValue(['core'], currentCore);
+      }
+
+      await writeConfig(main);
+    }
+  },
+};

From a7f3904910e13877d60faabaca2796096c0539cd Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Wed, 10 Aug 2022 07:50:35 +0200
Subject: [PATCH 122/266] CLI: add pre-release flag to automigrate

---
 code/lib/cli/src/automigrate/index.ts | 5 +++--
 code/lib/cli/src/automigrate/types.ts | 1 +
 code/lib/cli/src/generate.ts          | 1 +
 code/lib/cli/src/upgrade.ts           | 2 +-
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/code/lib/cli/src/automigrate/index.ts b/code/lib/cli/src/automigrate/index.ts
index a20325c86119..7e4b1e045376 100644
--- a/code/lib/cli/src/automigrate/index.ts
+++ b/code/lib/cli/src/automigrate/index.ts
@@ -12,9 +12,10 @@ interface FixOptions {
   fixId?: string;
   yes?: boolean;
   dryRun?: boolean;
+  prerelease?: boolean;
 }
 
-export const automigrate = async ({ fixId, dryRun, yes }: FixOptions = {}) => {
+export const automigrate = async ({ fixId, dryRun, yes, prerelease }: FixOptions = {}) => {
   const packageManager = JsPackageManagerFactory.getPackageManager();
   const filtered = fixId ? fixes.filter((f) => f.id === fixId) : fixes;
 
@@ -53,7 +54,7 @@ export const automigrate = async ({ fixId, dryRun, yes }: FixOptions = {}) => {
 
       if (runAnswer.fix) {
         try {
-          await f.run({ result, packageManager, dryRun });
+          await f.run({ result, packageManager, dryRun, prerelease });
           logger.info(`✅ ran ${chalk.cyan(f.id)} migration`);
         } catch (error) {
           logger.info(`❌ error when running ${chalk.cyan(f.id)} migration:`);
diff --git a/code/lib/cli/src/automigrate/types.ts b/code/lib/cli/src/automigrate/types.ts
index ff812f7064d6..605f2e4ea7a8 100644
--- a/code/lib/cli/src/automigrate/types.ts
+++ b/code/lib/cli/src/automigrate/types.ts
@@ -8,6 +8,7 @@ export interface RunOptions<ResultType> {
   packageManager: JsPackageManager;
   result: ResultType;
   dryRun?: boolean;
+  prerelease?: boolean;
 }
 
 export interface Fix<ResultType = any> {
diff --git a/code/lib/cli/src/generate.ts b/code/lib/cli/src/generate.ts
index acfcb7e79021..f72982ce812b 100644
--- a/code/lib/cli/src/generate.ts
+++ b/code/lib/cli/src/generate.ts
@@ -177,6 +177,7 @@ program
   .description('Check storybook for known problems or migrations and apply fixes')
   .option('-y --yes', 'Skip prompting the user')
   .option('-n --dry-run', 'Only check for fixes, do not actually run them')
+  .option('-p --prerelease', 'Use pre-release versions when migrating')
   .action((fixId, options) =>
     automigrate({ fixId, ...options }).catch((e) => {
       logger.error(e);
diff --git a/code/lib/cli/src/upgrade.ts b/code/lib/cli/src/upgrade.ts
index 2df15576bb94..79301873740d 100644
--- a/code/lib/cli/src/upgrade.ts
+++ b/code/lib/cli/src/upgrade.ts
@@ -175,6 +175,6 @@ export const upgrade = async ({
 
   if (!skipCheck) {
     checkVersionConsistency();
-    await automigrate({ dryRun, yes });
+    await automigrate({ dryRun, yes, prerelease });
   }
 };

From a73c5b15774b3a0be7c65e76a8b5e89642939f87 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 11 Aug 2022 14:48:06 +0200
Subject: [PATCH 123/266] Revert "CLI: add pre-release flag to automigrate"

This reverts commit a7f3904910e13877d60faabaca2796096c0539cd.
---
 code/lib/cli/src/automigrate/index.ts | 5 ++---
 code/lib/cli/src/automigrate/types.ts | 1 -
 code/lib/cli/src/generate.ts          | 1 -
 code/lib/cli/src/upgrade.ts           | 2 +-
 4 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/code/lib/cli/src/automigrate/index.ts b/code/lib/cli/src/automigrate/index.ts
index 7e4b1e045376..a20325c86119 100644
--- a/code/lib/cli/src/automigrate/index.ts
+++ b/code/lib/cli/src/automigrate/index.ts
@@ -12,10 +12,9 @@ interface FixOptions {
   fixId?: string;
   yes?: boolean;
   dryRun?: boolean;
-  prerelease?: boolean;
 }
 
-export const automigrate = async ({ fixId, dryRun, yes, prerelease }: FixOptions = {}) => {
+export const automigrate = async ({ fixId, dryRun, yes }: FixOptions = {}) => {
   const packageManager = JsPackageManagerFactory.getPackageManager();
   const filtered = fixId ? fixes.filter((f) => f.id === fixId) : fixes;
 
@@ -54,7 +53,7 @@ export const automigrate = async ({ fixId, dryRun, yes, prerelease }: FixOptions
 
       if (runAnswer.fix) {
         try {
-          await f.run({ result, packageManager, dryRun, prerelease });
+          await f.run({ result, packageManager, dryRun });
           logger.info(`✅ ran ${chalk.cyan(f.id)} migration`);
         } catch (error) {
           logger.info(`❌ error when running ${chalk.cyan(f.id)} migration:`);
diff --git a/code/lib/cli/src/automigrate/types.ts b/code/lib/cli/src/automigrate/types.ts
index 605f2e4ea7a8..ff812f7064d6 100644
--- a/code/lib/cli/src/automigrate/types.ts
+++ b/code/lib/cli/src/automigrate/types.ts
@@ -8,7 +8,6 @@ export interface RunOptions<ResultType> {
   packageManager: JsPackageManager;
   result: ResultType;
   dryRun?: boolean;
-  prerelease?: boolean;
 }
 
 export interface Fix<ResultType = any> {
diff --git a/code/lib/cli/src/generate.ts b/code/lib/cli/src/generate.ts
index f72982ce812b..acfcb7e79021 100644
--- a/code/lib/cli/src/generate.ts
+++ b/code/lib/cli/src/generate.ts
@@ -177,7 +177,6 @@ program
   .description('Check storybook for known problems or migrations and apply fixes')
   .option('-y --yes', 'Skip prompting the user')
   .option('-n --dry-run', 'Only check for fixes, do not actually run them')
-  .option('-p --prerelease', 'Use pre-release versions when migrating')
   .action((fixId, options) =>
     automigrate({ fixId, ...options }).catch((e) => {
       logger.error(e);
diff --git a/code/lib/cli/src/upgrade.ts b/code/lib/cli/src/upgrade.ts
index 79301873740d..2df15576bb94 100644
--- a/code/lib/cli/src/upgrade.ts
+++ b/code/lib/cli/src/upgrade.ts
@@ -175,6 +175,6 @@ export const upgrade = async ({
 
   if (!skipCheck) {
     checkVersionConsistency();
-    await automigrate({ dryRun, yes, prerelease });
+    await automigrate({ dryRun, yes });
   }
 };

From 3e73edadb0f68e96ef40cb1699852fffc8c177f3 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 11 Aug 2022 14:48:42 +0200
Subject: [PATCH 124/266] CLI: fix dependency logic in new-frameworks
 automigration

---
 code/lib/cli/src/automigrate/fixes/new-frameworks.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
index 75c4c16d7fcd..dc7b076f7cf7 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -6,6 +6,7 @@ import { getStorybookInfo } from '@storybook/core-common';
 
 import type { Fix } from '../types';
 import type { PackageJsonWithDepsAndDevDeps } from '../../js-package-manager';
+import { getStorybookVersionSpecifier } from '../../helpers';
 
 const logger = console;
 
@@ -196,7 +197,9 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
 
     logger.info(`✅ Installing new dependencies: ${dependenciesToAdd.join(', ')}`);
     if (!dryRun) {
-      packageManager.addDependencies({ installAsDevDependencies: true }, dependenciesToAdd);
+      const versionToInstall = getStorybookVersionSpecifier(packageJson);
+      const depsToAdd = dependenciesToAdd.map((dep) => `${dep}@${versionToInstall}`);
+      packageManager.addDependencies({ installAsDevDependencies: true }, depsToAdd);
     }
 
     if (!dryRun) {

From 54e5f436e206bccc5c3592e470f03d21788d5e23 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 11 Aug 2022 15:28:24 +0200
Subject: [PATCH 125/266] CLI: account for frameworks that did not change
 format in automigrate

---
 .../src/automigrate/fixes/new-frameworks.ts   | 33 ++++++++++++-------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
index dc7b076f7cf7..34a5b8f59204 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -22,7 +22,7 @@ const packagesMap = {
     webpack5: '@storybook/server-webpack5',
   },
   '@storybook/angular': {
-    webpack5: '@storybook/angular-webpack5',
+    webpack5: '@storybook/angular',
   },
   '@storybook/vue': {
     webpack5: '@storybook/vue-webpack5',
@@ -144,13 +144,18 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
     const frameworkOptions = getFrameworkOptions(framework, main);
 
     const dependenciesToRemove = [
-      frameworkPackage,
       '@storybook/builder-webpack5',
       '@storybook/manager-webpack5',
     ].filter((dep) => allDeps[dep]);
 
     const newFrameworkPackage = packagesMap[frameworkPackage][builderInfo.name];
-    const dependenciesToAdd = [newFrameworkPackage];
+    const dependenciesToAdd = [];
+
+    // some frameworks didn't change e.g. Angular, Ember
+    if (newFrameworkPackage !== frameworkPackage) {
+      dependenciesToRemove.push(frameworkPackage);
+      dependenciesToAdd.push(newFrameworkPackage);
+    }
 
     return {
       main,
@@ -192,14 +197,18 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
   }) {
     logger.info(`✅ Removing legacy dependencies: ${dependenciesToRemove.join(', ')}`);
     if (!dryRun) {
-      packageManager.removeDependencies({ skipInstall: true, packageJson }, dependenciesToRemove);
+      packageManager.removeDependencies(
+        { skipInstall: dependenciesToAdd.length > 0, packageJson },
+        dependenciesToRemove
+      );
     }
-
-    logger.info(`✅ Installing new dependencies: ${dependenciesToAdd.join(', ')}`);
-    if (!dryRun) {
-      const versionToInstall = getStorybookVersionSpecifier(packageJson);
-      const depsToAdd = dependenciesToAdd.map((dep) => `${dep}@${versionToInstall}`);
-      packageManager.addDependencies({ installAsDevDependencies: true }, depsToAdd);
+    if (dependenciesToAdd.length > 0) {
+      logger.info(`✅ Installing new dependencies: ${dependenciesToAdd.join(', ')}`);
+      if (!dryRun) {
+        const versionToInstall = getStorybookVersionSpecifier(packageJson);
+        const depsToAdd = dependenciesToAdd.map((dep) => `${dep}@${versionToInstall}`);
+        packageManager.addDependencies({ installAsDevDependencies: true }, depsToAdd);
+      }
     }
 
     if (!dryRun) {
@@ -208,7 +217,9 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
       main.setFieldValue(['framework', 'name'], frameworkPackage);
       main.setFieldValue(['framework', 'options'], frameworkOptions);
 
-      main.setFieldValue(['framework', 'options', 'builder'], builderInfo.options);
+      if (Object.keys(builderInfo.options).length > 0) {
+        main.setFieldValue(['framework', 'options', 'builder'], builderInfo.options);
+      }
 
       delete currentCore.builder;
       if (Object.keys(currentCore).length === 0) {

From cc8f23330014b728022b36ffefb817171a31402c Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Thu, 11 Aug 2022 15:30:47 +0200
Subject: [PATCH 126/266] fix the order of addons appearing

---
 code/lib/builder-manager/package.json         |  1 -
 code/lib/builder-manager/src/index.ts         | 34 ++++++++++++++-----
 code/lib/builder-manager/src/types.ts         |  5 ++-
 .../builder-manager/src/utils/directory.ts    | 12 -------
 .../lib/builder-manager/src/utils/template.ts | 11 ++----
 code/yarn.lock                                |  3 +-
 6 files changed, 34 insertions(+), 32 deletions(-)
 delete mode 100644 code/lib/builder-manager/src/utils/directory.ts

diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index ecb0811946d3..9a3d77e5c8aa 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -54,7 +54,6 @@
     "esbuild-plugin-alias": "^0.2.1",
     "express": "^4.17.1",
     "fs-extra": "^9.0.1",
-    "readdirp": "^3.6.0",
     "rollup-plugin-node-polyfills": "^0.2.1"
   },
   "devDependencies": {
diff --git a/code/lib/builder-manager/src/index.ts b/code/lib/builder-manager/src/index.ts
index f857728d2ed6..04e34ebc71cd 100644
--- a/code/lib/builder-manager/src/index.ts
+++ b/code/lib/builder-manager/src/index.ts
@@ -1,5 +1,5 @@
 import { dirname, join } from 'path';
-import { copy, writeFile, remove } from 'fs-extra';
+import { copy, writeFile, remove, write, ensureFile } from 'fs-extra';
 import express from 'express';
 
 import { logger } from '@storybook/node-logger';
@@ -19,7 +19,6 @@ import {
   ManagerBuilder,
   StarterFunction,
 } from './types';
-import { readDeep } from './utils/directory';
 import { getData } from './utils/data';
 import { safeResolve } from './utils/safeResolve';
 
@@ -38,6 +37,7 @@ export const getConfig: ManagerBuilder['getConfig'] = async (options) => {
       : addonsEntryPoints,
     outdir: join(options.outputDir || './', 'sb-addons'),
     format: 'esm',
+    write: false,
     outExtension: { '.js': '.mjs' },
     loader: {
       '.js': 'jsx',
@@ -118,15 +118,24 @@ const starter: StarterFunction = async function* starterGeneratorFn({
   router.use(`/sb-addons`, express.static(addonsDir));
   router.use(`/sb-manager`, express.static(coreDirOrigin));
 
-  const addonFiles = readDeep(addonsDir);
+  const files = await Promise.all(
+    compilation.outputFiles?.map(async (file) => {
+      await ensureFile(file.path).then(() => writeFile(file.path, file.contents));
+      return file.path.replace(addonsDir, './sb-addons');
+    }) || []
+  );
 
   yield;
 
+  const jsFiles = files.filter((file) => file.endsWith('.mjs'));
+  const cssFiles = files.filter((file) => file.endsWith('.css'));
+
   const html = await renderHTML(
     template,
     title,
     customHead,
-    addonFiles,
+    cssFiles,
+    jsFiles,
     features,
     refs,
     logLevel,
@@ -182,13 +191,24 @@ const builder: BuilderFunction = async function* builderGeneratorFn({ startTime,
   yield;
 
   const managerFiles = copy(coreDirOrigin, coreDirTarget);
-  const addonFiles = readDeep(addonsDir);
+  const files = await Promise.all(
+    compilation.outputFiles?.map(async (file) => {
+      await ensureFile(file.path).then(() => writeFile(file.path, file.contents));
+      return file.path.replace(addonsDir, './sb-addons');
+    }) || []
+  );
+
+  yield;
+
+  const jsFiles = files.filter((file) => file.endsWith('.mjs'));
+  const cssFiles = files.filter((file) => file.endsWith('.css'));
 
   const html = await renderHTML(
     template,
     title,
     customHead,
-    addonFiles,
+    cssFiles,
+    jsFiles,
     features,
     refs,
     logLevel,
@@ -196,8 +216,6 @@ const builder: BuilderFunction = async function* builderGeneratorFn({ startTime,
     options
   );
 
-  yield;
-
   await Promise.all([
     //
     writeFile(join(options.outputDir, 'index.html'), html),
diff --git a/code/lib/builder-manager/src/types.ts b/code/lib/builder-manager/src/types.ts
index c14c82e13bf2..dfa97b6c02aa 100644
--- a/code/lib/builder-manager/src/types.ts
+++ b/code/lib/builder-manager/src/types.ts
@@ -12,7 +12,10 @@ export type WithRequiredProperty<Type, Key extends keyof Type> = Type &
     [Property in Key]-?: Type[Property];
   };
 
-export type ManagerBuilder = Builder<WithRequiredProperty<BuildOptions, 'outdir'>, Stats>;
+export type ManagerBuilder = Builder<
+  WithRequiredProperty<BuildOptions, 'outdir'> & { entryPoints: string[] },
+  Stats
+>;
 export type Unpromise<T extends Promise<any>> = T extends Promise<infer U> ? U : never;
 
 export type BuilderStartOptions = Parameters<ManagerBuilder['start']>['0'];
diff --git a/code/lib/builder-manager/src/utils/directory.ts b/code/lib/builder-manager/src/utils/directory.ts
deleted file mode 100644
index a834ce1410b5..000000000000
--- a/code/lib/builder-manager/src/utils/directory.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import readdirp, { ReaddirpOptions } from 'readdirp';
-
-const defaults = {
-  fileFilter: ['*.mjs', '*.css'],
-  lstat: false,
-  type: 'files',
-  depth: 10,
-} as ReaddirpOptions;
-
-export const readDeep = async (dir: string, options: ReaddirpOptions = {}) => {
-  return readdirp.promise(dir, { ...defaults, ...options });
-};
diff --git a/code/lib/builder-manager/src/utils/template.ts b/code/lib/builder-manager/src/utils/template.ts
index dca1eab9023b..b9d619ee701e 100644
--- a/code/lib/builder-manager/src/utils/template.ts
+++ b/code/lib/builder-manager/src/utils/template.ts
@@ -5,8 +5,6 @@ import { render } from 'ejs';
 
 import type { DocsOptions, Options, Ref } from '@storybook/core-common';
 
-import { readDeep } from './directory';
-
 const interpolate = (string: string, data: Record<string, string> = {}) =>
   Object.entries(data).reduce((acc, [k, v]) => acc.replace(new RegExp(`%${k}%`, 'g'), v), string);
 
@@ -52,7 +50,8 @@ export const renderHTML = async (
   template: Promise<string>,
   title: Promise<string | false>,
   customHead: Promise<string | false>,
-  files: ReturnType<typeof readDeep>,
+  cssFiles: string[],
+  jsFiles: string[],
   features: Promise<Record<string, any>>,
   refs: Promise<Record<string, Ref>>,
   logLevel: Promise<string>,
@@ -62,14 +61,10 @@ export const renderHTML = async (
   const customHeadRef = await customHead;
   const titleRef = await title;
   const templateRef = await template;
-  const filesRef = await files;
 
   return render(templateRef, {
     title: titleRef ? `${titleRef} - Storybook` : 'Storybook',
-    files: {
-      js: filesRef.filter((f) => f.path.match(/\.mjs$/)).map((f) => `./sb-addons/${f.path}`),
-      css: filesRef.filter((f) => f.path.match(/\.css$/)).map((f) => `./sb-addons/${f.path}`),
-    },
+    files: { js: jsFiles, css: cssFiles },
     globals: {
       FEATURES: JSON.stringify(await features, null, 2),
       REFS: JSON.stringify(await refs, null, 2),
diff --git a/code/yarn.lock b/code/yarn.lock
index e4e9a9a26eee..582264f180f8 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -7560,7 +7560,6 @@ __metadata:
     esbuild-plugin-alias: ^0.2.1
     express: ^4.17.1
     fs-extra: ^9.0.1
-    readdirp: ^3.6.0
     rollup-plugin-node-polyfills: ^0.2.1
     typescript: ~4.6.3
   languageName: unknown
@@ -37478,7 +37477,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"readdirp@npm:^3.6.0, readdirp@npm:~3.6.0":
+"readdirp@npm:~3.6.0":
   version: 3.6.0
   resolution: "readdirp@npm:3.6.0"
   dependencies:

From fdcaf03a31a2ae3dfaf085c08e0e005516680405 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 11 Aug 2022 15:32:13 +0200
Subject: [PATCH 127/266] test: add case for angular in new-framerworks
 migration

---
 .../automigrate/fixes/new-frameworks.test.ts  | 47 ++++++++++++++++++-
 1 file changed, 45 insertions(+), 2 deletions(-)

diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
index 8cce78e2b5ec..b1a37d627b19 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
@@ -125,12 +125,12 @@ describe('new-frameworks fix', () => {
           })
         ).resolves.toEqual(
           expect.objectContaining({
-            frameworkPackage: '@storybook/react',
+            frameworkPackage: '@storybook/react-webpack5',
             dependenciesToAdd: ['@storybook/react-webpack5'],
             dependenciesToRemove: [
-              '@storybook/react',
               '@storybook/builder-webpack5',
               '@storybook/manager-webpack5',
+              '@storybook/react',
             ],
             frameworkOptions: {
               fastRefresh: true,
@@ -144,6 +144,49 @@ describe('new-frameworks fix', () => {
           })
         );
       });
+      it('should update only builders in @storybook/angular', async () => {
+        const packageJson = {
+          dependencies: {
+            '@storybook/angular': '^7.0.0-alpha.0',
+            '@storybook/builder-webpack5': '^6.5.9',
+            '@storybook/manager-webpack5': '^6.5.9',
+          },
+        };
+        await expect(
+          checkNewFrameworks({
+            packageJson,
+            main: {
+              framework: '@storybook/angular',
+              core: {
+                builder: {
+                  name: 'webpack5',
+                  options: {
+                    lazyCompilation: true,
+                  },
+                },
+              },
+              angularOptions: {
+                enableIvy: true,
+              },
+            },
+          })
+        ).resolves.toEqual(
+          expect.objectContaining({
+            frameworkPackage: '@storybook/angular',
+            dependenciesToAdd: [],
+            dependenciesToRemove: ['@storybook/builder-webpack5', '@storybook/manager-webpack5'],
+            frameworkOptions: {
+              enableIvy: true,
+            },
+            builderInfo: {
+              name: 'webpack5',
+              options: {
+                lazyCompilation: true,
+              },
+            },
+          })
+        );
+      });
     });
 
     // TODO: enable this once Vite is supported

From ce6f4fa2e944fe8115ae9b3c936f7570fe47141d Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Thu, 11 Aug 2022 15:39:05 +0200
Subject: [PATCH 128/266] cleanup

---
 code/lib/builder-manager/src/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/builder-manager/src/index.ts b/code/lib/builder-manager/src/index.ts
index 04e34ebc71cd..a9c0b61a1a84 100644
--- a/code/lib/builder-manager/src/index.ts
+++ b/code/lib/builder-manager/src/index.ts
@@ -1,5 +1,5 @@
 import { dirname, join } from 'path';
-import { copy, writeFile, remove, write, ensureFile } from 'fs-extra';
+import { copy, writeFile, remove, ensureFile } from 'fs-extra';
 import express from 'express';
 
 import { logger } from '@storybook/node-logger';

From 92f8fc6292b64cc2c428891b4e2a88665648886c Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Thu, 11 Aug 2022 22:10:46 +0200
Subject: [PATCH 129/266] fix unit test

---
 code/lib/builder-manager/src/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/builder-manager/src/index.ts b/code/lib/builder-manager/src/index.ts
index a9c0b61a1a84..8f97e3852120 100644
--- a/code/lib/builder-manager/src/index.ts
+++ b/code/lib/builder-manager/src/index.ts
@@ -119,7 +119,7 @@ const starter: StarterFunction = async function* starterGeneratorFn({
   router.use(`/sb-manager`, express.static(coreDirOrigin));
 
   const files = await Promise.all(
-    compilation.outputFiles?.map(async (file) => {
+    compilation?.outputFiles?.map(async (file) => {
       await ensureFile(file.path).then(() => writeFile(file.path, file.contents));
       return file.path.replace(addonsDir, './sb-addons');
     }) || []

From 8e95ef7a7f4d2b4910441126bbfbc69e920fc5eb Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Thu, 11 Aug 2022 22:26:42 +0200
Subject: [PATCH 130/266] fix tests some more

---
 code/lib/builder-manager/src/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/builder-manager/src/index.ts b/code/lib/builder-manager/src/index.ts
index 8f97e3852120..f61077dd0506 100644
--- a/code/lib/builder-manager/src/index.ts
+++ b/code/lib/builder-manager/src/index.ts
@@ -192,7 +192,7 @@ const builder: BuilderFunction = async function* builderGeneratorFn({ startTime,
 
   const managerFiles = copy(coreDirOrigin, coreDirTarget);
   const files = await Promise.all(
-    compilation.outputFiles?.map(async (file) => {
+    compilation?.outputFiles?.map(async (file) => {
       await ensureFile(file.path).then(() => writeFile(file.path, file.contents));
       return file.path.replace(addonsDir, './sb-addons');
     }) || []

From a05bccefbf8c944547037cae488e146f4989d360 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 13:07:07 +1000
Subject: [PATCH 131/266] Created basic task infrastructure,

as well as bootstrap, publish and create tasks
---
 code/package.json          |  1 +
 scripts/sandbox.ts         | 28 +++++++++---
 scripts/task.ts            | 89 ++++++++++++++++++++++++++++++++++++++
 scripts/tasks/bootstrap.ts | 20 +++++++++
 scripts/tasks/create.ts    | 23 ++++++++++
 scripts/tasks/publish.ts   | 24 ++++++++++
 scripts/utils/options.ts   | 28 ++++++++++--
 7 files changed, 203 insertions(+), 10 deletions(-)
 create mode 100644 scripts/task.ts
 create mode 100644 scripts/tasks/bootstrap.ts
 create mode 100644 scripts/tasks/create.ts
 create mode 100644 scripts/tasks/publish.ts

diff --git a/code/package.json b/code/package.json
index 103189ab3610..7780bcb86247 100644
--- a/code/package.json
+++ b/code/package.json
@@ -90,6 +90,7 @@
     "smoke-test-sandboxes": "ts-node ../scripts/smoke-test-sandboxes.ts",
     "smoketest-storybooks": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true node -r esm ../scripts/smoketest-storybooks.js",
     "start": "yarn workspace official-storybook storybook --no-manager-cache",
+    "task": "ts-node ../scripts/task.ts",
     "test": "NODE_OPTIONS=--max_old_space_size=4096 jest --config ./jest.config.js",
     "test-puppeteer": "jest --projects examples/official-storybook/storyshots-puppeteer",
     "test-runner-sandboxes": "ts-node ../scripts/test-runner-sandboxes.ts",
diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 25df07bdde98..1daf2f711214 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -11,7 +11,7 @@ import {
 } from 'fs-extra';
 import prompts from 'prompts';
 
-import { createOptions, getOptionsOrPrompt } from './utils/options';
+import { createOptions, getOptionsOrPrompt, OptionValues } from './utils/options';
 import { executeCLIStep } from './utils/cli-step';
 import { installYarn2, configureYarn2ForVerdaccio, addPackageResolutions } from './utils/yarn';
 import { exec } from './utils/exec';
@@ -77,10 +77,16 @@ export const options = createOptions({
   },
   publish: {
     type: 'boolean',
-    description: 'Publish local code to verdaccio before installing?',
+    description: 'Publish local code to verdaccio and start before installing?',
     inverse: true,
     promptType: (_, { link }) => !link,
   },
+  startVerdaccio: {
+    type: 'boolean',
+    description: 'Start Verdaccio before installing?',
+    inverse: true,
+    promptType: (_, { publish }) => !publish,
+  },
   start: {
     type: 'boolean',
     description: 'Start the Storybook?',
@@ -236,10 +242,8 @@ async function addStories(paths: string[], { mainConfig }: { mainConfig: ConfigF
   );
 }
 
-async function main() {
-  const optionValues = await getOptions();
-
-  const { template, forceDelete, forceReuse, link, publish, dryRun, debug } = optionValues;
+export async function sandbox(optionValues: OptionValues<typeof options>) {
+  const { template, forceDelete, forceReuse, dryRun, debug } = optionValues;
 
   await ensureDir(sandboxDir);
 
@@ -248,6 +252,9 @@ async function main() {
   const exists = await pathExists(cwd);
   let shouldDelete = exists && !forceReuse;
   if (exists && !forceDelete && !forceReuse) {
+    if (process.env.CI)
+      throw new Error(`yarn sandbox needed to prompt for options, this is not possible in CI!`);
+
     const relativePath = path.relative(process.cwd(), cwd);
     ({ shouldDelete } = await prompts({
       type: 'toggle',
@@ -308,6 +315,8 @@ async function main() {
     await writeConfig(mainConfig);
 
     await installYarn2({ cwd, dryRun, debug });
+
+    const { link, publish, startVerdaccio } = optionValues;
     if (link) {
       await executeCLIStep(steps.link, {
         argument: cwd,
@@ -319,7 +328,9 @@ async function main() {
     } else {
       if (publish) {
         await exec('yarn local-registry --publish', { cwd: codeDir }, { dryRun, debug });
+      }
 
+      if (publish || startVerdaccio) {
         // NOTE: this is a background task and will run forever (TODO: sort out logging/exiting)
         exec('CI=true yarn local-registry --open', { cwd: codeDir }, { dryRun, debug });
         await exec('yarn wait-on http://localhost:6000', { cwd: codeDir }, { dryRun, debug });
@@ -373,6 +384,11 @@ async function main() {
   // TODO start dev
 }
 
+async function main() {
+  const optionValues = await getOptions();
+  return sandbox(optionValues);
+}
+
 if (require.main === module) {
   main().catch((err) => {
     logger.error('🚨 An error occurred when executing "sandbox":');
diff --git a/scripts/task.ts b/scripts/task.ts
new file mode 100644
index 000000000000..8a215fb37ffa
--- /dev/null
+++ b/scripts/task.ts
@@ -0,0 +1,89 @@
+/* eslint-disable no-await-in-loop, no-restricted-syntax */
+import { join, resolve } from 'path';
+
+import { createOptions, getOptionsOrPrompt } from './utils/options';
+import { create } from './tasks/create';
+import { publish } from './tasks/publish';
+import { bootstrap } from './tasks/bootstrap';
+
+import TEMPLATES from '../code/lib/cli/src/repro-templates';
+
+const sandboxDir = resolve(__dirname, '../sandbox');
+
+export type TemplateKey = keyof typeof TEMPLATES;
+export type Template = typeof TEMPLATES[TemplateKey];
+export type Path = string;
+export type TemplateDetails = { template: Template; sandboxDir: Path };
+
+type MaybePromise<T> = T | Promise<T>;
+
+export type Task = {
+  before?: TaskKey[];
+  /**
+   * Is this task already "ready", and potentially not required?
+   */
+  ready: (templateKey: TemplateKey, details: TemplateDetails) => MaybePromise<boolean>;
+  /**
+   * Run the task
+   */
+  run: (templateKey: TemplateKey, details: TemplateDetails) => MaybePromise<void>;
+};
+
+export const tasks = {
+  bootstrap,
+  publish,
+  create,
+};
+
+type TaskKey = keyof typeof tasks;
+
+export const options = createOptions({
+  task: {
+    type: 'string',
+    values: Object.keys(tasks) as TaskKey[],
+    description: 'What task are you performing (corresponds to CI job)?',
+    required: true,
+  },
+  template: {
+    type: 'string',
+    values: Object.keys(TEMPLATES) as TemplateKey[],
+    description: 'What template are you running against?',
+    required: true,
+  },
+});
+
+const logger = console;
+
+async function runTask(taskKey: TaskKey, templateKey: TemplateKey) {
+  const task = tasks[taskKey];
+  const template = TEMPLATES[templateKey];
+  const templateSandboxDir = join(sandboxDir, templateKey.replace('/', '-'));
+  const details = { template, sandboxDir: templateSandboxDir };
+
+  if (await task.ready(templateKey, details)) {
+    logger.debug(`✅ ${taskKey} task not required!`);
+    return;
+  }
+
+  if (task.before?.length > 0) {
+    for (const beforeKey of task.before) {
+      await runTask(beforeKey, templateKey);
+    }
+  }
+
+  await task.run(templateKey, { template, sandboxDir: templateSandboxDir });
+}
+
+async function run() {
+  const { task: taskKey, template: templateKey } = await getOptionsOrPrompt('yarn task', options);
+
+  return runTask(taskKey, templateKey);
+}
+
+if (require.main === module) {
+  run().catch((err) => {
+    logger.error(`🚨 An error occurred when executing task:`);
+    logger.error(err);
+    process.exit(1);
+  });
+}
diff --git a/scripts/tasks/bootstrap.ts b/scripts/tasks/bootstrap.ts
new file mode 100644
index 000000000000..f41cf75356b2
--- /dev/null
+++ b/scripts/tasks/bootstrap.ts
@@ -0,0 +1,20 @@
+import { exec } from '../utils/exec';
+import type { Task } from '../task';
+
+export const bootstrap: Task = {
+  before: [],
+  async ready() {
+    // It isn't really possible to tell if bootstrapping is required
+    return false;
+  },
+  async run() {
+    return exec(
+      'yarn bootstrap --core',
+      {},
+      {
+        startMessage: '🥾 Bootstrapping',
+        errorMessage: '❌ Failed to bootstrap',
+      }
+    );
+  },
+};
diff --git a/scripts/tasks/create.ts b/scripts/tasks/create.ts
new file mode 100644
index 000000000000..67988b8387d2
--- /dev/null
+++ b/scripts/tasks/create.ts
@@ -0,0 +1,23 @@
+import { pathExists } from 'fs-extra';
+
+import type { Task } from '../task';
+import { options, sandbox } from '../sandbox';
+import { getDefaults } from '../utils/options';
+
+export const create: Task = {
+  before: ['publish'],
+  async ready(_, { sandboxDir }) {
+    return pathExists(sandboxDir);
+  },
+  async run(templateKey) {
+    return sandbox({
+      ...getDefaults(options),
+      template: templateKey,
+      link: false,
+      publish: false,
+      startVerdaccio: true,
+      start: false,
+      debug: true,
+    });
+  },
+};
diff --git a/scripts/tasks/publish.ts b/scripts/tasks/publish.ts
new file mode 100644
index 000000000000..f1f0303c9ce4
--- /dev/null
+++ b/scripts/tasks/publish.ts
@@ -0,0 +1,24 @@
+import { pathExists } from 'fs-extra';
+import { resolve } from 'path';
+
+import { exec } from '../utils/exec';
+import type { Task } from '../task';
+
+const verdaccioCacheDir = resolve(__dirname, '../../.verdaccio-cache');
+
+export const publish: Task = {
+  before: ['bootstrap'],
+  async ready() {
+    return pathExists(verdaccioCacheDir);
+  },
+  async run() {
+    return exec(
+      'yarn local-registry --publish',
+      {},
+      {
+        startMessage: '📕 Publishing packages',
+        errorMessage: '❌ Failed publishing packages',
+      }
+    );
+  },
+};
diff --git a/scripts/utils/options.ts b/scripts/utils/options.ts
index 31a8b90b7e7b..ec8313c95079 100644
--- a/scripts/utils/options.ts
+++ b/scripts/utils/options.ts
@@ -57,13 +57,15 @@ export type StringArrayOption = BaseOption & {
 export type Option = BooleanOption | StringOption | StringArrayOption;
 export type MaybeOptionValue<TOption extends Option> = TOption extends StringArrayOption
   ? TOption extends { values: infer TValues }
-    ? // @ts-ignore -- FIXME! Why are these ignores needed? (it still works)
-      TValues[number][]
+    ? TValues extends readonly string[]
+      ? TValues[number][]
+      : never // It isn't possible for values to not be a readonly string[], but TS can't work it out
     : string[]
   : TOption extends StringOption
   ? TOption extends { values: infer TValues }
-    ? // @ts-ignore
-      TValues[number] | undefined
+    ? TValues extends readonly string[]
+      ? TValues[number] | undefined
+      : never // It isn't possible for values to not be a readonly string[], but TS can't work it out
     : string | undefined
   : TOption extends BooleanOption
   ? boolean
@@ -155,6 +157,21 @@ export function getOptions<TOptions extends OptionSpecifier>(
   return command.opts() as MaybeOptionValues<TOptions>;
 }
 
+// Boolean values will have a default, usually `false`, `true` if they are "inverse".
+// String arrays default to []
+// Currently it isn't possible to have a default for string
+export function getDefaults<TOptions extends OptionSpecifier>(options: TOptions) {
+  return Object.fromEntries(
+    Object.entries(options)
+      .filter(([, { type }]) => type === 'boolean' || type === 'string[]')
+      .map(([key, option]) => {
+        if (option.type === 'boolean') return [key, !!option.inverse];
+        if (option.type === 'string[]') return [key, []];
+        throw new Error('Not reachable');
+      })
+  );
+}
+
 export function areOptionsSatisfied<TOptions extends OptionSpecifier>(
   options: TOptions,
   values: MaybeOptionValues<TOptions>
@@ -274,6 +291,9 @@ export async function getOptionsOrPrompt<TOptions extends OptionSpecifier>(
     return cliValues as OptionValues<TOptions>;
   }
 
+  if (process.env.CI)
+    throw new Error(`${commandPrefix} needed to prompt for options, this is not possible in CI!`);
+
   const finalValues = await promptOptions(options, cliValues);
 
   const command = getCommand(commandPrefix, options, finalValues);

From ed2c21ec65f5084df4eba3a6978b1671f09bba95 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 13:35:30 +1000
Subject: [PATCH 132/266] Ensure the sandbox exits cleanly if publishing

---
 scripts/package.json  |  1 +
 scripts/sandbox.ts    | 16 ++++++++++++--
 scripts/task.ts       | 50 +++++++++++++++++++++++++++++++++++--------
 scripts/utils/exec.ts | 27 +++++++++++++++++------
 scripts/yarn.lock     |  8 +++++++
 5 files changed, 84 insertions(+), 18 deletions(-)

diff --git a/scripts/package.json b/scripts/package.json
index 3e48a5128fc6..ff04825b90e8 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -147,6 +147,7 @@
     "lint-staged": "^10.5.4",
     "lodash": "^4.17.21",
     "mocha-list-tests": "^1.0.5",
+    "node-abort-controller": "^3.0.1",
     "node-cleanup": "^2.1.2",
     "node-fetch": "^2.6.1",
     "node-gyp": "^8.4.0",
diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 1daf2f711214..c60953bf5c33 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -10,6 +10,7 @@ import {
   existsSync,
 } from 'fs-extra';
 import prompts from 'prompts';
+import { AbortController } from 'node-abort-controller';
 
 import { createOptions, getOptionsOrPrompt, OptionValues } from './utils/options';
 import { executeCLIStep } from './utils/cli-step';
@@ -246,6 +247,7 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
   const { template, forceDelete, forceReuse, dryRun, debug } = optionValues;
 
   await ensureDir(sandboxDir);
+  let publishController: AbortController;
 
   const cwd = path.join(sandboxDir, template.replace('/', '-'));
 
@@ -331,8 +333,15 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
       }
 
       if (publish || startVerdaccio) {
-        // NOTE: this is a background task and will run forever (TODO: sort out logging/exiting)
-        exec('CI=true yarn local-registry --open', { cwd: codeDir }, { dryRun, debug });
+        publishController = new AbortController();
+        exec(
+          'CI=true yarn local-registry --open',
+          { cwd: codeDir },
+          { dryRun, debug, signal: publishController.signal as AbortSignal }
+        ).catch((err) => {
+          // If aborted, we want to make sure the rejection is handled.
+          if (!err.killed) throw err;
+        });
         await exec('yarn wait-on http://localhost:6000', { cwd: codeDir }, { dryRun, debug });
       }
 
@@ -382,6 +391,9 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
   }
 
   // TODO start dev
+
+  // Cleanup
+  publishController.abort();
 }
 
 async function main() {
diff --git a/scripts/task.ts b/scripts/task.ts
index 8a215fb37ffa..b6daa753c8aa 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -40,34 +40,61 @@ type TaskKey = keyof typeof tasks;
 export const options = createOptions({
   task: {
     type: 'string',
-    values: Object.keys(tasks) as TaskKey[],
     description: 'What task are you performing (corresponds to CI job)?',
+    values: Object.keys(tasks) as TaskKey[],
     required: true,
   },
   template: {
     type: 'string',
-    values: Object.keys(TEMPLATES) as TemplateKey[],
     description: 'What template are you running against?',
+    values: Object.keys(TEMPLATES) as TemplateKey[],
     required: true,
   },
+  force: {
+    type: 'boolean',
+    description: 'The task must run, it is an error if it is already ready?',
+  },
+  before: {
+    type: 'boolean',
+    description: 'Run any required dependencies of the task?',
+    inverse: true,
+  },
 });
 
 const logger = console;
 
-async function runTask(taskKey: TaskKey, templateKey: TemplateKey) {
+async function runTask(
+  taskKey: TaskKey,
+  templateKey: TemplateKey,
+  {
+    mustNotBeReady,
+    mustBeReady,
+    before,
+  }: { mustNotBeReady: boolean; mustBeReady: boolean; before: boolean }
+) {
   const task = tasks[taskKey];
   const template = TEMPLATES[templateKey];
   const templateSandboxDir = join(sandboxDir, templateKey.replace('/', '-'));
   const details = { template, sandboxDir: templateSandboxDir };
 
   if (await task.ready(templateKey, details)) {
+    if (mustNotBeReady) throw new Error(`❌ ${taskKey} task has already run, this is unexpected!`);
+
     logger.debug(`✅ ${taskKey} task not required!`);
     return;
   }
 
+  if (mustBeReady) {
+    throw new Error(`❌ ${taskKey} task has not already run, this is unexpected!`);
+  }
+
   if (task.before?.length > 0) {
     for (const beforeKey of task.before) {
-      await runTask(beforeKey, templateKey);
+      await runTask(beforeKey, templateKey, {
+        mustNotBeReady: false,
+        mustBeReady: !before,
+        before,
+      });
     }
   }
 
@@ -75,15 +102,20 @@ async function runTask(taskKey: TaskKey, templateKey: TemplateKey) {
 }
 
 async function run() {
-  const { task: taskKey, template: templateKey } = await getOptionsOrPrompt('yarn task', options);
-
-  return runTask(taskKey, templateKey);
+  const {
+    task: taskKey,
+    template: templateKey,
+    force,
+    before,
+  } = await getOptionsOrPrompt('yarn task', options);
+
+  return runTask(taskKey, templateKey, { mustBeReady: force, mustNotBeReady: false, before });
 }
 
 if (require.main === module) {
   run().catch((err) => {
-    logger.error(`🚨 An error occurred when executing task:`);
-    logger.error(err);
+    logger.error();
+    logger.error(err.message);
     process.exit(1);
   });
 }
diff --git a/scripts/utils/exec.ts b/scripts/utils/exec.ts
index ba1a14d51db4..b3e1af6c3129 100644
--- a/scripts/utils/exec.ts
+++ b/scripts/utils/exec.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-await-in-loop, no-restricted-syntax */
-import execa, { Options } from 'execa';
+import execa, { ExecaChildProcess, Options } from 'execa';
 import chalk from 'chalk';
 
 const logger = console;
@@ -9,12 +9,13 @@ type StepOptions = {
   errorMessage?: string;
   dryRun?: boolean;
   debug?: boolean;
+  signal?: AbortSignal;
 };
 
 export const exec = async (
   command: string | string[],
   options: Options = {},
-  { startMessage, errorMessage, dryRun, debug }: StepOptions = {}
+  { startMessage, errorMessage, dryRun, debug, signal }: StepOptions = {}
 ): Promise<void> => {
   logger.info();
   if (startMessage) logger.info(startMessage);
@@ -28,20 +29,32 @@ export const exec = async (
     shell: true,
     stdout: debug ? 'inherit' : 'ignore',
   };
+  let currentChild: ExecaChildProcess;
+
+  // Newer versions of execa have explicit support for abort signals, but this works
+  if (signal) {
+    signal.addEventListener('abort', () => currentChild.kill());
+  }
+
   try {
     if (typeof command === 'string') {
       logger.debug(`> ${command}`);
-      await execa.command(command, { ...defaultOptions, ...options });
+      currentChild = execa.command(command, { ...defaultOptions, ...options });
+      await currentChild;
     } else {
       for (const subcommand of command) {
         logger.debug(`> ${subcommand}`);
-        await execa.command(subcommand, { ...defaultOptions, ...options });
+        currentChild = execa.command(subcommand, { ...defaultOptions, ...options });
+        await currentChild;
       }
     }
   } catch (err) {
-    logger.error(chalk.red(`An error occurred while executing: \`${command}\``));
-    logger.error(err);
-    logger.log(errorMessage);
+    if (!err.killed) {
+      logger.error(chalk.red(`An error occurred while executing: \`${command}\``));
+      logger.error(err);
+      logger.log(errorMessage);
+    }
+
     throw err;
   }
 
diff --git a/scripts/yarn.lock b/scripts/yarn.lock
index e6ead6e2d6b3..533f51db594e 100644
--- a/scripts/yarn.lock
+++ b/scripts/yarn.lock
@@ -3334,6 +3334,7 @@ __metadata:
     lint-staged: ^10.5.4
     lodash: ^4.17.21
     mocha-list-tests: ^1.0.5
+    node-abort-controller: ^3.0.1
     node-cleanup: ^2.1.2
     node-fetch: ^2.6.1
     node-gyp: ^8.4.0
@@ -14476,6 +14477,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-abort-controller@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "node-abort-controller@npm:3.0.1"
+  checksum: 37f895533f7a18a2d83fa4853da1cc00fcae1e0a71553f9ffc94d3153f5fc886d6d4ef3a33bf60c38be161fab78c5b2275cbbf2359351fb12f5edad68d88d8ca
+  languageName: node
+  linkType: hard
+
 "node-cleanup@npm:^2.1.2":
   version: 2.1.2
   resolution: "node-cleanup@npm:2.1.2"

From a89cae68232722401115d7c1b055e80c04c24d4b Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Fri, 12 Aug 2022 11:58:04 +0800
Subject: [PATCH 133/266] 7.0.0-alpha.19 changelog

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 05cb669cfbed..45d59d9ba8af 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,33 @@
+## 7.0.0-alpha.19 (August 12, 2022)
+
+#### Features
+
+-   CLI: add "storybook scripts 7.0" automigrate command [#18769](https://github.com/storybooks/storybook/pull/18769)
+-   Interactions: Run conditionally based on query param [#18706](https://github.com/storybooks/storybook/pull/18706)
+
+#### Bug Fixes
+
+-   API: Return defaultValue in useParameter if story is not prepared [#18887](https://github.com/storybooks/storybook/pull/18887)
+-   Store: always call composeConfigs in setProjectAnnotations [#18916](https://github.com/storybooks/storybook/pull/18916)
+-   CLI: install the same version as the user in sb-scripts automigration [#18917](https://github.com/storybooks/storybook/pull/18917)
+-   Theming: Add `create` export for lib/theming [#18906](https://github.com/storybooks/storybook/pull/18906)
+-   Telemetry: Improve addon extraction logic [#18868](https://github.com/storybooks/storybook/pull/18868)
+-   UI: Add image support to builder-manager [#18857](https://github.com/storybooks/storybook/pull/18857)
+-   ArgTypes: Fix check for undefined before [#18710](https://github.com/storybooks/storybook/pull/18710)
+
+#### Maintenance
+
+-   Build: use ts-up to build addon-toolbars [#18847](https://github.com/storybooks/storybook/pull/18847)
+-   Build: Use ts-up to build channels [#18882](https://github.com/storybooks/storybook/pull/18882)
+-   Build: Use ts-up to build addon-links [#18908](https://github.com/storybooks/storybook/pull/18908)
+-   CLI: Fix remove dependencies logic [#18905](https://github.com/storybooks/storybook/pull/18905)
+-   CLI: Add uninstall deps to jsPackageManager [#18900](https://github.com/storybooks/storybook/pull/18900)
+-   Examples: Improve sandbox command error handling and debugging [#18869](https://github.com/storybooks/storybook/pull/18869)
+-   Examples: Change to self-hosted placeholder images [#18878](https://github.com/storybooks/storybook/pull/18878)
+-   CLI: add --no-init to repro-next command [#18866](https://github.com/storybooks/storybook/pull/18866)
+-   Build: Got verdaccio working, borrowing heavily from the old repro command [#18844](https://github.com/storybooks/storybook/pull/18844)
+-   Core-server: Move webpack to be a devDependency [#18856](https://github.com/storybooks/storybook/pull/18856)
+
 ## 7.0.0-alpha.18 (August 2, 2022)
 
 #### Features

From 6293850a7246eeee721b20f816669ece4db27c7d Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Fri, 12 Aug 2022 11:58:21 +0800
Subject: [PATCH 134/266] Update root, peer deps, version.ts/json to
 7.0.0-alpha.19 [ci skip]

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

diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 934f244406f9..886cdc357b1c 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -45,7 +45,7 @@
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
     "puppeteer": ">=2.0.0"
   },
   "peerDependenciesMeta": {
diff --git a/code/lib/api/src/version.ts b/code/lib/api/src/version.ts
index 254f721cfecb..a6322b24e3e7 100644
--- a/code/lib/api/src/version.ts
+++ b/code/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '7.0.0-alpha.18';
+export const version = '7.0.0-alpha.19';
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index 3dad6586dfa6..9649f954af13 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -1,78 +1,78 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.0.0-alpha.18',
-  '@storybook/addon-actions': '7.0.0-alpha.18',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.18',
-  '@storybook/addon-controls': '7.0.0-alpha.18',
-  '@storybook/addon-docs': '7.0.0-alpha.18',
-  '@storybook/addon-essentials': '7.0.0-alpha.18',
-  '@storybook/addon-highlight': '7.0.0-alpha.18',
-  '@storybook/addon-interactions': '7.0.0-alpha.18',
-  '@storybook/addon-jest': '7.0.0-alpha.18',
-  '@storybook/addon-links': '7.0.0-alpha.18',
-  '@storybook/addon-measure': '7.0.0-alpha.18',
-  '@storybook/addon-outline': '7.0.0-alpha.18',
-  '@storybook/addon-storyshots': '7.0.0-alpha.18',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.18',
-  '@storybook/addon-storysource': '7.0.0-alpha.18',
-  '@storybook/addon-toolbars': '7.0.0-alpha.18',
-  '@storybook/addon-viewport': '7.0.0-alpha.18',
-  '@storybook/addons': '7.0.0-alpha.18',
-  '@storybook/angular': '7.0.0-alpha.18',
-  '@storybook/api': '7.0.0-alpha.18',
-  '@storybook/blocks': '7.0.0-alpha.18',
-  '@storybook/builder-manager': '7.0.0-alpha.18',
-  '@storybook/builder-webpack5': '7.0.0-alpha.18',
-  '@storybook/channel-postmessage': '7.0.0-alpha.18',
-  '@storybook/channel-websocket': '7.0.0-alpha.18',
-  '@storybook/channels': '7.0.0-alpha.18',
-  '@storybook/cli': '7.0.0-alpha.18',
-  '@storybook/client-api': '7.0.0-alpha.18',
-  '@storybook/client-logger': '7.0.0-alpha.18',
-  '@storybook/codemod': '7.0.0-alpha.18',
-  '@storybook/components': '7.0.0-alpha.18',
-  '@storybook/core-client': '7.0.0-alpha.18',
-  '@storybook/core-common': '7.0.0-alpha.18',
-  '@storybook/core-events': '7.0.0-alpha.18',
-  '@storybook/core-server': '7.0.0-alpha.18',
-  '@storybook/core-webpack': '7.0.0-alpha.18',
-  '@storybook/csf-tools': '7.0.0-alpha.18',
-  '@storybook/docs-tools': '7.0.0-alpha.18',
-  '@storybook/ember': '7.0.0-alpha.18',
-  '@storybook/html': '7.0.0-alpha.18',
-  '@storybook/html-webpack5': '7.0.0-alpha.18',
-  '@storybook/instrumenter': '7.0.0-alpha.18',
-  '@storybook/node-logger': '7.0.0-alpha.18',
-  '@storybook/postinstall': '7.0.0-alpha.18',
-  '@storybook/preact': '7.0.0-alpha.18',
-  '@storybook/preact-webpack5': '7.0.0-alpha.18',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.18',
-  '@storybook/preview-web': '7.0.0-alpha.18',
-  '@storybook/react': '7.0.0-alpha.18',
-  '@storybook/react-webpack5': '7.0.0-alpha.18',
-  '@storybook/router': '7.0.0-alpha.18',
-  '@storybook/server': '7.0.0-alpha.18',
-  '@storybook/server-webpack5': '7.0.0-alpha.18',
-  '@storybook/source-loader': '7.0.0-alpha.18',
-  '@storybook/store': '7.0.0-alpha.18',
-  '@storybook/svelte': '7.0.0-alpha.18',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.18',
-  '@storybook/telemetry': '7.0.0-alpha.18',
-  '@storybook/theming': '7.0.0-alpha.18',
-  '@storybook/ui': '7.0.0-alpha.18',
-  '@storybook/vue': '7.0.0-alpha.18',
-  '@storybook/vue-webpack5': '7.0.0-alpha.18',
-  '@storybook/vue3': '7.0.0-alpha.18',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.18',
-  '@storybook/web-components': '7.0.0-alpha.18',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.18',
-  sb: '7.0.0-alpha.18',
-  storybook: '7.0.0-alpha.18',
+  '@storybook/addon-a11y': '7.0.0-alpha.19',
+  '@storybook/addon-actions': '7.0.0-alpha.19',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.19',
+  '@storybook/addon-controls': '7.0.0-alpha.19',
+  '@storybook/addon-docs': '7.0.0-alpha.19',
+  '@storybook/addon-essentials': '7.0.0-alpha.19',
+  '@storybook/addon-highlight': '7.0.0-alpha.19',
+  '@storybook/addon-interactions': '7.0.0-alpha.19',
+  '@storybook/addon-jest': '7.0.0-alpha.19',
+  '@storybook/addon-links': '7.0.0-alpha.19',
+  '@storybook/addon-measure': '7.0.0-alpha.19',
+  '@storybook/addon-outline': '7.0.0-alpha.19',
+  '@storybook/addon-storyshots': '7.0.0-alpha.19',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.19',
+  '@storybook/addon-storysource': '7.0.0-alpha.19',
+  '@storybook/addon-toolbars': '7.0.0-alpha.19',
+  '@storybook/addon-viewport': '7.0.0-alpha.19',
+  '@storybook/addons': '7.0.0-alpha.19',
+  '@storybook/angular': '7.0.0-alpha.19',
+  '@storybook/api': '7.0.0-alpha.19',
+  '@storybook/blocks': '7.0.0-alpha.19',
+  '@storybook/builder-manager': '7.0.0-alpha.19',
+  '@storybook/builder-webpack5': '7.0.0-alpha.19',
+  '@storybook/channel-postmessage': '7.0.0-alpha.19',
+  '@storybook/channel-websocket': '7.0.0-alpha.19',
+  '@storybook/channels': '7.0.0-alpha.19',
+  '@storybook/cli': '7.0.0-alpha.19',
+  '@storybook/client-api': '7.0.0-alpha.19',
+  '@storybook/client-logger': '7.0.0-alpha.19',
+  '@storybook/codemod': '7.0.0-alpha.19',
+  '@storybook/components': '7.0.0-alpha.19',
+  '@storybook/core-client': '7.0.0-alpha.19',
+  '@storybook/core-common': '7.0.0-alpha.19',
+  '@storybook/core-events': '7.0.0-alpha.19',
+  '@storybook/core-server': '7.0.0-alpha.19',
+  '@storybook/core-webpack': '7.0.0-alpha.19',
+  '@storybook/csf-tools': '7.0.0-alpha.19',
+  '@storybook/docs-tools': '7.0.0-alpha.19',
+  '@storybook/ember': '7.0.0-alpha.19',
+  '@storybook/html': '7.0.0-alpha.19',
+  '@storybook/html-webpack5': '7.0.0-alpha.19',
+  '@storybook/instrumenter': '7.0.0-alpha.19',
+  '@storybook/node-logger': '7.0.0-alpha.19',
+  '@storybook/postinstall': '7.0.0-alpha.19',
+  '@storybook/preact': '7.0.0-alpha.19',
+  '@storybook/preact-webpack5': '7.0.0-alpha.19',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.19',
+  '@storybook/preview-web': '7.0.0-alpha.19',
+  '@storybook/react': '7.0.0-alpha.19',
+  '@storybook/react-webpack5': '7.0.0-alpha.19',
+  '@storybook/router': '7.0.0-alpha.19',
+  '@storybook/server': '7.0.0-alpha.19',
+  '@storybook/server-webpack5': '7.0.0-alpha.19',
+  '@storybook/source-loader': '7.0.0-alpha.19',
+  '@storybook/store': '7.0.0-alpha.19',
+  '@storybook/svelte': '7.0.0-alpha.19',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.19',
+  '@storybook/telemetry': '7.0.0-alpha.19',
+  '@storybook/theming': '7.0.0-alpha.19',
+  '@storybook/ui': '7.0.0-alpha.19',
+  '@storybook/vue': '7.0.0-alpha.19',
+  '@storybook/vue-webpack5': '7.0.0-alpha.19',
+  '@storybook/vue3': '7.0.0-alpha.19',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.19',
+  '@storybook/web-components': '7.0.0-alpha.19',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.19',
+  sb: '7.0.0-alpha.19',
+  storybook: '7.0.0-alpha.19',
 };
diff --git a/code/package.json b/code/package.json
index 962a2e0c5144..d862b7239a32 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "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 ab37035eae8c597e09e7ff8be240c0cc8e470e40 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 14:01:38 +1000
Subject: [PATCH 135/266] Add a get-template script

---
 scripts/get-template.ts | 79 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 scripts/get-template.ts

diff --git a/scripts/get-template.ts b/scripts/get-template.ts
new file mode 100644
index 000000000000..b98995fd96fa
--- /dev/null
+++ b/scripts/get-template.ts
@@ -0,0 +1,79 @@
+import { readdir } from 'fs/promises';
+import { pathExists } from 'fs-extra';
+import { resolve } from 'path';
+import TEMPLATES from '../code/lib/cli/src/repro-templates';
+
+const sandboxDir = resolve(__dirname, '../sandbox');
+
+export type Cadence = 'ci' | 'daily' | 'weekly';
+export type Template = {
+  cadence?: readonly Cadence[];
+  skipScripts?: string[];
+  // there are other fields but we don't use them here
+};
+export type TemplateKey = string;
+export type Templates = Record<TemplateKey, Template>;
+
+async function getDirectories(source: string) {
+  return (await readdir(source, { withFileTypes: true }))
+    .filter((entry) => entry.isDirectory())
+    .map((entry) => entry.name);
+}
+
+export async function getTemplate(
+  cadence: Cadence,
+  scriptName: string,
+  { index, total }: { index: number; total: number }
+) {
+  let potentialTemplateKeys: TemplateKey[];
+  if (pathExists(sandboxDir)) {
+    const sandboxes = await getDirectories(sandboxDir);
+    potentialTemplateKeys = sandboxes
+      .map((dirName) => {
+        return Object.keys(TEMPLATES).find(
+          (templateKey) => templateKey.replace('/', '-') === dirName
+        );
+      })
+      .filter(Boolean);
+  }
+
+  if (potentialTemplateKeys.length === 0) {
+    const allTemplates = Object.entries(TEMPLATES as Templates);
+    const cadenceTemplates = allTemplates.filter(([, template]) =>
+      template.cadence.includes(cadence)
+    );
+    const jobTemplates = cadenceTemplates.filter(([, t]) => !t.skipScripts?.includes(scriptName));
+    potentialTemplateKeys = Object.keys(jobTemplates);
+  }
+
+  if (potentialTemplateKeys.length !== total) {
+    throw new Error(`Circle parallelism set incorrectly.
+    
+      Parallelism is set to ${total}, but there are ${
+      potentialTemplateKeys.length
+    } templates to run:
+      ${potentialTemplateKeys.join(', ')}
+    `);
+  }
+
+  return potentialTemplateKeys[index];
+}
+
+async function run() {
+  const [, , cadence, scriptName] = process.argv;
+
+  if (!cadence) throw new Error('Need to supply cadence to get template script');
+
+  const { CIRCLE_NODE_INDEX = 0, CIRCLE_NODE_TOTAL = 1 } = process.env;
+
+  console.log(
+    await getTemplate(cadence as Cadence, scriptName, {
+      index: +CIRCLE_NODE_INDEX,
+      total: +CIRCLE_NODE_TOTAL,
+    })
+  );
+}
+
+if (require.main === module) {
+  run().catch((err) => console.error(err));
+}

From 74bdb53f67dd59bae2661c668d2d5d4296113281 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Fri, 12 Aug 2022 12:11:08 +0800
Subject: [PATCH 136/266] v7.0.0-alpha.19

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 778afeb98f73..24281342ed7b 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -62,15 +62,15 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/theming": "7.0.0-alpha.19",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 94cfa33dae07..fa881884fbec 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index b83e685eb49c..7196fbdd8122 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -62,13 +62,13 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 69145d90043b..410081db784c 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -57,16 +57,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/blocks": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/blocks": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 6754ff8a07f3..d6c505722a86 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -53,22 +53,22 @@
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/blocks": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/blocks": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.18",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
+    "@storybook/csf-tools": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
     "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
-    "@storybook/node-logger": "7.0.0-alpha.18",
-    "@storybook/postinstall": "7.0.0-alpha.18",
-    "@storybook/preview-web": "7.0.0-alpha.18",
-    "@storybook/source-loader": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/postinstall": "7.0.0-alpha.19",
+    "@storybook/preview-web": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "babel-loader": "^8.2.5",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index dc79caa2eefc..440e037c351d 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -33,25 +33,25 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-controls": "7.0.0-alpha.18",
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-measure": "7.0.0-alpha.18",
-    "@storybook/addon-outline": "7.0.0-alpha.18",
-    "@storybook/addon-toolbars": "7.0.0-alpha.18",
-    "@storybook/addon-viewport": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-controls": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-measure": "7.0.0-alpha.19",
+    "@storybook/addon-outline": "7.0.0-alpha.19",
+    "@storybook/addon-toolbars": "7.0.0-alpha.19",
+    "@storybook/addon-viewport": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/vue": "7.0.0-alpha.18",
+    "@storybook/vue": "7.0.0-alpha.19",
     "@types/jest": "^26.0.16",
     "typescript": "~4.6.3"
   },
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 81c61a3ee894..fb12d8526847 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -37,8 +37,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 11e9d7a876f0..5cc0b3999f21 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -36,15 +36,15 @@
   },
   "dependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/instrumenter": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/instrumenter": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "jest-mock": "^27.0.6",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 3f93dae279d9..0f10012cb4e5 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -59,12 +59,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react-sizeme": "^3.0.1",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index c4d835e2aa92..c7a47c4081c9 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -63,11 +63,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.18",
+    "@storybook/router": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 0612ec6b2d20..9add05314265 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
@@ -61,11 +61,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index d5f0352d699d..3ce0a7dbb780 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
@@ -64,11 +64,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index d9d1e573df32..ca18461425d1 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
@@ -38,12 +38,12 @@
   },
   "dependencies": {
     "@jest/transform": "^26.6.2",
-    "@storybook/addons": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/client-api": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/core-webpack": "7.0.0-alpha.18",
+    "@storybook/client-api": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "@types/glob": "^7.1.3",
     "@types/jest": "^26.0.16",
@@ -62,11 +62,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.18",
-    "@storybook/angular": "7.0.0-alpha.18",
-    "@storybook/react": "7.0.0-alpha.18",
-    "@storybook/vue": "7.0.0-alpha.18",
-    "@storybook/vue3": "7.0.0-alpha.18",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/angular": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/vue": "7.0.0-alpha.19",
+    "@storybook/vue3": "7.0.0-alpha.19",
     "babel-loader": "^8.2.5",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 886cdc357b1c..1218ab54a691 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "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.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "@types/jest-image-snapshot": "^4.1.3",
     "core-js": "^3.8.2",
     "jest-image-snapshot": "^4.3.0"
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index ae06102e602b..b49af8571eed 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/router": "7.0.0-alpha.18",
-    "@storybook/source-loader": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/router": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index 18dd68ab6e65..d5e48f78981e 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
@@ -57,11 +57,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2"
   },
   "devDependencies": {
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 1c2f410de2b2..afc84f7d6fb3 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
@@ -36,12 +36,12 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/examples/angular-cli/package.json b/code/examples/angular-cli/package.json
index 63f533024e20..07731391d056 100644
--- a/code/examples/angular-cli/package.json
+++ b/code/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "license": "MIT",
   "workspaces": {
@@ -44,22 +44,22 @@
     "@angular/compiler-cli": "^13.3.6",
     "@angular/elements": "^13.3.6",
     "@compodoc/compodoc": "^1.1.18",
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-controls": "7.0.0-alpha.18",
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-interactions": "7.0.0-alpha.18",
-    "@storybook/addon-jest": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
-    "@storybook/addon-storysource": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/angular": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-controls": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-interactions": "7.0.0-alpha.19",
+    "@storybook/addon-jest": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-storysource": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/angular": "7.0.0-alpha.19",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.18",
+    "@storybook/source-loader": "7.0.0-alpha.19",
     "@storybook/testing-library": "0.0.14-next.0",
     "@types/core-js": "^2.5.4",
     "@types/jest": "^26.0.16",
@@ -72,7 +72,7 @@
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
     "protractor": "~7.0.0",
-    "storybook": "7.0.0-alpha.18",
+    "storybook": "7.0.0-alpha.19",
     "storybook-addon-angular-ivy": "^0.0.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
diff --git a/code/examples/cra-kitchen-sink/package.json b/code/examples/cra-kitchen-sink/package.json
index a294d95c32d1..8b870c708a9d 100644
--- a/code/examples/cra-kitchen-sink/package.json
+++ b/code/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "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.18",
+    "@storybook/client-logger": "7.0.0-alpha.19",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "react": "16.14.0",
@@ -21,21 +21,21 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-jest": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-jest": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.18",
-    "@storybook/react-webpack5": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
-    "storybook": "7.0.0-alpha.18",
+    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/react-webpack5": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
+    "storybook": "7.0.0-alpha.19",
     "webpack": "5"
   },
   "storybook": {
diff --git a/code/examples/cra-ts-essentials/package.json b/code/examples/cra-ts-essentials/package.json
index a4809b8c0471..f9e05bb750ea 100644
--- a/code/examples/cra-ts-essentials/package.json
+++ b/code/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-essentials",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -23,8 +23,8 @@
     ]
   },
   "dependencies": {
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "@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.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
+    "@storybook/addon-essentials": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.18",
-    "@storybook/react-webpack5": "7.0.0-alpha.18",
+    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/react-webpack5": "7.0.0-alpha.19",
     "@storybook/testing-library": "^0.0.9",
-    "storybook": "7.0.0-alpha.18",
+    "storybook": "7.0.0-alpha.19",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/cra-ts-kitchen-sink/package.json b/code/examples/cra-ts-kitchen-sink/package.json
index e82a5a53a937..96f4de26b6f3 100644
--- a/code/examples/cra-ts-kitchen-sink/package.json
+++ b/code/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -34,23 +34,23 @@
     "typescript": "~4.6.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.18",
-    "@storybook/react-webpack5": "7.0.0-alpha.18",
+    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/react-webpack5": "7.0.0-alpha.19",
     "@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.18",
+    "storybook": "7.0.0-alpha.19",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/doc-blocks/package.json b/code/examples/doc-blocks/package.json
index 7f41a86e080c..94a959f5a97a 100644
--- a/code/examples/doc-blocks/package.json
+++ b/code/examples/doc-blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-doc-blocks",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build",
@@ -15,20 +15,20 @@
     "@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.18",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
-    "@storybook/addon-storysource": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/cli": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/react-webpack5": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/addon-essentials": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-storysource": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/cli": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/react-webpack5": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "@types/babel__preset-env": "^7",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.21",
-    "sb": "7.0.0-alpha.18",
+    "sb": "7.0.0-alpha.19",
     "typescript": "~4.6.3",
     "webpack": "5"
   },
diff --git a/code/examples/ember-cli/package.json b/code/examples/ember-cli/package.json
index 1773b827c707..bda64103c059 100644
--- a/code/examples/ember-cli/package.json
+++ b/code/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "scripts": {
     "--build-storybook": "yarn storybook-prebuild && storybook build",
@@ -17,19 +17,19 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@ember/optional-features": "^2.0.0",
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-controls": "7.0.0-alpha.18",
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/addon-storysource": "7.0.0-alpha.18",
-    "@storybook/addon-viewport": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/ember": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-controls": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addon-storysource": "7.0.0-alpha.19",
+    "@storybook/addon-viewport": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/ember": "7.0.0-alpha.19",
     "@storybook/ember-cli-storybook": "^0.2.1",
-    "@storybook/source-loader": "7.0.0-alpha.18",
+    "@storybook/source-loader": "7.0.0-alpha.19",
     "babel-loader": "^8.2.5",
     "broccoli-asset-rev": "^3.0.0",
     "browserify-zlib": "^0.2.0",
@@ -49,7 +49,7 @@
     "loader.js": "^4.7.0",
     "os-browserify": "^0.3.0",
     "shx": "^0.3.2",
-    "storybook": "7.0.0-alpha.18",
+    "storybook": "7.0.0-alpha.19",
     "stream-browserify": "^3.0.0",
     "vm-browserify": "^1.1.2",
     "webpack": "5",
diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json
index 45ea4cae4e13..39f5cedb3d21 100644
--- a/code/examples/external-docs/package.json
+++ b/code/examples/external-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/external-docs",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "scripts": {
     "build": "next build",
@@ -11,15 +11,15 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c .storybook"
   },
   "dependencies": {
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-essentials": "7.0.0-alpha.18",
-    "@storybook/blocks": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-essentials": "7.0.0-alpha.19",
+    "@storybook/blocks": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.18",
-    "@storybook/react": "7.0.0-alpha.18",
-    "@storybook/react-webpack5": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/preview-web": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/react-webpack5": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "formik": "^2.2.9",
     "next": "^12.1.0",
     "nextra": "^1.1.0",
@@ -38,7 +38,7 @@
     "cross-env": "^7.0.3",
     "eslint": "8.7.0",
     "eslint-config-next": "12.0.8",
-    "storybook": "7.0.0-alpha.18",
+    "storybook": "7.0.0-alpha.19",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/html-kitchen-sink/package.json b/code/examples/html-kitchen-sink/package.json
index 424bfc448a48..cf683cbb9c62 100644
--- a/code/examples/html-kitchen-sink/package.json
+++ b/code/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,31 +13,31 @@
     "storybook": "storybook dev -p 9006 --no-manager-cache"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-controls": "7.0.0-alpha.18",
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-jest": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-controls": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-jest": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
-    "@storybook/addon-storysource": "7.0.0-alpha.18",
-    "@storybook/addon-viewport": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/client-api": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
-    "@storybook/html": "7.0.0-alpha.18",
-    "@storybook/html-webpack5": "7.0.0-alpha.18",
-    "@storybook/source-loader": "7.0.0-alpha.18",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-storysource": "7.0.0-alpha.19",
+    "@storybook/addon-viewport": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/client-api": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/html": "7.0.0-alpha.19",
+    "@storybook/html-webpack5": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.19",
     "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.18"
+    "storybook": "7.0.0-alpha.19"
   },
   "storybook": {
     "chromatic": {
diff --git a/code/examples/official-storybook/package.json b/code/examples/official-storybook/package.json
index 7745dffa6777..464ef1de0c6e 100644
--- a/code/examples/official-storybook/package.json
+++ b/code/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@@ -13,33 +13,33 @@
   "devDependencies": {
     "@emotion/jest": "^11.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-controls": "7.0.0-alpha.18",
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-interactions": "7.0.0-alpha.18",
-    "@storybook/addon-jest": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
-    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.18",
-    "@storybook/addon-storysource": "7.0.0-alpha.18",
-    "@storybook/addon-toolbars": "7.0.0-alpha.18",
-    "@storybook/addon-viewport": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/cli": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-controls": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-interactions": "7.0.0-alpha.19",
+    "@storybook/addon-jest": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.19",
+    "@storybook/addon-storysource": "7.0.0-alpha.19",
+    "@storybook/addon-toolbars": "7.0.0-alpha.19",
+    "@storybook/addon-viewport": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/cli": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/design-system": "^5.4.7",
     "@storybook/jest": "^0.0.10",
-    "@storybook/node-logger": "7.0.0-alpha.18",
-    "@storybook/react": "7.0.0-alpha.18",
-    "@storybook/react-webpack5": "7.0.0-alpha.18",
-    "@storybook/router": "7.0.0-alpha.18",
-    "@storybook/source-loader": "7.0.0-alpha.18",
+    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/react-webpack5": "7.0.0-alpha.19",
+    "@storybook/router": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.19",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/theming": "7.0.0-alpha.19",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/user-event": "^13.1.9",
     "chromatic": "^6.0.2",
@@ -55,7 +55,7 @@
     "prop-types": "^15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.18",
+    "storybook": "7.0.0-alpha.19",
     "terser-webpack-plugin": "^5.3.1",
     "uuid-browser": "^3.1.0",
     "webpack": "5"
diff --git a/code/examples/preact-kitchen-sink/package.json b/code/examples/preact-kitchen-sink/package.json
index 2b0865fd1dbe..ceace462a3dc 100644
--- a/code/examples/preact-kitchen-sink/package.json
+++ b/code/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,18 +14,18 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
-    "@storybook/addon-storysource": "7.0.0-alpha.18",
-    "@storybook/addon-viewport": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/preact": "7.0.0-alpha.18",
-    "@storybook/preact-webpack5": "7.0.0-alpha.18",
-    "@storybook/source-loader": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-storysource": "7.0.0-alpha.19",
+    "@storybook/addon-viewport": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/preact": "7.0.0-alpha.19",
+    "@storybook/preact-webpack5": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.19",
     "@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.18",
+    "storybook": "7.0.0-alpha.19",
     "svg-url-loader": "^7.1.1",
     "webpack": "5",
     "webpack-dev-server": "^4.8.1"
diff --git a/code/examples/react-ts/package.json b/code/examples/react-ts/package.json
index a1df138de38e..112c7e19f018 100644
--- a/code/examples/react-ts/package.json
+++ b/code/examples/react-ts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "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.18",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
-    "@storybook/addon-storysource": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/cli": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/react": "7.0.0-alpha.18",
-    "@storybook/react-webpack5": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/addon-essentials": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-storysource": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/cli": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/react-webpack5": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "@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.18",
+    "storybook": "7.0.0-alpha.19",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/server-kitchen-sink/package.json b/code/examples/server-kitchen-sink/package.json
index 12f6f3614d40..c5efae0f52d1 100644
--- a/code/examples/server-kitchen-sink/package.json
+++ b/code/examples/server-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server-kitchen-sink",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,15 +14,15 @@
     "storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-controls": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
-    "@storybook/server": "7.0.0-alpha.18",
-    "@storybook/server-webpack5": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-controls": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/server": "7.0.0-alpha.19",
+    "@storybook/server-webpack5": "7.0.0-alpha.19",
     "concurrently": "^5.3.0",
     "cors": "^2.8.5",
     "express": "~4.17.1",
@@ -30,6 +30,6 @@
     "nodemon": "^2.0.7",
     "pug": "^3.0.0",
     "safe-identifier": "^0.4.1",
-    "storybook": "7.0.0-alpha.18"
+    "storybook": "7.0.0-alpha.19"
   }
 }
diff --git a/code/examples/standalone-preview/package.json b/code/examples/standalone-preview/package.json
index a094b0c6e5fd..6a18add58228 100644
--- a/code/examples/standalone-preview/package.json
+++ b/code/examples/standalone-preview/package.json
@@ -1,20 +1,20 @@
 {
   "name": "standalone-preview",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "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.18",
-    "@storybook/cli": "7.0.0-alpha.18",
-    "@storybook/react": "7.0.0-alpha.18",
-    "@storybook/react-webpack5": "7.0.0-alpha.18",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/cli": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/react-webpack5": "7.0.0-alpha.19",
     "cross-env": "^7.0.3",
     "parcel": "2.0.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.18"
+    "storybook": "7.0.0-alpha.19"
   }
 }
diff --git a/code/examples/svelte-kitchen-sink/package.json b/code/examples/svelte-kitchen-sink/package.json
index b6f3e5327af8..9c2065eed75b 100644
--- a/code/examples/svelte-kitchen-sink/package.json
+++ b/code/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "scripts": {
     "build-storybook": "storybook build",
@@ -10,24 +10,24 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-controls": "7.0.0-alpha.18",
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-interactions": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
-    "@storybook/addon-storysource": "7.0.0-alpha.18",
-    "@storybook/addon-viewport": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-controls": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-interactions": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-storysource": "7.0.0-alpha.19",
+    "@storybook/addon-viewport": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.18",
-    "@storybook/svelte": "7.0.0-alpha.18",
-    "@storybook/svelte-webpack5": "7.0.0-alpha.18",
+    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/svelte": "7.0.0-alpha.19",
+    "@storybook/svelte-webpack5": "7.0.0-alpha.19",
     "@storybook/testing-library": "0.0.14-next.0",
-    "storybook": "7.0.0-alpha.18",
+    "storybook": "7.0.0-alpha.19",
     "svelte-jester": "^2.3.2",
     "svelte-preprocess": "^4.10.6"
   },
diff --git a/code/examples/vue-3-cli/package.json b/code/examples/vue-3-cli/package.json
index 54cf20617505..416262da2f2d 100644
--- a/code/examples/vue-3-cli/package.json
+++ b/code/examples/vue-3-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-3-cli-example",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "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.18",
-    "@storybook/addon-essentials": "7.0.0-alpha.18",
-    "@storybook/addon-interactions": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-essentials": "7.0.0-alpha.19",
+    "@storybook/addon-interactions": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue3": "7.0.0-alpha.18",
-    "@storybook/vue3-webpack5": "7.0.0-alpha.18",
+    "@storybook/vue3": "7.0.0-alpha.19",
+    "@storybook/vue3-webpack5": "7.0.0-alpha.19",
     "@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.18",
+    "storybook": "7.0.0-alpha.19",
     "typescript": "~4.6.3",
     "vue-jest": "^5.0.0-alpha.8",
     "vue-loader": "^16.0.0"
diff --git a/code/examples/vue-cli/package.json b/code/examples/vue-cli/package.json
index 19de2ab13d21..cde4061040bc 100644
--- a/code/examples/vue-cli/package.json
+++ b/code/examples/vue-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-example",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "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.18",
-    "@storybook/addon-essentials": "7.0.0-alpha.18",
+    "@storybook/addon-controls": "7.0.0-alpha.19",
+    "@storybook/addon-essentials": "7.0.0-alpha.19",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/source-loader": "7.0.0-alpha.18",
-    "@storybook/vue": "7.0.0-alpha.18",
-    "@storybook/vue-webpack5": "7.0.0-alpha.18",
+    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/vue": "7.0.0-alpha.19",
+    "@storybook/vue-webpack5": "7.0.0-alpha.19",
     "@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.18",
+    "storybook": "7.0.0-alpha.19",
     "typescript": "~4.6.3",
     "vue-template-compiler": "^2.6.14"
   }
diff --git a/code/examples/vue-kitchen-sink/package.json b/code/examples/vue-kitchen-sink/package.json
index 4ceab0ad9e99..54a86fd03b65 100644
--- a/code/examples/vue-kitchen-sink/package.json
+++ b/code/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,29 +14,29 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.18",
-    "@storybook/addon-actions": "7.0.0-alpha.18",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.18",
-    "@storybook/addon-controls": "7.0.0-alpha.18",
-    "@storybook/addon-docs": "7.0.0-alpha.18",
-    "@storybook/addon-highlight": "7.0.0-alpha.18",
-    "@storybook/addon-interactions": "7.0.0-alpha.18",
-    "@storybook/addon-links": "7.0.0-alpha.18",
-    "@storybook/addon-storyshots": "7.0.0-alpha.18",
-    "@storybook/addon-storysource": "7.0.0-alpha.18",
-    "@storybook/addon-viewport": "7.0.0-alpha.18",
-    "@storybook/addons": "7.0.0-alpha.18",
+    "@storybook/addon-a11y": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.19",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
+    "@storybook/addon-controls": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.19",
+    "@storybook/addon-interactions": "7.0.0-alpha.19",
+    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-storysource": "7.0.0-alpha.19",
+    "@storybook/addon-viewport": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.19",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.18",
+    "@storybook/source-loader": "7.0.0-alpha.19",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue": "7.0.0-alpha.18",
-    "@storybook/vue-webpack5": "7.0.0-alpha.18",
+    "@storybook/vue": "7.0.0-alpha.19",
+    "@storybook/vue-webpack5": "7.0.0-alpha.19",
     "@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.18",
+    "storybook": "7.0.0-alpha.19",
     "svg-url-loader": "^7.1.1",
     "vue-loader": "^15.9.6",
     "vue-style-loader": "^4.1.3",
diff --git a/code/examples/web-components-kitchen-sink/package.json b/code/examples/web-components-kitchen-sink/package.json
index c58271a52225..f29e0d6ec66e 100644
--- a/code/examples/web-components-kitchen-sink/package.json
+++ b/code/examples/web-components-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components-kitchen-sink",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "private": true,
   "description": "",
   "keywords": [],
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index d7cf5c28e966..a741760dad4f 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,19 +34,19 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
-    "@storybook/core-server": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/core-server": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/store": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 0e73fca8fc47..311340c2bd6a 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -30,11 +30,11 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 41cc1e99e04e..68e515f8be05 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/html": "7.0.0-alpha.18",
-    "@storybook/preset-html-webpack": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/html": "7.0.0-alpha.19",
+    "@storybook/preset-html-webpack": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index ccd363007808..40a4a6f461e2 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/preact": "7.0.0-alpha.18",
-    "@storybook/preset-preact-webpack": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/preact": "7.0.0-alpha.19",
+    "@storybook/preset-preact-webpack": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 468d984bad61..93b3c0073232 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/preset-react-webpack": "7.0.0-alpha.18",
-    "@storybook/react": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/preset-react-webpack": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2"
   },
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 5522e4cf8b23..ad31de327324 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/preset-server-webpack": "7.0.0-alpha.18",
-    "@storybook/server": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/preset-server-webpack": "7.0.0-alpha.19",
+    "@storybook/server": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 8b7df1b4c83b..f301cae32973 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,10 +51,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/preset-svelte-webpack": "7.0.0-alpha.18",
-    "@storybook/svelte": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/preset-svelte-webpack": "7.0.0-alpha.19",
+    "@storybook/svelte": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index baf1af65002c..c92f656e216a 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-webpack5",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/preset-vue-webpack": "7.0.0-alpha.18",
-    "@storybook/vue": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/preset-vue-webpack": "7.0.0-alpha.19",
+    "@storybook/vue": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 3d368db14b76..30c493d1b189 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/preset-vue3-webpack": "7.0.0-alpha.18",
-    "@storybook/vue3": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/preset-vue3-webpack": "7.0.0-alpha.19",
+    "@storybook/vue3": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 5aa70e053955..c1fdc1f63476 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -53,10 +53,10 @@
   },
   "dependencies": {
     "@babel/preset-env": "^7.12.11",
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/preset-web-components-webpack": "7.0.0-alpha.18",
-    "@storybook/web-components": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/preset-web-components-webpack": "7.0.0-alpha.19",
+    "@storybook/web-components": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/lerna.json b/code/lerna.json
index ddd8bede1d8b..895fb00fa98c 100644
--- a/code/lerna.json
+++ b/code/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "7.0.0-alpha.18"
+  "version": "7.0.0-alpha.19"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 05f986a0407f..1f41293e9337 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/router": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 5b9d75e73951..466d86de97b8 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -32,13 +32,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.18",
+    "@storybook/router": "7.0.0-alpha.19",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 80122fd35435..755f86183b42 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
@@ -41,16 +41,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/preview-web": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/preview-web": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "color-convert": "^2.0.1",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
@@ -64,7 +64,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/addons": "7.0.0-alpha.18"
+    "@storybook/addons": "7.0.0-alpha.19"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index ecb0811946d3..7a2bd8ed89cc 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
@@ -42,9 +42,9 @@
   },
   "dependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
-    "@storybook/ui": "7.0.0-alpha.18",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/ui": "7.0.0-alpha.19",
     "@types/ejs": "^3.1.1",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
     "browser-assert": "^1.2.1",
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index fa7c306ea168..f8737d4bd889 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,23 +34,23 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/channel-postmessage": "7.0.0-alpha.18",
-    "@storybook/channel-websocket": "7.0.0-alpha.18",
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
-    "@storybook/core-webpack": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
-    "@storybook/preview-web": "7.0.0-alpha.18",
-    "@storybook/router": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/channel-postmessage": "7.0.0-alpha.19",
+    "@storybook/channel-websocket": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/preview-web": "7.0.0-alpha.19",
+    "@storybook/router": "7.0.0-alpha.19",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.18",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.19",
     "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-named-exports-order": "^0.0.2",
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 225b893bca04..400d44c5c41f 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,9 +34,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "qs": "^6.10.0",
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index 10a21acdbf68..a3e9b4e7e48f 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "telejson": "^6.0.8"
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index df81d753e6d4..e3b0d550a32a 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index b5bf249f9d5f..d9af3e3b554e 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.18"
+    "@storybook/cli": "7.0.0-alpha.19"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 73ae6e6357c5..a4e9dd993742 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -28,7 +28,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.18"
+    "@storybook/cli": "7.0.0-alpha.19"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index b65c09f49ded..b82294296d39 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -49,13 +49,13 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/core-server": "7.0.0-alpha.18",
-    "@storybook/csf-tools": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/codemod": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/core-server": "7.0.0-alpha.19",
+    "@storybook/csf-tools": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.18",
+    "@storybook/telemetry": "7.0.0-alpha.19",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -82,7 +82,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.18",
+    "@storybook/client-api": "7.0.0-alpha.19",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
     "@types/prompts": "^2.0.9",
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index d9bc9c9fe88c..93241a3bbfa8 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/channel-postmessage": "7.0.0-alpha.18",
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/channel-postmessage": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/store": "7.0.0-alpha.19",
     "@types/qs": "^6.9.5",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index d0f4ae209603..51e08a58b382 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 00ff88d317fc..6e9107d6da68 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -45,8 +45,8 @@
     "@babel/types": "^7.12.11",
     "@mdx-js/mdx": "^1.6.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/csf-tools": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "cross-spawn": "^7.0.3",
     "globby": "^11.0.2",
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index 993e0b9eea6f..e78efb54f401 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.18",
+    "@storybook/client-logger": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/theming": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index 120ef8779d8d..d804d1746650 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,16 +34,16 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/channel-postmessage": "7.0.0-alpha.18",
-    "@storybook/channel-websocket": "7.0.0-alpha.18",
-    "@storybook/client-api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/channel-postmessage": "7.0.0-alpha.19",
+    "@storybook/channel-websocket": "7.0.0-alpha.19",
+    "@storybook/client-api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
-    "@storybook/ui": "7.0.0-alpha.18",
+    "@storybook/preview-web": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/ui": "7.0.0-alpha.19",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 19cdee3147cf..163ca94871e4 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -69,7 +69,7 @@
     "@babel/preset-typescript": "^7.12.7",
     "@babel/register": "^7.12.1",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "@storybook/semver": "^7.3.2",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 7a1613f37c87..0f3760bbda7a 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
@@ -41,11 +41,6 @@
     "check": "tsc --noEmit",
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
-  "bundler": {
-    "entries": [
-      "./src/index.ts"
-    ]
-  },
   "dependencies": {
     "core-js": "^3.8.2"
   },
@@ -55,5 +50,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "bundler": {
+    "entries": [
+      "./src/index.ts"
+    ]
+  },
   "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
 }
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index 0a86172436db..dda504c3e7ab 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -35,17 +35,17 @@
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.88",
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-manager": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/builder-manager": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.18",
+    "@storybook/csf-tools": "7.0.0-alpha.19",
     "@storybook/docs-mdx": "0.0.1-canary.12433cf.0",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.18",
-    "@storybook/telemetry": "7.0.0-alpha.18",
+    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/telemetry": "7.0.0-alpha.19",
     "@types/node": "^14.0.10 || ^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
@@ -77,7 +77,7 @@
     "ws": "^8.2.3"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.18",
+    "@storybook/builder-webpack5": "7.0.0-alpha.19",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index e766ee942cc3..58853b0052c7 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "@types/node": "^14.0.10 || ^16.0.0",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 38e09a36acdb..e091e74f76f0 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 50dfa2b2d0bd..b0bf437711b2 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
@@ -36,7 +36,7 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/store": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 4d77cbf316fd..ed1b1dcfe0b7 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 1611cd164c3b..89bc93304c64 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index fe58e519c816..624b1b63b32e 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 183ad41f69f3..f4445a7f4ee5 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,13 +41,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/channel-postmessage": "7.0.0-alpha.18",
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/channel-postmessage": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/store": "7.0.0-alpha.19",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index c95a4117e673..395e6381336a 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -34,7 +34,7 @@
     "prepare": "ts-node ../../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.18",
+    "@storybook/client-logger": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 247dc830cb69..87fb19c8c08c 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -35,8 +35,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index b79046488f3b..12ef43e9c649 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 7a5606d4838b..c610f9ed3302 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
     "chalk": "^4.1.0",
     "core-js": "^3.8.2",
     "detect-package-manager": "^2.0.1",
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index c21e9d3e7e02..8adaa4b8a0a1 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -47,7 +47,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.18",
+    "@storybook/client-logger": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3"
   },
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index 53d393a206d0..42a0ca5a86b4 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -54,18 +54,18 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/channel-postmessage": "7.0.0-alpha.18",
-    "@storybook/channel-websocket": "7.0.0-alpha.18",
-    "@storybook/channels": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/components": "7.0.0-alpha.18",
-    "@storybook/core-events": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/channel-postmessage": "7.0.0-alpha.19",
+    "@storybook/channel-websocket": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/core-events": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.18",
+    "@storybook/router": "7.0.0-alpha.19",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.18",
+    "@storybook/theming": "7.0.0-alpha.19",
     "@testing-library/react": "^11.2.2",
     "copy-to-clipboard": "^3.3.1",
     "core-js": "^3.8.2",
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index ae45c42ab667..528bdc327052 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,7 +50,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.18",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "html-loader": "^3.1.0",
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 1bc1a9e27707..ff9d419f5998 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@storybook/core-webpack": "7.0.0-alpha.18",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index af9787cfd71c..967dc7cee13b 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -74,10 +74,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.18",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
-    "@storybook/react": "7.0.0-alpha.18",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.19",
     "@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/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index fbb4c036b6b8..922c392ba880 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -55,9 +55,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-server": "7.0.0-alpha.18",
-    "@storybook/core-webpack": "7.0.0-alpha.18",
-    "@storybook/server": "7.0.0-alpha.18",
+    "@storybook/core-server": "7.0.0-alpha.19",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
+    "@storybook/server": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 51e9461c801c..a584ab537106 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -65,8 +65,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 40c16581ef28..65c97cd24698 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue-webpack",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -60,8 +60,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.18",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 66b43abe2a44..e9d52bc9d48b 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -61,8 +61,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.18",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 74fc0aba860a..6b7c847ce0c4 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-web-components-webpack",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -55,7 +55,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.18",
+    "@storybook/core-webpack": "7.0.0-alpha.19",
     "@types/node": "^14.14.20 || ^16.0.0",
     "babel-loader": "^7.0.0 || ^8.0.0",
     "babel-plugin-bundled-import-meta": "^0.3.1",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 6919b0b915ca..445c08ec11a0 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/preview-web": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/preview-web": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index f247f4d60741..88b860fb0e28 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/store": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 02dd7890dc6e..df9e4f882446 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -51,12 +51,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "acorn": "^7.4.1",
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 2e24a80fdba4..d333323b97ec 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -50,11 +50,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/preview-web": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index e5f2b27b0570..6b0e2f7b9339 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -54,12 +54,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 4e9051e0aed7..40ab01bbb58c 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 9e0b9a537aab..b14e155d2216 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -51,11 +51,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 3cd9f7a69c7c..76f331b22c31 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -52,14 +52,14 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.18",
-    "@storybook/api": "7.0.0-alpha.18",
-    "@storybook/client-logger": "7.0.0-alpha.18",
-    "@storybook/core-client": "7.0.0-alpha.18",
+    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/core-client": "7.0.0-alpha.19",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.18",
-    "@storybook/preview-web": "7.0.0-alpha.18",
-    "@storybook/store": "7.0.0-alpha.18",
+    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/preview-web": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.19",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",

From d7689cdd8d285903dc117b45f0cb422ed7bd629e Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Fri, 12 Aug 2022 12:15:36 +0800
Subject: [PATCH 137/266] Update git head to 7.0.0-alpha.19, update yarn.lock
 [ci skip]

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 24281342ed7b..bfdf650919ca 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -105,7 +105,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index fa881884fbec..2cacb6697add 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -73,7 +73,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 7196fbdd8122..272ec6045a50 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -100,7 +100,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 410081db784c..fbe117ac3e55 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -93,7 +93,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index d6c505722a86..562a7ad673a9 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -104,7 +104,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 440e037c351d..0a9020226852 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -99,5 +99,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index fb12d8526847..9549be829549 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -49,7 +49,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Highlight",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 5cc0b3999f21..432b8e502921 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Interactions",
     "unsupportedFrameworks": [
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 0f10012cb4e5..1e360e767f4a 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -95,7 +95,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Jest",
     "icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index c7a47c4081c9..d13e99b0468a 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -99,7 +99,7 @@
       "./src/react/index.ts"
     ]
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 9add05314265..204c8da5593f 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -95,7 +95,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Measure",
     "unsupportedFrameworks": [
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 3ce0a7dbb780..dc797b9a9f1f 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -99,7 +99,7 @@
       "./src/preset/preview.tsx"
     ]
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Outline",
     "unsupportedFrameworks": [
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index ca18461425d1..357d915fce32 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -144,7 +144,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Storyshots",
     "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 1218ab54a691..738d91deeeb3 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index b49af8571eed..fe71fcb4868d 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -67,7 +67,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Storysource",
     "icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index d5e48f78981e..a9d6f8d1441a 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -89,7 +89,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Toolbars",
     "icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index afc84f7d6fb3..6e97da5a1990 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -65,7 +65,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53",
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
   "storybook": {
     "displayName": "Viewport",
     "icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index a741760dad4f..47a10acc91dc 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 311340c2bd6a..c74346af58b8 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 68e515f8be05..afbc7f8bc903 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -79,5 +79,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 40a4a6f461e2..d83770ec622b 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 93b3c0073232..aae2d5f8cfcb 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index ad31de327324..f5df621c62f1 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -75,5 +75,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index f301cae32973..a81016522bdb 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index c92f656e216a..b4da7c561705 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 30c493d1b189..7f518562ee7b 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -83,5 +83,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index c1fdc1f63476..6ac085813068 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 1f41293e9337..059c5f1471e8 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 466d86de97b8..608bef4f3041 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 755f86183b42..40a132d19726 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -77,5 +77,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 7a2bd8ed89cc..e06a5d2d8907 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -69,5 +69,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index f8737d4bd889..5f97bba807b1 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -95,5 +95,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 400d44c5c41f..7150cb97f0db 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index a3e9b4e7e48f..74e54f26ec68 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index e3b0d550a32a..19987aa5040e 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -57,5 +57,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index d9af3e3b554e..71ba872a2ec0 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index a4e9dd993742..85a5526403a1 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index b82294296d39..9ec6f67d5466 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -97,5 +97,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index 93241a3bbfa8..ea9ba4eb570d 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 51e08a58b382..971c50cd2744 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 6e9107d6da68..750554619fe9 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index e78efb54f401..19c4d9fb78ff 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "neutral"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index d804d1746650..9f754bff57f3 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 163ca94871e4..289525ffb4d7 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -125,5 +125,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 0f3760bbda7a..f5270120f038 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -41,6 +41,11 @@
     "check": "tsc --noEmit",
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
+  "bundler": {
+    "entries": [
+      "./src/index.ts"
+    ]
+  },
   "dependencies": {
     "core-js": "^3.8.2"
   },
@@ -50,10 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "bundler": {
-    "entries": [
-      "./src/index.ts"
-    ]
-  },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index dda504c3e7ab..34b2f0dd08ef 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -101,5 +101,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 58853b0052c7..e4adc3097ad8 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index e091e74f76f0..dec5a5690215 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index b0bf437711b2..345c8c50dd51 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -49,5 +49,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index ed1b1dcfe0b7..3b3112174a20 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 89bc93304c64..ecef8c72e253 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 624b1b63b32e..860d8e4f8890 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index f4445a7f4ee5..d2bd995c35db 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index 395e6381336a..fe50f0e8e51f 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -58,5 +58,5 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.ts",
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 87fb19c8c08c..3fabb327a3ce 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 12ef43e9c649..f7c17bd5a849 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index c610f9ed3302..090d1351ddf3 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 8adaa4b8a0a1..ed9b73cf401c 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -80,5 +80,5 @@
     ],
     "post": "./scripts/fix-theme-type-export.ts"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index 42a0ca5a86b4..a18c307a0fec 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -104,5 +104,5 @@
       "./src/runtime.ts"
     ]
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 528bdc327052..824a896e3d16 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -76,5 +76,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index ff9d419f5998..5189c38e50d4 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 967dc7cee13b..84968c6f18b6 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -123,5 +123,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 922c392ba880..09e907114fd8 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index a584ab537106..23ce53b5d049 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 65c97cd24698..b8bb7edd3eac 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index e9d52bc9d48b..9dc2005607f0 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 6b7c847ce0c4..de60848030ca 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 445c08ec11a0..fb2dc3261559 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -81,5 +81,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 88b860fb0e28..360b1b18b497 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index df9e4f882446..86dd4e1eee91 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -101,5 +101,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index d333323b97ec..31de1b3f6f3b 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 6b0e2f7b9339..24eb431564ec 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 40ab01bbb58c..53709aa7625b 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index b14e155d2216..0630ec2927a5 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 76f331b22c31..a1b048d8717b 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }
diff --git a/code/yarn.lock b/code/yarn.lock
index e4e9a9a26eee..a09a09792fce 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6740,19 +6740,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-a11y@7.0.0-alpha.18, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
+"@storybook/addon-a11y@7.0.0-alpha.19, @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/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/channels": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/theming": 7.0.0-alpha.19
     "@testing-library/react": ^11.2.2
     axe-core: ^4.2.0
     core-js: ^3.8.2
@@ -6773,17 +6773,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-actions@7.0.0-alpha.18, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/theming": 7.0.0-alpha.19
     "@types/lodash": ^4.14.167
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -6808,17 +6808,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-backgrounds@7.0.0-alpha.18, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/theming": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -6836,20 +6836,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-controls@7.0.0-alpha.18, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/blocks": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/blocks": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     core-js: ^3.8.2
     lodash: ^4.17.21
     ts-dedent: ^2.0.0
@@ -6864,7 +6864,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-docs@7.0.0-alpha.18, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@7.0.0-alpha.19, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-docs@workspace:addons/docs"
   dependencies:
@@ -6873,23 +6873,23 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@jest/transform": ^26.6.2
     "@mdx-js/react": ^1.6.22
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/blocks": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/blocks": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.18
-    "@storybook/docs-tools": 7.0.0-alpha.18
+    "@storybook/csf-tools": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.19
     "@storybook/mdx1-csf": 0.0.5-canary.13.9ce928a.0
     "@storybook/mdx2-csf": 0.0.4-canary.14.04ffbe8.0
-    "@storybook/node-logger": 7.0.0-alpha.18
-    "@storybook/postinstall": 7.0.0-alpha.18
-    "@storybook/preview-web": 7.0.0-alpha.18
-    "@storybook/source-loader": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/postinstall": 7.0.0-alpha.19
+    "@storybook/preview-web": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     "@types/util-deprecate": ^1.0.0
     babel-loader: ^8.2.5
     core-js: ^3.8.2
@@ -6915,25 +6915,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-essentials@7.0.0-alpha.18, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
+"@storybook/addon-essentials@7.0.0-alpha.19, @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.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-controls": 7.0.0-alpha.18
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-measure": 7.0.0-alpha.18
-    "@storybook/addon-outline": 7.0.0-alpha.18
-    "@storybook/addon-toolbars": 7.0.0-alpha.18
-    "@storybook/addon-viewport": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/node-logger": 7.0.0-alpha.18
-    "@storybook/vue": 7.0.0-alpha.18
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-controls": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-measure": 7.0.0-alpha.19
+    "@storybook/addon-outline": 7.0.0-alpha.19
+    "@storybook/addon-toolbars": 7.0.0-alpha.19
+    "@storybook/addon-viewport": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/vue": 7.0.0-alpha.19
     "@types/jest": ^26.0.16
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -6968,12 +6968,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-highlight@7.0.0-alpha.18, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
+"@storybook/addon-highlight@7.0.0-alpha.19, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-highlight@workspace:addons/highlight"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -6981,22 +6981,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-interactions@7.0.0-alpha.18, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
+"@storybook/addon-interactions@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/instrumenter": 7.0.0-alpha.18
+    "@storybook/instrumenter": 7.0.0-alpha.19
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/theming": 7.0.0-alpha.19
     core-js: ^3.8.2
     formik: ^2.2.9
     global: ^4.4.0
@@ -7015,16 +7015,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-jest@7.0.0-alpha.18, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
+"@storybook/addon-jest@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     react-sizeme: ^3.0.1
@@ -7041,15 +7041,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-links@7.0.0-alpha.18, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
+"@storybook/addon-links@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.18
+    "@storybook/router": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     prop-types: ^15.7.2
@@ -7066,15 +7066,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-measure@7.0.0-alpha.18, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7090,15 +7090,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-outline@7.0.0-alpha.18, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7128,20 +7128,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.18, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
+"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.19, @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.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.18
+    "@storybook/node-logger": 7.0.0-alpha.19
     "@types/jest-image-snapshot": ^4.1.3
     "@types/puppeteer": ^5.4.0
     core-js: ^3.8.2
     jest-image-snapshot: ^4.3.0
     puppeteer: ^2.0.0 || ^3.0.0
   peerDependencies:
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
     puppeteer: ">=2.0.0"
   peerDependenciesMeta:
     puppeteer:
@@ -7149,7 +7149,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storyshots@7.0.0-alpha.18, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
+"@storybook/addon-storyshots@7.0.0-alpha.19, @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:
@@ -7157,18 +7157,18 @@ __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.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/angular": 7.0.0-alpha.18
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/angular": 7.0.0-alpha.19
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 7.0.0-alpha.18
-    "@storybook/core-client": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/core-webpack": 7.0.0-alpha.18
+    "@storybook/client-api": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/core-webpack": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/react": 7.0.0-alpha.18
-    "@storybook/vue": 7.0.0-alpha.18
-    "@storybook/vue3": 7.0.0-alpha.18
+    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/vue": 7.0.0-alpha.19
+    "@storybook/vue3": 7.0.0-alpha.19
     "@types/glob": ^7.1.3
     "@types/jest": ^26.0.16
     "@types/jest-specific-snapshot": ^0.5.3
@@ -7239,17 +7239,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storysource@7.0.0-alpha.18, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
+"@storybook/addon-storysource@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/router": 7.0.0-alpha.18
-    "@storybook/source-loader": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/router": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     "@types/react": ^16.14.23
     "@types/react-syntax-highlighter": 11.0.5
     core-js: ^3.8.2
@@ -7268,15 +7268,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-toolbars@7.0.0-alpha.18, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-toolbars@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     core-js: ^3.8.2
     typescript: ~4.6.3
   peerDependencies:
@@ -7290,16 +7290,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-viewport@7.0.0-alpha.18, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -7316,17 +7316,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@7.0.0-alpha.18, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
+"@storybook/addons@7.0.0-alpha.19, @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.18
-    "@storybook/channels": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/router": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7358,7 +7358,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/angular@7.0.0-alpha.18, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
+"@storybook/angular@7.0.0-alpha.19, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
   version: 0.0.0-use.local
   resolution: "@storybook/angular@workspace:frameworks/angular"
   dependencies:
@@ -7375,19 +7375,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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/builder-webpack5": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-client": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
-    "@storybook/core-server": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/core-server": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/node-logger": 7.0.0-alpha.18
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/store": 7.0.0-alpha.19
     "@types/autoprefixer": ^9.7.2
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -7444,17 +7444,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@7.0.0-alpha.18, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
+"@storybook/api@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.18
+    "@storybook/router": 7.0.0-alpha.19
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/theming": 7.0.0-alpha.19
     "@types/lodash": ^4.14.167
     "@types/qs": ^6
     "@types/semver": ^7.3.4
@@ -7512,21 +7512,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@7.0.0-alpha.18, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
+"@storybook/blocks@7.0.0-alpha.19, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
   version: 0.0.0-use.local
   resolution: "@storybook/blocks@workspace:lib/blocks"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/channels": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/preview-web": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/preview-web": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     color-convert: ^2.0.1
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -7543,14 +7543,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-manager@7.0.0-alpha.18, @storybook/builder-manager@workspace:lib/builder-manager":
+"@storybook/builder-manager@7.0.0-alpha.19, @storybook/builder-manager@workspace:lib/builder-manager":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-manager@workspace:lib/builder-manager"
   dependencies:
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/node-logger": 7.0.0-alpha.18
-    "@storybook/ui": 7.0.0-alpha.18
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/ui": 7.0.0-alpha.19
     "@types/ejs": ^3.1.1
     "@yarnpkg/esbuild-plugin-pnp": ^3.0.0-rc.10
     browser-assert: ^1.2.1
@@ -7566,28 +7566,28 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-webpack5@7.0.0-alpha.18, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
+"@storybook/builder-webpack5@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/channel-postmessage": 7.0.0-alpha.18
-    "@storybook/channel-websocket": 7.0.0-alpha.18
-    "@storybook/channels": 7.0.0-alpha.18
-    "@storybook/client-api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
-    "@storybook/core-webpack": 7.0.0-alpha.18
-    "@storybook/node-logger": 7.0.0-alpha.18
-    "@storybook/preview-web": 7.0.0-alpha.18
-    "@storybook/router": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/channel-postmessage": 7.0.0-alpha.19
+    "@storybook/channel-websocket": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/core-webpack": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/preview-web": 7.0.0-alpha.19
+    "@storybook/router": 7.0.0-alpha.19
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.2.0
     "@types/webpack-dev-middleware": ^5.3.0
@@ -7626,13 +7626,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-postmessage@7.0.0-alpha.18, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
+"@storybook/channel-postmessage@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     qs: ^6.10.0
@@ -7641,12 +7641,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-websocket@7.0.0-alpha.18, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
+"@storybook/channel-websocket@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     telejson: ^6.0.8
@@ -7654,7 +7654,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@7.0.0-alpha.18, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@7.0.0-alpha.19, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
@@ -7676,20 +7676,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/cli@7.0.0-alpha.18, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@7.0.0-alpha.19, @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.18
-    "@storybook/codemod": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/core-server": 7.0.0-alpha.18
-    "@storybook/csf-tools": 7.0.0-alpha.18
-    "@storybook/node-logger": 7.0.0-alpha.18
+    "@storybook/client-api": 7.0.0-alpha.19
+    "@storybook/codemod": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/core-server": 7.0.0-alpha.19
+    "@storybook/csf-tools": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
     "@storybook/semver": ^7.3.2
-    "@storybook/telemetry": 7.0.0-alpha.18
+    "@storybook/telemetry": 7.0.0-alpha.19
     "@types/cross-spawn": ^6.0.2
     "@types/degit": ^2.8.3
     "@types/prompts": ^2.0.9
@@ -7728,17 +7728,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-api@7.0.0-alpha.18, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
+"@storybook/client-api@7.0.0-alpha.19, @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.18
-    "@storybook/channel-postmessage": 7.0.0-alpha.18
-    "@storybook/channels": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/channel-postmessage": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/store": 7.0.0-alpha.19
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
@@ -7758,7 +7758,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@7.0.0-alpha.18, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@7.0.0-alpha.19, @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:
@@ -7778,15 +7778,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/codemod@7.0.0-alpha.18, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@7.0.0-alpha.19, @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.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.18
-    "@storybook/node-logger": 7.0.0-alpha.18
+    "@storybook/csf-tools": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
     core-js: ^3.8.2
     cross-spawn: ^7.0.3
     globby: ^11.0.2
@@ -7800,14 +7800,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/components@7.0.0-alpha.18, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
+"@storybook/components@7.0.0-alpha.19, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
   version: 0.0.0-use.local
   resolution: "@storybook/components@workspace:lib/components"
   dependencies:
     "@popperjs/core": ^2.6.0
-    "@storybook/client-logger": 7.0.0-alpha.18
+    "@storybook/client-logger": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/theming": 7.0.0-alpha.19
     "@testing-library/jest-dom": ^5.16.4
     "@types/color-convert": ^2.0.0
     "@types/lodash": ^4.14.182
@@ -7842,20 +7842,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-client@7.0.0-alpha.18, @storybook/core-client@workspace:lib/core-client":
+"@storybook/core-client@7.0.0-alpha.19, @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.18
-    "@storybook/channel-postmessage": 7.0.0-alpha.18
-    "@storybook/channel-websocket": 7.0.0-alpha.18
-    "@storybook/client-api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/channel-postmessage": 7.0.0-alpha.19
+    "@storybook/channel-websocket": 7.0.0-alpha.19
+    "@storybook/client-api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
-    "@storybook/ui": 7.0.0-alpha.18
+    "@storybook/preview-web": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/ui": 7.0.0-alpha.19
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7871,7 +7871,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@7.0.0-alpha.18, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@7.0.0-alpha.19, @storybook/core-common@workspace:lib/core-common":
   version: 0.0.0-use.local
   resolution: "@storybook/core-common@workspace:lib/core-common"
   dependencies:
@@ -7898,7 +7898,7 @@ __metadata:
     "@babel/preset-typescript": ^7.12.7
     "@babel/register": ^7.12.1
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.18
+    "@storybook/node-logger": 7.0.0-alpha.19
     "@storybook/semver": ^7.3.2
     "@types/babel__core": ^7.0.0
     "@types/compression": ^1.7.0
@@ -7942,7 +7942,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@7.0.0-alpha.18, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@7.0.0-alpha.19, @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:
@@ -7960,24 +7960,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-server@7.0.0-alpha.18, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@7.0.0-alpha.19, @storybook/core-server@workspace:lib/core-server":
   version: 0.0.0-use.local
   resolution: "@storybook/core-server@workspace:lib/core-server"
   dependencies:
     "@aw-web-design/x-default-browser": 1.4.88
     "@discoveryjs/json-ext": ^0.5.3
-    "@storybook/builder-manager": 7.0.0-alpha.18
-    "@storybook/builder-webpack5": 7.0.0-alpha.18
-    "@storybook/core-client": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/builder-manager": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.18
+    "@storybook/csf-tools": 7.0.0-alpha.19
     "@storybook/docs-mdx": 0.0.1-canary.12433cf.0
-    "@storybook/node-logger": 7.0.0-alpha.18
+    "@storybook/node-logger": 7.0.0-alpha.19
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.18
-    "@storybook/telemetry": 7.0.0-alpha.18
+    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/telemetry": 7.0.0-alpha.19
     "@types/compression": ^1.7.0
     "@types/ip": ^1.1.0
     "@types/node": ^14.0.10 || ^16.0.0
@@ -8025,12 +8025,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-webpack@7.0.0-alpha.18, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
+"@storybook/core-webpack@7.0.0-alpha.19, @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.18
-    "@storybook/node-logger": 7.0.0-alpha.18
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
     "@types/node": ^14.0.10 || ^16.0.0
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -8038,7 +8038,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@7.0.0-alpha.18, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@7.0.0-alpha.19, @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:
@@ -8123,13 +8123,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/docs-tools@7.0.0-alpha.18, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+"@storybook/docs-tools@7.0.0-alpha.19, @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.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/store": 7.0.0-alpha.19
     core-js: ^3.8.2
     doctrine: ^3.0.0
     jest-specific-snapshot: ^4.0.0
@@ -8151,15 +8151,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ember@7.0.0-alpha.18, @storybook/ember@workspace:*, @storybook/ember@workspace:frameworks/ember":
+"@storybook/ember@7.0.0-alpha.19, @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.18
-    "@storybook/core-client": 7.0.0-alpha.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8192,14 +8192,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.18
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
-    "@storybook/addon-storysource": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/cli": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/react-webpack5": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/addon-essentials": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-storysource": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/cli": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/react-webpack5": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     "@types/babel__preset-env": ^7
     "@types/react": ^16.14.23
     "@types/react-dom": ^16.9.14
@@ -8207,7 +8207,7 @@ __metadata:
     lodash: ^4.17.21
     react: 16.14.0
     react-dom: 16.14.0
-    sb: 7.0.0-alpha.18
+    sb: 7.0.0-alpha.19
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8220,15 +8220,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.18
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
-    "@storybook/addon-storysource": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/cli": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/react": 7.0.0-alpha.18
-    "@storybook/react-webpack5": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/addon-essentials": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-storysource": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/cli": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/react-webpack5": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     "@testing-library/dom": ^7.31.2
     "@testing-library/react": 12.1.2
     "@testing-library/user-event": ^13.1.9
@@ -8241,7 +8241,7 @@ __metadata:
     prop-types: 15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8261,15 +8261,15 @@ __metadata:
   resolution: "@storybook/external-docs@workspace:examples/external-docs"
   dependencies:
     "@babel/preset-env": ^7.17.10
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-essentials": 7.0.0-alpha.18
-    "@storybook/blocks": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-essentials": 7.0.0-alpha.19
+    "@storybook/blocks": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.18
-    "@storybook/react": 7.0.0-alpha.18
-    "@storybook/react-webpack5": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/preview-web": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/react-webpack5": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     "@types/babel__preset-env": ^7
@@ -8285,20 +8285,20 @@ __metadata:
     prop-types: ^15.8.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
   linkType: soft
 
-"@storybook/html-webpack5@7.0.0-alpha.18, @storybook/html-webpack5@workspace:*, @storybook/html-webpack5@workspace:frameworks/html-webpack5":
+"@storybook/html-webpack5@7.0.0-alpha.19, @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.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/html": 7.0.0-alpha.18
-    "@storybook/preset-html-webpack": 7.0.0-alpha.18
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/html": 7.0.0-alpha.19
+    "@storybook/preset-html-webpack": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8310,16 +8310,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/html@7.0.0-alpha.18, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
+"@storybook/html@7.0.0-alpha.19, @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.18
-    "@storybook/core-client": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/preview-web": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/preview-web": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8331,13 +8331,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@7.0.0-alpha.18, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     typescript: ~4.6.3
@@ -8449,7 +8449,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/node-logger@7.0.0-alpha.18, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@7.0.0-alpha.19, @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:
@@ -8476,7 +8476,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/postinstall@7.0.0-alpha.18, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@7.0.0-alpha.19, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
   version: 0.0.0-use.local
   resolution: "@storybook/postinstall@workspace:lib/postinstall"
   dependencies:
@@ -8488,14 +8488,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact-webpack5@7.0.0-alpha.18, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
+"@storybook/preact-webpack5@7.0.0-alpha.19, @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.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/preact": 7.0.0-alpha.18
-    "@storybook/preset-preact-webpack": 7.0.0-alpha.18
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/preact": 7.0.0-alpha.19
+    "@storybook/preset-preact-webpack": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8508,14 +8508,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact@7.0.0-alpha.18, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
+"@storybook/preact@7.0.0-alpha.19, @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.18
-    "@storybook/core-client": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/store": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     preact: ^10.5.13
@@ -8547,11 +8547,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-html-webpack@7.0.0-alpha.18, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
+"@storybook/preset-html-webpack@7.0.0-alpha.19, @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.18
+    "@storybook/core-webpack": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     html-loader: ^3.1.0
@@ -8564,12 +8564,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-preact-webpack@7.0.0-alpha.18, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
+"@storybook/preset-preact-webpack@7.0.0-alpha.19, @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.18
+    "@storybook/core-webpack": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8582,17 +8582,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-react-webpack@7.0.0-alpha.18, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
+"@storybook/preset-react-webpack@7.0.0-alpha.19, @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.18
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/node-logger": 7.0.0-alpha.18
-    "@storybook/react": 7.0.0-alpha.18
+    "@storybook/core-webpack": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.19
     "@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
@@ -8629,13 +8629,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-server-webpack@7.0.0-alpha.18, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
+"@storybook/preset-server-webpack@7.0.0-alpha.19, @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.18
-    "@storybook/core-webpack": 7.0.0-alpha.18
-    "@storybook/server": 7.0.0-alpha.18
+    "@storybook/core-server": 7.0.0-alpha.19
+    "@storybook/core-webpack": 7.0.0-alpha.19
+    "@storybook/server": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     fs-extra: ^9.0.1
@@ -8651,12 +8651,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-svelte-webpack@7.0.0-alpha.18, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
+"@storybook/preset-svelte-webpack@7.0.0-alpha.19, @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.18
-    "@storybook/node-logger": 7.0.0-alpha.18
+    "@storybook/core-webpack": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -8672,12 +8672,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue-webpack@7.0.0-alpha.18, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
+"@storybook/preset-vue-webpack@7.0.0-alpha.19, @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.18
-    "@storybook/docs-tools": 7.0.0-alpha.18
+    "@storybook/core-webpack": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -8700,12 +8700,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue3-webpack@7.0.0-alpha.18, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
+"@storybook/preset-vue3-webpack@7.0.0-alpha.19, @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.18
-    "@storybook/docs-tools": 7.0.0-alpha.18
+    "@storybook/core-webpack": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": ^3.2.33
     core-js: ^3.8.2
@@ -8726,14 +8726,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-web-components-webpack@7.0.0-alpha.18, @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.19, @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.18
+    "@storybook/core-webpack": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     babel-loader: ^7.0.0 || ^8.0.0
     babel-plugin-bundled-import-meta: ^0.3.1
@@ -8747,17 +8747,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preview-web@7.0.0-alpha.18, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
+"@storybook/preview-web@7.0.0-alpha.19, @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.18
-    "@storybook/channel-postmessage": 7.0.0-alpha.18
-    "@storybook/channels": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/channel-postmessage": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/store": 7.0.0-alpha.19
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8788,13 +8788,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-webpack5@7.0.0-alpha.18, @storybook/react-webpack5@workspace:*, @storybook/react-webpack5@workspace:frameworks/react-webpack5":
+"@storybook/react-webpack5@7.0.0-alpha.19, @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.18
-    "@storybook/preset-react-webpack": 7.0.0-alpha.18
-    "@storybook/react": 7.0.0-alpha.18
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/preset-react-webpack": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     jest-specific-snapshot: ^4.0.0
@@ -8811,17 +8811,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/react@7.0.0-alpha.18, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
+"@storybook/react@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-client": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
     "@types/estree": ^0.0.51
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/util-deprecate": ^1.0.0
@@ -9122,11 +9122,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@7.0.0-alpha.18, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@7.0.0-alpha.19, @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.18
+    "@storybook/client-logger": 7.0.0-alpha.19
     core-js: ^3.8.2
     dequal: ^2.0.2
     global: ^4.4.0
@@ -9173,14 +9173,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/server-webpack5@7.0.0-alpha.18, @storybook/server-webpack5@workspace:*, @storybook/server-webpack5@workspace:frameworks/server-webpack5":
+"@storybook/server-webpack5@7.0.0-alpha.19, @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.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/preset-server-webpack": 7.0.0-alpha.18
-    "@storybook/server": 7.0.0-alpha.18
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/preset-server-webpack": 7.0.0-alpha.19
+    "@storybook/server": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9189,15 +9189,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/server@7.0.0-alpha.18, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
+"@storybook/server@7.0.0-alpha.19, @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.18
-    "@storybook/core-client": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/preview-web": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9207,12 +9207,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/source-loader@7.0.0-alpha.18, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     estraverse: ^5.2.0
@@ -9226,13 +9226,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/store@7.0.0-alpha.18, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
+"@storybook/store@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -9251,14 +9251,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte-webpack5@7.0.0-alpha.18, @storybook/svelte-webpack5@workspace:*, @storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5":
+"@storybook/svelte-webpack5@7.0.0-alpha.19, @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.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/preset-svelte-webpack": 7.0.0-alpha.18
-    "@storybook/svelte": 7.0.0-alpha.18
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/preset-svelte-webpack": 7.0.0-alpha.19
+    "@storybook/svelte": 7.0.0-alpha.19
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -9272,16 +9272,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@7.0.0-alpha.18, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
+"@storybook/svelte@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-client": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9295,12 +9295,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/telemetry@7.0.0-alpha.18, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
+"@storybook/telemetry@7.0.0-alpha.19, @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.18
-    "@storybook/core-common": 7.0.0-alpha.18
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
     chalk: ^4.1.0
     core-js: ^3.8.2
     detect-package-manager: ^2.0.1
@@ -9340,7 +9340,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@7.0.0-alpha.18, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@7.0.0-alpha.19, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
   version: 0.0.0-use.local
   resolution: "@storybook/theming@workspace:lib/theming"
   dependencies:
@@ -9348,7 +9348,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.18
+    "@storybook/client-logger": 7.0.0-alpha.19
     "@types/fs-extra": ^9.0.6
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
@@ -9381,24 +9381,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ui@7.0.0-alpha.18, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
+"@storybook/ui@7.0.0-alpha.19, @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
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/channel-postmessage": 7.0.0-alpha.18
-    "@storybook/channel-websocket": 7.0.0-alpha.18
-    "@storybook/channels": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/channel-postmessage": 7.0.0-alpha.19
+    "@storybook/channel-websocket": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.18
+    "@storybook/router": 7.0.0-alpha.19
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/theming": 7.0.0-alpha.19
     "@testing-library/react": ^11.2.2
     copy-to-clipboard: ^3.3.1
     core-js: ^3.8.2
@@ -9428,14 +9428,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue-webpack5@7.0.0-alpha.18, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5":
+"@storybook/vue-webpack5@7.0.0-alpha.19, @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.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/preset-vue-webpack": 7.0.0-alpha.18
-    "@storybook/vue": 7.0.0-alpha.18
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/preset-vue-webpack": 7.0.0-alpha.19
+    "@storybook/vue": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9454,14 +9454,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3-webpack5@7.0.0-alpha.18, @storybook/vue3-webpack5@workspace:*, @storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5":
+"@storybook/vue3-webpack5@7.0.0-alpha.19, @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.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/preset-vue3-webpack": 7.0.0-alpha.18
-    "@storybook/vue3": 7.0.0-alpha.18
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/preset-vue3-webpack": 7.0.0-alpha.19
+    "@storybook/vue3": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": 3.0.0
     core-js: ^3.8.2
@@ -9477,16 +9477,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3@7.0.0-alpha.18, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
+"@storybook/vue3@7.0.0-alpha.19, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3@workspace:renderers/vue3"
   dependencies:
     "@digitak/esrun": ^3.2.2
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/core-client": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9501,16 +9501,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue@7.0.0-alpha.18, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
+"@storybook/vue@7.0.0-alpha.19, @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.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-client": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9531,10 +9531,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.18
-    "@storybook/core-common": 7.0.0-alpha.18
-    "@storybook/preset-web-components-webpack": 7.0.0-alpha.18
-    "@storybook/web-components": 7.0.0-alpha.18
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/preset-web-components-webpack": 7.0.0-alpha.19
+    "@storybook/web-components": 7.0.0-alpha.19
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     lit-html: 2.0.2
@@ -9546,18 +9546,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/web-components@7.0.0-alpha.18, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
+"@storybook/web-components@7.0.0-alpha.19, @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.18
-    "@storybook/api": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
-    "@storybook/core-client": 7.0.0-alpha.18
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/core-client": 7.0.0-alpha.19
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.18
-    "@storybook/preview-web": 7.0.0-alpha.18
-    "@storybook/store": 7.0.0-alpha.18
+    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/preview-web": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.19
     core-js: ^3.8.2
     global: ^4.4.0
     lit-html: 2.0.2
@@ -12686,22 +12686,22 @@ __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.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-controls": 7.0.0-alpha.18
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-interactions": 7.0.0-alpha.18
-    "@storybook/addon-jest": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
-    "@storybook/addon-storysource": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/angular": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-controls": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-interactions": 7.0.0-alpha.19
+    "@storybook/addon-jest": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-storysource": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/angular": 7.0.0-alpha.19
     "@storybook/babel-plugin-require-context-hook": 1.0.1
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.18
+    "@storybook/source-loader": 7.0.0-alpha.19
     "@storybook/testing-library": 0.0.14-next.0
     "@types/core-js": ^2.5.4
     "@types/jest": ^26.0.16
@@ -12717,7 +12717,7 @@ __metadata:
     protractor: ~7.0.0
     rxjs: ^6.6.7
     sass: ^1.43.4
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
     storybook-addon-angular-ivy: ^0.0.1
     telejson: ^6.0.8
     ts-jest: ^26.4.4
@@ -17267,28 +17267,28 @@ __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.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-jest": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/builder-webpack5": 7.0.0-alpha.18
-    "@storybook/client-logger": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-jest": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.19
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.18
-    "@storybook/react-webpack5": 7.0.0-alpha.18
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/react-webpack5": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.19
     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.18
+    storybook: 7.0.0-alpha.19
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -17297,15 +17297,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.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/builder-webpack5": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
+    "@storybook/addon-essentials": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.18
-    "@storybook/react-webpack5": 7.0.0-alpha.18
+    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/react-webpack5": 7.0.0-alpha.19
     "@storybook/testing-library": ^0.0.9
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/theming": 7.0.0-alpha.19
     "@types/jest": ^26.0.16
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -17315,7 +17315,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -17326,16 +17326,16 @@ __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.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/builder-webpack5": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.19
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.18
-    "@storybook/react-webpack5": 7.0.0-alpha.18
+    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/react-webpack5": 7.0.0-alpha.19
     "@types/enzyme": ^3.10.8
     "@types/jest": 25.2.3
     "@types/node": ^14.14.20 || ^16.0.0
@@ -17350,7 +17350,7 @@ __metadata:
     react-dom: 16.14.0
     react-moment-proptypes: ^1.7.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -19693,19 +19693,19 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@ember/optional-features": ^2.0.0
-    "@storybook/addon-a11y": 7.0.0-alpha.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-controls": 7.0.0-alpha.18
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/addon-storysource": 7.0.0-alpha.18
-    "@storybook/addon-viewport": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/ember": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-controls": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addon-storysource": 7.0.0-alpha.19
+    "@storybook/addon-viewport": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/ember": 7.0.0-alpha.19
     "@storybook/ember-cli-storybook": ^0.2.1
-    "@storybook/source-loader": 7.0.0-alpha.18
+    "@storybook/source-loader": 7.0.0-alpha.19
     babel-loader: ^8.2.5
     broccoli-asset-rev: ^3.0.0
     browserify-zlib: ^0.2.0
@@ -19727,7 +19727,7 @@ __metadata:
     loader.js: ^4.7.0
     os-browserify: ^0.3.0
     shx: ^0.3.2
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
     stream-browserify: ^3.0.0
     vm-browserify: ^1.1.2
     webpack: 5
@@ -24545,31 +24545,31 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "html-kitchen-sink@workspace:examples/html-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-controls": 7.0.0-alpha.18
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-jest": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-controls": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-jest": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
     "@storybook/addon-postcss": ^2.0.0
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
-    "@storybook/addon-storysource": 7.0.0-alpha.18
-    "@storybook/addon-viewport": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/client-api": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
-    "@storybook/html": 7.0.0-alpha.18
-    "@storybook/html-webpack5": 7.0.0-alpha.18
-    "@storybook/source-loader": 7.0.0-alpha.18
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-storysource": 7.0.0-alpha.19
+    "@storybook/addon-viewport": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/client-api": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/html": 7.0.0-alpha.19
+    "@storybook/html-webpack5": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.19
     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.18
+    storybook: 7.0.0-alpha.19
   languageName: unknown
   linkType: soft
 
@@ -33241,33 +33241,33 @@ __metadata:
   dependencies:
     "@emotion/jest": ^11.8.0
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/addon-a11y": 7.0.0-alpha.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-controls": 7.0.0-alpha.18
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-interactions": 7.0.0-alpha.18
-    "@storybook/addon-jest": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
-    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.18
-    "@storybook/addon-storysource": 7.0.0-alpha.18
-    "@storybook/addon-toolbars": 7.0.0-alpha.18
-    "@storybook/addon-viewport": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/cli": 7.0.0-alpha.18
-    "@storybook/components": 7.0.0-alpha.18
-    "@storybook/core-events": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-controls": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-interactions": 7.0.0-alpha.19
+    "@storybook/addon-jest": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.19
+    "@storybook/addon-storysource": 7.0.0-alpha.19
+    "@storybook/addon-toolbars": 7.0.0-alpha.19
+    "@storybook/addon-viewport": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/cli": 7.0.0-alpha.19
+    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/core-events": 7.0.0-alpha.19
     "@storybook/design-system": ^5.4.7
     "@storybook/jest": ^0.0.10
-    "@storybook/node-logger": 7.0.0-alpha.18
-    "@storybook/react": 7.0.0-alpha.18
-    "@storybook/react-webpack5": 7.0.0-alpha.18
-    "@storybook/router": 7.0.0-alpha.18
-    "@storybook/source-loader": 7.0.0-alpha.18
+    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/react-webpack5": 7.0.0-alpha.19
+    "@storybook/router": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.19
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.18
+    "@storybook/theming": 7.0.0-alpha.19
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     chromatic: ^6.0.2
@@ -33283,7 +33283,7 @@ __metadata:
     prop-types: ^15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
     terser-webpack-plugin: ^5.3.1
     uuid-browser: ^3.1.0
     webpack: 5
@@ -35629,18 +35629,18 @@ __metadata:
   resolution: "preact-example@workspace:examples/preact-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
-    "@storybook/addon-storysource": 7.0.0-alpha.18
-    "@storybook/addon-viewport": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
-    "@storybook/preact": 7.0.0-alpha.18
-    "@storybook/preact-webpack5": 7.0.0-alpha.18
-    "@storybook/source-loader": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-storysource": 7.0.0-alpha.19
+    "@storybook/addon-viewport": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/preact": 7.0.0-alpha.19
+    "@storybook/preact-webpack5": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.19
     "@types/prop-types": ^15.7.3
     "@types/react": ^17
     "@types/react-dom": ^17
@@ -35655,7 +35655,7 @@ __metadata:
     raw-loader: ^4.0.2
     react: ^17.0.2
     react-dom: ^17.0.2
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
     svg-url-loader: ^7.1.1
     webpack: 5
     webpack-dev-server: ^4.8.1
@@ -39307,11 +39307,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sb@7.0.0-alpha.18, sb@workspace:lib/cli-sb":
+"sb@7.0.0-alpha.19, sb@workspace:lib/cli-sb":
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.18
+    "@storybook/cli": 7.0.0-alpha.19
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -39685,15 +39685,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "server-kitchen-sink@workspace:examples/server-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-controls": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/node-logger": 7.0.0-alpha.18
-    "@storybook/server": 7.0.0-alpha.18
-    "@storybook/server-webpack5": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-controls": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/server": 7.0.0-alpha.19
+    "@storybook/server-webpack5": 7.0.0-alpha.19
     concurrently: ^5.3.0
     cors: ^2.8.5
     express: ~4.17.1
@@ -39701,7 +39701,7 @@ __metadata:
     nodemon: ^2.0.7
     pug: ^3.0.0
     safe-identifier: ^0.4.1
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
   languageName: unknown
   linkType: soft
 
@@ -40610,15 +40610,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "standalone-preview@workspace:examples/standalone-preview"
   dependencies:
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/cli": 7.0.0-alpha.18
-    "@storybook/react": 7.0.0-alpha.18
-    "@storybook/react-webpack5": 7.0.0-alpha.18
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/cli": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/react-webpack5": 7.0.0-alpha.19
     cross-env: ^7.0.3
     parcel: 2.0.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
   languageName: unknown
   linkType: soft
 
@@ -40714,11 +40714,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"storybook@7.0.0-alpha.18, storybook@workspace:lib/cli-storybook":
+"storybook@7.0.0-alpha.19, storybook@workspace:lib/cli-storybook":
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.18
+    "@storybook/cli": 7.0.0-alpha.19
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -41466,25 +41466,25 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "svelte-example@workspace:examples/svelte-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-controls": 7.0.0-alpha.18
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-interactions": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
-    "@storybook/addon-storysource": 7.0.0-alpha.18
-    "@storybook/addon-viewport": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-controls": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-interactions": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-storysource": 7.0.0-alpha.19
+    "@storybook/addon-viewport": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.18
-    "@storybook/svelte": 7.0.0-alpha.18
-    "@storybook/svelte-webpack5": 7.0.0-alpha.18
+    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/svelte": 7.0.0-alpha.19
+    "@storybook/svelte-webpack5": 7.0.0-alpha.19
     "@storybook/testing-library": 0.0.14-next.0
     global: ^4.4.0
-    storybook: 7.0.0-alpha.18
+    storybook: 7.0.0-alpha.19
     svelte-jester: ^2.3.2
     svelte-preprocess: ^4.10.6
   languageName: unknown
@@ -44330,22 +44330,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.18
-    "@storybook/addon-essentials": 7.0.0-alpha.18
-    "@storybook/addon-interactions": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-essentials": 7.0.0-alpha.19
+    "@storybook/addon-interactions": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue3": 7.0.0-alpha.18
-    "@storybook/vue3-webpack5": 7.0.0-alpha.18
+    "@storybook/vue3": 7.0.0-alpha.19
+    "@storybook/vue3-webpack5": 7.0.0-alpha.19
     "@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.18
+    storybook: 7.0.0-alpha.19
     typescript: ~4.6.3
     vue: ^3.0.0
     vue-jest: ^5.0.0-alpha.8
@@ -44366,17 +44366,17 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "vue-cli-example@workspace:examples/vue-cli"
   dependencies:
-    "@storybook/addon-controls": 7.0.0-alpha.18
-    "@storybook/addon-essentials": 7.0.0-alpha.18
+    "@storybook/addon-controls": 7.0.0-alpha.19
+    "@storybook/addon-essentials": 7.0.0-alpha.19
     "@storybook/preset-scss": ^1.0.3
-    "@storybook/source-loader": 7.0.0-alpha.18
-    "@storybook/vue": 7.0.0-alpha.18
-    "@storybook/vue-webpack5": 7.0.0-alpha.18
+    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/vue": 7.0.0-alpha.19
+    "@storybook/vue-webpack5": 7.0.0-alpha.19
     "@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.18
+    storybook: 7.0.0-alpha.19
     typescript: ~4.6.3
     vue: ^2.6.12
     vue-class-component: ^7.2.6
@@ -44424,29 +44424,29 @@ __metadata:
   resolution: "vue-example@workspace:examples/vue-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.18
-    "@storybook/addon-actions": 7.0.0-alpha.18
-    "@storybook/addon-backgrounds": 7.0.0-alpha.18
-    "@storybook/addon-controls": 7.0.0-alpha.18
-    "@storybook/addon-docs": 7.0.0-alpha.18
-    "@storybook/addon-highlight": 7.0.0-alpha.18
-    "@storybook/addon-interactions": 7.0.0-alpha.18
-    "@storybook/addon-links": 7.0.0-alpha.18
-    "@storybook/addon-storyshots": 7.0.0-alpha.18
-    "@storybook/addon-storysource": 7.0.0-alpha.18
-    "@storybook/addon-viewport": 7.0.0-alpha.18
-    "@storybook/addons": 7.0.0-alpha.18
+    "@storybook/addon-a11y": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.19
+    "@storybook/addon-backgrounds": 7.0.0-alpha.19
+    "@storybook/addon-controls": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.19
+    "@storybook/addon-interactions": 7.0.0-alpha.19
+    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-storysource": 7.0.0-alpha.19
+    "@storybook/addon-viewport": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.19
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.18
+    "@storybook/source-loader": 7.0.0-alpha.19
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue": 7.0.0-alpha.18
-    "@storybook/vue-webpack5": 7.0.0-alpha.18
+    "@storybook/vue": 7.0.0-alpha.19
+    "@storybook/vue-webpack5": 7.0.0-alpha.19
     "@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.18
+    storybook: 7.0.0-alpha.19
     svg-url-loader: ^7.1.1
     vue: ^2.6.12
     vue-loader: ^15.9.6

From 54cc024de9ad677f00939438f497cefae754ad8b Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 14:20:35 +1000
Subject: [PATCH 138/266] Add create task to circle

---
 .circleci/config.yml | 13 ++-----------
 code/package.json    |  1 +
 scripts/task.ts      | 41 ++++++++++++++++++++++++++++++++++++++---
 3 files changed, 41 insertions(+), 14 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 2d1bf771e73c..f8abbb42ac91 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -462,24 +462,15 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    # parallelism: 15
+    parallelism: 2
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
       - attach_workspace:
           at: .
-      - run:
-          name: Running local registry
-          command: yarn local-registry --port 6000 --open
-          background: true
-          working_directory: code
-      - run:
-          name: Wait for registry
-          command: yarn wait-on http://localhost:6000
-          working_directory: code
       - run:
           name: Creating Sandboxes
-          command: yarn create-sandboxes --cadence ci --junit test-results/create.xml
+          command: yarn task --task create --template $(yarn get-template ci) --force --no-before --junit
           working_directory: code
       - persist_to_workspace:
           root: .
diff --git a/code/package.json b/code/package.json
index 7780bcb86247..c161e9fe7a11 100644
--- a/code/package.json
+++ b/code/package.json
@@ -68,6 +68,7 @@
     "danger": "danger",
     "e2e-sandboxes": "ts-node ../scripts/e2e-sandboxes.ts",
     "generate-repros": "zx ../scripts/repros-generator/index.mjs",
+    "get-template": "ts-node ../scripts/get-template.ts",
     "github-release": "github-release-from-changelog",
     "linear-export": "ts-node --project=../scripts/tsconfig.json ../scripts/linear-export.ts",
     "lint": "yarn lint:js && yarn lint:md",
diff --git a/scripts/task.ts b/scripts/task.ts
index b6daa753c8aa..fbfe9d256cec 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -1,4 +1,6 @@
 /* eslint-disable no-await-in-loop, no-restricted-syntax */
+import { getJunitXml } from 'junit-xml';
+import { outputFile } from 'fs-extra';
 import { join, resolve } from 'path';
 
 import { createOptions, getOptionsOrPrompt } from './utils/options';
@@ -9,6 +11,7 @@ import { bootstrap } from './tasks/bootstrap';
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 
 const sandboxDir = resolve(__dirname, '../sandbox');
+const junitDir = resolve(__dirname, '../code/test-results');
 
 export type TemplateKey = keyof typeof TEMPLATES;
 export type Template = typeof TEMPLATES[TemplateKey];
@@ -59,10 +62,25 @@ export const options = createOptions({
     description: 'Run any required dependencies of the task?',
     inverse: true,
   },
+  junit: {
+    type: 'boolean',
+    description: 'Store results in junit format?',
+  },
 });
 
 const logger = console;
 
+async function writeJunitXml(taskKey: TaskKey, templateKey: TemplateKey, start: Date, err?: Error) {
+  const name = `${taskKey} - ${templateKey}`;
+  const time = (Date.now() - +start) / 1000;
+  const testCase = { name, assertions: 1, time, ...(err && { errors: [err] }) };
+  const suite = { name, timestamp: start, time, testCases: [testCase] };
+  const junitXml = getJunitXml({ time, name, suites: [suite] });
+  const path = join(junitDir, `${taskKey}.xml`);
+  await outputFile(path, junitXml);
+  logger.log(`Test results written to ${resolve(path)}`);
+}
+
 async function runTask(
   taskKey: TaskKey,
   templateKey: TemplateKey,
@@ -70,7 +88,8 @@ async function runTask(
     mustNotBeReady,
     mustBeReady,
     before,
-  }: { mustNotBeReady: boolean; mustBeReady: boolean; before: boolean }
+    junit,
+  }: { mustNotBeReady: boolean; mustBeReady: boolean; before: boolean; junit: boolean }
 ) {
   const task = tasks[taskKey];
   const template = TEMPLATES[templateKey];
@@ -94,11 +113,21 @@ async function runTask(
         mustNotBeReady: false,
         mustBeReady: !before,
         before,
+        junit: false, // never store junit results for dependent tasks
       });
     }
   }
 
-  await task.run(templateKey, { template, sandboxDir: templateSandboxDir });
+  const start = new Date();
+  try {
+    await task.run(templateKey, { template, sandboxDir: templateSandboxDir });
+
+    if (junit) await writeJunitXml(taskKey, templateKey, start);
+  } catch (err) {
+    if (junit) await writeJunitXml(taskKey, templateKey, start, err);
+
+    throw err;
+  }
 }
 
 async function run() {
@@ -107,9 +136,15 @@ async function run() {
     template: templateKey,
     force,
     before,
+    junit,
   } = await getOptionsOrPrompt('yarn task', options);
 
-  return runTask(taskKey, templateKey, { mustBeReady: force, mustNotBeReady: false, before });
+  return runTask(taskKey, templateKey, {
+    mustBeReady: force,
+    mustNotBeReady: false,
+    before,
+    junit,
+  });
 }
 
 if (require.main === module) {

From a462193038a55dddea417e438c7f4eea74c52943 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 14:23:36 +1000
Subject: [PATCH 139/266] Add smoke-test task

---
 .circleci/config.yml        |  2 +-
 scripts/task.ts             |  6 ++++--
 scripts/tasks/smoke-test.ts | 12 ++++++++++++
 3 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 scripts/tasks/smoke-test.ts

diff --git a/.circleci/config.yml b/.circleci/config.yml
index f8abbb42ac91..2c13b92807ed 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -490,7 +490,7 @@ jobs:
           at: .
       - run:
           name: Smoke Testing Sandboxes
-          command: yarn smoke-test-sandboxes --cadence ci --junit test-results/smoke-test.xml
+          command: yarn task --task smoke-test --template $(yarn get-template ci) --force --no-before --junit
           working_directory: code
       - store_test_results:
           path: code/test-results
diff --git a/scripts/task.ts b/scripts/task.ts
index fbfe9d256cec..023bbd91c4c1 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -4,9 +4,10 @@ import { outputFile } from 'fs-extra';
 import { join, resolve } from 'path';
 
 import { createOptions, getOptionsOrPrompt } from './utils/options';
-import { create } from './tasks/create';
-import { publish } from './tasks/publish';
 import { bootstrap } from './tasks/bootstrap';
+import { publish } from './tasks/publish';
+import { create } from './tasks/create';
+import { smokeTest } from './tasks/smoke-test';
 
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 
@@ -36,6 +37,7 @@ export const tasks = {
   bootstrap,
   publish,
   create,
+  'smoke-test': smokeTest,
 };
 
 type TaskKey = keyof typeof tasks;
diff --git a/scripts/tasks/smoke-test.ts b/scripts/tasks/smoke-test.ts
new file mode 100644
index 000000000000..eb603e5957f3
--- /dev/null
+++ b/scripts/tasks/smoke-test.ts
@@ -0,0 +1,12 @@
+import type { Task } from '../task';
+import { exec } from '../utils/exec';
+
+export const smokeTest: Task = {
+  before: ['create'],
+  async ready() {
+    return false;
+  },
+  async run(_, { sandboxDir }) {
+    return exec(`'yarn storybook --smoke-test --quiet`, { cwd: sandboxDir });
+  },
+};

From d9d13d293216438494c76c360c6b5b2b546459ee Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 14:26:34 +1000
Subject: [PATCH 140/266] Add build task

---
 .circleci/config.yml        |  9 ++-------
 scripts/task.ts             |  2 ++
 scripts/tasks/build.ts      | 14 ++++++++++++++
 scripts/tasks/smoke-test.ts |  2 +-
 4 files changed, 19 insertions(+), 8 deletions(-)
 create mode 100644 scripts/tasks/build.ts

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 2c13b92807ed..2510a422489c 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -506,19 +506,14 @@ jobs:
           at: .
       - run:
           name: Building Sandboxes
-          command: yarn build-sandboxes --cadence ci --junit test-results/build.xml
-          working_directory: code
-      - run:
-          name: Build index.html
-          command: yarn create-built-sandboxes-index --cadence ci --output "../built-sandboxes"
-          background: true
+          command: yarn task --task build --template $(yarn get-template ci) --force --no-before --junit
           working_directory: code
       - store_test_results:
           path: code/test-results
       - persist_to_workspace:
           root: .
           paths:
-            - built-sandboxes
+            - sandbox
   test-runner-sandboxes:
     executor:
       class: medium+
diff --git a/scripts/task.ts b/scripts/task.ts
index 023bbd91c4c1..428deb68aee1 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -8,6 +8,7 @@ import { bootstrap } from './tasks/bootstrap';
 import { publish } from './tasks/publish';
 import { create } from './tasks/create';
 import { smokeTest } from './tasks/smoke-test';
+import { build } from './tasks/build';
 
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 
@@ -38,6 +39,7 @@ export const tasks = {
   publish,
   create,
   'smoke-test': smokeTest,
+  build,
 };
 
 type TaskKey = keyof typeof tasks;
diff --git a/scripts/tasks/build.ts b/scripts/tasks/build.ts
new file mode 100644
index 000000000000..6ca28069da04
--- /dev/null
+++ b/scripts/tasks/build.ts
@@ -0,0 +1,14 @@
+import { pathExists } from 'fs-extra';
+import { join } from 'path';
+import type { Task } from '../task';
+import { exec } from '../utils/exec';
+
+export const build: Task = {
+  before: ['create'],
+  async ready(_, { sandboxDir }) {
+    return pathExists(join(sandboxDir, 'storybook-static'));
+  },
+  async run(_, { sandboxDir }) {
+    return exec(`yarn build-storybook --quiet`, { cwd: sandboxDir });
+  },
+};
diff --git a/scripts/tasks/smoke-test.ts b/scripts/tasks/smoke-test.ts
index eb603e5957f3..d87ea323c3f0 100644
--- a/scripts/tasks/smoke-test.ts
+++ b/scripts/tasks/smoke-test.ts
@@ -7,6 +7,6 @@ export const smokeTest: Task = {
     return false;
   },
   async run(_, { sandboxDir }) {
-    return exec(`'yarn storybook --smoke-test --quiet`, { cwd: sandboxDir });
+    return exec(`yarn storybook --smoke-test --quiet`, { cwd: sandboxDir });
   },
 };

From fdd23ad9dee736176561569a0bfde3b114909851 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 15:06:36 +1000
Subject: [PATCH 141/266] Add test runner task

---
 .circleci/config.yml            | 20 +------------
 scripts/sandbox.ts              | 14 ++-------
 scripts/task.ts                 | 29 +++++++++++++++----
 scripts/tasks/test-runner.ts    | 50 +++++++++++++++++++++++++++++++++
 scripts/utils/serve-packages.ts | 20 +++++++++++++
 scripts/utils/serve-sandbox.ts  | 23 +++++++++++++++
 6 files changed, 120 insertions(+), 36 deletions(-)
 create mode 100644 scripts/tasks/test-runner.ts
 create mode 100644 scripts/utils/serve-packages.ts
 create mode 100644 scripts/utils/serve-sandbox.ts

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 2510a422489c..867bd7cb424e 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -524,27 +524,9 @@ jobs:
           clone_options: '--depth 1 --verbose'
       - attach_workspace:
           at: .
-      - run:
-          name: Running local registry
-          command: yarn local-registry --port 6000 --open
-          background: true
-          working_directory: code
-      - run:
-          name: Wait for registry
-          command: yarn wait-on http://localhost:6000
-          working_directory: code
-      - run:
-          name: Serve Sandboxes
-          command: yarn http-server ../built-sandboxes -p 8001
-          background: true
-          working_directory: code
-      - run:
-          name: Await Serving Sandboxes
-          command: yarn wait-on http://localhost:8001
-          working_directory: code
       - run:
           name: Running Test Runner
-          command: yarn test-runner-sandboxes --cadence ci --junit test-results/test-runner.xml
+          command: yarn task --task test-runner --template $(yarn get-template ci) --force --no-before --junit
           working_directory: code
       - store_test_results:
           path: code/test-results
diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index c60953bf5c33..84d86d04adf0 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -10,7 +10,7 @@ import {
   existsSync,
 } from 'fs-extra';
 import prompts from 'prompts';
-import { AbortController } from 'node-abort-controller';
+import type { AbortController } from 'node-abort-controller';
 
 import { createOptions, getOptionsOrPrompt, OptionValues } from './utils/options';
 import { executeCLIStep } from './utils/cli-step';
@@ -20,6 +20,7 @@ import { getInterpretedFile } from '../code/lib/core-common';
 import { ConfigFile, readConfig, writeConfig } from '../code/lib/csf-tools';
 import { babelParse } from '../code/lib/csf-tools/src/babelParse';
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
+import { servePackages } from './utils/serve-packages';
 
 type Template = keyof typeof TEMPLATES;
 const templates: Template[] = Object.keys(TEMPLATES) as any;
@@ -333,16 +334,7 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
       }
 
       if (publish || startVerdaccio) {
-        publishController = new AbortController();
-        exec(
-          'CI=true yarn local-registry --open',
-          { cwd: codeDir },
-          { dryRun, debug, signal: publishController.signal as AbortSignal }
-        ).catch((err) => {
-          // If aborted, we want to make sure the rejection is handled.
-          if (!err.killed) throw err;
-        });
-        await exec('yarn wait-on http://localhost:6000', { cwd: codeDir }, { dryRun, debug });
+        publishController = await servePackages({ dryRun, debug });
       }
 
       // We need to add package resolutions to ensure that we only ever install the latest version
diff --git a/scripts/task.ts b/scripts/task.ts
index 428deb68aee1..541f02d34871 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -9,6 +9,7 @@ import { publish } from './tasks/publish';
 import { create } from './tasks/create';
 import { smokeTest } from './tasks/smoke-test';
 import { build } from './tasks/build';
+import { testRunner } from './tasks/test-runner';
 
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 
@@ -18,11 +19,14 @@ const junitDir = resolve(__dirname, '../code/test-results');
 export type TemplateKey = keyof typeof TEMPLATES;
 export type Template = typeof TEMPLATES[TemplateKey];
 export type Path = string;
-export type TemplateDetails = { template: Template; sandboxDir: Path };
+export type TemplateDetails = { template: Template; sandboxDir: Path; junitFilename: Path };
 
 type MaybePromise<T> = T | Promise<T>;
 
 export type Task = {
+  /**
+   * Which tasks run before this task
+   */
   before?: TaskKey[];
   /**
    * Is this task already "ready", and potentially not required?
@@ -32,6 +36,10 @@ export type Task = {
    * Run the task
    */
   run: (templateKey: TemplateKey, details: TemplateDetails) => MaybePromise<void>;
+  /**
+   * Does this task handle its own junit results?
+   */
+  junit?: boolean;
 };
 
 export const tasks = {
@@ -40,6 +48,7 @@ export const tasks = {
   create,
   'smoke-test': smokeTest,
   build,
+  'test-runner': testRunner,
 };
 
 type TaskKey = keyof typeof tasks;
@@ -74,13 +83,17 @@ export const options = createOptions({
 
 const logger = console;
 
+function getJunitFilename(taskKey: TaskKey) {
+  return join(junitDir, `${taskKey}.xml`);
+}
+
 async function writeJunitXml(taskKey: TaskKey, templateKey: TemplateKey, start: Date, err?: Error) {
   const name = `${taskKey} - ${templateKey}`;
   const time = (Date.now() - +start) / 1000;
   const testCase = { name, assertions: 1, time, ...(err && { errors: [err] }) };
   const suite = { name, timestamp: start, time, testCases: [testCase] };
   const junitXml = getJunitXml({ time, name, suites: [suite] });
-  const path = join(junitDir, `${taskKey}.xml`);
+  const path = getJunitFilename(taskKey);
   await outputFile(path, junitXml);
   logger.log(`Test results written to ${resolve(path)}`);
 }
@@ -98,7 +111,11 @@ async function runTask(
   const task = tasks[taskKey];
   const template = TEMPLATES[templateKey];
   const templateSandboxDir = join(sandboxDir, templateKey.replace('/', '-'));
-  const details = { template, sandboxDir: templateSandboxDir };
+  const details = {
+    template,
+    sandboxDir: templateSandboxDir,
+    junitFilename: junit && getJunitFilename(taskKey),
+  };
 
   if (await task.ready(templateKey, details)) {
     if (mustNotBeReady) throw new Error(`❌ ${taskKey} task has already run, this is unexpected!`);
@@ -124,11 +141,11 @@ async function runTask(
 
   const start = new Date();
   try {
-    await task.run(templateKey, { template, sandboxDir: templateSandboxDir });
+    await task.run(templateKey, details);
 
-    if (junit) await writeJunitXml(taskKey, templateKey, start);
+    if (junit && !task.junit) await writeJunitXml(taskKey, templateKey, start);
   } catch (err) {
-    if (junit) await writeJunitXml(taskKey, templateKey, start, err);
+    if (junit && !task.junit) await writeJunitXml(taskKey, templateKey, start, err);
 
     throw err;
   }
diff --git a/scripts/tasks/test-runner.ts b/scripts/tasks/test-runner.ts
new file mode 100644
index 000000000000..e09b24301b62
--- /dev/null
+++ b/scripts/tasks/test-runner.ts
@@ -0,0 +1,50 @@
+import { join } from 'path';
+import { pathExistsSync, readFile, remove, removeSync, writeFile } from 'fs-extra';
+
+import { servePackages } from '../utils/serve-packages';
+import type { Task } from '../task';
+import { exec } from '../utils/exec';
+import { serveSandbox } from '../utils/serve-sandbox';
+
+export const testRunner: Task = {
+  junit: true,
+  before: ['publish', 'build'],
+  async ready() {
+    return false;
+  },
+  async run(_, { sandboxDir, junitFilename }) {
+    const execOptions = { cwd: sandboxDir };
+
+    // We could split this out into a separate task if it became annoying
+    const publishController = await servePackages({});
+    await exec(`yarn add --dev @storybook/test-runner jest-junit`, execOptions);
+
+    // Note we could split this out into a separate task too. We sort of do by checking if the file exists
+    const testFilePathname = join(sandboxDir, 'test-runner-jest.config.js');
+    if (junitFilename && !(await pathExistsSync(testFilePathname))) {
+      await exec(`yarn test-storybook --eject`, execOptions);
+      const testFile = await readFile(testFilePathname, 'utf8');
+
+      const reporters = `reporters: [
+            'default',
+            ['jest-junit', {
+              outputDirectory: '${junitFilename}',
+              addFileAttribute: 'true',
+              usePathForSuiteName: 'true',
+              uniqueOutputName: 'true' },
+            ],
+          ],`;
+
+      const newTestFile = testFile.replace(/}\s*$/m, `${reporters}$&`);
+      await writeFile(testFilePathname, newTestFile);
+    }
+
+    const storybookController = await serveSandbox(join(sandboxDir, 'storybook-static'), {});
+
+    await new Promise((r) => setTimeout(r, 10000));
+    await exec(`yarn test-storybook --url http://localhost:8001`, execOptions);
+
+    publishController.abort();
+    storybookController.abort();
+  },
+};
diff --git a/scripts/utils/serve-packages.ts b/scripts/utils/serve-packages.ts
new file mode 100644
index 000000000000..cba7ae8f98f5
--- /dev/null
+++ b/scripts/utils/serve-packages.ts
@@ -0,0 +1,20 @@
+import { AbortController } from 'node-abort-controller';
+import path from 'path';
+import { exec } from './exec';
+
+const codeDir = path.resolve(__dirname, '../../code');
+
+export async function servePackages({ dryRun, debug }: { dryRun?: boolean; debug?: boolean }) {
+  const controller = new AbortController();
+  exec(
+    'CI=true yarn local-registry --open',
+    { cwd: codeDir },
+    { dryRun, debug, signal: controller.signal as AbortSignal }
+  ).catch((err) => {
+    // If aborted, we want to make sure the rejection is handled.
+    if (!err.killed) throw err;
+  });
+  await exec('yarn wait-on http://localhost:6000', { cwd: codeDir }, { dryRun, debug });
+
+  return controller;
+}
diff --git a/scripts/utils/serve-sandbox.ts b/scripts/utils/serve-sandbox.ts
new file mode 100644
index 000000000000..fe10bc9f2e4e
--- /dev/null
+++ b/scripts/utils/serve-sandbox.ts
@@ -0,0 +1,23 @@
+import { AbortController } from 'node-abort-controller';
+import path from 'path';
+import { exec } from './exec';
+
+const codeDir = path.resolve(__dirname, '../../code');
+
+export async function serveSandbox(
+  directory: string,
+  { dryRun, debug }: { dryRun?: boolean; debug?: boolean }
+) {
+  const controller = new AbortController();
+  exec(
+    `yarn http-server ${directory} --port 8001`,
+    { cwd: codeDir },
+    { dryRun, debug, signal: controller.signal as AbortSignal }
+  ).catch((err) => {
+    // If aborted, we want to make sure the rejection is handled.
+    if (!err.killed) throw err;
+  });
+  await exec('yarn wait-on http://localhost:8001', { cwd: codeDir }, { dryRun, debug });
+
+  return controller;
+}

From 8362e4f4edad1fc6bc752c967ed43d5bc6c87269 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 15:14:16 +1000
Subject: [PATCH 142/266] Added Chromatic task

---
 .circleci/config.yml         |  2 +-
 scripts/task.ts              | 10 +++++++++-
 scripts/tasks/build.ts       |  4 ++--
 scripts/tasks/chromatic.ts   | 20 ++++++++++++++++++++
 scripts/tasks/test-runner.ts |  4 ++--
 5 files changed, 34 insertions(+), 6 deletions(-)
 create mode 100644 scripts/tasks/chromatic.ts

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 867bd7cb424e..80f3f46764a2 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -542,7 +542,7 @@ jobs:
           at: .
       - run:
           name: Running Chromatic
-          command: yarn chromatic-sandboxes --cadence ci --junit test-results/chromatic.xml
+          command: yarn task --task chromatic --template $(yarn get-template ci) --force --no-before --junit
           working_directory: code
       - store_test_results:
           path: code/test-results
diff --git a/scripts/task.ts b/scripts/task.ts
index 541f02d34871..5b0882b68dd4 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -10,6 +10,7 @@ import { create } from './tasks/create';
 import { smokeTest } from './tasks/smoke-test';
 import { build } from './tasks/build';
 import { testRunner } from './tasks/test-runner';
+import { chromatic } from './tasks/chromatic';
 
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 
@@ -19,7 +20,12 @@ const junitDir = resolve(__dirname, '../code/test-results');
 export type TemplateKey = keyof typeof TEMPLATES;
 export type Template = typeof TEMPLATES[TemplateKey];
 export type Path = string;
-export type TemplateDetails = { template: Template; sandboxDir: Path; junitFilename: Path };
+export type TemplateDetails = {
+  template: Template;
+  sandboxDir: Path;
+  builtSandboxDir: Path;
+  junitFilename: Path;
+};
 
 type MaybePromise<T> = T | Promise<T>;
 
@@ -49,6 +55,7 @@ export const tasks = {
   'smoke-test': smokeTest,
   build,
   'test-runner': testRunner,
+  chromatic,
 };
 
 type TaskKey = keyof typeof tasks;
@@ -114,6 +121,7 @@ async function runTask(
   const details = {
     template,
     sandboxDir: templateSandboxDir,
+    builtSandboxDir: join(templateSandboxDir, 'storybook-static'),
     junitFilename: junit && getJunitFilename(taskKey),
   };
 
diff --git a/scripts/tasks/build.ts b/scripts/tasks/build.ts
index 6ca28069da04..b7335c2492a5 100644
--- a/scripts/tasks/build.ts
+++ b/scripts/tasks/build.ts
@@ -5,8 +5,8 @@ import { exec } from '../utils/exec';
 
 export const build: Task = {
   before: ['create'],
-  async ready(_, { sandboxDir }) {
-    return pathExists(join(sandboxDir, 'storybook-static'));
+  async ready(_, { builtSandboxDir }) {
+    return pathExists(builtSandboxDir);
   },
   async run(_, { sandboxDir }) {
     return exec(`yarn build-storybook --quiet`, { cwd: sandboxDir });
diff --git a/scripts/tasks/chromatic.ts b/scripts/tasks/chromatic.ts
new file mode 100644
index 000000000000..234e205c1066
--- /dev/null
+++ b/scripts/tasks/chromatic.ts
@@ -0,0 +1,20 @@
+import type { Task } from '../task';
+import { exec } from '../utils/exec';
+
+export const chromatic: Task = {
+  before: ['build'],
+  junit: true,
+  async ready() {
+    return false;
+  },
+  async run(templateKey, { sandboxDir, builtSandboxDir, junitFilename }) {
+    const tokenEnvVarName = `CHROMATIC_TOKEN_${templateKey.toUpperCase().replace(/\/|-/g, '_')}`;
+    const token = process.env[tokenEnvVarName];
+    return exec(
+      `npx chromatic --storybook-build-dir=${builtSandboxDir} \
+        --junit-report=${junitFilename} \
+        --projectToken=${token}`,
+      { cwd: sandboxDir }
+    );
+  },
+};
diff --git a/scripts/tasks/test-runner.ts b/scripts/tasks/test-runner.ts
index e09b24301b62..fec0d753415e 100644
--- a/scripts/tasks/test-runner.ts
+++ b/scripts/tasks/test-runner.ts
@@ -12,7 +12,7 @@ export const testRunner: Task = {
   async ready() {
     return false;
   },
-  async run(_, { sandboxDir, junitFilename }) {
+  async run(_, { sandboxDir, builtSandboxDir, junitFilename }) {
     const execOptions = { cwd: sandboxDir };
 
     // We could split this out into a separate task if it became annoying
@@ -39,7 +39,7 @@ export const testRunner: Task = {
       await writeFile(testFilePathname, newTestFile);
     }
 
-    const storybookController = await serveSandbox(join(sandboxDir, 'storybook-static'), {});
+    const storybookController = await serveSandbox(builtSandboxDir, {});
 
     await new Promise((r) => setTimeout(r, 10000));
     await exec(`yarn test-storybook --url http://localhost:8001`, execOptions);

From 09455742865064af02d8eb7a9b5d0356ec3e3be7 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 15:19:08 +1000
Subject: [PATCH 143/266] Added e2e-tests task

---
 scripts/task.ts              |  2 ++
 scripts/tasks/e2e-tests.ts   | 25 +++++++++++++++++++++++++
 scripts/tasks/test-runner.ts |  1 -
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 scripts/tasks/e2e-tests.ts

diff --git a/scripts/task.ts b/scripts/task.ts
index 5b0882b68dd4..3312fe1c345a 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -11,6 +11,7 @@ import { smokeTest } from './tasks/smoke-test';
 import { build } from './tasks/build';
 import { testRunner } from './tasks/test-runner';
 import { chromatic } from './tasks/chromatic';
+import { e2eTests } from './tasks/e2e-tests';
 
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 
@@ -56,6 +57,7 @@ export const tasks = {
   build,
   'test-runner': testRunner,
   chromatic,
+  'e2e-tests': e2eTests,
 };
 
 type TaskKey = keyof typeof tasks;
diff --git a/scripts/tasks/e2e-tests.ts b/scripts/tasks/e2e-tests.ts
new file mode 100644
index 000000000000..55633b6b07c9
--- /dev/null
+++ b/scripts/tasks/e2e-tests.ts
@@ -0,0 +1,25 @@
+import type { Task } from '../task';
+import { exec } from '../utils/exec';
+import { serveSandbox } from '../utils/serve-sandbox';
+
+export const e2eTests: Task = {
+  before: ['build'],
+  junit: true,
+  async ready() {
+    return false;
+  },
+  async run(_, { builtSandboxDir, junitFilename }) {
+    const storybookController = await serveSandbox(builtSandboxDir, {});
+
+    await exec('yarn playwright test --reporter=junit', {
+      env: {
+        STORYBOOK_URL: `http://localhost:8001`,
+        ...(junitFilename && {
+          PLAYWRIGHT_JUNIT_OUTPUT_NAME: junitFilename,
+        }),
+      },
+    });
+
+    storybookController.abort();
+  },
+};
diff --git a/scripts/tasks/test-runner.ts b/scripts/tasks/test-runner.ts
index fec0d753415e..ecf11f748dd8 100644
--- a/scripts/tasks/test-runner.ts
+++ b/scripts/tasks/test-runner.ts
@@ -41,7 +41,6 @@ export const testRunner: Task = {
 
     const storybookController = await serveSandbox(builtSandboxDir, {});
 
-    await new Promise((r) => setTimeout(r, 10000));
     await exec(`yarn test-storybook --url http://localhost:8001`, execOptions);
 
     publishController.abort();

From 754d7b81b7f43f6e26229ffc1ad82b7c4f87aef0 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 15:34:32 +1000
Subject: [PATCH 144/266] Remove old `-sandboxes` commands

---
 code/package.json                 |   6 -
 scripts/build-sandboxes.ts        |  38 -----
 scripts/chromatic-sandboxes.ts    |  58 -------
 scripts/create-sandboxes.ts       |  38 -----
 scripts/e2e-sandboxes.ts          |  54 -------
 scripts/once-per-template.test.ts |  50 ------
 scripts/once-per-template.ts      | 256 ------------------------------
 scripts/smoke-test-sandboxes.ts   |  33 ----
 scripts/test-runner-sandboxes.ts  |  64 --------
 9 files changed, 597 deletions(-)
 delete mode 100644 scripts/build-sandboxes.ts
 delete mode 100644 scripts/chromatic-sandboxes.ts
 delete mode 100644 scripts/create-sandboxes.ts
 delete mode 100644 scripts/e2e-sandboxes.ts
 delete mode 100644 scripts/once-per-template.test.ts
 delete mode 100644 scripts/once-per-template.ts
 delete mode 100644 scripts/smoke-test-sandboxes.ts
 delete mode 100644 scripts/test-runner-sandboxes.ts

diff --git a/code/package.json b/code/package.json
index c161e9fe7a11..fe815f446070 100644
--- a/code/package.json
+++ b/code/package.json
@@ -55,18 +55,14 @@
     "await-serve-storybooks": "wait-on http://localhost:8001",
     "bootstrap": "node ../scripts/bootstrap.js",
     "build": "NODE_ENV=production node ../scripts/build-package.js",
-    "build-sandboxes": "ts-node ../scripts/build-sandboxes.ts",
     "build-storybooks": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true node -r esm ../scripts/build-storybooks.js",
     "changelog": "pr-log --sloppy --cherry-pick",
     "changelog:next": "pr-log --sloppy --since-prerelease",
     "check": "NODE_ENV=production node ../scripts/check-package.js",
-    "chromatic-sandboxes": "ts-node ../scripts/chromatic-sandboxes.ts",
     "clean:dist": "del **/dist",
     "coverage": "codecov",
     "create-built-sandboxes-index": "ts-node ../scripts/create-built-sandboxes-index",
-    "create-sandboxes": "ts-node ../scripts/create-sandboxes.ts",
     "danger": "danger",
-    "e2e-sandboxes": "ts-node ../scripts/e2e-sandboxes.ts",
     "generate-repros": "zx ../scripts/repros-generator/index.mjs",
     "get-template": "ts-node ../scripts/get-template.ts",
     "github-release": "github-release-from-changelog",
@@ -88,13 +84,11 @@
     "run-chromatics": "node -r esm ../scripts/run-chromatics.js",
     "sandbox": "ts-node ../scripts/sandbox.ts",
     "serve-storybooks": "http-server ./built-storybooks -p 8001",
-    "smoke-test-sandboxes": "ts-node ../scripts/smoke-test-sandboxes.ts",
     "smoketest-storybooks": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true node -r esm ../scripts/smoketest-storybooks.js",
     "start": "yarn workspace official-storybook storybook --no-manager-cache",
     "task": "ts-node ../scripts/task.ts",
     "test": "NODE_OPTIONS=--max_old_space_size=4096 jest --config ./jest.config.js",
     "test-puppeteer": "jest --projects examples/official-storybook/storyshots-puppeteer",
-    "test-runner-sandboxes": "ts-node ../scripts/test-runner-sandboxes.ts",
     "test:cli": "npm --prefix lib/cli run test",
     "test:e2e-examples": "cypress run",
     "test:e2e-examples-gui": "concurrently --success first --kill-others \"cypress open\" \"yarn serve-storybooks\"",
diff --git a/scripts/build-sandboxes.ts b/scripts/build-sandboxes.ts
deleted file mode 100644
index b4ab1ae38ceb..000000000000
--- a/scripts/build-sandboxes.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ensureDir } from 'fs-extra';
-import { basename, join, resolve } from 'path';
-import { createOptions, getOptionsOrPrompt } from './utils/options';
-import { options as oncePerTemplateOptions, oncePerTemplate } from './once-per-template';
-
-const scriptName = basename(__filename, 'ts');
-const builtDir = resolve(__dirname, '../built-sandboxes');
-const logger = console;
-
-export const options = createOptions({
-  cadence: oncePerTemplateOptions.cadence,
-  junit: oncePerTemplateOptions.junit,
-});
-
-async function run() {
-  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
-
-  await ensureDir(builtDir);
-
-  return oncePerTemplate({
-    step: 'Building',
-    cd: true,
-    cadence,
-    parallel: false,
-    junit,
-    scriptName: 'build-storybook',
-    templateCommand: (template) =>
-      `yarn build-storybook --quiet --output-dir=${join(builtDir, template.replace('/', '-'))}`,
-  });
-}
-
-if (require.main === module) {
-  run().catch((err) => {
-    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
-    logger.error(err);
-    process.exit(1);
-  });
-}
diff --git a/scripts/chromatic-sandboxes.ts b/scripts/chromatic-sandboxes.ts
deleted file mode 100644
index 653ccd71d55f..000000000000
--- a/scripts/chromatic-sandboxes.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { basename, join, resolve } from 'path';
-import { createOptions, getOptionsOrPrompt } from './utils/options';
-import { oncePerTemplate } from './once-per-template';
-
-const scriptName = basename(__filename, 'ts');
-const codeDir = resolve(__dirname, '../code');
-const builtDir = resolve(__dirname, '../built-sandboxes');
-const logger = console;
-
-export const options = createOptions({
-  cadence: {
-    type: 'string',
-    description: 'What cadence are we running on (i.e. which templates should we use)?',
-    values: ['ci', 'daily', 'weekly'] as const,
-    required: true,
-  },
-  junit: {
-    type: 'string',
-    description: 'Report results to junit XML file at path',
-  },
-});
-
-async function run() {
-  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
-
-  return oncePerTemplate({
-    step: 'Running Chromatic',
-    cd: false,
-    cadence,
-    parallel: false,
-    junit: undefined,
-    scriptName: 'chromatic',
-    templateCommand: (template) => ({
-      command: [
-        `npx chromatic`,
-        `--storybook-build-dir=${join(builtDir, template.replace('/', '-'))}`,
-        `--junit-report=${resolve(
-          codeDir,
-          junit.replace('.xml', `-${template.replace('/', '-')}.xml`)
-        )}`,
-      ].join(' '),
-      execaOptions: {
-        env: {
-          CHROMATIC_PROJECT_TOKEN:
-            process.env[`CHROMATIC_TOKEN_${template.toUpperCase().replace(/\/|-/g, '_')}`],
-        },
-      },
-    }),
-  });
-}
-
-if (require.main === module) {
-  run().catch((err) => {
-    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
-    logger.error(err);
-    process.exit(1);
-  });
-}
diff --git a/scripts/create-sandboxes.ts b/scripts/create-sandboxes.ts
deleted file mode 100644
index 8b75360911a4..000000000000
--- a/scripts/create-sandboxes.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ensureDir } from 'fs-extra';
-import { basename, resolve } from 'path';
-import { createOptions, getOptionsOrPrompt } from './utils/options';
-import { options as oncePerTemplateOptions, oncePerTemplate } from './once-per-template';
-
-const scriptName = basename(__filename, 'ts');
-const sandboxDir = resolve(__dirname, '../sandbox');
-const logger = console;
-
-export const options = createOptions({
-  cadence: oncePerTemplateOptions.cadence,
-  junit: oncePerTemplateOptions.junit,
-});
-
-async function run() {
-  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
-
-  await ensureDir(sandboxDir);
-
-  return oncePerTemplate({
-    step: 'Creating',
-    cd: false,
-    cadence,
-    parallel: true,
-    junit,
-    scriptName: 'sandbox',
-    templateCommand: (template) =>
-      `yarn sandbox --no-link --no-start --no-publish --template ${template}`,
-  });
-}
-
-if (require.main === module) {
-  run().catch((err) => {
-    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
-    logger.error(err);
-    process.exit(1);
-  });
-}
diff --git a/scripts/e2e-sandboxes.ts b/scripts/e2e-sandboxes.ts
deleted file mode 100644
index 21854679e142..000000000000
--- a/scripts/e2e-sandboxes.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { basename } from 'path';
-import { createOptions, getOptionsOrPrompt } from './utils/options';
-import { oncePerTemplate } from './once-per-template';
-
-const scriptName = basename(__filename, 'ts');
-const logger = console;
-
-export const options = createOptions({
-  cadence: {
-    type: 'string',
-    description: 'What cadence are we running on (i.e. which templates should we use)?',
-    values: ['ci', 'daily', 'weekly'] as const,
-    required: true,
-  },
-  junit: {
-    type: 'string',
-    description: 'Report results to junit XML file at path',
-  },
-});
-
-async function run() {
-  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
-
-  return oncePerTemplate({
-    step: 'Running E2E Tests',
-    cd: false,
-    cadence,
-    parallel: false,
-    junit: undefined,
-    scriptName: 'e2e',
-    templateCommand: (template) => ({
-      command: 'yarn playwright test --reporter=junit',
-      execaOptions: {
-        env: {
-          STORYBOOK_URL: `http://localhost:8001/${template.replace('/', '-')}/`,
-          ...(junit && {
-            PLAYWRIGHT_JUNIT_OUTPUT_NAME: junit.replace(
-              '.xml',
-              `-${template.replace('/', '-')}.xml`
-            ),
-          }),
-        },
-      },
-    }),
-  });
-}
-
-if (require.main === module) {
-  run().catch((err) => {
-    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
-    logger.error(err);
-    process.exit(1);
-  });
-}
diff --git a/scripts/once-per-template.test.ts b/scripts/once-per-template.test.ts
deleted file mode 100644
index e280e5015c7b..000000000000
--- a/scripts/once-per-template.test.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { describe, it, expect, jest } from '@jest/globals';
-
-import { filterTemplates, parseCommand } from './once-per-template';
-import type { Templates } from './once-per-template';
-
-jest.mock('../code/lib/cli/src/repro-templates', () => () => ({}));
-const mockOptions = { foo: { type: 'string', values: ['bar', 'baz'] } };
-jest.mock('./sandbox', () => ({ options: mockOptions }));
-
-describe('parseCommand', () => {
-  it('grabs the script name and gets its options', async () => {
-    expect(await parseCommand(`yarn sandbox --foo bar`)).toEqual({
-      scriptName: 'sandbox',
-      command: 'yarn sandbox',
-      options: mockOptions,
-      values: { foo: 'bar' },
-    });
-  });
-});
-
-describe('filterTemplates', () => {
-  const templates: Templates = {
-    first: {
-      name: 'First',
-      script: 'first',
-      cadence: ['ci', 'daily'],
-      skipScripts: ['sandbox'],
-    },
-    second: {
-      name: 'Second',
-      script: 'second',
-      cadence: ['daily'],
-    },
-  };
-  it('filters only templates on the right cadence', () => {
-    expect(filterTemplates(templates, 'ci', 'smoketest')).toEqual({ first: templates.first });
-    expect(filterTemplates(templates, 'daily', 'smoketest')).toEqual(templates);
-  });
-
-  it('filters templates that do not skip the script', () => {
-    expect(filterTemplates(templates, 'daily', 'sandbox')).toEqual({ second: templates.second });
-    expect(filterTemplates(templates, 'daily', 'smoketest')).toEqual(templates);
-  });
-
-  // TODO: test for this, I don't really want to mess with circle env vars duing a test
-  // it('filters by CI concurrency', () => {
-  //   expect(filterTemplates(templates, 'daily', 'sandbox')).toEqual({ second: templates.second });
-  //   expect(filterTemplates(templates, 'daily', 'smoketest')).toEqual(templates);
-  // });
-});
diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
deleted file mode 100644
index dda2200590b9..000000000000
--- a/scripts/once-per-template.ts
+++ /dev/null
@@ -1,256 +0,0 @@
-/* eslint-disable no-restricted-syntax, no-await-in-loop */
-import { Command } from 'commander';
-import execa from 'execa';
-import { resolve, join } from 'path';
-import { getJunitXml } from 'junit-xml';
-import { outputFile } from 'fs-extra';
-
-import {
-  getOptions,
-  getCommand,
-  getOptionsOrPrompt,
-  createOptions,
-  OptionValues,
-} from './utils/options';
-import type { OptionSpecifier } from './utils/options';
-import { filterDataForCurrentCircleCINode } from './utils/concurrency';
-
-import TEMPLATES from '../code/lib/cli/src/repro-templates';
-
-const sandboxDir = resolve(__dirname, '../sandbox');
-const logger = console;
-
-export type Cadence = 'ci' | 'daily' | 'weekly';
-export type Template = {
-  name: string;
-  script: string;
-  cadence?: readonly Cadence[];
-  skipScripts?: string[];
-  // there are other fields but we don't use them here
-};
-export type TemplateKey = string;
-export type Templates = Record<TemplateKey, Template>;
-
-export const options = createOptions({
-  step: {
-    type: 'string',
-    description: 'What type of step are you taking per template (for logging and test results)?',
-  },
-  cadence: {
-    type: 'string',
-    description: 'What cadence are we running on (i.e. which templates should we use)?',
-    values: ['ci', 'daily', 'weekly'] as const,
-    required: true,
-  },
-  script: {
-    type: 'string',
-    description: 'What command are we running?',
-  },
-  parallel: {
-    type: 'boolean',
-    description: 'Run commands in parallel?',
-  },
-  cd: {
-    type: 'boolean',
-    description: 'Change directory into sandbox?',
-    inverse: true,
-  },
-  junit: {
-    type: 'string',
-    description: 'Report results to junit XML file at path',
-  },
-});
-
-export function filterTemplates(templates: Templates, cadence: Cadence, scriptName: string) {
-  const allTemplates = Object.entries(templates);
-  const cadenceTemplates = allTemplates.filter(([, template]) =>
-    template.cadence.includes(cadence)
-  );
-  const jobTemplates = cadenceTemplates.filter(([, t]) => !t.skipScripts?.includes(scriptName));
-  return Object.fromEntries(filterDataForCurrentCircleCINode(jobTemplates));
-}
-
-export async function parseCommand(commandline: string) {
-  const argv = commandline.split(' ');
-
-  const [yarnOrNpx, scriptName] = argv;
-
-  try {
-    const { options: scriptOptions } = await import(`./${scriptName}`);
-
-    const command = new Command(scriptName);
-    const values = getOptions(command, scriptOptions as OptionSpecifier, [yarnOrNpx, ...argv]);
-
-    return {
-      scriptName,
-      command: `yarn ${scriptName}`,
-      options: scriptOptions,
-      values,
-    };
-  } catch (err) {
-    return {
-      scriptName,
-      command: commandline,
-    };
-  }
-}
-
-type RunResult = {
-  template: TemplateKey;
-  timestamp: Date;
-  time: number;
-  ok: boolean;
-  output?: string;
-  err?: Error;
-};
-
-async function runCommand(
-  command: string | string[],
-  execaOptions: execa.Options,
-  { step, template }: { step: string; template: string }
-): Promise<RunResult> {
-  const timestamp = new Date();
-  try {
-    logger.log(`🏃  ${step} ${template}: Running ${command}`);
-
-    const allOutput = [];
-    if (typeof command === 'string') {
-      logger.debug(`> ${command}`);
-      const { all } = await execa.command(command, execaOptions);
-      allOutput.push(all);
-    } else {
-      for (const subcommand of command) {
-        logger.debug(`> ${subcommand}`);
-        const { all } = await execa.command(subcommand, execaOptions);
-        allOutput.push(all);
-      }
-    }
-
-    logger.log(`✅ ${step} ${template}: Done.`);
-
-    return {
-      template,
-      timestamp,
-      time: (Date.now() - +timestamp) / 1000,
-      ok: true,
-      output: allOutput.join('\n'),
-    };
-  } catch (err) {
-    logger.log(`❌ ${step} ${template}: Failed.`);
-    logger.log(err);
-    return { template, timestamp, time: (Date.now() - +timestamp) / 1000, ok: false, err };
-  }
-}
-
-async function writeJunitXml(step: string, start: Date, results: RunResult[], path: string) {
-  const junitXml = getJunitXml({
-    time: (Date.now() - +start) / 1000,
-    name: `${step} Templates`,
-    suites: results.map(({ template, timestamp, time, ok, err, output }) => ({
-      name: template,
-      timestamp,
-      time,
-      testCases: [
-        {
-          name: `${step} ${template}`,
-          assertions: 1,
-          time,
-          systemOut: output?.split('\n'),
-          ...(!ok && {
-            errors: [err],
-          }),
-        },
-      ],
-    })),
-  });
-  await outputFile(path, junitXml);
-  logger.log(`Test results written to ${resolve(path)}`);
-}
-
-type CLIOptions = OptionValues<typeof options>;
-
-export async function oncePerTemplate({
-  step = 'Testing',
-  cadence,
-  parallel,
-  cd,
-  junit: junitPath,
-  scriptName,
-  templateCommand,
-}: Omit<CLIOptions, 'script'> & {
-  scriptName: string;
-  templateCommand: (template: TemplateKey) =>
-    | string
-    | string[]
-    | {
-        command: string | string[];
-        execaOptions?: execa.Options;
-      };
-}) {
-  const templates = filterTemplates(TEMPLATES, cadence, scriptName);
-
-  const start = new Date();
-  const toAwait = [];
-  for (const template of Object.keys(templates)) {
-    const templateDir = template.replace('/', '-');
-    const commandOrOptions = templateCommand(template);
-    const { command, execaOptions: templateExecaOptions } =
-      typeof commandOrOptions === 'string' || Array.isArray(commandOrOptions)
-        ? { command: commandOrOptions, execaOptions: null }
-        : commandOrOptions;
-
-    const execaOptions = {
-      shell: true,
-      ...(cd && { cwd: join(sandboxDir, templateDir) }),
-      ...templateExecaOptions,
-    };
-
-    if (parallel) {
-      toAwait.push(runCommand(command, execaOptions, { step, template }));
-    } else {
-      toAwait.push(
-        Promise.resolve(
-          await runCommand(command, { stdio: 'inherit', ...execaOptions }, { step, template })
-        )
-      );
-    }
-  }
-
-  const results = await Promise.all(toAwait);
-  if (junitPath) {
-    await writeJunitXml(step, start, results, junitPath);
-  }
-
-  const failed = results.find((result) => !result.ok);
-  if (failed) throw failed.err;
-}
-
-async function run() {
-  const { script: commandline, ...optionValues } = await getOptionsOrPrompt(
-    'yarn once-per-template',
-    options
-  );
-  const command = await parseCommand(commandline);
-  return oncePerTemplate({
-    ...optionValues,
-    scriptName: command.scriptName,
-    templateCommand: (template) => {
-      if (command.options) {
-        return getCommand(command.command, command.options, {
-          ...command.values,
-          template,
-        });
-      }
-
-      return command.command;
-    },
-  });
-}
-
-if (require.main === module) {
-  run().catch((err) => {
-    logger.error('🚨 An error occurred when executing "once-per-template":');
-    logger.error(err);
-    process.exit(1);
-  });
-}
diff --git a/scripts/smoke-test-sandboxes.ts b/scripts/smoke-test-sandboxes.ts
deleted file mode 100644
index 55b35f9c7c37..000000000000
--- a/scripts/smoke-test-sandboxes.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { basename } from 'path';
-import { createOptions, getOptionsOrPrompt } from './utils/options';
-import { options as oncePerTemplateOptions, oncePerTemplate } from './once-per-template';
-
-const scriptName = basename(__filename, 'ts');
-const logger = console;
-
-export const options = createOptions({
-  cadence: oncePerTemplateOptions.cadence,
-  junit: oncePerTemplateOptions.junit,
-});
-
-async function run() {
-  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
-
-  return oncePerTemplate({
-    step: 'Smoke Testing',
-    cd: true,
-    cadence,
-    parallel: false,
-    junit,
-    scriptName: 'sandbox',
-    templateCommand: () => 'yarn storybook --smoke-test --quiet',
-  });
-}
-
-if (require.main === module) {
-  run().catch((err) => {
-    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
-    logger.error(err);
-    process.exit(1);
-  });
-}
diff --git a/scripts/test-runner-sandboxes.ts b/scripts/test-runner-sandboxes.ts
deleted file mode 100644
index 7138f7fc82e0..000000000000
--- a/scripts/test-runner-sandboxes.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { basename, resolve } from 'path';
-import { createOptions, getOptionsOrPrompt } from './utils/options';
-import { options as oncePerTemplateOptions, oncePerTemplate } from './once-per-template';
-
-const scriptName = basename(__filename, 'ts');
-const codeDir = resolve(__dirname, '../code');
-const logger = console;
-
-export const options = createOptions({
-  cadence: oncePerTemplateOptions.cadence,
-  junit: oncePerTemplateOptions.junit,
-});
-
-async function run() {
-  const { cadence, junit } = await getOptionsOrPrompt(`yarn ${scriptName}`, options);
-
-  function getReporters(template: string) {
-    const filename = resolve(codeDir, junit);
-    return `reporters: [ 'default', [ 'jest-junit', { outputDirectory: '${filename}', addFileAttribute: 'true', usePathForSuiteName: 'true',uniqueOutputName: 'true' }, ], ],`;
-  }
-
-  function jestConfig(template: string) {
-    return (
-      // eslint-disable-next-line prefer-template
-      `const { getJestConfig } = require('@storybook/test-runner'); ` +
-      `module.exports = { ` +
-      `...getJestConfig(),` +
-      getReporters(template) +
-      `}`
-    );
-  }
-
-  await oncePerTemplate({
-    step: 'Installing Test Runner',
-    cd: true,
-    cadence,
-    parallel: true,
-    junit: undefined,
-    scriptName: 'test-storybook',
-    templateCommand: (template) => [
-      `yarn add --dev @storybook/test-runner jest-junit`,
-      `echo "${jestConfig(template)}" > test-runner-jest.config.js`,
-    ],
-  });
-
-  return oncePerTemplate({
-    step: 'Running Test Runner',
-    cd: true,
-    cadence,
-    parallel: false,
-    junit: undefined,
-    scriptName: 'test-storybook',
-    templateCommand: (template) =>
-      `yarn test-storybook --url ${`http://localhost:8001/${template.replace('/', '-')}/`}`,
-  });
-}
-
-if (require.main === module) {
-  run().catch((err) => {
-    logger.error(`🚨 An error occurred when executing "${scriptName}":`);
-    logger.error(err);
-    process.exit(1);
-  });
-}

From 739c8904e8354da90470e05274b1e66d8f81051b Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 15:36:16 +1000
Subject: [PATCH 145/266] Fix missing await

---
 scripts/get-template.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/get-template.ts b/scripts/get-template.ts
index b98995fd96fa..e370fa164256 100644
--- a/scripts/get-template.ts
+++ b/scripts/get-template.ts
@@ -26,7 +26,7 @@ export async function getTemplate(
   { index, total }: { index: number; total: number }
 ) {
   let potentialTemplateKeys: TemplateKey[];
-  if (pathExists(sandboxDir)) {
+  if (await pathExists(sandboxDir)) {
     const sandboxes = await getDirectories(sandboxDir);
     potentialTemplateKeys = sandboxes
       .map((dirName) => {

From ad5cd1db16f0675b9503346e7fa15a8b71f9c43b Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 15:37:20 +1000
Subject: [PATCH 146/266] Make sure we exit 1 if we fail

---
 scripts/get-template.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/scripts/get-template.ts b/scripts/get-template.ts
index e370fa164256..6e28ea1d2585 100644
--- a/scripts/get-template.ts
+++ b/scripts/get-template.ts
@@ -75,5 +75,8 @@ async function run() {
 }
 
 if (require.main === module) {
-  run().catch((err) => console.error(err));
+  run().catch((err) => {
+    console.error(err);
+    process.exit(1);
+  });
 }

From 6d9cf1f121b816edd5ffe424551e1a84119cbfa1 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 16:20:03 +1000
Subject: [PATCH 147/266] Check empty array

---
 scripts/get-template.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/get-template.ts b/scripts/get-template.ts
index 6e28ea1d2585..3a64a6fe1152 100644
--- a/scripts/get-template.ts
+++ b/scripts/get-template.ts
@@ -25,7 +25,7 @@ export async function getTemplate(
   scriptName: string,
   { index, total }: { index: number; total: number }
 ) {
-  let potentialTemplateKeys: TemplateKey[];
+  let potentialTemplateKeys: TemplateKey[] = [];
   if (await pathExists(sandboxDir)) {
     const sandboxes = await getDirectories(sandboxDir);
     potentialTemplateKeys = sandboxes

From 3f149b6fc7858695570f0a9340b58b64954a7af5 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 16:20:15 +1000
Subject: [PATCH 148/266] Small fixes

---
 scripts/task.ts              | 2 +-
 scripts/tasks/test-runner.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/scripts/task.ts b/scripts/task.ts
index 3312fe1c345a..7017f51eb03c 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -77,7 +77,7 @@ export const options = createOptions({
   },
   force: {
     type: 'boolean',
-    description: 'The task must run, it is an error if it is already ready?',
+    description: 'The task must run, it is an error if it is already ready.',
   },
   before: {
     type: 'boolean',
diff --git a/scripts/tasks/test-runner.ts b/scripts/tasks/test-runner.ts
index ecf11f748dd8..82db5bca9699 100644
--- a/scripts/tasks/test-runner.ts
+++ b/scripts/tasks/test-runner.ts
@@ -1,5 +1,5 @@
 import { join } from 'path';
-import { pathExistsSync, readFile, remove, removeSync, writeFile } from 'fs-extra';
+import { pathExistsSync, readFile, writeFile } from 'fs-extra';
 
 import { servePackages } from '../utils/serve-packages';
 import type { Task } from '../task';

From 27d5c5254665e7b3350a3bd06bda9df2b77fa5a7 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 16:39:25 +1000
Subject: [PATCH 149/266] Fix `get-template` script *again*

---
 scripts/get-template.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/get-template.ts b/scripts/get-template.ts
index 3a64a6fe1152..3b95316a302c 100644
--- a/scripts/get-template.ts
+++ b/scripts/get-template.ts
@@ -43,7 +43,7 @@ export async function getTemplate(
       template.cadence.includes(cadence)
     );
     const jobTemplates = cadenceTemplates.filter(([, t]) => !t.skipScripts?.includes(scriptName));
-    potentialTemplateKeys = Object.keys(jobTemplates);
+    potentialTemplateKeys = jobTemplates.map(([k]) => k);
   }
 
   if (potentialTemplateKeys.length !== total) {

From f4be68a0c5e5e3af9ca5d95eb2de53e6e6848df7 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 16:55:16 +1000
Subject: [PATCH 150/266] Get options right

---
 scripts/task.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scripts/task.ts b/scripts/task.ts
index 7017f51eb03c..5169dc38d672 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -171,8 +171,8 @@ async function run() {
   } = await getOptionsOrPrompt('yarn task', options);
 
   return runTask(taskKey, templateKey, {
-    mustBeReady: force,
-    mustNotBeReady: false,
+    mustBeReady: false,
+    mustNotBeReady: force,
     before,
     junit,
   });

From 7b3229b04b266b7f4c019d1387f5474b96495674 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 17:09:59 +1000
Subject: [PATCH 151/266] Try short circuiting

---
 scripts/tasks/create.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/scripts/tasks/create.ts b/scripts/tasks/create.ts
index 67988b8387d2..19bbbc4ca0b0 100644
--- a/scripts/tasks/create.ts
+++ b/scripts/tasks/create.ts
@@ -10,6 +10,7 @@ export const create: Task = {
     return pathExists(sandboxDir);
   },
   async run(templateKey) {
+    return;
     return sandbox({
       ...getDefaults(options),
       template: templateKey,

From 73cadceadea50caab4d3c8c7de6390efb75eb1d3 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 17:17:18 +1000
Subject: [PATCH 152/266] Some cleanup

---
 scripts/sandbox.ts     | 2 +-
 scripts/tasks/build.ts | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 84d86d04adf0..640bc6fa7166 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -385,7 +385,7 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
   // TODO start dev
 
   // Cleanup
-  publishController.abort();
+  publishController?.abort();
 }
 
 async function main() {
diff --git a/scripts/tasks/build.ts b/scripts/tasks/build.ts
index b7335c2492a5..1424d9af6f4e 100644
--- a/scripts/tasks/build.ts
+++ b/scripts/tasks/build.ts
@@ -1,5 +1,4 @@
 import { pathExists } from 'fs-extra';
-import { join } from 'path';
 import type { Task } from '../task';
 import { exec } from '../utils/exec';
 

From f625b02476856c8de16967abc019228c17e5aa1b Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 17:18:26 +1000
Subject: [PATCH 153/266] Add some logging

---
 scripts/sandbox.ts      | 2 ++
 scripts/tasks/create.ts | 1 -
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 640bc6fa7166..2a024e7698f5 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -385,7 +385,9 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
   // TODO start dev
 
   // Cleanup
+  console.log('aborting');
   publishController?.abort();
+  console.log('aborted');
 }
 
 async function main() {
diff --git a/scripts/tasks/create.ts b/scripts/tasks/create.ts
index 19bbbc4ca0b0..67988b8387d2 100644
--- a/scripts/tasks/create.ts
+++ b/scripts/tasks/create.ts
@@ -10,7 +10,6 @@ export const create: Task = {
     return pathExists(sandboxDir);
   },
   async run(templateKey) {
-    return;
     return sandbox({
       ...getDefaults(options),
       template: templateKey,

From 823343e5eadb69ddc40a84ffec46bd2f5893fcf1 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 17:26:09 +1000
Subject: [PATCH 154/266] Exit 0 after we finish

---
 scripts/sandbox.ts |  2 --
 scripts/task.ts    | 12 +++++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 2a024e7698f5..640bc6fa7166 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -385,9 +385,7 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
   // TODO start dev
 
   // Cleanup
-  console.log('aborting');
   publishController?.abort();
-  console.log('aborted');
 }
 
 async function main() {
diff --git a/scripts/task.ts b/scripts/task.ts
index 5169dc38d672..7805f9008027 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -179,9 +179,11 @@ async function run() {
 }
 
 if (require.main === module) {
-  run().catch((err) => {
-    logger.error();
-    logger.error(err.message);
-    process.exit(1);
-  });
+  run()
+    .then(() => process.exit(0))
+    .catch((err) => {
+      logger.error();
+      logger.error(err.message);
+      process.exit(1);
+    });
 }

From 5e9676b7b471adc690169274d1ff33bd4d0c456b Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 17:43:32 +1000
Subject: [PATCH 155/266] Pass `--exit-once-uploaded` to chromatic

---
 scripts/tasks/chromatic.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/scripts/tasks/chromatic.ts b/scripts/tasks/chromatic.ts
index 234e205c1066..25412e3939ee 100644
--- a/scripts/tasks/chromatic.ts
+++ b/scripts/tasks/chromatic.ts
@@ -11,7 +11,9 @@ export const chromatic: Task = {
     const tokenEnvVarName = `CHROMATIC_TOKEN_${templateKey.toUpperCase().replace(/\/|-/g, '_')}`;
     const token = process.env[tokenEnvVarName];
     return exec(
-      `npx chromatic --storybook-build-dir=${builtSandboxDir} \
+      `npx chromatic \
+        --exit-once-uploaded
+        --storybook-build-dir=${builtSandboxDir} \
         --junit-report=${junitFilename} \
         --projectToken=${token}`,
       { cwd: sandboxDir }

From 2d72df95b2ab6ceec4c246a8cc089760aa8796bd Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 17:49:21 +1000
Subject: [PATCH 156/266] E2E tests don't need to serve

---
 .circleci/config.yml | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 80f3f46764a2..72cf96a8a449 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -555,15 +555,6 @@ jobs:
           clone_options: '--depth 1 --verbose'
       - attach_workspace:
           at: .
-      - run:
-          name: Serve Sandboxes
-          command: yarn http-server ../built-sandboxes -p 8001
-          background: true
-          working_directory: code
-      - run:
-          name: Await Serving Sandboxes
-          command: yarn wait-on http://localhost:8001
-          working_directory: code
       - run:
           name: Running E2E Tests
           command: yarn e2e-sandboxes --cadence ci --junit test-results/e2e.xml

From 1c501bca69caf1e721bb4aec5179be68e47af4b0 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 18:02:22 +1000
Subject: [PATCH 157/266] Whoops

---
 .circleci/config.yml       | 2 +-
 scripts/tasks/chromatic.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 72cf96a8a449..2245dcaa2c13 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -557,7 +557,7 @@ jobs:
           at: .
       - run:
           name: Running E2E Tests
-          command: yarn e2e-sandboxes --cadence ci --junit test-results/e2e.xml
+          command: yarn task --task e2e-tests --template $(yarn get-template ci) --force --no-before --junit
           working_directory: code
       - store_test_results:
           path: code/test-results
diff --git a/scripts/tasks/chromatic.ts b/scripts/tasks/chromatic.ts
index 25412e3939ee..605344fc77ca 100644
--- a/scripts/tasks/chromatic.ts
+++ b/scripts/tasks/chromatic.ts
@@ -12,7 +12,7 @@ export const chromatic: Task = {
     const token = process.env[tokenEnvVarName];
     return exec(
       `npx chromatic \
-        --exit-once-uploaded
+        --exit-once-uploaded \
         --storybook-build-dir=${builtSandboxDir} \
         --junit-report=${junitFilename} \
         --projectToken=${token}`,

From 075b3874aea577373da98c1afe99aa42199a772e Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 12 Aug 2022 18:15:03 +1000
Subject: [PATCH 158/266] Need to use this option

---
 scripts/tasks/chromatic.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/tasks/chromatic.ts b/scripts/tasks/chromatic.ts
index 605344fc77ca..1d5197f6918c 100644
--- a/scripts/tasks/chromatic.ts
+++ b/scripts/tasks/chromatic.ts
@@ -12,7 +12,7 @@ export const chromatic: Task = {
     const token = process.env[tokenEnvVarName];
     return exec(
       `npx chromatic \
-        --exit-once-uploaded \
+        --exit-zero-on-changes \
         --storybook-build-dir=${builtSandboxDir} \
         --junit-report=${junitFilename} \
         --projectToken=${token}`,

From 6d1585abfa25a7a38118232af3a99f5d405f0d44 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Fri, 12 Aug 2022 13:25:09 +0200
Subject: [PATCH 159/266] update stories and snapshots

- The snapshot styles changed because the Button component was modified
---
 .../stories/title/AutoTitle.stories.js        |  2 +-
 .../stories/title/CustomTitle.stories.js      |  2 +-
 .../src/__snapshots__/storyshots.test.ts.snap | 26 ++++++++++---------
 .../react-ts/src/title/AutoTitle.stories.js   |  2 +-
 .../react-ts/src/title/CustomTitle.stories.js |  2 +-
 5 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/code/examples/official-storybook/stories/title/AutoTitle.stories.js b/code/examples/official-storybook/stories/title/AutoTitle.stories.js
index 125c1157c1c1..a7fcbf4a4e82 100644
--- a/code/examples/official-storybook/stories/title/AutoTitle.stories.js
+++ b/code/examples/official-storybook/stories/title/AutoTitle.stories.js
@@ -9,4 +9,4 @@ export default {
   component: Button,
 };
 
-export const Basic = () => <Button label="Click me" />;
+export const Basic = () => <Button>Click me</Button>;
diff --git a/code/examples/official-storybook/stories/title/CustomTitle.stories.js b/code/examples/official-storybook/stories/title/CustomTitle.stories.js
index 1ff5710b11d1..12182a5d961e 100644
--- a/code/examples/official-storybook/stories/title/CustomTitle.stories.js
+++ b/code/examples/official-storybook/stories/title/CustomTitle.stories.js
@@ -8,4 +8,4 @@ export default {
   component: Button,
 };
 
-export const Basic = () => <Button label="Click me" />;
+export const Basic = () => <Button>Click me</Button>;
diff --git a/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap b/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
index a3430706744a..fbd5d981a4b7 100644
--- a/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
+++ b/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
@@ -46,12 +46,12 @@ exports[`Storyshots Custom Prefix/AutoTitle Basic 1`] = `
 
 .emotion-0 svg {
   display: inline-block;
-  height: 14px;
-  width: 14px;
+  height: 12px;
+  width: 12px;
   vertical-align: top;
   margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
+  margin-top: 0;
+  margin-bottom: 0;
   pointer-events: none;
 }
 
@@ -81,8 +81,9 @@ exports[`Storyshots Custom Prefix/AutoTitle Basic 1`] = `
 
 <button
   className="emotion-0"
-  label="Click me"
-/>
+>
+  Click me
+</button>
 `;
 
 exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
@@ -131,12 +132,12 @@ exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
 
 .emotion-0 svg {
   display: inline-block;
-  height: 14px;
-  width: 14px;
+  height: 12px;
+  width: 12px;
   vertical-align: top;
   margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
+  margin-top: 0;
+  margin-bottom: 0;
   pointer-events: none;
 }
 
@@ -166,8 +167,9 @@ exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
 
 <button
   className="emotion-0"
-  label="Click me"
-/>
+>
+  Click me
+</button>
 `;
 
 exports[`Storyshots Demo/AccountForm Standard 1`] = `
diff --git a/code/examples/react-ts/src/title/AutoTitle.stories.js b/code/examples/react-ts/src/title/AutoTitle.stories.js
index 125c1157c1c1..a7fcbf4a4e82 100644
--- a/code/examples/react-ts/src/title/AutoTitle.stories.js
+++ b/code/examples/react-ts/src/title/AutoTitle.stories.js
@@ -9,4 +9,4 @@ export default {
   component: Button,
 };
 
-export const Basic = () => <Button label="Click me" />;
+export const Basic = () => <Button>Click me</Button>;
diff --git a/code/examples/react-ts/src/title/CustomTitle.stories.js b/code/examples/react-ts/src/title/CustomTitle.stories.js
index 1ff5710b11d1..12182a5d961e 100644
--- a/code/examples/react-ts/src/title/CustomTitle.stories.js
+++ b/code/examples/react-ts/src/title/CustomTitle.stories.js
@@ -8,4 +8,4 @@ export default {
   component: Button,
 };
 
-export const Basic = () => <Button label="Click me" />;
+export const Basic = () => <Button>Click me</Button>;

From 0edf9f3c51cbf9d54ba68b526df7c0523e1974ff Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Fri, 12 Aug 2022 19:32:27 +0800
Subject: [PATCH 160/266] Apply suggestions from code review

---
 MIGRATION.md | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/MIGRATION.md b/MIGRATION.md
index fa4a435e22db..51d6b4103a3e 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -237,19 +237,20 @@ The default export from `@storybook/addons` has been removed. Please use the nam
 import { addons } from '@storybook/addons';
 ```
 
+The named export has been available since 6.0 or earlier, so your updated code will be backwards-compatible with older versions of Storybook.
 #### Modern browser support
 
 Starting in storybook 7.0, storybook will no longer support IE11, amongst other legacy browser versions.
 We now transpile our code with a target of `chrome >= 100` and node code is transpiled with a target of `node >= 14`.
 
 This means code-features such as (but not limited to) `async/await`, arrow-functions, `const`,`let`, etc will exists in the code at runtime, and thus the runtime environment must support it.
-Not just the runtime needs to support it, but some legacy loaders for webpack or other transpilation tools might need to be updated as well. For example certain version of webpack 4, had parsers that could not parse the new syntax.
+Not just the runtime needs to support it, but some legacy loaders for webpack or other transpilation tools might need to be updated as well. For example certain versions of webpack 4 had parsers that could not parse the new syntax (e.g. optional chaining).
 
 Some addons or libraries might have depended on this legacy browser support, and thus might break. You might get an error like:
 ```
 regeneratorRuntime is not defined
 ```
-To fix these error, the addon will have to be re-released with a newer browser-target for transpilation. This often looks something like this (but it's dependent on the build system the addon uses):
+To fix these errors, the addon will have to be re-released with a newer browser-target for transpilation. This often looks something like this (but it's dependent on the build system the addon uses):
 ```js
 // babel.config.js
 module.exports = {
@@ -272,16 +273,18 @@ Here's an example PR to one of the storybook addons: https://github.com/storyboo
 
 #### No more configuration for manager
 
-The storybook manager no longer uses webpack to be built, instead it's using esbuild now.
-It's no longer possible to configure the manager. Esbuild comes preconfigured to handle importing CSS, and images.
+The storybook manager is no longer built with webpack. Now it's built with esbuild.
+Therefore, it's no longer possible to configure the manager. Esbuild comes preconfigured to handle importing CSS, and images.
 
-If you're currently loading files other then CSS or images into the manager, you'll need change this so the files get converted to JS before publishing.
+If you're currently loading files other then CSS or images into the manager, you'll need change this so the files get converted to JS before publishing your addon.
 
 This means the preset value `managerWebpack` is no longer respected, and should be removed from presets and `main.js` files.
 
 Addons that run in the manager can depend on `react` and `@storybook/*` packages directly. They do not need to be peerDependencies.
-But very importantly the build system ensures there will only be 1 version of these packages at runtime. The version will come from the `@storybook/ui` package, and not from the addon.
-For this reason it's recommended to have these dependencies as `devDependencies` in your `package.json` of your addon.
+But very importantly, the build system ensures there will only be 1 version of these packages at runtime. The version will come from the `@storybook/ui` package, and not from the addon.
+For this reason it's recommended to have these dependencies as `devDependencies` in your addon's `package.json`.
+
+The full list of packages that Storybook's manager bundler makes available for addons is here: https://github.com/storybookjs/storybook/blob/next/code/lib/ui/src/globals/types.ts
 
 Addons in the manager will no longer be bundled together anymore, which means that if 1 fails, it doesn't break the whole manager.
 Each addons is imported into the manager as an ESM module that's bundled separately.

From 3c527c605f33d10c04fca2cba269cca98f91bc04 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Fri, 12 Aug 2022 13:45:50 +0200
Subject: [PATCH 161/266] Apply suggestions from code review

Co-authored-by: Yann Braga <yannbf@gmail.com>
Co-authored-by: Michael Shilman <shilman@users.noreply.github.com>
---
 MIGRATION.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/MIGRATION.md b/MIGRATION.md
index 51d6b4103a3e..c2e1b784f04a 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -246,7 +246,7 @@ We now transpile our code with a target of `chrome >= 100` and node code is tran
 This means code-features such as (but not limited to) `async/await`, arrow-functions, `const`,`let`, etc will exists in the code at runtime, and thus the runtime environment must support it.
 Not just the runtime needs to support it, but some legacy loaders for webpack or other transpilation tools might need to be updated as well. For example certain versions of webpack 4 had parsers that could not parse the new syntax (e.g. optional chaining).
 
-Some addons or libraries might have depended on this legacy browser support, and thus might break. You might get an error like:
+Some addons or libraries might depended on this legacy browser support, and thus might break. You might get an error like:
 ```
 regeneratorRuntime is not defined
 ```
@@ -276,7 +276,7 @@ Here's an example PR to one of the storybook addons: https://github.com/storyboo
 The storybook manager is no longer built with webpack. Now it's built with esbuild.
 Therefore, it's no longer possible to configure the manager. Esbuild comes preconfigured to handle importing CSS, and images.
 
-If you're currently loading files other then CSS or images into the manager, you'll need change this so the files get converted to JS before publishing your addon.
+If you're currently loading files other than CSS or images into the manager, you'll need to make changes so the files get converted to JS before publishing your addon.
 
 This means the preset value `managerWebpack` is no longer respected, and should be removed from presets and `main.js` files.
 
@@ -287,7 +287,7 @@ For this reason it's recommended to have these dependencies as `devDependencies`
 The full list of packages that Storybook's manager bundler makes available for addons is here: https://github.com/storybookjs/storybook/blob/next/code/lib/ui/src/globals/types.ts
 
 Addons in the manager will no longer be bundled together anymore, which means that if 1 fails, it doesn't break the whole manager.
-Each addons is imported into the manager as an ESM module that's bundled separately.
+Each addon is imported into the manager as an ESM module that's bundled separately.
 
 #### start-storybook / build-storybook binaries removed
 

From 112a11a6e621061a01deb20807ca9aee5d5a5c3d Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Fri, 12 Aug 2022 14:06:10 +0200
Subject: [PATCH 162/266] extract common code into a function

---
 code/lib/builder-manager/src/index.ts       | 24 +++++----------------
 code/lib/builder-manager/src/utils/files.ts | 15 +++++++++++++
 2 files changed, 20 insertions(+), 19 deletions(-)
 create mode 100644 code/lib/builder-manager/src/utils/files.ts

diff --git a/code/lib/builder-manager/src/index.ts b/code/lib/builder-manager/src/index.ts
index f61077dd0506..55a519b28027 100644
--- a/code/lib/builder-manager/src/index.ts
+++ b/code/lib/builder-manager/src/index.ts
@@ -21,8 +21,10 @@ import {
 } from './types';
 import { getData } from './utils/data';
 import { safeResolve } from './utils/safeResolve';
+import { readOrdererFiles } from './utils/files';
 
-let compilation: Compilation;
+// eslint-disable-next-line import/no-mutable-exports
+export let compilation: Compilation;
 let asyncIterator: ReturnType<StarterFunction> | ReturnType<BuilderFunction>;
 
 export const getConfig: ManagerBuilder['getConfig'] = async (options) => {
@@ -118,18 +120,10 @@ const starter: StarterFunction = async function* starterGeneratorFn({
   router.use(`/sb-addons`, express.static(addonsDir));
   router.use(`/sb-manager`, express.static(coreDirOrigin));
 
-  const files = await Promise.all(
-    compilation?.outputFiles?.map(async (file) => {
-      await ensureFile(file.path).then(() => writeFile(file.path, file.contents));
-      return file.path.replace(addonsDir, './sb-addons');
-    }) || []
-  );
+  const { cssFiles, jsFiles } = await readOrdererFiles(addonsDir);
 
   yield;
 
-  const jsFiles = files.filter((file) => file.endsWith('.mjs'));
-  const cssFiles = files.filter((file) => file.endsWith('.css'));
-
   const html = await renderHTML(
     template,
     title,
@@ -191,18 +185,10 @@ const builder: BuilderFunction = async function* builderGeneratorFn({ startTime,
   yield;
 
   const managerFiles = copy(coreDirOrigin, coreDirTarget);
-  const files = await Promise.all(
-    compilation?.outputFiles?.map(async (file) => {
-      await ensureFile(file.path).then(() => writeFile(file.path, file.contents));
-      return file.path.replace(addonsDir, './sb-addons');
-    }) || []
-  );
+  const { cssFiles, jsFiles } = await readOrdererFiles(addonsDir);
 
   yield;
 
-  const jsFiles = files.filter((file) => file.endsWith('.mjs'));
-  const cssFiles = files.filter((file) => file.endsWith('.css'));
-
   const html = await renderHTML(
     template,
     title,
diff --git a/code/lib/builder-manager/src/utils/files.ts b/code/lib/builder-manager/src/utils/files.ts
new file mode 100644
index 000000000000..07c963e19c8a
--- /dev/null
+++ b/code/lib/builder-manager/src/utils/files.ts
@@ -0,0 +1,15 @@
+import { writeFile, ensureFile } from 'fs-extra';
+import { compilation } from '../index';
+
+export async function readOrdererFiles(addonsDir: string) {
+  const files = await Promise.all(
+    compilation?.outputFiles?.map(async (file) => {
+      await ensureFile(file.path).then(() => writeFile(file.path, file.contents));
+      return file.path.replace(addonsDir, './sb-addons');
+    }) || []
+  );
+
+  const jsFiles = files.filter((file) => file.endsWith('.mjs'));
+  const cssFiles = files.filter((file) => file.endsWith('.css'));
+  return { cssFiles, jsFiles };
+}

From 592e2fd4dd8e2e59de307b0cf9b298fd74758e0e Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Fri, 12 Aug 2022 14:15:05 +0200
Subject: [PATCH 163/266] cleanup

---
 code/lib/builder-manager/src/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/builder-manager/src/index.ts b/code/lib/builder-manager/src/index.ts
index 55a519b28027..28dbbb8df04f 100644
--- a/code/lib/builder-manager/src/index.ts
+++ b/code/lib/builder-manager/src/index.ts
@@ -1,5 +1,5 @@
 import { dirname, join } from 'path';
-import { copy, writeFile, remove, ensureFile } from 'fs-extra';
+import { copy, writeFile, remove } from 'fs-extra';
 import express from 'express';
 
 import { logger } from '@storybook/node-logger';

From 2b256d3beda4d89d6d7468e730636b3e5d050e7e Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Fri, 12 Aug 2022 20:44:12 +0800
Subject: [PATCH 164/266] Apply suggestions from code review

---
 code/lib/builder-manager/src/index.ts       | 6 +++---
 code/lib/builder-manager/src/utils/files.ts | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/code/lib/builder-manager/src/index.ts b/code/lib/builder-manager/src/index.ts
index 28dbbb8df04f..9b1d96323265 100644
--- a/code/lib/builder-manager/src/index.ts
+++ b/code/lib/builder-manager/src/index.ts
@@ -21,7 +21,7 @@ import {
 } from './types';
 import { getData } from './utils/data';
 import { safeResolve } from './utils/safeResolve';
-import { readOrdererFiles } from './utils/files';
+import { readOrderedFiles } from './utils/files';
 
 // eslint-disable-next-line import/no-mutable-exports
 export let compilation: Compilation;
@@ -120,7 +120,7 @@ const starter: StarterFunction = async function* starterGeneratorFn({
   router.use(`/sb-addons`, express.static(addonsDir));
   router.use(`/sb-manager`, express.static(coreDirOrigin));
 
-  const { cssFiles, jsFiles } = await readOrdererFiles(addonsDir);
+  const { cssFiles, jsFiles } = await readOrderedFiles(addonsDir);
 
   yield;
 
@@ -185,7 +185,7 @@ const builder: BuilderFunction = async function* builderGeneratorFn({ startTime,
   yield;
 
   const managerFiles = copy(coreDirOrigin, coreDirTarget);
-  const { cssFiles, jsFiles } = await readOrdererFiles(addonsDir);
+  const { cssFiles, jsFiles } = await readOrderedFiles(addonsDir);
 
   yield;
 
diff --git a/code/lib/builder-manager/src/utils/files.ts b/code/lib/builder-manager/src/utils/files.ts
index 07c963e19c8a..56c6204ead56 100644
--- a/code/lib/builder-manager/src/utils/files.ts
+++ b/code/lib/builder-manager/src/utils/files.ts
@@ -1,7 +1,7 @@
 import { writeFile, ensureFile } from 'fs-extra';
 import { compilation } from '../index';
 
-export async function readOrdererFiles(addonsDir: string) {
+export async function readOrderedFiles(addonsDir: string) {
   const files = await Promise.all(
     compilation?.outputFiles?.map(async (file) => {
       await ensureFile(file.path).then(() => writeFile(file.path, file.contents));

From 9791f4e1f72bd19e1fda84ca18ba1c3a7c6727e7 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Fri, 12 Aug 2022 15:51:59 +0200
Subject: [PATCH 165/266] cleanup

---
 code/lib/cli/src/automigrate/fixes/new-frameworks.ts | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
index 34a5b8f59204..016e05a66145 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -104,29 +104,21 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
     }
 
     if (!semver.gte(storybookCoerced, '7.0.0')) {
-      console.log('lower than 7.0.0!');
       return null;
     }
 
     // If in the future the eslint plugin has a framework option, using main to extract the framework field will be very useful
     const main = await readConfig(mainConfig);
 
-    if (!main) {
-      console.log('no main');
-      return null;
-    }
-
     const frameworkPackage = main.getFieldValue(['framework']) as keyof typeof packagesMap;
     const builder = main.getFieldValue(['core', 'builder']);
 
     if (!frameworkPackage || !builder) {
-      console.log('no framework or no builder, skipping');
       return null;
     }
 
     const supportedPackages = Object.keys(packagesMap);
     if (!supportedPackages.includes(frameworkPackage)) {
-      console.log('no supported package, skipping');
       return null;
     }
 

From 2a70b8a9e2035bb7e7e67e9f342e9dcf85683957 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 12 Aug 2022 22:21:22 +0200
Subject: [PATCH 166/266] Fix step function in StoryStore v6

---
 .../preview/virtualModuleEntry.template.js    |  4 ++++
 code/lib/client-api/src/ClientApi.ts          | 22 ++++++++++++++++---
 code/lib/client-api/src/index.ts              |  2 ++
 code/lib/store/src/csf/index.ts               |  1 +
 4 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/code/lib/builder-webpack5/src/preview/virtualModuleEntry.template.js b/code/lib/builder-webpack5/src/preview/virtualModuleEntry.template.js
index 1e3f319f27ce..b667a36248a0 100644
--- a/code/lib/builder-webpack5/src/preview/virtualModuleEntry.template.js
+++ b/code/lib/builder-webpack5/src/preview/virtualModuleEntry.template.js
@@ -5,6 +5,7 @@ import {
   addLoader,
   addArgs,
   addArgTypes,
+  addStepRunner,
   addArgsEnhancer,
   addArgTypesEnhancer,
   setGlobalRender,
@@ -49,6 +50,9 @@ Object.keys(config).forEach((key) => {
     case 'renderToDOM': {
       return null; // This key is not handled directly in v6 mode.
     }
+    case 'runStep': {
+      return addStepRunner(value);
+    }
     default: {
       // eslint-disable-next-line prefer-template
       return console.log(key + ' was not supported :( !');
diff --git a/code/lib/client-api/src/ClientApi.ts b/code/lib/client-api/src/ClientApi.ts
index 9f3b0d93a957..58d0090046f9 100644
--- a/code/lib/client-api/src/ClientApi.ts
+++ b/code/lib/client-api/src/ClientApi.ts
@@ -4,7 +4,7 @@ import deprecate from 'util-deprecate';
 import { dedent } from 'ts-dedent';
 import global from 'global';
 import { logger } from '@storybook/client-logger';
-import { toId, sanitize } from '@storybook/csf';
+import { toId, sanitize, StepRunner } from '@storybook/csf';
 import type {
   Args,
   ArgTypes,
@@ -20,7 +20,12 @@ import type {
   GlobalTypes,
   LegacyStoryFn,
 } from '@storybook/csf';
-import { combineParameters, StoryStore, normalizeInputTypes } from '@storybook/store';
+import {
+  combineParameters,
+  composeStepRunners,
+  StoryStore,
+  normalizeInputTypes,
+} from '@storybook/store';
 import type { NormalizedComponentAnnotations, Path, ModuleImportFn } from '@storybook/store';
 import type { ClientApiAddons, StoryApi } from '@storybook/addons';
 
@@ -68,7 +73,7 @@ const checkMethod = (method: string, deprecationWarning: boolean) => {
   if (global.FEATURES?.storyStoreV7) {
     throw new Error(
       dedent`You cannot use \`${method}\` with the new Story Store.
-      
+
       ${warningAlternatives[method as keyof typeof warningAlternatives]}`
     );
   }
@@ -120,6 +125,11 @@ export const addArgTypesEnhancer = (enhancer: ArgTypesEnhancer<AnyFramework>) =>
   singleton.addArgTypesEnhancer(enhancer);
 };
 
+export const addStepRunner = (stepRunner: StepRunner) => {
+  checkMethod('addStepRunner', false);
+  singleton.addStepRunner(stepRunner);
+};
+
 export const getGlobalRender = () => {
   checkMethod('getGlobalRender', false);
   return singleton.facade.projectAnnotations.render;
@@ -215,6 +225,12 @@ export class ClientApi<TFramework extends AnyFramework> {
     }
   };
 
+  addStepRunner = (stepRunner: StepRunner) => {
+    this.facade.projectAnnotations.runStep = composeStepRunners(
+      [this.facade.projectAnnotations.runStep, stepRunner].filter(Boolean)
+    );
+  };
+
   addLoader = (loader: LoaderFunction<TFramework>) => {
     this.facade.projectAnnotations.loaders.push(loader);
   };
diff --git a/code/lib/client-api/src/index.ts b/code/lib/client-api/src/index.ts
index e1b780cc2d6b..9ac279239c2d 100644
--- a/code/lib/client-api/src/index.ts
+++ b/code/lib/client-api/src/index.ts
@@ -7,6 +7,7 @@ import {
   addArgTypes,
   addArgsEnhancer,
   addArgTypesEnhancer,
+  addStepRunner,
   setGlobalRender,
 } from './ClientApi';
 
@@ -24,6 +25,7 @@ export {
   addArgs,
   addArgTypes,
   addParameters,
+  addStepRunner,
   setGlobalRender,
   ClientApi,
 };
diff --git a/code/lib/store/src/csf/index.ts b/code/lib/store/src/csf/index.ts
index 00cdb73c4794..4b3aa8fa8c97 100644
--- a/code/lib/store/src/csf/index.ts
+++ b/code/lib/store/src/csf/index.ts
@@ -6,4 +6,5 @@ export * from './normalizeComponentAnnotations';
 export * from './normalizeProjectAnnotations';
 export * from './getValuesFromArgTypes';
 export * from './composeConfigs';
+export * from './stepRunners';
 export * from './testing-utils';

From 6a47756bfaeb9cb8e1799c2b3139768ec6d0fe03 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 12 Aug 2022 22:28:59 +0200
Subject: [PATCH 167/266] Load step runner in Storyshots

---
 .../storyshots-core/src/frameworks/Loader.ts       |  1 +
 .../storyshots-core/src/frameworks/configure.ts    | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts
index 20ce598c423c..101f2e97735f 100644
--- a/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts
+++ b/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts
@@ -15,6 +15,7 @@ export interface ClientApi<TFramework extends AnyFramework>
   setAddon: ClientApiClass<TFramework>['setAddon'];
   addArgsEnhancer: ClientApiClass<TFramework>['addArgsEnhancer'];
   addArgTypesEnhancer: ClientApiClass<TFramework>['addArgTypesEnhancer'];
+  addStepRunner: ClientApiClass<TFramework>['addStepRunner'];
   raw: ClientApiClass<TFramework>['raw'];
 }
 
diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/configure.ts b/code/addons/storyshots/storyshots-core/src/frameworks/configure.ts
index 670ecdfd63e6..ad64cdd91d69 100644
--- a/code/addons/storyshots/storyshots-core/src/frameworks/configure.ts
+++ b/code/addons/storyshots/storyshots-core/src/frameworks/configure.ts
@@ -113,8 +113,15 @@ function configure<TFramework extends AnyFramework>(
 
   if (preview) {
     // This is essentially the same code as lib/core/src/server/preview/virtualModuleEntry.template
-    const { parameters, decorators, globals, globalTypes, argsEnhancers, argTypesEnhancers } =
-      jest.requireActual(preview);
+    const {
+      parameters,
+      decorators,
+      globals,
+      globalTypes,
+      argsEnhancers,
+      argTypesEnhancers,
+      runStep,
+    } = jest.requireActual(preview);
 
     if (decorators) {
       decorators.forEach((decorator: DecoratorFunction<TFramework>) =>
@@ -124,6 +131,9 @@ function configure<TFramework extends AnyFramework>(
     if (parameters || globals || globalTypes) {
       storybook.addParameters({ ...parameters, globals, globalTypes });
     }
+    if (runStep) {
+      storybook.addStepRunner(runStep);
+    }
     if (argsEnhancers) {
       argsEnhancers.forEach((enhancer: ArgsEnhancer<TFramework>) =>
         storybook.addArgsEnhancer(enhancer as any)

From f72bbaaea87333ccda968fd14f4f418133b4aa2f Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Fri, 12 Aug 2022 17:51:36 -0400
Subject: [PATCH 168/266] Embiggen the sidebar icons by 2px

---
 code/lib/ui/src/components/sidebar/TreeNode.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/code/lib/ui/src/components/sidebar/TreeNode.tsx b/code/lib/ui/src/components/sidebar/TreeNode.tsx
index 04c47c700831..9503ec4c372a 100644
--- a/code/lib/ui/src/components/sidebar/TreeNode.tsx
+++ b/code/lib/ui/src/components/sidebar/TreeNode.tsx
@@ -40,7 +40,6 @@ const TypeIcon = styled(Icons)<{ docsMode?: boolean }>(
   {
     width: 12,
     height: 12,
-    padding: 1,
     marginTop: 3,
     marginRight: 5,
     flex: '0 0 auto',

From 3de325f1480f3e3843ae4c1b73ba2c63055a3919 Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Fri, 12 Aug 2022 17:52:19 -0400
Subject: [PATCH 169/266] Viewport copyedit from "rotate" to "swap" dimensions

---
 code/addons/viewport/src/Tool.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/addons/viewport/src/Tool.tsx b/code/addons/viewport/src/Tool.tsx
index cffa249cfbd5..98e78a404319 100644
--- a/code/addons/viewport/src/Tool.tsx
+++ b/code/addons/viewport/src/Tool.tsx
@@ -235,7 +235,7 @@ export const ViewportTool: FC = memo(
             </ActiveViewportLabel>
             <IconButton
               key="viewport-rotate"
-              title="Rotate viewport"
+              title="Swap dimensions"
               onClick={() => {
                 setState({ ...state, isRotated: !isRotated });
               }}

From 1320ba9de5ed45e4ce83adc530a5dd91c0c005e3 Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Fri, 12 Aug 2022 17:53:00 -0400
Subject: [PATCH 170/266] Use the appropriate share icon in Docs Preview
 Toolbar

---
 code/lib/blocks/src/components/Toolbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/blocks/src/components/Toolbar.tsx b/code/lib/blocks/src/components/Toolbar.tsx
index a5dfeeec4812..2a4c369ef05c 100644
--- a/code/lib/blocks/src/components/Toolbar.tsx
+++ b/code/lib/blocks/src/components/Toolbar.tsx
@@ -70,7 +70,7 @@ const Eject: FC<EjectProps> = ({ baseUrl, storyId }) => (
     target="_blank"
     title="Open canvas in new tab"
   >
-    <Icons icon="share" />
+    <Icons icon="sharealt" />
   </IconButton>
 );
 

From 2237d979d8fd4d49d82f3a33d78b297cb5c305d4 Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Fri, 12 Aug 2022 18:05:11 -0400
Subject: [PATCH 171/266] Revert "Embiggen the sidebar icons by 2px"

This reverts commit f72bbaaea87333ccda968fd14f4f418133b4aa2f.
---
 code/lib/ui/src/components/sidebar/TreeNode.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/code/lib/ui/src/components/sidebar/TreeNode.tsx b/code/lib/ui/src/components/sidebar/TreeNode.tsx
index 9503ec4c372a..04c47c700831 100644
--- a/code/lib/ui/src/components/sidebar/TreeNode.tsx
+++ b/code/lib/ui/src/components/sidebar/TreeNode.tsx
@@ -40,6 +40,7 @@ const TypeIcon = styled(Icons)<{ docsMode?: boolean }>(
   {
     width: 12,
     height: 12,
+    padding: 1,
     marginTop: 3,
     marginRight: 5,
     flex: '0 0 auto',

From 24da49ea1fb409f5d8aad9753344672a1670988b Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Fri, 12 Aug 2022 18:05:14 -0400
Subject: [PATCH 172/266] Revert "Viewport copyedit from "rotate" to "swap"
 dimensions"

This reverts commit 3de325f1480f3e3843ae4c1b73ba2c63055a3919.
---
 code/addons/viewport/src/Tool.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/addons/viewport/src/Tool.tsx b/code/addons/viewport/src/Tool.tsx
index 98e78a404319..cffa249cfbd5 100644
--- a/code/addons/viewport/src/Tool.tsx
+++ b/code/addons/viewport/src/Tool.tsx
@@ -235,7 +235,7 @@ export const ViewportTool: FC = memo(
             </ActiveViewportLabel>
             <IconButton
               key="viewport-rotate"
-              title="Swap dimensions"
+              title="Rotate viewport"
               onClick={() => {
                 setState({ ...state, isRotated: !isRotated });
               }}

From f65602f6548069873efb727add4ba7dadcc451e6 Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Fri, 12 Aug 2022 18:05:16 -0400
Subject: [PATCH 173/266] Revert "Use the appropriate share icon in Docs
 Preview Toolbar"

This reverts commit 1320ba9de5ed45e4ce83adc530a5dd91c0c005e3.
---
 code/lib/blocks/src/components/Toolbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/blocks/src/components/Toolbar.tsx b/code/lib/blocks/src/components/Toolbar.tsx
index 2a4c369ef05c..a5dfeeec4812 100644
--- a/code/lib/blocks/src/components/Toolbar.tsx
+++ b/code/lib/blocks/src/components/Toolbar.tsx
@@ -70,7 +70,7 @@ const Eject: FC<EjectProps> = ({ baseUrl, storyId }) => (
     target="_blank"
     title="Open canvas in new tab"
   >
-    <Icons icon="sharealt" />
+    <Icons icon="share" />
   </IconButton>
 );
 

From bb3a2d8de1930d9d3690c0bc752c484167354bc8 Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Fri, 12 Aug 2022 22:48:25 -0400
Subject: [PATCH 174/266] Add icon embed to FAQ

---
 docs/faq.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/faq.md b/docs/faq.md
index c7432f958e79..55a3bc8e70b4 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -226,7 +226,9 @@ With the release of version 5.3, we've updated how you can write your stories mo
 ### What icons are available for my toolbar or my addon?
 
 With the [`@storybook/components`](https://www.npmjs.com/package/@storybook/components) package, you get a set of icons that you can use to customize your UI. Use the table below as a reference while writing your addon or defining your Storybook global types.
-Go through this [story](https://5a375b97f4b14f0020b0cda3-wbeulgbetj.chromatic.com/?path=/story/basics-icon--labels) to see how the icons look.
+Go through this [story](https://main--5a375b97f4b14f0020b0cda3.chromatic.com/?path=/story/basics-icon--labels) to see how the icons look.
+
+<iframe src="https://main--5a375b97f4b14f0020b0cda3.chromatic.com/iframe.html?args=&id=basics-icon--labels&viewMode=story&shortcuts=false&singleStory=true" width="100%" height="600"></iframe>
 
 ### I see a "No Preview" error with a Storybook production build
 

From 4cb06bd1a875111551ee303485af145892b1876f Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 17:11:47 +0800
Subject: [PATCH 175/266] Examples: Add angular repro template and refactor

---
 .github/workflows/generate-repros-next.yml    |  9 +++-
 CONTRIBUTING.md                               |  4 +-
 code/lib/cli/package.json                     |  1 -
 .../scripts/generate-repro-templates-list.js  | 42 -------------------
 code/lib/cli/src/repro-templates.ts           | 11 ++++-
 code/package.json                             |  2 +-
 generate-repros.sh                            |  2 +-
 .../{generate.ts => generate-repros.ts}       | 27 ++++--------
 scripts/next-repro-generators/publish.ts      |  2 +-
 .../next-repro-generators/repro-config.yml    | 16 -------
 .../next-repro-generators/utils/template.ts   | 37 ++++++++--------
 11 files changed, 49 insertions(+), 104 deletions(-)
 delete mode 100755 code/lib/cli/scripts/generate-repro-templates-list.js
 rename scripts/next-repro-generators/{generate.ts => generate-repros.ts} (81%)
 delete mode 100644 scripts/next-repro-generators/repro-config.yml

diff --git a/.github/workflows/generate-repros-next.yml b/.github/workflows/generate-repros-next.yml
index fcfd6f56ac04..80a56744f715 100644
--- a/.github/workflows/generate-repros-next.yml
+++ b/.github/workflows/generate-repros-next.yml
@@ -2,7 +2,12 @@ name: Generate and push repros to the next branch
 
 on:
   schedule:
-    - cron: '2 2 */1 * *'
+    - cron: "2 2 */1 * *"
+  workflow_dispatch:
+    # To remove when the branch will be merged
+    push:
+      branches:
+        - shilman/add-angular-repro-template
 
 jobs:
   generate:
@@ -21,7 +26,7 @@ jobs:
         run: yarn bootstrap --prep
         working-directory: ./code
       - name: Generate repros
-        run: yarn next-repro
+        run: yarn generate-repros-next
         working-directory: ./code
       - name: Publish repros to GitHub
         run: yarn publish-repros --remote=https://storybook-bot:${{ secrets.PAT_STORYBOOK_BOT}}@github.com/storybookjs/repro-templates-temp.git --push
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index ff1cd848c883..81e6f6ceec71 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -7,10 +7,10 @@
 
 # Generating reproductions
 
-The monorepo has a script that generates Storybook reproductions based on configurations set in the `scripts/next-repro-generators/repro-config.yml` file. This makes it possible to quickly bootstrap examples with and without Storybook, for given configurations (e.g. CRA, Angular, Vue, etc.)
+The monorepo has a script that generates Storybook reproductions based on configurations set in the `code/lib/cli/src/repro-templates.ts` file. This makes it possible to quickly bootstrap examples with and without Storybook, for given configurations (e.g. CRA, Angular, Vue, etc.)
 
 To do so:
-- Check the `scripts/next-repro-generators/repro-config.yml` if you want to see what will be generated
+- Check the `code/lib/cli/src/repro-templates.ts` if you want to see what will be generated
 - Run `./generate-repros.sh`
 - Check the result in the `repros` directory
 
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 9ec6f67d5466..b1278cab3dc4 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -42,7 +42,6 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "preprepare": "node ./scripts/generate-repro-templates-list.js",
     "prepare": "node ../../../scripts/prepare.js",
     "test": "jest test/**/*.test.js"
   },
diff --git a/code/lib/cli/scripts/generate-repro-templates-list.js b/code/lib/cli/scripts/generate-repro-templates-list.js
deleted file mode 100755
index 5f1eaf32ce47..000000000000
--- a/code/lib/cli/scripts/generate-repro-templates-list.js
+++ /dev/null
@@ -1,42 +0,0 @@
-#!/usr/bin/env node
-
-const { writeFile } = require('fs-extra');
-const { exec } = require('child_process');
-const path = require('path');
-const { default: dedent } = require('ts-dedent');
-const { readFile } = require('fs-extra');
-const yml = require('js-yaml');
-
-const logger = console;
-
-async function getTemplatesData(filePath) {
-  const configContents = await readFile(filePath, 'utf8');
-  return yml.load(configContents);
-}
-
-const run = async () => {
-  logger.log('Generating templates list...');
-  const templatesData = await getTemplatesData(
-    path.resolve(__dirname, '../../../../scripts/next-repro-generators/repro-config.yml')
-  );
-  const destination = path.join(__dirname, '..', 'src', 'repro-templates.ts');
-
-  await writeFile(
-    destination,
-    dedent`
-      // This file was auto generated from generate-repro-templates-list.js, please do not edit!
-      export default ${JSON.stringify(templatesData, null, 2)}
-    `
-  );
-
-  exec(`yarn lint:js:cmd --fix ${destination}`, {
-    cwd: path.join(__dirname, '..', '..', '..'),
-  });
-
-  logger.log('Done! generated ', destination);
-};
-
-run().catch((e) => {
-  logger.error(e);
-  process.exit(1);
-});
diff --git a/code/lib/cli/src/repro-templates.ts b/code/lib/cli/src/repro-templates.ts
index 09a0a2699c5a..57d6cfd8967d 100644
--- a/code/lib/cli/src/repro-templates.ts
+++ b/code/lib/cli/src/repro-templates.ts
@@ -1,4 +1,3 @@
-// auto generated file, do not edit
 export default {
   'cra/default-js': {
     name: 'Create React App (Javascript)',
@@ -18,4 +17,14 @@ export default {
       builder: '@storybook/builder-webpack5',
     },
   },
+  'angular/latest': {
+    name: 'Angular (latest)',
+    script:
+      'npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --skip-install=true --strict',
+    expected: {
+      framework: '@storybook/angular',
+      renderer: '@storybook/angular',
+      builder: '@storybook/builder-webpack5',
+    },
+  },
 } as const;
diff --git a/code/package.json b/code/package.json
index d862b7239a32..274b90923f44 100644
--- a/code/package.json
+++ b/code/package.json
@@ -63,6 +63,7 @@
     "coverage": "codecov",
     "danger": "danger",
     "generate-repros": "zx ../scripts/repros-generator/index.mjs",
+    "generate-repros-next": "ts-node ../scripts/next-repro-generators/generate-repros.ts",
     "github-release": "github-release-from-changelog",
     "linear-export": "ts-node --project=../scripts/tsconfig.json ../scripts/linear-export.ts",
     "lint": "yarn lint:js && yarn lint:md",
@@ -73,7 +74,6 @@
     "lint:other": "prettier --write '**/*.{css,html,json,md,yml}'",
     "lint:package": "sort-package-json",
     "local-registry": "ts-node --project=../scripts/tsconfig.json ../scripts/run-registry.ts --port 6000",
-    "next-repro": "ts-node ../scripts/next-repro-generators/generate.ts",
     "publish-repros": "ts-node ../scripts/next-repro-generators/publish.ts",
     "publish:debug": "npm run publish:latest -- --npm-tag=debug --no-push",
     "publish:latest": "lerna publish --exact --concurrency 1 --force-publish",
diff --git a/generate-repros.sh b/generate-repros.sh
index 59bf9eee663d..43e1f9f9e29f 100755
--- a/generate-repros.sh
+++ b/generate-repros.sh
@@ -1,3 +1,3 @@
 #!/usr/bin/env bash
 
-./scripts/node_modules/.bin/ts-node ./scripts/next-repro-generators/generate.ts
\ No newline at end of file
+./scripts/node_modules/.bin/ts-node ./scripts/next-repro-generators/generate-repros.ts
\ No newline at end of file
diff --git a/scripts/next-repro-generators/generate.ts b/scripts/next-repro-generators/generate-repros.ts
similarity index 81%
rename from scripts/next-repro-generators/generate.ts
rename to scripts/next-repro-generators/generate-repros.ts
index 50b9f3d0b5aa..5d2f66dfff22 100755
--- a/scripts/next-repro-generators/generate.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -1,12 +1,13 @@
 /* eslint-disable no-console */
-import path, { join, relative } from 'path';
+import { join, relative } from 'path';
 import program from 'commander';
 import { command } from 'execa';
 import type { Options as ExecaOptions } from 'execa';
-import yaml from 'js-yaml';
 import pLimit from 'p-limit';
 import prettyTime from 'pretty-hrtime';
-import { copy, emptyDir, ensureDir, readFile, rename, writeFile } from 'fs-extra';
+import { copy, emptyDir, ensureDir, rename, writeFile } from 'fs-extra';
+import reproTemplates from '../../code/lib/cli/src/repro-templates';
+
 // @ts-ignore
 import { maxConcurrentTasks } from '../utils/concurrency';
 
@@ -105,31 +106,19 @@ const runGenerators = async (generators: (GeneratorConfig & { dirName: string })
   );
 };
 
-const generate = async ({ config }: { config: string }) => {
-  const configContents = await readFile(config, 'utf8');
-  const data: Record<string, GeneratorConfig> = yaml.load(configContents);
-
+const generate = async () => {
   runGenerators(
-    Object.entries(data).map(([dirName, configuration]) => ({
+    Object.entries(reproTemplates).map(([dirName, configuration]) => ({
       dirName,
       ...configuration,
     }))
   );
 };
 
-program
-  .description('Create a reproduction from a set of possible templates')
-  .option(
-    '-c --config <config>',
-    'Choose a custom configuration file (.yml format)',
-    path.join(__dirname, 'repro-config.yml')
-  );
-
+program.description('Create a reproduction from a set of possible templates');
 program.parse(process.argv);
 
-const options = program.opts() as { config: string };
-
-generate(options).catch((e) => {
+generate().catch((e) => {
   console.trace(e);
   process.exit(1);
 });
diff --git a/scripts/next-repro-generators/publish.ts b/scripts/next-repro-generators/publish.ts
index f1a9cba08cdd..f3975c993a03 100755
--- a/scripts/next-repro-generators/publish.ts
+++ b/scripts/next-repro-generators/publish.ts
@@ -24,7 +24,7 @@ const publish = async (options: PublishOptions & { tmpFolder: string }) => {
   const scriptPath = __dirname;
   const gitBranch = useNextVersion ? 'next' : 'main';
 
-  const templatesData = await getTemplatesData(join(scriptPath, 'repro-config.yml'));
+  const templatesData = await getTemplatesData();
 
   logger.log(`👯‍♂️ Cloning the repository ${remote} in branch ${gitBranch}`);
   await command(`git clone ${remote} .`, { cwd: tmpFolder });
diff --git a/scripts/next-repro-generators/repro-config.yml b/scripts/next-repro-generators/repro-config.yml
deleted file mode 100644
index ae5ce55b4b9c..000000000000
--- a/scripts/next-repro-generators/repro-config.yml
+++ /dev/null
@@ -1,16 +0,0 @@
-# group-name/instance-name. Should always be two levels deep.
-cra/default-js:
-  name: "Create React App (Javascript)"
-  script: "npx create-react-app ."
-  expected:
-    framework: "@storybook/cra"
-    renderer: "@storybook/react"
-    builder: "@storybook/builder-webpack5"
-
-cra/default-ts:
-  name: "Create React App (Typescript)"
-  script: "npx create-react-app . --template typescript"
-  expected:
-    framework: "@storybook/cra"
-    renderer: "@storybook/react"
-    builder: "@storybook/builder-webpack5"
\ No newline at end of file
diff --git a/scripts/next-repro-generators/utils/template.ts b/scripts/next-repro-generators/utils/template.ts
index ffeee660fe17..5765771f9fd9 100644
--- a/scripts/next-repro-generators/utils/template.ts
+++ b/scripts/next-repro-generators/utils/template.ts
@@ -3,6 +3,7 @@ import { readFile } from 'fs-extra';
 import yml from 'js-yaml';
 import { format } from 'prettier';
 import { GeneratorConfig } from './types';
+import reproTemplates from '../../../code/lib/cli/src/repro-templates';
 
 export async function renderTemplate(templatePath: string, templateData: Record<string, any>) {
   const template = await readFile(templatePath, 'utf8');
@@ -13,14 +14,11 @@ export async function renderTemplate(templatePath: string, templateData: Record<
   return output;
 }
 
-export const getStackblitzUrl = (path: string) => {
-  return `https://stackblitz.com/github/storybookjs/repro-templates-temp/tree/main/${path}/after-storybook?preset=node`;
+export const getStackblitzUrl = (path: string, branch = 'next') => {
+  return `https://stackblitz.com/github/storybookjs/repro-templates-temp/tree/${branch}/${path}/after-storybook?preset=node`;
 };
 
-export async function getTemplatesData(filePath: string) {
-  const configContents = await readFile(filePath, 'utf8');
-  const ymlData: Record<string, GeneratorConfig> = yml.load(configContents);
-
+export async function getTemplatesData() {
   type TemplatesData = Record<
     string,
     Record<
@@ -31,17 +29,20 @@ export async function getTemplatesData(filePath: string) {
     >
   >;
 
-  const templatesData = Object.keys(ymlData).reduce<TemplatesData>((acc, next) => {
-    const [dirName, templateName] = next.split('/');
-    const groupName =
-      dirName === 'cra' ? 'CRA' : dirName.slice(0, 1).toUpperCase() + dirName.slice(1);
-    const generatorData = ymlData[next];
-    acc[groupName] = acc[groupName] || {};
-    acc[groupName][templateName] = {
-      ...generatorData,
-      stackblitzUrl: getStackblitzUrl(next),
-    };
-    return acc;
-  }, {});
+  const templatesData = Object.keys(reproTemplates).reduce<TemplatesData>(
+    (acc, curr: keyof typeof reproTemplates) => {
+      const [dirName, templateName] = curr.split('/');
+      const groupName =
+        dirName === 'cra' ? 'CRA' : dirName.slice(0, 1).toUpperCase() + dirName.slice(1);
+      const generatorData = reproTemplates[curr];
+      acc[groupName] = acc[groupName] || {};
+      acc[groupName][templateName] = {
+        ...generatorData,
+        stackblitzUrl: getStackblitzUrl(curr),
+      };
+      return acc;
+    },
+    {}
+  );
   return templatesData;
 }

From 180564e2e18f2024986968f6ea6b95c625b18f59 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 17:36:06 +0800
Subject: [PATCH 176/266] Fix deepscan

---
 scripts/next-repro-generators/utils/template.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/scripts/next-repro-generators/utils/template.ts b/scripts/next-repro-generators/utils/template.ts
index 5765771f9fd9..4adb10be7ce6 100644
--- a/scripts/next-repro-generators/utils/template.ts
+++ b/scripts/next-repro-generators/utils/template.ts
@@ -1,6 +1,5 @@
 import { render } from 'ejs';
 import { readFile } from 'fs-extra';
-import yml from 'js-yaml';
 import { format } from 'prettier';
 import { GeneratorConfig } from './types';
 import reproTemplates from '../../../code/lib/cli/src/repro-templates';

From f68820d0fc4554c9533d9d6baf4bd81fddb6b0a3 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 17:41:02 +0800
Subject: [PATCH 177/266] Fix indentation?

---
 .github/workflows/generate-repros-next.yml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/generate-repros-next.yml b/.github/workflows/generate-repros-next.yml
index 80a56744f715..278c7c131def 100644
--- a/.github/workflows/generate-repros-next.yml
+++ b/.github/workflows/generate-repros-next.yml
@@ -4,10 +4,10 @@ on:
   schedule:
     - cron: "2 2 */1 * *"
   workflow_dispatch:
-    # To remove when the branch will be merged
-    push:
-      branches:
-        - shilman/add-angular-repro-template
+  # To remove when the branch will be merged
+  push:
+    branches:
+      - shilman/add-angular-repro-template
 
 jobs:
   generate:

From 03f4e415dfaa226b99534372eed1b979eef2bd17 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 17:48:13 +0800
Subject: [PATCH 178/266] E2E: Addon-actions playwright test

---
 code/e2e-tests/addon-actions.spec.ts | 26 ++++++++++++
 code/e2e-tests/util.ts               | 60 ++++++++++++++++++++++++++++
 2 files changed, 86 insertions(+)
 create mode 100644 code/e2e-tests/addon-actions.spec.ts
 create mode 100644 code/e2e-tests/util.ts

diff --git a/code/e2e-tests/addon-actions.spec.ts b/code/e2e-tests/addon-actions.spec.ts
new file mode 100644
index 000000000000..efdfa76ce324
--- /dev/null
+++ b/code/e2e-tests/addon-actions.spec.ts
@@ -0,0 +1,26 @@
+import { test, expect } from '@playwright/test';
+import process from 'process';
+import { SbPage } from './util';
+
+const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
+
+test.describe('addon-actions', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(storybookUrl);
+  });
+
+  test('should trigger an action', async ({ page }) => {
+    const sbPage = new SbPage(page);
+
+    await sbPage.navigateToStory('example-button', 'primary');
+    const root = sbPage.previewRoot();
+    const button = root.locator('button', { hasText: 'Button' });
+    await button.click();
+
+    await sbPage.viewAddonPanel('Actions');
+    const logItem = await page.locator('#storybook-panel-root #panel-tab-content', {
+      hasText: 'onClick',
+    });
+    await expect(logItem).toBeVisible();
+  });
+});
diff --git a/code/e2e-tests/util.ts b/code/e2e-tests/util.ts
new file mode 100644
index 000000000000..2a30899a6123
--- /dev/null
+++ b/code/e2e-tests/util.ts
@@ -0,0 +1,60 @@
+/* eslint-disable jest/no-standalone-expect */
+import { expect, Locator, Page } from '@playwright/test';
+
+export class SbPage {
+  readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+  async navigateToStory(title: string, name: string) {
+    const titleId = title.replace(/ /g, '-').toLowerCase();
+    const storyId = name.replace(/ /g, '-').toLowerCase();
+
+    const titleLink = this.page.locator(`#${titleId}`);
+    if ((await titleLink.getAttribute('aria-expanded')) === 'false') {
+      await titleLink.click();
+    }
+
+    const storyLinkId = `#${titleId}--${storyId}`;
+    await this.page.waitForSelector(storyLinkId);
+    const storyLink = this.page.locator(storyLinkId);
+    await storyLink.click({ force: true });
+
+    // assert url changes
+    const viewMode = name === 'docs' ? 'docs' : 'story';
+
+    const url = this.page.url();
+    await expect(url).toContain(`path=/${viewMode}/${titleId}--${storyId}`);
+
+    const selected = await storyLink.getAttribute('data-selected');
+    await expect(selected).toBe('true');
+  }
+
+  previewIframe() {
+    return this.page.frameLocator('#storybook-preview-iframe');
+  }
+
+  previewRoot() {
+    const preview = this.previewIframe();
+    return preview.locator('#root:visible, #docs-root:visible');
+  }
+
+  async viewAddonPanel(name: string) {
+    const tabs = await this.page.locator('[role=tablist] button[role=tab]');
+    const tab = tabs.locator(`text=/^${name}/`);
+    await tab.click();
+  }
+
+  async selectToolbar(toolbarSelector: string, itemSelector?: string) {
+    await this.page.locator(toolbarSelector).click();
+    if (itemSelector) {
+      await this.page.locator(itemSelector).click();
+    }
+  }
+
+  getCanvasBodyElement() {
+    return this.previewIframe().locator('body');
+  }
+}

From 58fc426cfd5f2268aca242bc5e13580073d84f8a Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 17:48:35 +0800
Subject: [PATCH 179/266] E2E: Addon-backgrounds playwright test

---
 code/e2e-tests/addon-backgrounds.spec.ts | 29 ++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 code/e2e-tests/addon-backgrounds.spec.ts

diff --git a/code/e2e-tests/addon-backgrounds.spec.ts b/code/e2e-tests/addon-backgrounds.spec.ts
new file mode 100644
index 000000000000..3cb70f8031a2
--- /dev/null
+++ b/code/e2e-tests/addon-backgrounds.spec.ts
@@ -0,0 +1,29 @@
+import { test, expect } from '@playwright/test';
+import process from 'process';
+import { SbPage } from './util';
+
+const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
+
+test.describe('addon-backgrounds', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(storybookUrl);
+  });
+
+  test('should have a dark background', async ({ page }) => {
+    const sbPage = new SbPage(page);
+
+    await sbPage.navigateToStory('example-button', 'primary');
+    await sbPage.selectToolbar('[title="Change the background of the preview"]', '#dark');
+
+    await expect(sbPage.getCanvasBodyElement()).toHaveCSS('background-color', 'rgb(51, 51, 51)');
+  });
+
+  test('should apply a grid', async ({ page }) => {
+    const sbPage = new SbPage(page);
+
+    await sbPage.navigateToStory('example-button', 'primary');
+    await sbPage.selectToolbar('[title="Apply a grid to the preview"]');
+
+    await expect(sbPage.getCanvasBodyElement()).toHaveCSS('background-image', /linear-gradient/);
+  });
+});

From 30f4faeff3168b2a4aa55aeee7a12cc5efea6fa4 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Sun, 14 Aug 2022 11:53:47 +0200
Subject: [PATCH 180/266] fix generate-repros path

---
 scripts/next-repro-generators/utils/yarn.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/next-repro-generators/utils/yarn.ts b/scripts/next-repro-generators/utils/yarn.ts
index 4ece51f1e4ac..0227fc65f491 100644
--- a/scripts/next-repro-generators/utils/yarn.ts
+++ b/scripts/next-repro-generators/utils/yarn.ts
@@ -1,6 +1,6 @@
 import { join } from 'path';
 import { move, remove } from 'fs-extra';
-import { runCommand } from '../generate';
+import { runCommand } from '../generate-repros';
 
 interface SetupYarnOptions {
   cwd: string;

From 41c1e359a434ecf3e921f80d144d301c9dd6f824 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 17:58:02 +0800
Subject: [PATCH 181/266] Fix deepscan

---
 code/e2e-tests/util.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/e2e-tests/util.ts b/code/e2e-tests/util.ts
index 2a30899a6123..132f51fca0d0 100644
--- a/code/e2e-tests/util.ts
+++ b/code/e2e-tests/util.ts
@@ -1,5 +1,5 @@
 /* eslint-disable jest/no-standalone-expect */
-import { expect, Locator, Page } from '@playwright/test';
+import { expect, Page } from '@playwright/test';
 
 export class SbPage {
   readonly page: Page;

From ba8561804ba10bb08144989d47719c3dc22330df Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 19:20:33 +0800
Subject: [PATCH 182/266] E2E: Addon-controls playwright test

---
 code/e2e-tests/addon-controls.spec.ts | 71 +++++++++++++++++++++++++++
 code/e2e-tests/util.ts                |  4 ++
 2 files changed, 75 insertions(+)
 create mode 100644 code/e2e-tests/addon-controls.spec.ts

diff --git a/code/e2e-tests/addon-controls.spec.ts b/code/e2e-tests/addon-controls.spec.ts
new file mode 100644
index 000000000000..a49f7cbeb489
--- /dev/null
+++ b/code/e2e-tests/addon-controls.spec.ts
@@ -0,0 +1,71 @@
+import { test, expect } from '@playwright/test';
+import process from 'process';
+import { SbPage } from './util';
+
+const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
+
+test.describe('addon-controls', () => {
+  test('should change component when changing controls', async ({ page }) => {
+    await page.goto(storybookUrl);
+    const sbPage = new SbPage(page);
+
+    await sbPage.navigateToStory('example-button', 'primary');
+    await sbPage.viewAddonPanel('Controls');
+
+    // Text input: Label
+    await expect(sbPage.previewRoot().locator('button')).toContainText('Button');
+    const label = sbPage.panelContent().locator('textarea[name=label]');
+    await label.fill('Hello world');
+    await expect(sbPage.previewRoot().locator('button')).toContainText('Hello world');
+
+    // Args in URL
+    await page.waitForTimeout(300);
+    const url = await page.url();
+    await expect(url).toContain('args=label:Hello+world');
+
+    // Boolean toggle: Primary/secondary
+    await expect(sbPage.previewRoot().locator('button')).toHaveCSS(
+      'background-color',
+      'rgb(30, 167, 253)'
+    );
+    const toggle = sbPage.panelContent().locator('input[name=primary]');
+    await toggle.click();
+    await expect(sbPage.previewRoot().locator('button')).toHaveCSS(
+      'background-color',
+      'rgba(0, 0, 0, 0)'
+    );
+
+    // Color picker: Background color
+    const color = sbPage.panelContent().locator('input[placeholder="Choose color..."]');
+    await color.fill('red');
+    await expect(sbPage.previewRoot().locator('button')).toHaveCSS(
+      'background-color',
+      'rgb(255, 0, 0)'
+    );
+
+    // TODO: enable this once the controls for size are aligned in all CLI templates.
+    // Radio buttons: Size
+    // cy.getStoryElement().find('button').should('have.css', 'font-size', '14px');
+    // cy.get('label[for="size-large"]').click();
+    // cy.getStoryElement().find('button').should('have.css', 'font-size', '16px');
+
+    // Reset controls: assert that the component is back to original state
+    const reset = sbPage.panelContent().locator('button[title="Reset controls"]');
+    await reset.click();
+    const button = sbPage.previewRoot().locator('button');
+    await expect(button).toHaveCSS('font-size', '14px');
+    await expect(button).toHaveCSS('background-color', 'rgb(30, 167, 253)');
+    await expect(button).toContainText('Button');
+  });
+
+  test('should apply controls automatically when passed via url', async ({ page }) => {
+    await page.goto(`${storybookUrl}?path=/story/example-button--primary&args=label:Hello+world`);
+
+    const sbPage = new SbPage(page);
+    await expect(sbPage.previewRoot().locator('button')).toContainText('Hello world');
+
+    await sbPage.viewAddonPanel('Controls');
+    const label = await sbPage.panelContent().locator('textarea[name=label]').inputValue();
+    await expect(label).toEqual('Hello world');
+  });
+});
diff --git a/code/e2e-tests/util.ts b/code/e2e-tests/util.ts
index 132f51fca0d0..e9aef15095cf 100644
--- a/code/e2e-tests/util.ts
+++ b/code/e2e-tests/util.ts
@@ -41,6 +41,10 @@ export class SbPage {
     return preview.locator('#root:visible, #docs-root:visible');
   }
 
+  panelContent() {
+    return this.page.locator('#storybook-panel-root #panel-tab-content');
+  }
+
   async viewAddonPanel(name: string) {
     const tabs = await this.page.locator('[role=tablist] button[role=tab]');
     const tab = tabs.locator(`text=/^${name}/`);

From cb20988f4ee33af6e5f63c637fcce89060678771 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 19:41:42 +0800
Subject: [PATCH 183/266] E2E: Addon-docs playwright test

---
 code/e2e-tests/addon-docs.spec.ts | 35 +++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 code/e2e-tests/addon-docs.spec.ts

diff --git a/code/e2e-tests/addon-docs.spec.ts b/code/e2e-tests/addon-docs.spec.ts
new file mode 100644
index 000000000000..d4ddbaeec1a6
--- /dev/null
+++ b/code/e2e-tests/addon-docs.spec.ts
@@ -0,0 +1,35 @@
+/* eslint-disable no-await-in-loop */
+import { test, expect } from '@playwright/test';
+import process from 'process';
+import { SbPage } from './util';
+
+const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
+
+test.describe('addon-docs', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(storybookUrl);
+  });
+
+  // FIXME: skip html/vue3
+  test('should provide source snippet', async ({ page }) => {
+    const sbPage = new SbPage(page);
+
+    await sbPage.navigateToStory('example-button', 'docs');
+    const root = sbPage.previewRoot();
+    const toggles = root.locator('.docblock-code-toggle');
+
+    const toggleCount = await toggles.count();
+    for (let i = 0; i < toggleCount; i += 1) {
+      const toggle = await toggles.nth(i);
+      await toggle.click({ force: true });
+    }
+
+    const codes = root.locator('pre.prismjs');
+    const codeCount = await codes.count();
+    for (let i = 0; i < codeCount; i += 1) {
+      const code = await codes.nth(i);
+      const text = await code.innerText();
+      await expect(text).not.toMatch(/^\(args\) => /);
+    }
+  });
+});

From 23badb7d8d8811a42c68e80b678ff482517e6e5f Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 19:57:43 +0800
Subject: [PATCH 184/266] E2E: Addon-interactions playwright test

---
 code/e2e-tests/addon-interactions.spec.ts | 33 +++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 code/e2e-tests/addon-interactions.spec.ts

diff --git a/code/e2e-tests/addon-interactions.spec.ts b/code/e2e-tests/addon-interactions.spec.ts
new file mode 100644
index 000000000000..52a517ce6790
--- /dev/null
+++ b/code/e2e-tests/addon-interactions.spec.ts
@@ -0,0 +1,33 @@
+import { test, expect } from '@playwright/test';
+import process from 'process';
+import { SbPage } from './util';
+
+const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
+
+test.describe('addon-interactions', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(storybookUrl);
+  });
+
+  // FIXME: skip xxx
+  test('should have interactions', async ({ page }) => {
+    const sbPage = new SbPage(page);
+
+    await sbPage.navigateToStory('example-page', 'logged-in');
+    await sbPage.viewAddonPanel('Interactions');
+
+    const welcome = await sbPage.previewRoot().locator('.welcome');
+    await expect(welcome).toContainText('Welcome, Jane Doe!');
+
+    const interactionsTab = await page.locator('#tabbutton-interactions');
+    await expect(interactionsTab).toContainText(/(1)/);
+    await expect(interactionsTab).toBeVisible();
+
+    const panel = sbPage.panelContent();
+    await expect(panel).toContainText(/userEvent.click/);
+    await expect(panel).toBeVisible();
+
+    const done = await panel.locator('[data-testid=icon-done]');
+    await expect(done).toBeVisible();
+  });
+});

From 74f5836fa9d26afd1712efa41af6b523057d3229 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 14 Aug 2022 20:02:38 +0800
Subject: [PATCH 185/266] E2E: Addon-viewport playwright test

---
 code/e2e-tests/addon-viewport.spec.ts | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 code/e2e-tests/addon-viewport.spec.ts

diff --git a/code/e2e-tests/addon-viewport.spec.ts b/code/e2e-tests/addon-viewport.spec.ts
new file mode 100644
index 000000000000..a5935b4db2cd
--- /dev/null
+++ b/code/e2e-tests/addon-viewport.spec.ts
@@ -0,0 +1,22 @@
+import { test, expect } from '@playwright/test';
+import process from 'process';
+import { SbPage } from './util';
+
+const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
+
+test.describe('addon-viewport', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(storybookUrl);
+  });
+
+  test('should have viewport button in the toolbar', async ({ page }) => {
+    const sbPage = new SbPage(page);
+
+    // Click on viewport button and select small mobile
+    await sbPage.navigateToStory('example-button', 'primary');
+    await sbPage.selectToolbar('[title="Change the size of the preview"]', '#mobile1');
+
+    // Check that Button story is still displayed
+    await expect(sbPage.previewRoot()).toContainText('Button');
+  });
+});

From 8e373f4b5495e83ba20515c13bc681485cbf405c Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 15 Aug 2022 08:29:52 +0800
Subject: [PATCH 186/266] E2E: Conditionally skip vue3 docs snippet tests

---
 code/e2e-tests/addon-docs.spec.ts | 9 +++++++--
 scripts/tasks/e2e-tests.ts        | 3 ++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/code/e2e-tests/addon-docs.spec.ts b/code/e2e-tests/addon-docs.spec.ts
index d4ddbaeec1a6..2be60673da1b 100644
--- a/code/e2e-tests/addon-docs.spec.ts
+++ b/code/e2e-tests/addon-docs.spec.ts
@@ -1,19 +1,24 @@
+/* eslint-disable jest/no-disabled-tests */
 /* eslint-disable no-await-in-loop */
 import { test, expect } from '@playwright/test';
 import process from 'process';
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
+const templateName = process.env.STORYBOOK_TEMPLATE_NAME || '';
 
 test.describe('addon-docs', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto(storybookUrl);
   });
 
-  // FIXME: skip html/vue3
   test('should provide source snippet', async ({ page }) => {
-    const sbPage = new SbPage(page);
+    test.skip(
+      /^vue3/.test(templateName),
+      `Skipping ${templateName}, which does not support dynamic source snippets`
+    );
 
+    const sbPage = new SbPage(page);
     await sbPage.navigateToStory('example-button', 'docs');
     const root = sbPage.previewRoot();
     const toggles = root.locator('.docblock-code-toggle');
diff --git a/scripts/tasks/e2e-tests.ts b/scripts/tasks/e2e-tests.ts
index 55633b6b07c9..ea72790736de 100644
--- a/scripts/tasks/e2e-tests.ts
+++ b/scripts/tasks/e2e-tests.ts
@@ -8,12 +8,13 @@ export const e2eTests: Task = {
   async ready() {
     return false;
   },
-  async run(_, { builtSandboxDir, junitFilename }) {
+  async run(_, { builtSandboxDir, junitFilename, template }) {
     const storybookController = await serveSandbox(builtSandboxDir, {});
 
     await exec('yarn playwright test --reporter=junit', {
       env: {
         STORYBOOK_URL: `http://localhost:8001`,
+        STORYBOOK_TEMPLATE_NAME: template.name,
         ...(junitFilename && {
           PLAYWRIGHT_JUNIT_OUTPUT_NAME: junitFilename,
         }),

From 6771348e691a2b8fb346a03d85e12f980cdc89ca Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 15 Aug 2022 10:01:25 +0800
Subject: [PATCH 187/266] Fix sandbox parallelism

---
 .circleci/config.yml | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 2245dcaa2c13..142d6b4ea8b0 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -457,12 +457,12 @@ jobs:
             cd code
             yarn coverage
 
-## new workflow
+  ## new workflow
   create-sandboxes:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 3
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -609,7 +609,7 @@ workflows:
           requires:
             - publish
 
-## new workflow
+      ## new workflow
       - create-sandboxes:
           requires:
             - publish
@@ -628,4 +628,3 @@ workflows:
       - e2e-sandboxes:
           requires:
             - build-sandboxes
-      
\ No newline at end of file

From 2e3af9e86083dafcaeca17690d93dda2a5f4b4c2 Mon Sep 17 00:00:00 2001
From: Lalantha <50310777+Lalanthawi@users.noreply.github.com>
Date: Mon, 15 Aug 2022 07:59:32 +0530
Subject: [PATCH 188/266] Update introduction.md

added a link
---
 docs/addons/introduction.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/addons/introduction.md b/docs/addons/introduction.md
index 7558e16786b4..0d6f0ed986cf 100644
--- a/docs/addons/introduction.md
+++ b/docs/addons/introduction.md
@@ -9,7 +9,7 @@ Browse our [addon catalog](https://storybook.js.org/addons) to install an existi
 
 ## Storybook basics
 
-Before writing your first addon, let’s take a look at the basics of Storybook’s architecture. While Storybook presents a unified user interface, under the hood it’s divided down the middle into **Manager** and **Preview**.
+Before writing your first [addon](https://storybook.js.org/addons), let’s take a look at the basics of Storybook’s architecture. While Storybook presents a unified user interface, under the hood it’s divided down the middle into **Manager** and **Preview**.
 
 The **Manager** is the UI responsible for rendering the:
 

From eaf45689a2589840a5ba178024fb13809940f8c9 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 15 Aug 2022 11:39:14 +0800
Subject: [PATCH 189/266] Don't hardcode renderer location in monorepo

---
 scripts/sandbox.ts | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 640bc6fa7166..afa99e8dff22 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -11,6 +11,7 @@ import {
 } from 'fs-extra';
 import prompts from 'prompts';
 import type { AbortController } from 'node-abort-controller';
+import command from 'execa';
 
 import { createOptions, getOptionsOrPrompt, OptionValues } from './utils/options';
 import { executeCLIStep } from './utils/cli-step';
@@ -286,8 +287,19 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
     const storiesPath = await findFirstPath([path.join('src', 'stories'), 'stories'], { cwd });
 
     // Link in the template/components/index.js from the renderer
-    const rendererName = templateConfig.expected.renderer.split('/')[1];
-    const rendererPath = path.join('renderers', rendererName);
+    const { stdout } = await command('yarn workspaces list --json', {
+      cwd: process.cwd(),
+      shell: true,
+    });
+    const workspaces = JSON.parse(`[${stdout.split('\n').join(',')}]`) as [
+      { name: string; location: string }
+    ];
+    const { renderer } = templateConfig.expected;
+    const rendererWorkspace = workspaces.find((workspace) => workspace.name === renderer);
+    if (!rendererWorkspace) {
+      throw new Error(`Unknown renderer '${renderer}', not in yarn workspace!`);
+    }
+    const rendererPath = rendererWorkspace.location;
     await ensureSymlink(
       path.join(codeDir, rendererPath, 'template', 'components'),
       path.resolve(cwd, storiesPath, 'components')

From dd7db82cab650b469ac922a8808cd4501d2f3389 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 15 Aug 2022 11:39:55 +0800
Subject: [PATCH 190/266] Angular: Add renderer components / stories

---
 .../template/components/button.component.ts   |  53 ++++++++
 .../angular/template/components/button.css    |  30 +++++
 .../angular/template/components/index.js      |   5 +
 .../template/stories/child.component.ts       |  20 +++
 .../template/stories/decorators.stories.ts    | 117 ++++++++++++++++++
 .../template/stories/parent.component.ts      |  18 +++
 6 files changed, 243 insertions(+)
 create mode 100644 code/frameworks/angular/template/components/button.component.ts
 create mode 100644 code/frameworks/angular/template/components/button.css
 create mode 100644 code/frameworks/angular/template/components/index.js
 create mode 100644 code/frameworks/angular/template/stories/child.component.ts
 create mode 100644 code/frameworks/angular/template/stories/decorators.stories.ts
 create mode 100644 code/frameworks/angular/template/stories/parent.component.ts

diff --git a/code/frameworks/angular/template/components/button.component.ts b/code/frameworks/angular/template/components/button.component.ts
new file mode 100644
index 000000000000..3d0efd6af2f3
--- /dev/null
+++ b/code/frameworks/angular/template/components/button.component.ts
@@ -0,0 +1,53 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'storybook-button',
+  template: ` <button
+    type="button"
+    (click)="onClick.emit($event)"
+    [ngClass]="classes"
+    [ngStyle]="{ 'background-color': backgroundColor }"
+  >
+    {{ label }}
+  </button>`,
+  styleUrls: ['./button.css'],
+})
+export default class ButtonComponent {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  @Input()
+  primary = false;
+
+  /**
+   * What background color to use
+   */
+  @Input()
+  backgroundColor?: string;
+
+  /**
+   * How large should the button be?
+   */
+  @Input()
+  size: 'small' | 'medium' | 'large' = 'medium';
+
+  /**
+   * Button contents
+   *
+   * @required
+   */
+  @Input()
+  label = 'Button';
+
+  /**
+   * Optional click handler
+   */
+  @Output()
+  onClick = new EventEmitter<Event>();
+
+  public get classes(): string[] {
+    const mode = this.primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+
+    return ['storybook-button', `storybook-button--${this.size}`, mode];
+  }
+}
diff --git a/code/frameworks/angular/template/components/button.css b/code/frameworks/angular/template/components/button.css
new file mode 100644
index 000000000000..dc91dc76370b
--- /dev/null
+++ b/code/frameworks/angular/template/components/button.css
@@ -0,0 +1,30 @@
+.storybook-button {
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+  border: 0;
+  border-radius: 3em;
+  cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+}
+.storybook-button--primary {
+  color: white;
+  background-color: #1ea7fd;
+}
+.storybook-button--secondary {
+  color: #333;
+  background-color: transparent;
+  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+}
+.storybook-button--small {
+  font-size: 12px;
+  padding: 10px 16px;
+}
+.storybook-button--medium {
+  font-size: 14px;
+  padding: 11px 20px;
+}
+.storybook-button--large {
+  font-size: 16px;
+  padding: 12px 24px;
+}
diff --git a/code/frameworks/angular/template/components/index.js b/code/frameworks/angular/template/components/index.js
new file mode 100644
index 000000000000..5ae9ef153d83
--- /dev/null
+++ b/code/frameworks/angular/template/components/index.js
@@ -0,0 +1,5 @@
+import globalThis from 'global';
+
+import Button from './button.component';
+
+globalThis.Components = { Button };
diff --git a/code/frameworks/angular/template/stories/child.component.ts b/code/frameworks/angular/template/stories/child.component.ts
new file mode 100644
index 000000000000..4666ec952ad1
--- /dev/null
+++ b/code/frameworks/angular/template/stories/child.component.ts
@@ -0,0 +1,20 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'child-component',
+  template: `
+    Child<br />
+    Input text: {{ childText }} <br />
+    Output : <button (click)="onClickChild.emit($event)">Click here !</button> <br />
+    Private text: {{ childPrivateText }} <br />
+  `,
+})
+export default class ChildComponent {
+  @Input()
+  childText = '';
+
+  childPrivateText = '';
+
+  @Output()
+  onClickChild = new EventEmitter<any>();
+}
diff --git a/code/frameworks/angular/template/stories/decorators.stories.ts b/code/frameworks/angular/template/stories/decorators.stories.ts
new file mode 100644
index 000000000000..1f4b61b9bec9
--- /dev/null
+++ b/code/frameworks/angular/template/stories/decorators.stories.ts
@@ -0,0 +1,117 @@
+// your-component.stories.ts
+
+import { componentWrapperDecorator, Meta, moduleMetadata } from '@storybook/angular';
+import ChildComponent from './child.component';
+import ParentComponent from './parent.component';
+
+export default {
+  title: 'Core / Decorators / ComponentWrapperDecorator',
+  component: ChildComponent,
+  decorators: [
+    componentWrapperDecorator(
+      (story) => `Grandparent<br><div style="margin: 3em; border:solid;">${story}</div>`
+    ),
+  ],
+  args: { childText: 'Child text', childPrivateText: 'Child private text' },
+  argTypes: { onClickChild: { action: 'onClickChild' } },
+} as Meta;
+
+export const WithTemplate = (args) => ({
+  template: `Child Template`,
+  props: {
+    ...args,
+  },
+});
+
+export const WithComponent = (args) => ({
+  props: {
+    ...args,
+  },
+});
+
+export const WithLegacyComponent = (args) => ({
+  component: ChildComponent,
+  props: {
+    ...args,
+  },
+});
+
+export const WithComponentWrapperDecorator = (args) => ({
+  component: ChildComponent,
+  props: {
+    ...args,
+  },
+});
+WithComponentWrapperDecorator.decorators = [
+  moduleMetadata({ declarations: [ParentComponent] }),
+  componentWrapperDecorator(ParentComponent),
+];
+
+export const WithComponentWrapperDecoratorAndProps = (args) => ({
+  component: ChildComponent,
+  props: {
+    ...args,
+  },
+});
+WithComponentWrapperDecoratorAndProps.decorators = [
+  moduleMetadata({ declarations: [ParentComponent] }),
+  componentWrapperDecorator(ParentComponent, {
+    parentText: 'Parent text',
+    onClickParent: () => {
+      console.log('onClickParent');
+    },
+  }),
+];
+
+export const WithComponentWrapperDecoratorAndArgs = (args) => ({
+  component: ChildComponent,
+  props: {
+    ...args,
+  },
+});
+WithComponentWrapperDecoratorAndArgs.argTypes = {
+  parentText: { control: { type: 'text' } },
+  onClickParent: { action: 'onClickParent' },
+};
+WithComponentWrapperDecoratorAndArgs.decorators = [
+  moduleMetadata({ declarations: [ParentComponent] }),
+  componentWrapperDecorator(ParentComponent, ({ args }) => ({
+    parentText: args.parentText,
+    onClickParent: args.onClickParent,
+  })),
+];
+
+export const WithCustomDecorator = (args) => ({
+  template: `Child Template`,
+  props: {
+    ...args,
+  },
+});
+WithCustomDecorator.decorators = [
+  (storyFunc) => {
+    const story = storyFunc();
+
+    return {
+      ...story,
+      template: `Custom Decorator <div style="margin: 3em">${story.template}</div>`,
+    };
+  },
+];
+
+export const AngularLegacyRendering = (args) => ({
+  template: `Child Template`,
+  props: {
+    ...args,
+  },
+});
+AngularLegacyRendering.parameters = { angularLegacyRendering: true };
+AngularLegacyRendering.decorators = [
+  (storyFunc) => {
+    const story = storyFunc();
+
+    return {
+      ...story,
+      template: `Custom Decorator <div style="margin: 3em">${story.template}</div>`,
+    };
+  },
+];
diff --git a/code/frameworks/angular/template/stories/parent.component.ts b/code/frameworks/angular/template/stories/parent.component.ts
new file mode 100644
index 000000000000..f49ce1bb1873
--- /dev/null
+++ b/code/frameworks/angular/template/stories/parent.component.ts
@@ -0,0 +1,18 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'parent-component',
+  template: `
+    Parent<br />
+    Input text: {{ parentText }} <br />
+    Output : <button (click)="onClickParent.emit($event)">Click here !</button> <br />
+    <div style="margin: 3em; border:solid;"><ng-content></ng-content></div>
+  `,
+})
+export default class ParentComponent {
+  @Input()
+  parentText = '';
+
+  @Output()
+  onClickParent = new EventEmitter<any>();
+}

From 776aa2e253c3971dc22ad6c32ccbf7b693ba00d2 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 15 Aug 2022 12:49:30 +0800
Subject: [PATCH 191/266] Increase parallelism for angular

---
 .circleci/config.yml | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 142d6b4ea8b0..19f045eb2f5e 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -482,7 +482,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 3
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -498,7 +498,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 3
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -518,7 +518,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 3
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -534,7 +534,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 3
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -549,7 +549,7 @@ jobs:
   e2e-sandboxes:
     docker:
       - image: mcr.microsoft.com/playwright:v1.24.0-focal
-    parallelism: 2
+    parallelism: 3
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'

From 40746a328f0050beb5d2497e4c6b41b6c1fd7fa3 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 15 Aug 2022 13:12:55 +0800
Subject: [PATCH 192/266] CI: Disable Angular repro template

---
 .circleci/config.yml                | 12 ++++++------
 code/lib/cli/src/repro-templates.ts | 23 ++++++++++++-----------
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 19f045eb2f5e..b384479d14ed 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -462,7 +462,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 3
+    parallelism: 2
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -482,7 +482,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 3
+    parallelism: 2
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -498,7 +498,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 3
+    parallelism: 2
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -518,7 +518,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 3
+    parallelism: 2
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -534,7 +534,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 3
+    parallelism: 2
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -549,7 +549,7 @@ jobs:
   e2e-sandboxes:
     docker:
       - image: mcr.microsoft.com/playwright:v1.24.0-focal
-    parallelism: 3
+    parallelism: 2
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
diff --git a/code/lib/cli/src/repro-templates.ts b/code/lib/cli/src/repro-templates.ts
index 4026a9e44308..d85493b8c142 100644
--- a/code/lib/cli/src/repro-templates.ts
+++ b/code/lib/cli/src/repro-templates.ts
@@ -19,15 +19,16 @@ export default {
       builder: '@storybook/builder-webpack5',
     },
   },
-  'angular/latest': {
-    name: 'Angular (latest)',
-    script:
-      'npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --skip-install=true --strict',
-    cadence: ['ci', 'daily', 'weekly'],
-    expected: {
-      framework: '@storybook/angular',
-      renderer: '@storybook/angular',
-      builder: '@storybook/builder-webpack5',
-    },
-  },
+  // FIXME: missing documentation.json
+  // 'angular/latest': {
+  //   name: 'Angular (latest)',
+  //   script:
+  //     'npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --skip-install=true --strict',
+  //   cadence: ['ci', 'daily', 'weekly'],
+  //   expected: {
+  //     framework: '@storybook/angular',
+  //     renderer: '@storybook/angular',
+  //     builder: '@storybook/builder-webpack5',
+  //   },
+  // },
 } as const;

From 0518456dc2f4026cc48a6174634794caeda8514c Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 15 Aug 2022 08:32:37 +0200
Subject: [PATCH 193/266] disable telemetry for sandbox generated projects

---
 scripts/sandbox.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index afa99e8dff22..d3ec2519675c 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -308,6 +308,7 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
       ['previewEntries'],
       [`.${path.sep}${path.join(storiesPath, 'components')}`]
     );
+    mainConfig.setFieldValue(['core', 'disableTelemetry'], true);
 
     const storiesToAdd = [] as string[];
     storiesToAdd.push(rendererPath);

From d0b9f93e1c3d6e213b26759d690768effbed0547 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 15 Aug 2022 08:33:31 +0200
Subject: [PATCH 194/266] disable telemetry in stackblitz repros

---
 scripts/repros-generator/templates/next/.stackblitzrc | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/repros-generator/templates/next/.stackblitzrc b/scripts/repros-generator/templates/next/.stackblitzrc
index 58bd8bde3389..084c9f538832 100644
--- a/scripts/repros-generator/templates/next/.stackblitzrc
+++ b/scripts/repros-generator/templates/next/.stackblitzrc
@@ -1,4 +1,4 @@
 {
   "installDependencies": true,
-  "startCommand": "yarn storybook"
+  "startCommand": "STORYBOOK_DISABLE_TELEMETRY=1 yarn storybook"
 }

From aea156cd45ac6eb2d6419491d02ab39bc1ef39e4 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 15 Aug 2022 09:09:22 +0200
Subject: [PATCH 195/266] disable telemetry in sandbox commands

---
 scripts/utils/cli-step.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/scripts/utils/cli-step.ts b/scripts/utils/cli-step.ts
index 1ac95d379df0..eac83af90008 100644
--- a/scripts/utils/cli-step.ts
+++ b/scripts/utils/cli-step.ts
@@ -34,7 +34,12 @@ export async function executeCLIStep<TOptions extends OptionSpecifier>(
 
   await exec(
     command,
-    { cwd: options.cwd },
+    {
+      cwd: options.cwd,
+      env: {
+        STORYBOOK_DISABLE_TELEMETRY: 'true',
+      },
+    },
     {
       startMessage: `${cliStep.icon} ${cliStep.description}`,
       errorMessage: `🚨 ${cliStep.description} failed`,

From 6fb436bf61e5482549579a4bfc78fa719e6a68b9 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 15 Aug 2022 10:45:30 +0200
Subject: [PATCH 196/266] exit sandbox gracefully on cancel

---
 scripts/utils/options.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/scripts/utils/options.ts b/scripts/utils/options.ts
index ec8313c95079..29e041157b7d 100644
--- a/scripts/utils/options.ts
+++ b/scripts/utils/options.ts
@@ -234,7 +234,12 @@ export async function promptOptions<TOptions extends OptionSpecifier>(
     };
   });
 
-  const selection = await prompts(questions);
+  const selection = await prompts(questions, {
+    onCancel: () => {
+      console.log('Command cancelled by the user. Exiting...');
+      process.exit(0);
+    },
+  });
   // Again the structure of the questions guarantees we get responses of the type we need
   return selection as OptionValues<TOptions>;
 }

From c6f2d4e17e1e78f40aba9eae30557da02d4386df Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 15 Aug 2022 16:59:55 +0800
Subject: [PATCH 197/266] Update scripts/utils/options.ts

---
 scripts/utils/options.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/utils/options.ts b/scripts/utils/options.ts
index 29e041157b7d..09774c698a12 100644
--- a/scripts/utils/options.ts
+++ b/scripts/utils/options.ts
@@ -237,7 +237,7 @@ export async function promptOptions<TOptions extends OptionSpecifier>(
   const selection = await prompts(questions, {
     onCancel: () => {
       console.log('Command cancelled by the user. Exiting...');
-      process.exit(0);
+      process.exit(1);
     },
   });
   // Again the structure of the questions guarantees we get responses of the type we need

From fcc4dca1e38051fa1ac251ee3924806a1d0d93d6 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 15 Aug 2022 18:42:12 +0800
Subject: [PATCH 198/266] Extend new frameworks automigration to include
 Webpack4

---
 .../automigrate/fixes/new-frameworks.test.ts  |  8 +++++++-
 .../src/automigrate/fixes/new-frameworks.ts   | 19 ++++++++++++++++---
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
index b1a37d627b19..482389d3bf8e 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
@@ -60,7 +60,13 @@ describe('new-frameworks fix', () => {
             framework: '@storybook/vue',
           },
         })
-      ).resolves.toBeFalsy();
+      ).resolves.toEqual(
+        expect.objectContaining({
+          frameworkPackage: '@storybook/vue-webpack5',
+          dependenciesToAdd: ['@storybook/vue-webpack5'],
+          dependenciesToRemove: ['@storybook/vue'],
+        })
+      );
     });
 
     it('in sb 7 with unsupported package', async () => {
diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
index 016e05a66145..9b96b69793ec 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -62,7 +62,7 @@ export const getBuilder = (builder: string | { name: string }) => {
     return builder.includes('vite') ? 'vite' : 'webpack5';
   }
 
-  return builder.name.includes('vite') ? 'vite' : 'webpack5';
+  return builder?.name.includes('vite') ? 'vite' : 'webpack5';
 };
 
 export const getFrameworkOptions = (framework: string, main: ConfigFile) => {
@@ -113,7 +113,7 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
     const frameworkPackage = main.getFieldValue(['framework']) as keyof typeof packagesMap;
     const builder = main.getFieldValue(['core', 'builder']);
 
-    if (!frameworkPackage || !builder) {
+    if (!frameworkPackage) {
       return null;
     }
 
@@ -138,6 +138,8 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
     const dependenciesToRemove = [
       '@storybook/builder-webpack5',
       '@storybook/manager-webpack5',
+      '@storybook/builder-webpack4',
+      '@storybook/manager-webpack4',
     ].filter((dep) => allDeps[dep]);
 
     const newFrameworkPackage = packagesMap[frameworkPackage][builderInfo.name];
@@ -168,9 +170,20 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
 
       We can remove the dependencies that are no longer needed and install the new framework that already includes the builder.
 
-      More info: ${chalk.yellow(
+      To learn more about the framework field, see: ${chalk.yellow(
         'https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#framework-field-mandatory'
       )}
+
+      ${chalk.underline(chalk.bold(chalk.cyan('Webpack4 users')))}
+
+      Unless you're using Storybook's Vite builder, this automigration will install a Webpack5-based framework.
+      
+      If you were using Storybook's Webpack4 builder (default in 6.x, discontinued in 7.0), this could be a breaking
+      change--especially if your project has a custom webpack configuration.
+      
+      To learn more about migrating from Webpack4, see: ${chalk.yellow(
+        'https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack4-support-discontinued'
+      )}
     `;
   },
 

From e54e22a6f291482b960ee364174691415dd2733d Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 15 Aug 2022 13:02:02 +0200
Subject: [PATCH 199/266] log the error with stack trace in automigration

---
 code/lib/cli/src/automigrate/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/cli/src/automigrate/index.ts b/code/lib/cli/src/automigrate/index.ts
index a20325c86119..0eab9bca3d9c 100644
--- a/code/lib/cli/src/automigrate/index.ts
+++ b/code/lib/cli/src/automigrate/index.ts
@@ -57,7 +57,7 @@ export const automigrate = async ({ fixId, dryRun, yes }: FixOptions = {}) => {
           logger.info(`✅ ran ${chalk.cyan(f.id)} migration`);
         } catch (error) {
           logger.info(`❌ error when running ${chalk.cyan(f.id)} migration:`);
-          logger.info(error.message);
+          logger.info(error);
           logger.info();
         }
       } else {

From 441d432882ce791582981db7893b26071cd3e402 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 15 Aug 2022 13:02:32 +0200
Subject: [PATCH 200/266] fix core builder logic in new-frameworks
 automigration

---
 .../cli/src/automigrate/fixes/new-frameworks.ts    | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
index 9b96b69793ec..efa09e619ce6 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -224,14 +224,16 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
 
       if (Object.keys(builderInfo.options).length > 0) {
         main.setFieldValue(['framework', 'options', 'builder'], builderInfo.options);
+        delete currentCore.builder;
       }
 
-      delete currentCore.builder;
-      if (Object.keys(currentCore).length === 0) {
-        // TODO: this should delete the field instead
-        main.setFieldValue(['core'], {});
-      } else {
-        main.setFieldValue(['core'], currentCore);
+      if (currentCore) {
+        if (Object.keys(currentCore).length === 0) {
+          // TODO: this should delete the field instead
+          main.setFieldValue(['core'], {});
+        } else {
+          main.setFieldValue(['core'], currentCore);
+        }
       }
 
       await writeConfig(main);

From c0a47e16801a59fc6f6dfdaf4bdea7403a45edb0 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 15 Aug 2022 13:09:31 +0200
Subject: [PATCH 201/266] fix new-frameworks logic

---
 code/lib/cli/src/automigrate/fixes/new-frameworks.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
index efa09e619ce6..f288787485bd 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -222,9 +222,12 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
       main.setFieldValue(['framework', 'name'], frameworkPackage);
       main.setFieldValue(['framework', 'options'], frameworkOptions);
 
+      if (currentCore?.builder) {
+        delete currentCore.builder;
+      }
+
       if (Object.keys(builderInfo.options).length > 0) {
         main.setFieldValue(['framework', 'options', 'builder'], builderInfo.options);
-        delete currentCore.builder;
       }
 
       if (currentCore) {

From d76bbba2311193c7bbf04a58b6cb408756d9ce14 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 15 Aug 2022 16:07:19 +0200
Subject: [PATCH 202/266] Fix interactions count

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

diff --git a/code/addons/interactions/src/Panel.tsx b/code/addons/interactions/src/Panel.tsx
index bc4ce66aa464..8c56755a00f9 100644
--- a/code/addons/interactions/src/Panel.tsx
+++ b/code/addons/interactions/src/Panel.tsx
@@ -137,7 +137,7 @@ export const Panel: React.FC<{ active: boolean }> = (props) => {
 
   React.useEffect(() => {
     if (isPlaying || isRerunAnimating) return;
-    setInteractionsCount(interactions.length);
+    setInteractionsCount(interactions.filter(({ method }) => method !== 'step').length);
   }, [interactions, isPlaying, isRerunAnimating]);
 
   const controls = React.useMemo(

From 60c6653da89b7c6b54a7a8d34a1f8c7b2f8545a2 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 15 Aug 2022 16:53:19 +0200
Subject: [PATCH 203/266] Fix collapse to bust memoization

---
 code/addons/interactions/src/Panel.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/code/addons/interactions/src/Panel.tsx b/code/addons/interactions/src/Panel.tsx
index 8c56755a00f9..8c5152fee16e 100644
--- a/code/addons/interactions/src/Panel.tsx
+++ b/code/addons/interactions/src/Panel.tsx
@@ -87,7 +87,8 @@ export const Panel: React.FC<{ active: boolean }> = (props) => {
   const [interactions, setInteractions] = React.useState<Interaction[]>([]);
   const [interactionsCount, setInteractionsCount] = React.useState<number>();
 
-  // Calls are tracked in a ref so we don't needlessly rerender.
+  // Log and calls are tracked in a ref so we don't needlessly rerender.
+  const log = React.useRef<LogItem[]>([]);
   const calls = React.useRef<Map<Call['id'], Omit<Call, 'status'>>>(new Map());
   const setCall = ({ status, ...call }: Call) => calls.current.set(call.id, call);
 
@@ -113,6 +114,7 @@ export const Panel: React.FC<{ active: boolean }> = (props) => {
         setInteractions(
           getInteractions({ log: payload.logItems, calls: calls.current, collapsed, setCollapsed })
         );
+        log.current = payload.logItems;
       },
       [STORY_RENDER_PHASE_CHANGED]: (event) => {
         setStoryId(event.storyId);
@@ -135,6 +137,12 @@ export const Panel: React.FC<{ active: boolean }> = (props) => {
     [collapsed]
   );
 
+  React.useEffect(() => {
+    setInteractions(
+      getInteractions({ log: log.current, calls: calls.current, collapsed, setCollapsed })
+    );
+  }, [collapsed]);
+
   React.useEffect(() => {
     if (isPlaying || isRerunAnimating) return;
     setInteractionsCount(interactions.filter(({ method }) => method !== 'step').length);

From ff5e9e8d40b4e16758fc66ae3fe335361ca6b533 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 15 Aug 2022 16:54:45 +0200
Subject: [PATCH 204/266] Nobody cares about the number of items to hide

---
 code/addons/interactions/src/components/Interaction.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/code/addons/interactions/src/components/Interaction.tsx b/code/addons/interactions/src/components/Interaction.tsx
index 8888e092cd85..7ad25af69a32 100644
--- a/code/addons/interactions/src/components/Interaction.tsx
+++ b/code/addons/interactions/src/components/Interaction.tsx
@@ -165,11 +165,7 @@ export const Interaction = ({
           {childCallIds?.length > 0 && (
             <WithTooltip
               hasChrome={false}
-              tooltip={
-                <Note
-                  note={`${isCollapsed ? 'Show' : 'Hide'} interactions (${childCallIds.length})`}
-                />
-              }
+              tooltip={<Note note={`${isCollapsed ? 'Show' : 'Hide'} interactions`} />}
             >
               <StyledIconButton containsIcon onClick={toggleCollapsed}>
                 <Icons icon="listunordered" />

From ec52a4e42f917cf5f087c713d67a6011282a09e6 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 16 Aug 2022 03:00:21 +0800
Subject: [PATCH 205/266] 7.0.0-alpha.20 changelog

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 45d59d9ba8af..84a2a8635d95 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,22 @@
+## 7.0.0-alpha.20 (August 16, 2022)
+
+#### Features
+
+-   CLI: Automigration for new frameworks [#18919](https://github.com/storybooks/storybook/pull/18919)
+
+#### Bug Fixes
+
+-   UI: Fix the order of addons appearing in prebuilt manager [#18918](https://github.com/storybooks/storybook/pull/18918)
+
+#### Maintenance
+
+-   Exit sandbox gracefully on cancel [#18936](https://github.com/storybooks/storybook/pull/18936)
+-   Disable telemetry in monorepo and CI [#18935](https://github.com/storybooks/storybook/pull/18935)
+-   Convert cypress e2e tests to playwright [#18932](https://github.com/storybooks/storybook/pull/18932)
+-   CI: Refactor to use tasks [#18922](https://github.com/storybooks/storybook/pull/18922)
+-   Angular: Add renderer components / stories [#18934](https://github.com/storybooks/storybook/pull/18934)
+-   Examples: Add angular repro template and refactor [#18931](https://github.com/storybooks/storybook/pull/18931)
+
 ## 7.0.0-alpha.19 (August 12, 2022)
 
 #### Features

From c8f8dfb6a4701bdf4a99443f81015372233d00b2 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 16 Aug 2022 03:21:52 +0800
Subject: [PATCH 206/266] Fix typescript types

---
 code/lib/cli/src/automigrate/fixes/new-frameworks.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
index f288787485bd..24864113d31f 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -49,7 +49,7 @@ interface NewFrameworkRunOptions {
   packageJson: PackageJsonWithDepsAndDevDeps;
   dependenciesToAdd: string[];
   dependenciesToRemove: string[];
-  frameworkPackage: keyof typeof packagesMap;
+  frameworkPackage: string;
   frameworkOptions: Record<string, any>;
   builderInfo: {
     name: string;

From 68787379ca046d2c1e16383909984a6c2da37f23 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 16 Aug 2022 03:23:44 +0800
Subject: [PATCH 207/266] Update root, peer deps, version.ts/json to
 7.0.0-alpha.20 [ci skip]

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

diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 738d91deeeb3..8ccab53f3d5d 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -45,7 +45,7 @@
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
     "puppeteer": ">=2.0.0"
   },
   "peerDependenciesMeta": {
diff --git a/code/lib/api/src/version.ts b/code/lib/api/src/version.ts
index a6322b24e3e7..4e28b620d922 100644
--- a/code/lib/api/src/version.ts
+++ b/code/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '7.0.0-alpha.19';
+export const version = '7.0.0-alpha.20';
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index 9649f954af13..69a51c4eedb8 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -1,78 +1,78 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.0.0-alpha.19',
-  '@storybook/addon-actions': '7.0.0-alpha.19',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.19',
-  '@storybook/addon-controls': '7.0.0-alpha.19',
-  '@storybook/addon-docs': '7.0.0-alpha.19',
-  '@storybook/addon-essentials': '7.0.0-alpha.19',
-  '@storybook/addon-highlight': '7.0.0-alpha.19',
-  '@storybook/addon-interactions': '7.0.0-alpha.19',
-  '@storybook/addon-jest': '7.0.0-alpha.19',
-  '@storybook/addon-links': '7.0.0-alpha.19',
-  '@storybook/addon-measure': '7.0.0-alpha.19',
-  '@storybook/addon-outline': '7.0.0-alpha.19',
-  '@storybook/addon-storyshots': '7.0.0-alpha.19',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.19',
-  '@storybook/addon-storysource': '7.0.0-alpha.19',
-  '@storybook/addon-toolbars': '7.0.0-alpha.19',
-  '@storybook/addon-viewport': '7.0.0-alpha.19',
-  '@storybook/addons': '7.0.0-alpha.19',
-  '@storybook/angular': '7.0.0-alpha.19',
-  '@storybook/api': '7.0.0-alpha.19',
-  '@storybook/blocks': '7.0.0-alpha.19',
-  '@storybook/builder-manager': '7.0.0-alpha.19',
-  '@storybook/builder-webpack5': '7.0.0-alpha.19',
-  '@storybook/channel-postmessage': '7.0.0-alpha.19',
-  '@storybook/channel-websocket': '7.0.0-alpha.19',
-  '@storybook/channels': '7.0.0-alpha.19',
-  '@storybook/cli': '7.0.0-alpha.19',
-  '@storybook/client-api': '7.0.0-alpha.19',
-  '@storybook/client-logger': '7.0.0-alpha.19',
-  '@storybook/codemod': '7.0.0-alpha.19',
-  '@storybook/components': '7.0.0-alpha.19',
-  '@storybook/core-client': '7.0.0-alpha.19',
-  '@storybook/core-common': '7.0.0-alpha.19',
-  '@storybook/core-events': '7.0.0-alpha.19',
-  '@storybook/core-server': '7.0.0-alpha.19',
-  '@storybook/core-webpack': '7.0.0-alpha.19',
-  '@storybook/csf-tools': '7.0.0-alpha.19',
-  '@storybook/docs-tools': '7.0.0-alpha.19',
-  '@storybook/ember': '7.0.0-alpha.19',
-  '@storybook/html': '7.0.0-alpha.19',
-  '@storybook/html-webpack5': '7.0.0-alpha.19',
-  '@storybook/instrumenter': '7.0.0-alpha.19',
-  '@storybook/node-logger': '7.0.0-alpha.19',
-  '@storybook/postinstall': '7.0.0-alpha.19',
-  '@storybook/preact': '7.0.0-alpha.19',
-  '@storybook/preact-webpack5': '7.0.0-alpha.19',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.19',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.19',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.19',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.19',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.19',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.19',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.19',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.19',
-  '@storybook/preview-web': '7.0.0-alpha.19',
-  '@storybook/react': '7.0.0-alpha.19',
-  '@storybook/react-webpack5': '7.0.0-alpha.19',
-  '@storybook/router': '7.0.0-alpha.19',
-  '@storybook/server': '7.0.0-alpha.19',
-  '@storybook/server-webpack5': '7.0.0-alpha.19',
-  '@storybook/source-loader': '7.0.0-alpha.19',
-  '@storybook/store': '7.0.0-alpha.19',
-  '@storybook/svelte': '7.0.0-alpha.19',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.19',
-  '@storybook/telemetry': '7.0.0-alpha.19',
-  '@storybook/theming': '7.0.0-alpha.19',
-  '@storybook/ui': '7.0.0-alpha.19',
-  '@storybook/vue': '7.0.0-alpha.19',
-  '@storybook/vue-webpack5': '7.0.0-alpha.19',
-  '@storybook/vue3': '7.0.0-alpha.19',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.19',
-  '@storybook/web-components': '7.0.0-alpha.19',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.19',
-  sb: '7.0.0-alpha.19',
-  storybook: '7.0.0-alpha.19',
+  '@storybook/addon-a11y': '7.0.0-alpha.20',
+  '@storybook/addon-actions': '7.0.0-alpha.20',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.20',
+  '@storybook/addon-controls': '7.0.0-alpha.20',
+  '@storybook/addon-docs': '7.0.0-alpha.20',
+  '@storybook/addon-essentials': '7.0.0-alpha.20',
+  '@storybook/addon-highlight': '7.0.0-alpha.20',
+  '@storybook/addon-interactions': '7.0.0-alpha.20',
+  '@storybook/addon-jest': '7.0.0-alpha.20',
+  '@storybook/addon-links': '7.0.0-alpha.20',
+  '@storybook/addon-measure': '7.0.0-alpha.20',
+  '@storybook/addon-outline': '7.0.0-alpha.20',
+  '@storybook/addon-storyshots': '7.0.0-alpha.20',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.20',
+  '@storybook/addon-storysource': '7.0.0-alpha.20',
+  '@storybook/addon-toolbars': '7.0.0-alpha.20',
+  '@storybook/addon-viewport': '7.0.0-alpha.20',
+  '@storybook/addons': '7.0.0-alpha.20',
+  '@storybook/angular': '7.0.0-alpha.20',
+  '@storybook/api': '7.0.0-alpha.20',
+  '@storybook/blocks': '7.0.0-alpha.20',
+  '@storybook/builder-manager': '7.0.0-alpha.20',
+  '@storybook/builder-webpack5': '7.0.0-alpha.20',
+  '@storybook/channel-postmessage': '7.0.0-alpha.20',
+  '@storybook/channel-websocket': '7.0.0-alpha.20',
+  '@storybook/channels': '7.0.0-alpha.20',
+  '@storybook/cli': '7.0.0-alpha.20',
+  '@storybook/client-api': '7.0.0-alpha.20',
+  '@storybook/client-logger': '7.0.0-alpha.20',
+  '@storybook/codemod': '7.0.0-alpha.20',
+  '@storybook/components': '7.0.0-alpha.20',
+  '@storybook/core-client': '7.0.0-alpha.20',
+  '@storybook/core-common': '7.0.0-alpha.20',
+  '@storybook/core-events': '7.0.0-alpha.20',
+  '@storybook/core-server': '7.0.0-alpha.20',
+  '@storybook/core-webpack': '7.0.0-alpha.20',
+  '@storybook/csf-tools': '7.0.0-alpha.20',
+  '@storybook/docs-tools': '7.0.0-alpha.20',
+  '@storybook/ember': '7.0.0-alpha.20',
+  '@storybook/html': '7.0.0-alpha.20',
+  '@storybook/html-webpack5': '7.0.0-alpha.20',
+  '@storybook/instrumenter': '7.0.0-alpha.20',
+  '@storybook/node-logger': '7.0.0-alpha.20',
+  '@storybook/postinstall': '7.0.0-alpha.20',
+  '@storybook/preact': '7.0.0-alpha.20',
+  '@storybook/preact-webpack5': '7.0.0-alpha.20',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.20',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.20',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.20',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.20',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.20',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.20',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.20',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.20',
+  '@storybook/preview-web': '7.0.0-alpha.20',
+  '@storybook/react': '7.0.0-alpha.20',
+  '@storybook/react-webpack5': '7.0.0-alpha.20',
+  '@storybook/router': '7.0.0-alpha.20',
+  '@storybook/server': '7.0.0-alpha.20',
+  '@storybook/server-webpack5': '7.0.0-alpha.20',
+  '@storybook/source-loader': '7.0.0-alpha.20',
+  '@storybook/store': '7.0.0-alpha.20',
+  '@storybook/svelte': '7.0.0-alpha.20',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.20',
+  '@storybook/telemetry': '7.0.0-alpha.20',
+  '@storybook/theming': '7.0.0-alpha.20',
+  '@storybook/ui': '7.0.0-alpha.20',
+  '@storybook/vue': '7.0.0-alpha.20',
+  '@storybook/vue-webpack5': '7.0.0-alpha.20',
+  '@storybook/vue3': '7.0.0-alpha.20',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.20',
+  '@storybook/web-components': '7.0.0-alpha.20',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.20',
+  sb: '7.0.0-alpha.20',
+  storybook: '7.0.0-alpha.20',
 };
diff --git a/code/package.json b/code/package.json
index 3286bd071b80..2086cc26476f 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "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 a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 16 Aug 2022 03:38:31 +0800
Subject: [PATCH 208/266] v7.0.0-alpha.20

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index bfdf650919ca..5d6c4626f31c 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -62,15 +62,15 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.20",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 2cacb6697add..ec210c9407b8 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 272ec6045a50..aa1c0b55490b 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -62,13 +62,13 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index fbe117ac3e55..0e34d57545f7 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -57,16 +57,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/blocks": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/blocks": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 562a7ad673a9..32297bc41bd2 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -53,22 +53,22 @@
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/blocks": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/blocks": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.19",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/csf-tools": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
     "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
-    "@storybook/node-logger": "7.0.0-alpha.19",
-    "@storybook/postinstall": "7.0.0-alpha.19",
-    "@storybook/preview-web": "7.0.0-alpha.19",
-    "@storybook/source-loader": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/postinstall": "7.0.0-alpha.20",
+    "@storybook/preview-web": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "babel-loader": "^8.2.5",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 0a9020226852..32313a9fb94d 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -33,25 +33,25 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-controls": "7.0.0-alpha.19",
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-measure": "7.0.0-alpha.19",
-    "@storybook/addon-outline": "7.0.0-alpha.19",
-    "@storybook/addon-toolbars": "7.0.0-alpha.19",
-    "@storybook/addon-viewport": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-measure": "7.0.0-alpha.20",
+    "@storybook/addon-outline": "7.0.0-alpha.20",
+    "@storybook/addon-toolbars": "7.0.0-alpha.20",
+    "@storybook/addon-viewport": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/vue": "7.0.0-alpha.19",
+    "@storybook/vue": "7.0.0-alpha.20",
     "@types/jest": "^26.0.16",
     "typescript": "~4.6.3"
   },
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 9549be829549..9337ede3b996 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -37,8 +37,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 432b8e502921..03457d94c40a 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -36,15 +36,15 @@
   },
   "dependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/instrumenter": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/instrumenter": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "jest-mock": "^27.0.6",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 1e360e767f4a..3b602c1dbdec 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -59,12 +59,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react-sizeme": "^3.0.1",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index d13e99b0468a..7eb8337383f2 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -63,11 +63,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.19",
+    "@storybook/router": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 204c8da5593f..df2316a2920d 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
@@ -61,11 +61,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index dc797b9a9f1f..5177442945a9 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
@@ -64,11 +64,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index 357d915fce32..d4e58415e5e6 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
@@ -38,12 +38,12 @@
   },
   "dependencies": {
     "@jest/transform": "^26.6.2",
-    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/client-api": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/core-webpack": "7.0.0-alpha.19",
+    "@storybook/client-api": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "@types/glob": "^7.1.3",
     "@types/jest": "^26.0.16",
@@ -62,11 +62,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.19",
-    "@storybook/angular": "7.0.0-alpha.19",
-    "@storybook/react": "7.0.0-alpha.19",
-    "@storybook/vue": "7.0.0-alpha.19",
-    "@storybook/vue3": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/angular": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/vue": "7.0.0-alpha.20",
+    "@storybook/vue3": "7.0.0-alpha.20",
     "babel-loader": "^8.2.5",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 8ccab53f3d5d..ff8353b43a6b 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "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.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.20",
     "@types/jest-image-snapshot": "^4.1.3",
     "core-js": "^3.8.2",
     "jest-image-snapshot": "^4.3.0"
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index fe71fcb4868d..bb708b848af5 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/router": "7.0.0-alpha.19",
-    "@storybook/source-loader": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index a9d6f8d1441a..f922ea80deab 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
@@ -57,11 +57,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2"
   },
   "devDependencies": {
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 6e97da5a1990..6b6b768fbb48 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
@@ -36,12 +36,12 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/examples/angular-cli/package.json b/code/examples/angular-cli/package.json
index 07731391d056..a91eaa594c3e 100644
--- a/code/examples/angular-cli/package.json
+++ b/code/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "license": "MIT",
   "workspaces": {
@@ -44,22 +44,22 @@
     "@angular/compiler-cli": "^13.3.6",
     "@angular/elements": "^13.3.6",
     "@compodoc/compodoc": "^1.1.18",
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-controls": "7.0.0-alpha.19",
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-interactions": "7.0.0-alpha.19",
-    "@storybook/addon-jest": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
-    "@storybook/addon-storysource": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/angular": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-interactions": "7.0.0-alpha.20",
+    "@storybook/addon-jest": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storysource": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/angular": "7.0.0-alpha.20",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.20",
     "@storybook/testing-library": "0.0.14-next.0",
     "@types/core-js": "^2.5.4",
     "@types/jest": "^26.0.16",
@@ -72,7 +72,7 @@
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
     "protractor": "~7.0.0",
-    "storybook": "7.0.0-alpha.19",
+    "storybook": "7.0.0-alpha.20",
     "storybook-addon-angular-ivy": "^0.0.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
diff --git a/code/examples/cra-kitchen-sink/package.json b/code/examples/cra-kitchen-sink/package.json
index 8b870c708a9d..c1ada759e826 100644
--- a/code/examples/cra-kitchen-sink/package.json
+++ b/code/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "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.19",
+    "@storybook/client-logger": "7.0.0-alpha.20",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "react": "16.14.0",
@@ -21,21 +21,21 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-jest": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-jest": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.19",
-    "@storybook/react-webpack5": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
-    "storybook": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.20",
     "webpack": "5"
   },
   "storybook": {
diff --git a/code/examples/cra-ts-essentials/package.json b/code/examples/cra-ts-essentials/package.json
index f9e05bb750ea..81d1531be4f3 100644
--- a/code/examples/cra-ts-essentials/package.json
+++ b/code/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-essentials",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -23,8 +23,8 @@
     ]
   },
   "dependencies": {
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "@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.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/addon-essentials": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.19",
-    "@storybook/react-webpack5": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/react-webpack5": "7.0.0-alpha.20",
     "@storybook/testing-library": "^0.0.9",
-    "storybook": "7.0.0-alpha.19",
+    "storybook": "7.0.0-alpha.20",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/cra-ts-kitchen-sink/package.json b/code/examples/cra-ts-kitchen-sink/package.json
index 96f4de26b6f3..fd96d74e9cb0 100644
--- a/code/examples/cra-ts-kitchen-sink/package.json
+++ b/code/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -34,23 +34,23 @@
     "typescript": "~4.6.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.19",
-    "@storybook/react-webpack5": "7.0.0-alpha.19",
+    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/react-webpack5": "7.0.0-alpha.20",
     "@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.19",
+    "storybook": "7.0.0-alpha.20",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/doc-blocks/package.json b/code/examples/doc-blocks/package.json
index 94a959f5a97a..d61238b26f02 100644
--- a/code/examples/doc-blocks/package.json
+++ b/code/examples/doc-blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-doc-blocks",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build",
@@ -15,20 +15,20 @@
     "@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.19",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
-    "@storybook/addon-storysource": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/cli": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/react-webpack5": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/addon-essentials": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storysource": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/cli": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "@types/babel__preset-env": "^7",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.21",
-    "sb": "7.0.0-alpha.19",
+    "sb": "7.0.0-alpha.20",
     "typescript": "~4.6.3",
     "webpack": "5"
   },
diff --git a/code/examples/ember-cli/package.json b/code/examples/ember-cli/package.json
index bda64103c059..388b46e3f009 100644
--- a/code/examples/ember-cli/package.json
+++ b/code/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "scripts": {
     "--build-storybook": "yarn storybook-prebuild && storybook build",
@@ -17,19 +17,19 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@ember/optional-features": "^2.0.0",
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-controls": "7.0.0-alpha.19",
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/addon-storysource": "7.0.0-alpha.19",
-    "@storybook/addon-viewport": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/ember": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-storysource": "7.0.0-alpha.20",
+    "@storybook/addon-viewport": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/ember": "7.0.0-alpha.20",
     "@storybook/ember-cli-storybook": "^0.2.1",
-    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.20",
     "babel-loader": "^8.2.5",
     "broccoli-asset-rev": "^3.0.0",
     "browserify-zlib": "^0.2.0",
@@ -49,7 +49,7 @@
     "loader.js": "^4.7.0",
     "os-browserify": "^0.3.0",
     "shx": "^0.3.2",
-    "storybook": "7.0.0-alpha.19",
+    "storybook": "7.0.0-alpha.20",
     "stream-browserify": "^3.0.0",
     "vm-browserify": "^1.1.2",
     "webpack": "5",
diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json
index 39f5cedb3d21..356f2080463f 100644
--- a/code/examples/external-docs/package.json
+++ b/code/examples/external-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/external-docs",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "scripts": {
     "build": "next build",
@@ -11,15 +11,15 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c .storybook"
   },
   "dependencies": {
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-essentials": "7.0.0-alpha.19",
-    "@storybook/blocks": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-essentials": "7.0.0-alpha.20",
+    "@storybook/blocks": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.19",
-    "@storybook/react": "7.0.0-alpha.19",
-    "@storybook/react-webpack5": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/preview-web": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "formik": "^2.2.9",
     "next": "^12.1.0",
     "nextra": "^1.1.0",
@@ -38,7 +38,7 @@
     "cross-env": "^7.0.3",
     "eslint": "8.7.0",
     "eslint-config-next": "12.0.8",
-    "storybook": "7.0.0-alpha.19",
+    "storybook": "7.0.0-alpha.20",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/html-kitchen-sink/package.json b/code/examples/html-kitchen-sink/package.json
index cf683cbb9c62..3f7a99cef010 100644
--- a/code/examples/html-kitchen-sink/package.json
+++ b/code/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,31 +13,31 @@
     "storybook": "storybook dev -p 9006 --no-manager-cache"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-controls": "7.0.0-alpha.19",
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-jest": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-jest": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
-    "@storybook/addon-storysource": "7.0.0-alpha.19",
-    "@storybook/addon-viewport": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/client-api": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
-    "@storybook/html": "7.0.0-alpha.19",
-    "@storybook/html-webpack5": "7.0.0-alpha.19",
-    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storysource": "7.0.0-alpha.20",
+    "@storybook/addon-viewport": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/client-api": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/html": "7.0.0-alpha.20",
+    "@storybook/html-webpack5": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.20",
     "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.19"
+    "storybook": "7.0.0-alpha.20"
   },
   "storybook": {
     "chromatic": {
diff --git a/code/examples/official-storybook/package.json b/code/examples/official-storybook/package.json
index 464ef1de0c6e..1b0b0278ca2e 100644
--- a/code/examples/official-storybook/package.json
+++ b/code/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@@ -13,33 +13,33 @@
   "devDependencies": {
     "@emotion/jest": "^11.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-controls": "7.0.0-alpha.19",
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-interactions": "7.0.0-alpha.19",
-    "@storybook/addon-jest": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
-    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.19",
-    "@storybook/addon-storysource": "7.0.0-alpha.19",
-    "@storybook/addon-toolbars": "7.0.0-alpha.19",
-    "@storybook/addon-viewport": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/cli": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-interactions": "7.0.0-alpha.20",
+    "@storybook/addon-jest": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.20",
+    "@storybook/addon-storysource": "7.0.0-alpha.20",
+    "@storybook/addon-toolbars": "7.0.0-alpha.20",
+    "@storybook/addon-viewport": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/cli": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/design-system": "^5.4.7",
     "@storybook/jest": "^0.0.10",
-    "@storybook/node-logger": "7.0.0-alpha.19",
-    "@storybook/react": "7.0.0-alpha.19",
-    "@storybook/react-webpack5": "7.0.0-alpha.19",
-    "@storybook/router": "7.0.0-alpha.19",
-    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.20",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.20",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/user-event": "^13.1.9",
     "chromatic": "^6.0.2",
@@ -55,7 +55,7 @@
     "prop-types": "^15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.19",
+    "storybook": "7.0.0-alpha.20",
     "terser-webpack-plugin": "^5.3.1",
     "uuid-browser": "^3.1.0",
     "webpack": "5"
diff --git a/code/examples/preact-kitchen-sink/package.json b/code/examples/preact-kitchen-sink/package.json
index ceace462a3dc..db0289d49eed 100644
--- a/code/examples/preact-kitchen-sink/package.json
+++ b/code/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,18 +14,18 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
-    "@storybook/addon-storysource": "7.0.0-alpha.19",
-    "@storybook/addon-viewport": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/preact": "7.0.0-alpha.19",
-    "@storybook/preact-webpack5": "7.0.0-alpha.19",
-    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storysource": "7.0.0-alpha.20",
+    "@storybook/addon-viewport": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/preact": "7.0.0-alpha.20",
+    "@storybook/preact-webpack5": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.20",
     "@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.19",
+    "storybook": "7.0.0-alpha.20",
     "svg-url-loader": "^7.1.1",
     "webpack": "5",
     "webpack-dev-server": "^4.8.1"
diff --git a/code/examples/react-ts/package.json b/code/examples/react-ts/package.json
index 112c7e19f018..7a11c94a1410 100644
--- a/code/examples/react-ts/package.json
+++ b/code/examples/react-ts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "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.19",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
-    "@storybook/addon-storysource": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/cli": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/react": "7.0.0-alpha.19",
-    "@storybook/react-webpack5": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/addon-essentials": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storysource": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/cli": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "@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.19",
+    "storybook": "7.0.0-alpha.20",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/server-kitchen-sink/package.json b/code/examples/server-kitchen-sink/package.json
index c5efae0f52d1..843084261e07 100644
--- a/code/examples/server-kitchen-sink/package.json
+++ b/code/examples/server-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server-kitchen-sink",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,15 +14,15 @@
     "storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-controls": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
-    "@storybook/server": "7.0.0-alpha.19",
-    "@storybook/server-webpack5": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/server": "7.0.0-alpha.20",
+    "@storybook/server-webpack5": "7.0.0-alpha.20",
     "concurrently": "^5.3.0",
     "cors": "^2.8.5",
     "express": "~4.17.1",
@@ -30,6 +30,6 @@
     "nodemon": "^2.0.7",
     "pug": "^3.0.0",
     "safe-identifier": "^0.4.1",
-    "storybook": "7.0.0-alpha.19"
+    "storybook": "7.0.0-alpha.20"
   }
 }
diff --git a/code/examples/standalone-preview/package.json b/code/examples/standalone-preview/package.json
index 6a18add58228..4da015571332 100644
--- a/code/examples/standalone-preview/package.json
+++ b/code/examples/standalone-preview/package.json
@@ -1,20 +1,20 @@
 {
   "name": "standalone-preview",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "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.19",
-    "@storybook/cli": "7.0.0-alpha.19",
-    "@storybook/react": "7.0.0-alpha.19",
-    "@storybook/react-webpack5": "7.0.0-alpha.19",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/cli": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/react-webpack5": "7.0.0-alpha.20",
     "cross-env": "^7.0.3",
     "parcel": "2.0.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.19"
+    "storybook": "7.0.0-alpha.20"
   }
 }
diff --git a/code/examples/svelte-kitchen-sink/package.json b/code/examples/svelte-kitchen-sink/package.json
index 9c2065eed75b..137d71afbc3b 100644
--- a/code/examples/svelte-kitchen-sink/package.json
+++ b/code/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "scripts": {
     "build-storybook": "storybook build",
@@ -10,24 +10,24 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-controls": "7.0.0-alpha.19",
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-interactions": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
-    "@storybook/addon-storysource": "7.0.0-alpha.19",
-    "@storybook/addon-viewport": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-interactions": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storysource": "7.0.0-alpha.20",
+    "@storybook/addon-viewport": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.19",
-    "@storybook/svelte": "7.0.0-alpha.19",
-    "@storybook/svelte-webpack5": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/svelte": "7.0.0-alpha.20",
+    "@storybook/svelte-webpack5": "7.0.0-alpha.20",
     "@storybook/testing-library": "0.0.14-next.0",
-    "storybook": "7.0.0-alpha.19",
+    "storybook": "7.0.0-alpha.20",
     "svelte-jester": "^2.3.2",
     "svelte-preprocess": "^4.10.6"
   },
diff --git a/code/examples/vue-3-cli/package.json b/code/examples/vue-3-cli/package.json
index 416262da2f2d..8693ebe591e5 100644
--- a/code/examples/vue-3-cli/package.json
+++ b/code/examples/vue-3-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-3-cli-example",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "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.19",
-    "@storybook/addon-essentials": "7.0.0-alpha.19",
-    "@storybook/addon-interactions": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-essentials": "7.0.0-alpha.20",
+    "@storybook/addon-interactions": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue3": "7.0.0-alpha.19",
-    "@storybook/vue3-webpack5": "7.0.0-alpha.19",
+    "@storybook/vue3": "7.0.0-alpha.20",
+    "@storybook/vue3-webpack5": "7.0.0-alpha.20",
     "@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.19",
+    "storybook": "7.0.0-alpha.20",
     "typescript": "~4.6.3",
     "vue-jest": "^5.0.0-alpha.8",
     "vue-loader": "^16.0.0"
diff --git a/code/examples/vue-cli/package.json b/code/examples/vue-cli/package.json
index cde4061040bc..0009d1426e28 100644
--- a/code/examples/vue-cli/package.json
+++ b/code/examples/vue-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-example",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "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.19",
-    "@storybook/addon-essentials": "7.0.0-alpha.19",
+    "@storybook/addon-controls": "7.0.0-alpha.20",
+    "@storybook/addon-essentials": "7.0.0-alpha.20",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/source-loader": "7.0.0-alpha.19",
-    "@storybook/vue": "7.0.0-alpha.19",
-    "@storybook/vue-webpack5": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/vue": "7.0.0-alpha.20",
+    "@storybook/vue-webpack5": "7.0.0-alpha.20",
     "@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.19",
+    "storybook": "7.0.0-alpha.20",
     "typescript": "~4.6.3",
     "vue-template-compiler": "^2.6.14"
   }
diff --git a/code/examples/vue-kitchen-sink/package.json b/code/examples/vue-kitchen-sink/package.json
index 54a86fd03b65..620363008f76 100644
--- a/code/examples/vue-kitchen-sink/package.json
+++ b/code/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,29 +14,29 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.19",
-    "@storybook/addon-actions": "7.0.0-alpha.19",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.19",
-    "@storybook/addon-controls": "7.0.0-alpha.19",
-    "@storybook/addon-docs": "7.0.0-alpha.19",
-    "@storybook/addon-highlight": "7.0.0-alpha.19",
-    "@storybook/addon-interactions": "7.0.0-alpha.19",
-    "@storybook/addon-links": "7.0.0-alpha.19",
-    "@storybook/addon-storyshots": "7.0.0-alpha.19",
-    "@storybook/addon-storysource": "7.0.0-alpha.19",
-    "@storybook/addon-viewport": "7.0.0-alpha.19",
-    "@storybook/addons": "7.0.0-alpha.19",
+    "@storybook/addon-a11y": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.20",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.20",
+    "@storybook/addon-interactions": "7.0.0-alpha.20",
+    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storysource": "7.0.0-alpha.20",
+    "@storybook/addon-viewport": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.20",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.19",
+    "@storybook/source-loader": "7.0.0-alpha.20",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue": "7.0.0-alpha.19",
-    "@storybook/vue-webpack5": "7.0.0-alpha.19",
+    "@storybook/vue": "7.0.0-alpha.20",
+    "@storybook/vue-webpack5": "7.0.0-alpha.20",
     "@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.19",
+    "storybook": "7.0.0-alpha.20",
     "svg-url-loader": "^7.1.1",
     "vue-loader": "^15.9.6",
     "vue-style-loader": "^4.1.3",
diff --git a/code/examples/web-components-kitchen-sink/package.json b/code/examples/web-components-kitchen-sink/package.json
index f29e0d6ec66e..52b6111d87b5 100644
--- a/code/examples/web-components-kitchen-sink/package.json
+++ b/code/examples/web-components-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components-kitchen-sink",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "private": true,
   "description": "",
   "keywords": [],
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 47a10acc91dc..74f39a8a9fec 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,19 +34,19 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
-    "@storybook/core-server": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/core-server": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index c74346af58b8..30cd27961a2b 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -30,11 +30,11 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index afbc7f8bc903..bbcc8cecb9bd 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/html": "7.0.0-alpha.19",
-    "@storybook/preset-html-webpack": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/html": "7.0.0-alpha.20",
+    "@storybook/preset-html-webpack": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index d83770ec622b..668b1b62b48d 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/preact": "7.0.0-alpha.19",
-    "@storybook/preset-preact-webpack": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/preact": "7.0.0-alpha.20",
+    "@storybook/preset-preact-webpack": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index aae2d5f8cfcb..76c65ed94081 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/preset-react-webpack": "7.0.0-alpha.19",
-    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/preset-react-webpack": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2"
   },
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index f5df621c62f1..6c9f87ae436d 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/preset-server-webpack": "7.0.0-alpha.19",
-    "@storybook/server": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/preset-server-webpack": "7.0.0-alpha.20",
+    "@storybook/server": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index a81016522bdb..86c1da189bb4 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,10 +51,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/preset-svelte-webpack": "7.0.0-alpha.19",
-    "@storybook/svelte": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/preset-svelte-webpack": "7.0.0-alpha.20",
+    "@storybook/svelte": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index b4da7c561705..992d6a462d8f 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-webpack5",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/preset-vue-webpack": "7.0.0-alpha.19",
-    "@storybook/vue": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/preset-vue-webpack": "7.0.0-alpha.20",
+    "@storybook/vue": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 7f518562ee7b..e153066df42e 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/preset-vue3-webpack": "7.0.0-alpha.19",
-    "@storybook/vue3": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/preset-vue3-webpack": "7.0.0-alpha.20",
+    "@storybook/vue3": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 6ac085813068..689d916f8204 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -53,10 +53,10 @@
   },
   "dependencies": {
     "@babel/preset-env": "^7.12.11",
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/preset-web-components-webpack": "7.0.0-alpha.19",
-    "@storybook/web-components": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/preset-web-components-webpack": "7.0.0-alpha.20",
+    "@storybook/web-components": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/lerna.json b/code/lerna.json
index 895fb00fa98c..599aa6c26c94 100644
--- a/code/lerna.json
+++ b/code/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "7.0.0-alpha.19"
+  "version": "7.0.0-alpha.20"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 059c5f1471e8..734515b149d5 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 608bef4f3041..4d6cf2e7e50a 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -32,13 +32,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.19",
+    "@storybook/router": "7.0.0-alpha.20",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 40a132d19726..bd6c68423a3c 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
@@ -41,16 +41,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/preview-web": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/preview-web": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "color-convert": "^2.0.1",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
@@ -64,7 +64,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/addons": "7.0.0-alpha.19"
+    "@storybook/addons": "7.0.0-alpha.20"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 3649daef14ae..81028bf6efb4 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
@@ -42,9 +42,9 @@
   },
   "dependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
-    "@storybook/ui": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/ui": "7.0.0-alpha.20",
     "@types/ejs": "^3.1.1",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
     "browser-assert": "^1.2.1",
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index 5f97bba807b1..8938e26f8998 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,23 +34,23 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/channel-postmessage": "7.0.0-alpha.19",
-    "@storybook/channel-websocket": "7.0.0-alpha.19",
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
-    "@storybook/core-webpack": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
-    "@storybook/preview-web": "7.0.0-alpha.19",
-    "@storybook/router": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/channel-postmessage": "7.0.0-alpha.20",
+    "@storybook/channel-websocket": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/preview-web": "7.0.0-alpha.20",
+    "@storybook/router": "7.0.0-alpha.20",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.19",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.20",
     "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-named-exports-order": "^0.0.2",
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 7150cb97f0db..3411a10da244 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,9 +34,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "qs": "^6.10.0",
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index 74e54f26ec68..0e4d6970025f 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "telejson": "^6.0.8"
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 19987aa5040e..210af2542188 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 71ba872a2ec0..2b23b9cd7a36 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.19"
+    "@storybook/cli": "7.0.0-alpha.20"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 85a5526403a1..eaf62ab2c45e 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -28,7 +28,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.19"
+    "@storybook/cli": "7.0.0-alpha.20"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index b1278cab3dc4..c4457fef8504 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -48,13 +48,13 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/core-server": "7.0.0-alpha.19",
-    "@storybook/csf-tools": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/codemod": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/core-server": "7.0.0-alpha.20",
+    "@storybook/csf-tools": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.19",
+    "@storybook/telemetry": "7.0.0-alpha.20",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -81,7 +81,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.19",
+    "@storybook/client-api": "7.0.0-alpha.20",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
     "@types/prompts": "^2.0.9",
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index ea9ba4eb570d..131d9441bb1c 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/channel-postmessage": "7.0.0-alpha.19",
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/channel-postmessage": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.20",
     "@types/qs": "^6.9.5",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 971c50cd2744..ba61fa28c95e 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 750554619fe9..ce5a2dde01e2 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -45,8 +45,8 @@
     "@babel/types": "^7.12.11",
     "@mdx-js/mdx": "^1.6.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/csf-tools": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "cross-spawn": "^7.0.3",
     "globby": "^11.0.2",
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index 19c4d9fb78ff..727ba28d2ddc 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index 9f754bff57f3..2ee652b19b0c 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,16 +34,16 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/channel-postmessage": "7.0.0-alpha.19",
-    "@storybook/channel-websocket": "7.0.0-alpha.19",
-    "@storybook/client-api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/channel-postmessage": "7.0.0-alpha.20",
+    "@storybook/channel-websocket": "7.0.0-alpha.20",
+    "@storybook/client-api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
-    "@storybook/ui": "7.0.0-alpha.19",
+    "@storybook/preview-web": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/ui": "7.0.0-alpha.20",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 289525ffb4d7..1257041ef877 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -69,7 +69,7 @@
     "@babel/preset-typescript": "^7.12.7",
     "@babel/register": "^7.12.1",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.20",
     "@storybook/semver": "^7.3.2",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 2c17594850c0..831918de78aa 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index 34b2f0dd08ef..633fb58ce0a4 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -35,17 +35,17 @@
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.88",
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-manager": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/builder-manager": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.19",
+    "@storybook/csf-tools": "7.0.0-alpha.20",
     "@storybook/docs-mdx": "0.0.1-canary.12433cf.0",
-    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.20",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.19",
-    "@storybook/telemetry": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/telemetry": "7.0.0-alpha.20",
     "@types/node": "^14.0.10 || ^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
@@ -77,7 +77,7 @@
     "ws": "^8.2.3"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.19",
+    "@storybook/builder-webpack5": "7.0.0-alpha.20",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index e4adc3097ad8..4b5aaae39b45 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-common": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
     "@types/node": "^14.0.10 || ^16.0.0",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index dec5a5690215..7b03fb8ea384 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 345c8c50dd51..140f4de215fe 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
@@ -36,7 +36,7 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 3b3112174a20..d6484792c541 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index ecef8c72e253..ead07128e0ba 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 860d8e4f8890..a79689379a19 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index d2bd995c35db..27bb91268adf 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,13 +41,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/channel-postmessage": "7.0.0-alpha.19",
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/channel-postmessage": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.20",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index fe50f0e8e51f..147ef5b267ff 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -34,7 +34,7 @@
     "prepare": "ts-node ../../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 3fabb327a3ce..2562b427857b 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -35,8 +35,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index f7c17bd5a849..9e9e11f8601d 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 090d1351ddf3..f3bf5ccba415 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.20",
     "chalk": "^4.1.0",
     "core-js": "^3.8.2",
     "detect-package-manager": "^2.0.1",
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index ed9b73cf401c..11a1422759b1 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -47,7 +47,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.19",
+    "@storybook/client-logger": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3"
   },
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index a18c307a0fec..d56228693b19 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -54,18 +54,18 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/channel-postmessage": "7.0.0-alpha.19",
-    "@storybook/channel-websocket": "7.0.0-alpha.19",
-    "@storybook/channels": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/components": "7.0.0-alpha.19",
-    "@storybook/core-events": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/channel-postmessage": "7.0.0-alpha.20",
+    "@storybook/channel-websocket": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/core-events": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.19",
+    "@storybook/router": "7.0.0-alpha.20",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.19",
+    "@storybook/theming": "7.0.0-alpha.20",
     "@testing-library/react": "^11.2.2",
     "copy-to-clipboard": "^3.3.1",
     "core-js": "^3.8.2",
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 824a896e3d16..8888785b2a64 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,7 +50,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.19",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "html-loader": "^3.1.0",
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 5189c38e50d4..1e42d046f60f 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@storybook/core-webpack": "7.0.0-alpha.19",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 84968c6f18b6..3e964e043d6f 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -74,10 +74,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.19",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
-    "@storybook/react": "7.0.0-alpha.19",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.20",
     "@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/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 09e907114fd8..2d703ec75056 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -55,9 +55,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-server": "7.0.0-alpha.19",
-    "@storybook/core-webpack": "7.0.0-alpha.19",
-    "@storybook/server": "7.0.0-alpha.19",
+    "@storybook/core-server": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/server": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 23ce53b5d049..55f5b9b46dad 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -65,8 +65,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.19",
-    "@storybook/node-logger": "7.0.0-alpha.19",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index b8bb7edd3eac..aa29f911e619 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue-webpack",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -60,8 +60,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.19",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 9dc2005607f0..8503f47950c9 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -61,8 +61,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.19",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index de60848030ca..ca858307d8b0 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-web-components-webpack",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -55,7 +55,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.19",
+    "@storybook/core-webpack": "7.0.0-alpha.20",
     "@types/node": "^14.14.20 || ^16.0.0",
     "babel-loader": "^7.0.0 || ^8.0.0",
     "babel-plugin-bundled-import-meta": "^0.3.1",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index fb2dc3261559..099084c6af9c 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/preview-web": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/preview-web": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 360b1b18b497..aa838c330337 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/store": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 86dd4e1eee91..778bc6497625 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -51,12 +51,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "acorn": "^7.4.1",
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 31de1b3f6f3b..aec2e9f9d9ab 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -50,11 +50,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/preview-web": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 24eb431564ec..6ae4dab08df4 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -54,12 +54,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 53709aa7625b..9372416b3d00 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 0630ec2927a5..58474462786c 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -51,11 +51,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index a1b048d8717b..5323d0ac90d4 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -52,14 +52,14 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.19",
-    "@storybook/api": "7.0.0-alpha.19",
-    "@storybook/client-logger": "7.0.0-alpha.19",
-    "@storybook/core-client": "7.0.0-alpha.19",
+    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/core-client": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.19",
-    "@storybook/preview-web": "7.0.0-alpha.19",
-    "@storybook/store": "7.0.0-alpha.19",
+    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/preview-web": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.20",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",

From 06ffa2989ced7ac7f98c5326e1438ed0e332269d Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 16 Aug 2022 03:42:53 +0800
Subject: [PATCH 209/266] Update git head to 7.0.0-alpha.20, update yarn.lock
 [ci skip]

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 5d6c4626f31c..90a01ba89f2a 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -105,7 +105,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index ec210c9407b8..74a826e75643 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -73,7 +73,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index aa1c0b55490b..e13d89a8143c 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -100,7 +100,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 0e34d57545f7..bcf7db55fe70 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -93,7 +93,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 32297bc41bd2..86b83245b888 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -104,7 +104,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 32313a9fb94d..35b341f11068 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -99,5 +99,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 9337ede3b996..380044aa37ca 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -49,7 +49,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Highlight",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 03457d94c40a..5d51c7e2ba27 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Interactions",
     "unsupportedFrameworks": [
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 3b602c1dbdec..c0c7ee2b8d84 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -95,7 +95,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Jest",
     "icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index 7eb8337383f2..fb31fc388676 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -99,7 +99,7 @@
       "./src/react/index.ts"
     ]
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index df2316a2920d..411dc55dfdc3 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -95,7 +95,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Measure",
     "unsupportedFrameworks": [
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 5177442945a9..9d1439bc76b5 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -99,7 +99,7 @@
       "./src/preset/preview.tsx"
     ]
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Outline",
     "unsupportedFrameworks": [
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index d4e58415e5e6..be87c4940c30 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -144,7 +144,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Storyshots",
     "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index ff8353b43a6b..863c93e7de2f 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index bb708b848af5..e1379adad8b4 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -67,7 +67,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Storysource",
     "icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index f922ea80deab..c248b9c5f4ee 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -89,7 +89,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Toolbars",
     "icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 6b6b768fbb48..26e8fc700623 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -65,7 +65,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281",
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
   "storybook": {
     "displayName": "Viewport",
     "icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 74f39a8a9fec..507e4d372f51 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 30cd27961a2b..e72d3cbcd61c 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index bbcc8cecb9bd..ab502367bc20 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -79,5 +79,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 668b1b62b48d..cab8c09d0380 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 76c65ed94081..118a18704880 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 6c9f87ae436d..15fe8555165b 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -75,5 +75,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 86c1da189bb4..eef159eb6cf5 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index 992d6a462d8f..d7202a378326 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index e153066df42e..12bdc4581aed 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -83,5 +83,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 689d916f8204..6fe34a17bc8e 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 734515b149d5..9494b9a37656 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 4d6cf2e7e50a..3a14426f57f7 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index bd6c68423a3c..89ae9ce261be 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -77,5 +77,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 81028bf6efb4..0f6ff512ea3e 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -68,5 +68,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index 8938e26f8998..8cea7d42b409 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -95,5 +95,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 3411a10da244..cf040416574d 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index 0e4d6970025f..fec6dac9763b 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 210af2542188..fdea6ce50a3b 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -57,5 +57,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 2b23b9cd7a36..5122fac0f568 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index eaf62ab2c45e..3d7b341a176c 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index c4457fef8504..8170321b4ed7 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index 131d9441bb1c..08c1091c4df4 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index ba61fa28c95e..8bd061912f05 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index ce5a2dde01e2..dde5b9e149ce 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index 727ba28d2ddc..a69f0f51304a 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "neutral"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index 2ee652b19b0c..f9a2f933d2e9 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 1257041ef877..977736a7a856 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -125,5 +125,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 831918de78aa..e3e3a4911d50 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -55,5 +55,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index 633fb58ce0a4..b729ce9eb3b4 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -101,5 +101,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 4b5aaae39b45..f4139ad8ad0d 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 7b03fb8ea384..f7d63fbc4ac5 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 140f4de215fe..3c1f212600a1 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -49,5 +49,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index d6484792c541..c97c18621da6 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index ead07128e0ba..f5f85478381b 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index a79689379a19..550d56efc0f7 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 27bb91268adf..0ef9cd69ef64 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index 147ef5b267ff..559857abeb0a 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -58,5 +58,5 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.ts",
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 2562b427857b..953c09b2813a 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 9e9e11f8601d..5b20a014bed0 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index f3bf5ccba415..5b377cecd54a 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 11a1422759b1..4a0c550ba8cf 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -80,5 +80,5 @@
     ],
     "post": "./scripts/fix-theme-type-export.ts"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index d56228693b19..c3dcba6bbb29 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -104,5 +104,5 @@
       "./src/runtime.ts"
     ]
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 8888785b2a64..30e246de9853 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -76,5 +76,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 1e42d046f60f..1476cce3d451 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 3e964e043d6f..7a9985e3f541 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -123,5 +123,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 2d703ec75056..b3044752c23f 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 55f5b9b46dad..938924636a82 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index aa29f911e619..76097e3b93c8 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 8503f47950c9..6298927f0993 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index ca858307d8b0..b7c1adc75c51 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 099084c6af9c..0b12acd717b4 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -81,5 +81,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index aa838c330337..7fb425c7b7ca 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 778bc6497625..4df3506af678 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -101,5 +101,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index aec2e9f9d9ab..58365b2db0e4 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 6ae4dab08df4..4e3cb2a4531f 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 9372416b3d00..651c6c2afbc1 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 58474462786c..f772b2f25f5f 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 5323d0ac90d4..3d7db15f728f 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
+  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
 }
diff --git a/code/yarn.lock b/code/yarn.lock
index f486dffc2538..9d98e70f6a3c 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6752,19 +6752,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-a11y@7.0.0-alpha.19, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
+"@storybook/addon-a11y@7.0.0-alpha.20, @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/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/channels": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.20
     "@testing-library/react": ^11.2.2
     axe-core: ^4.2.0
     core-js: ^3.8.2
@@ -6785,17 +6785,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-actions@7.0.0-alpha.19, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.20
     "@types/lodash": ^4.14.167
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -6820,17 +6820,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-backgrounds@7.0.0-alpha.19, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -6848,20 +6848,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-controls@7.0.0-alpha.19, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/blocks": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/blocks": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     core-js: ^3.8.2
     lodash: ^4.17.21
     ts-dedent: ^2.0.0
@@ -6876,7 +6876,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-docs@7.0.0-alpha.19, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@7.0.0-alpha.20, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-docs@workspace:addons/docs"
   dependencies:
@@ -6885,23 +6885,23 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@jest/transform": ^26.6.2
     "@mdx-js/react": ^1.6.22
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/blocks": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/blocks": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.19
-    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/csf-tools": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.20
     "@storybook/mdx1-csf": 0.0.5-canary.13.9ce928a.0
     "@storybook/mdx2-csf": 0.0.4-canary.14.04ffbe8.0
-    "@storybook/node-logger": 7.0.0-alpha.19
-    "@storybook/postinstall": 7.0.0-alpha.19
-    "@storybook/preview-web": 7.0.0-alpha.19
-    "@storybook/source-loader": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/postinstall": 7.0.0-alpha.20
+    "@storybook/preview-web": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     "@types/util-deprecate": ^1.0.0
     babel-loader: ^8.2.5
     core-js: ^3.8.2
@@ -6927,25 +6927,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-essentials@7.0.0-alpha.19, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
+"@storybook/addon-essentials@7.0.0-alpha.20, @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.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-controls": 7.0.0-alpha.19
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-measure": 7.0.0-alpha.19
-    "@storybook/addon-outline": 7.0.0-alpha.19
-    "@storybook/addon-toolbars": 7.0.0-alpha.19
-    "@storybook/addon-viewport": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/node-logger": 7.0.0-alpha.19
-    "@storybook/vue": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-measure": 7.0.0-alpha.20
+    "@storybook/addon-outline": 7.0.0-alpha.20
+    "@storybook/addon-toolbars": 7.0.0-alpha.20
+    "@storybook/addon-viewport": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/vue": 7.0.0-alpha.20
     "@types/jest": ^26.0.16
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -6980,12 +6980,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-highlight@7.0.0-alpha.19, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
+"@storybook/addon-highlight@7.0.0-alpha.20, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-highlight@workspace:addons/highlight"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -6993,22 +6993,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-interactions@7.0.0-alpha.19, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
+"@storybook/addon-interactions@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/instrumenter": 7.0.0-alpha.19
+    "@storybook/instrumenter": 7.0.0-alpha.20
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.20
     core-js: ^3.8.2
     formik: ^2.2.9
     global: ^4.4.0
@@ -7027,16 +7027,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-jest@7.0.0-alpha.19, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
+"@storybook/addon-jest@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     react-sizeme: ^3.0.1
@@ -7053,15 +7053,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-links@7.0.0-alpha.19, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
+"@storybook/addon-links@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.19
+    "@storybook/router": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     prop-types: ^15.7.2
@@ -7078,15 +7078,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-measure@7.0.0-alpha.19, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7102,15 +7102,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-outline@7.0.0-alpha.19, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7140,20 +7140,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.19, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
+"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.20, @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.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.20
     "@types/jest-image-snapshot": ^4.1.3
     "@types/puppeteer": ^5.4.0
     core-js: ^3.8.2
     jest-image-snapshot: ^4.3.0
     puppeteer: ^2.0.0 || ^3.0.0
   peerDependencies:
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
     puppeteer: ">=2.0.0"
   peerDependenciesMeta:
     puppeteer:
@@ -7161,7 +7161,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storyshots@7.0.0-alpha.19, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
+"@storybook/addon-storyshots@7.0.0-alpha.20, @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:
@@ -7169,18 +7169,18 @@ __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.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/angular": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/angular": 7.0.0-alpha.20
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 7.0.0-alpha.19
-    "@storybook/core-client": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/core-webpack": 7.0.0-alpha.19
+    "@storybook/client-api": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/react": 7.0.0-alpha.19
-    "@storybook/vue": 7.0.0-alpha.19
-    "@storybook/vue3": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/vue": 7.0.0-alpha.20
+    "@storybook/vue3": 7.0.0-alpha.20
     "@types/glob": ^7.1.3
     "@types/jest": ^26.0.16
     "@types/jest-specific-snapshot": ^0.5.3
@@ -7251,17 +7251,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storysource@7.0.0-alpha.19, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
+"@storybook/addon-storysource@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/router": 7.0.0-alpha.19
-    "@storybook/source-loader": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     "@types/react": ^16.14.23
     "@types/react-syntax-highlighter": 11.0.5
     core-js: ^3.8.2
@@ -7280,15 +7280,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-toolbars@7.0.0-alpha.19, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-toolbars@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     core-js: ^3.8.2
     typescript: ~4.6.3
   peerDependencies:
@@ -7302,16 +7302,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-viewport@7.0.0-alpha.19, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -7328,17 +7328,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@7.0.0-alpha.19, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
+"@storybook/addons@7.0.0-alpha.20, @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.19
-    "@storybook/channels": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7370,7 +7370,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/angular@7.0.0-alpha.19, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
+"@storybook/angular@7.0.0-alpha.20, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
   version: 0.0.0-use.local
   resolution: "@storybook/angular@workspace:frameworks/angular"
   dependencies:
@@ -7387,19 +7387,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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/builder-webpack5": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-client": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
-    "@storybook/core-server": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/core-server": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.20
     "@types/autoprefixer": ^9.7.2
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -7456,17 +7456,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@7.0.0-alpha.19, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
+"@storybook/api@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.19
+    "@storybook/router": 7.0.0-alpha.20
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.20
     "@types/lodash": ^4.14.167
     "@types/qs": ^6
     "@types/semver": ^7.3.4
@@ -7524,21 +7524,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@7.0.0-alpha.19, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
+"@storybook/blocks@7.0.0-alpha.20, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
   version: 0.0.0-use.local
   resolution: "@storybook/blocks@workspace:lib/blocks"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/channels": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/preview-web": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/preview-web": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     color-convert: ^2.0.1
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -7555,14 +7555,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-manager@7.0.0-alpha.19, @storybook/builder-manager@workspace:lib/builder-manager":
+"@storybook/builder-manager@7.0.0-alpha.20, @storybook/builder-manager@workspace:lib/builder-manager":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-manager@workspace:lib/builder-manager"
   dependencies:
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/node-logger": 7.0.0-alpha.19
-    "@storybook/ui": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/ui": 7.0.0-alpha.20
     "@types/ejs": ^3.1.1
     "@yarnpkg/esbuild-plugin-pnp": ^3.0.0-rc.10
     browser-assert: ^1.2.1
@@ -7577,28 +7577,28 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-webpack5@7.0.0-alpha.19, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
+"@storybook/builder-webpack5@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/channel-postmessage": 7.0.0-alpha.19
-    "@storybook/channel-websocket": 7.0.0-alpha.19
-    "@storybook/channels": 7.0.0-alpha.19
-    "@storybook/client-api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
-    "@storybook/core-webpack": 7.0.0-alpha.19
-    "@storybook/node-logger": 7.0.0-alpha.19
-    "@storybook/preview-web": 7.0.0-alpha.19
-    "@storybook/router": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/channel-postmessage": 7.0.0-alpha.20
+    "@storybook/channel-websocket": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/preview-web": 7.0.0-alpha.20
+    "@storybook/router": 7.0.0-alpha.20
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.2.0
     "@types/webpack-dev-middleware": ^5.3.0
@@ -7637,13 +7637,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-postmessage@7.0.0-alpha.19, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
+"@storybook/channel-postmessage@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     qs: ^6.10.0
@@ -7652,12 +7652,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-websocket@7.0.0-alpha.19, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
+"@storybook/channel-websocket@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     telejson: ^6.0.8
@@ -7665,7 +7665,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@7.0.0-alpha.19, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@7.0.0-alpha.20, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
@@ -7687,20 +7687,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/cli@7.0.0-alpha.19, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@7.0.0-alpha.20, @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.19
-    "@storybook/codemod": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/core-server": 7.0.0-alpha.19
-    "@storybook/csf-tools": 7.0.0-alpha.19
-    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/client-api": 7.0.0-alpha.20
+    "@storybook/codemod": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/core-server": 7.0.0-alpha.20
+    "@storybook/csf-tools": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
     "@storybook/semver": ^7.3.2
-    "@storybook/telemetry": 7.0.0-alpha.19
+    "@storybook/telemetry": 7.0.0-alpha.20
     "@types/cross-spawn": ^6.0.2
     "@types/degit": ^2.8.3
     "@types/prompts": ^2.0.9
@@ -7739,17 +7739,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-api@7.0.0-alpha.19, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
+"@storybook/client-api@7.0.0-alpha.20, @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.19
-    "@storybook/channel-postmessage": 7.0.0-alpha.19
-    "@storybook/channels": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/channel-postmessage": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.20
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
@@ -7769,7 +7769,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@7.0.0-alpha.19, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@7.0.0-alpha.20, @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:
@@ -7789,15 +7789,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/codemod@7.0.0-alpha.19, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@7.0.0-alpha.20, @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.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.19
-    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/csf-tools": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
     core-js: ^3.8.2
     cross-spawn: ^7.0.3
     globby: ^11.0.2
@@ -7811,14 +7811,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/components@7.0.0-alpha.19, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
+"@storybook/components@7.0.0-alpha.20, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
   version: 0.0.0-use.local
   resolution: "@storybook/components@workspace:lib/components"
   dependencies:
     "@popperjs/core": ^2.6.0
-    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.20
     "@testing-library/jest-dom": ^5.16.4
     "@types/color-convert": ^2.0.0
     "@types/lodash": ^4.14.182
@@ -7853,20 +7853,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-client@7.0.0-alpha.19, @storybook/core-client@workspace:lib/core-client":
+"@storybook/core-client@7.0.0-alpha.20, @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.19
-    "@storybook/channel-postmessage": 7.0.0-alpha.19
-    "@storybook/channel-websocket": 7.0.0-alpha.19
-    "@storybook/client-api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/channel-postmessage": 7.0.0-alpha.20
+    "@storybook/channel-websocket": 7.0.0-alpha.20
+    "@storybook/client-api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
-    "@storybook/ui": 7.0.0-alpha.19
+    "@storybook/preview-web": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/ui": 7.0.0-alpha.20
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7882,7 +7882,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@7.0.0-alpha.19, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@7.0.0-alpha.20, @storybook/core-common@workspace:lib/core-common":
   version: 0.0.0-use.local
   resolution: "@storybook/core-common@workspace:lib/core-common"
   dependencies:
@@ -7909,7 +7909,7 @@ __metadata:
     "@babel/preset-typescript": ^7.12.7
     "@babel/register": ^7.12.1
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.20
     "@storybook/semver": ^7.3.2
     "@types/babel__core": ^7.0.0
     "@types/compression": ^1.7.0
@@ -7953,7 +7953,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@7.0.0-alpha.19, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@7.0.0-alpha.20, @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:
@@ -7971,24 +7971,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-server@7.0.0-alpha.19, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@7.0.0-alpha.20, @storybook/core-server@workspace:lib/core-server":
   version: 0.0.0-use.local
   resolution: "@storybook/core-server@workspace:lib/core-server"
   dependencies:
     "@aw-web-design/x-default-browser": 1.4.88
     "@discoveryjs/json-ext": ^0.5.3
-    "@storybook/builder-manager": 7.0.0-alpha.19
-    "@storybook/builder-webpack5": 7.0.0-alpha.19
-    "@storybook/core-client": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/builder-manager": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.19
+    "@storybook/csf-tools": 7.0.0-alpha.20
     "@storybook/docs-mdx": 0.0.1-canary.12433cf.0
-    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.20
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.19
-    "@storybook/telemetry": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/telemetry": 7.0.0-alpha.20
     "@types/compression": ^1.7.0
     "@types/ip": ^1.1.0
     "@types/node": ^14.0.10 || ^16.0.0
@@ -8036,12 +8036,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-webpack@7.0.0-alpha.19, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
+"@storybook/core-webpack@7.0.0-alpha.20, @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.19
-    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
     "@types/node": ^14.0.10 || ^16.0.0
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -8049,7 +8049,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@7.0.0-alpha.19, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@7.0.0-alpha.20, @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:
@@ -8134,13 +8134,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/docs-tools@7.0.0-alpha.19, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+"@storybook/docs-tools@7.0.0-alpha.20, @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.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.20
     core-js: ^3.8.2
     doctrine: ^3.0.0
     jest-specific-snapshot: ^4.0.0
@@ -8162,15 +8162,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ember@7.0.0-alpha.19, @storybook/ember@workspace:*, @storybook/ember@workspace:frameworks/ember":
+"@storybook/ember@7.0.0-alpha.20, @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.19
-    "@storybook/core-client": 7.0.0-alpha.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8203,14 +8203,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.19
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
-    "@storybook/addon-storysource": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/cli": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/react-webpack5": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/addon-essentials": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storysource": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/cli": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     "@types/babel__preset-env": ^7
     "@types/react": ^16.14.23
     "@types/react-dom": ^16.9.14
@@ -8218,7 +8218,7 @@ __metadata:
     lodash: ^4.17.21
     react: 16.14.0
     react-dom: 16.14.0
-    sb: 7.0.0-alpha.19
+    sb: 7.0.0-alpha.20
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8231,15 +8231,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.19
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
-    "@storybook/addon-storysource": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/cli": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/react": 7.0.0-alpha.19
-    "@storybook/react-webpack5": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/addon-essentials": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storysource": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/cli": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     "@testing-library/dom": ^7.31.2
     "@testing-library/react": 12.1.2
     "@testing-library/user-event": ^13.1.9
@@ -8252,7 +8252,7 @@ __metadata:
     prop-types: 15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8272,15 +8272,15 @@ __metadata:
   resolution: "@storybook/external-docs@workspace:examples/external-docs"
   dependencies:
     "@babel/preset-env": ^7.17.10
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-essentials": 7.0.0-alpha.19
-    "@storybook/blocks": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-essentials": 7.0.0-alpha.20
+    "@storybook/blocks": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.19
-    "@storybook/react": 7.0.0-alpha.19
-    "@storybook/react-webpack5": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/preview-web": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     "@types/babel__preset-env": ^7
@@ -8296,20 +8296,20 @@ __metadata:
     prop-types: ^15.8.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
   linkType: soft
 
-"@storybook/html-webpack5@7.0.0-alpha.19, @storybook/html-webpack5@workspace:*, @storybook/html-webpack5@workspace:frameworks/html-webpack5":
+"@storybook/html-webpack5@7.0.0-alpha.20, @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.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/html": 7.0.0-alpha.19
-    "@storybook/preset-html-webpack": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/html": 7.0.0-alpha.20
+    "@storybook/preset-html-webpack": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8321,16 +8321,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/html@7.0.0-alpha.19, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
+"@storybook/html@7.0.0-alpha.20, @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.19
-    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/preview-web": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/preview-web": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8342,13 +8342,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@7.0.0-alpha.19, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     typescript: ~4.6.3
@@ -8460,7 +8460,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/node-logger@7.0.0-alpha.19, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@7.0.0-alpha.20, @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:
@@ -8487,7 +8487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/postinstall@7.0.0-alpha.19, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@7.0.0-alpha.20, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
   version: 0.0.0-use.local
   resolution: "@storybook/postinstall@workspace:lib/postinstall"
   dependencies:
@@ -8499,14 +8499,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact-webpack5@7.0.0-alpha.19, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
+"@storybook/preact-webpack5@7.0.0-alpha.20, @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.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/preact": 7.0.0-alpha.19
-    "@storybook/preset-preact-webpack": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/preact": 7.0.0-alpha.20
+    "@storybook/preset-preact-webpack": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8519,14 +8519,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact@7.0.0-alpha.19, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
+"@storybook/preact@7.0.0-alpha.20, @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.19
-    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     preact: ^10.5.13
@@ -8558,11 +8558,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-html-webpack@7.0.0-alpha.19, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
+"@storybook/preset-html-webpack@7.0.0-alpha.20, @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.19
+    "@storybook/core-webpack": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     html-loader: ^3.1.0
@@ -8575,12 +8575,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-preact-webpack@7.0.0-alpha.19, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
+"@storybook/preset-preact-webpack@7.0.0-alpha.20, @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.19
+    "@storybook/core-webpack": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8593,17 +8593,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-react-webpack@7.0.0-alpha.19, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
+"@storybook/preset-react-webpack@7.0.0-alpha.20, @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.19
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/node-logger": 7.0.0-alpha.19
-    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.20
     "@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
@@ -8640,13 +8640,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-server-webpack@7.0.0-alpha.19, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
+"@storybook/preset-server-webpack@7.0.0-alpha.20, @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.19
-    "@storybook/core-webpack": 7.0.0-alpha.19
-    "@storybook/server": 7.0.0-alpha.19
+    "@storybook/core-server": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/server": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     fs-extra: ^9.0.1
@@ -8662,12 +8662,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-svelte-webpack@7.0.0-alpha.19, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
+"@storybook/preset-svelte-webpack@7.0.0-alpha.20, @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.19
-    "@storybook/node-logger": 7.0.0-alpha.19
+    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -8683,12 +8683,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue-webpack@7.0.0-alpha.19, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
+"@storybook/preset-vue-webpack@7.0.0-alpha.20, @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.19
-    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -8711,12 +8711,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue3-webpack@7.0.0-alpha.19, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
+"@storybook/preset-vue3-webpack@7.0.0-alpha.20, @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.19
-    "@storybook/docs-tools": 7.0.0-alpha.19
+    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": ^3.2.33
     core-js: ^3.8.2
@@ -8737,14 +8737,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-web-components-webpack@7.0.0-alpha.19, @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.20, @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.19
+    "@storybook/core-webpack": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     babel-loader: ^7.0.0 || ^8.0.0
     babel-plugin-bundled-import-meta: ^0.3.1
@@ -8758,17 +8758,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preview-web@7.0.0-alpha.19, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
+"@storybook/preview-web@7.0.0-alpha.20, @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.19
-    "@storybook/channel-postmessage": 7.0.0-alpha.19
-    "@storybook/channels": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/channel-postmessage": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/store": 7.0.0-alpha.20
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8799,13 +8799,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-webpack5@7.0.0-alpha.19, @storybook/react-webpack5@workspace:*, @storybook/react-webpack5@workspace:frameworks/react-webpack5":
+"@storybook/react-webpack5@7.0.0-alpha.20, @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.19
-    "@storybook/preset-react-webpack": 7.0.0-alpha.19
-    "@storybook/react": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/preset-react-webpack": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     jest-specific-snapshot: ^4.0.0
@@ -8822,17 +8822,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/react@7.0.0-alpha.19, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
+"@storybook/react@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
     "@types/estree": ^0.0.51
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/util-deprecate": ^1.0.0
@@ -9135,11 +9135,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@7.0.0-alpha.19, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@7.0.0-alpha.20, @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.19
+    "@storybook/client-logger": 7.0.0-alpha.20
     core-js: ^3.8.2
     dequal: ^2.0.2
     global: ^4.4.0
@@ -9186,14 +9186,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/server-webpack5@7.0.0-alpha.19, @storybook/server-webpack5@workspace:*, @storybook/server-webpack5@workspace:frameworks/server-webpack5":
+"@storybook/server-webpack5@7.0.0-alpha.20, @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.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/preset-server-webpack": 7.0.0-alpha.19
-    "@storybook/server": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/preset-server-webpack": 7.0.0-alpha.20
+    "@storybook/server": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9202,15 +9202,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/server@7.0.0-alpha.19, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
+"@storybook/server@7.0.0-alpha.20, @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.19
-    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/preview-web": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9220,12 +9220,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/source-loader@7.0.0-alpha.19, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     estraverse: ^5.2.0
@@ -9239,13 +9239,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/store@7.0.0-alpha.19, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
+"@storybook/store@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -9264,14 +9264,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte-webpack5@7.0.0-alpha.19, @storybook/svelte-webpack5@workspace:*, @storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5":
+"@storybook/svelte-webpack5@7.0.0-alpha.20, @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.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/preset-svelte-webpack": 7.0.0-alpha.19
-    "@storybook/svelte": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/preset-svelte-webpack": 7.0.0-alpha.20
+    "@storybook/svelte": 7.0.0-alpha.20
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -9285,16 +9285,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@7.0.0-alpha.19, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
+"@storybook/svelte@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9308,12 +9308,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/telemetry@7.0.0-alpha.19, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
+"@storybook/telemetry@7.0.0-alpha.20, @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.19
-    "@storybook/core-common": 7.0.0-alpha.19
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
     chalk: ^4.1.0
     core-js: ^3.8.2
     detect-package-manager: ^2.0.1
@@ -9353,7 +9353,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@7.0.0-alpha.19, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@7.0.0-alpha.20, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
   version: 0.0.0-use.local
   resolution: "@storybook/theming@workspace:lib/theming"
   dependencies:
@@ -9361,7 +9361,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.19
+    "@storybook/client-logger": 7.0.0-alpha.20
     "@types/fs-extra": ^9.0.6
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
@@ -9394,24 +9394,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ui@7.0.0-alpha.19, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
+"@storybook/ui@7.0.0-alpha.20, @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
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/channel-postmessage": 7.0.0-alpha.19
-    "@storybook/channel-websocket": 7.0.0-alpha.19
-    "@storybook/channels": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/channel-postmessage": 7.0.0-alpha.20
+    "@storybook/channel-websocket": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.19
+    "@storybook/router": 7.0.0-alpha.20
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.20
     "@testing-library/react": ^11.2.2
     copy-to-clipboard: ^3.3.1
     core-js: ^3.8.2
@@ -9441,14 +9441,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue-webpack5@7.0.0-alpha.19, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5":
+"@storybook/vue-webpack5@7.0.0-alpha.20, @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.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/preset-vue-webpack": 7.0.0-alpha.19
-    "@storybook/vue": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/preset-vue-webpack": 7.0.0-alpha.20
+    "@storybook/vue": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9467,14 +9467,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3-webpack5@7.0.0-alpha.19, @storybook/vue3-webpack5@workspace:*, @storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5":
+"@storybook/vue3-webpack5@7.0.0-alpha.20, @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.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/preset-vue3-webpack": 7.0.0-alpha.19
-    "@storybook/vue3": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/preset-vue3-webpack": 7.0.0-alpha.20
+    "@storybook/vue3": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": 3.0.0
     core-js: ^3.8.2
@@ -9490,16 +9490,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3@7.0.0-alpha.19, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
+"@storybook/vue3@7.0.0-alpha.20, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3@workspace:renderers/vue3"
   dependencies:
     "@digitak/esrun": ^3.2.2
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9514,16 +9514,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue@7.0.0-alpha.19, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
+"@storybook/vue@7.0.0-alpha.20, @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.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9544,10 +9544,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.19
-    "@storybook/core-common": 7.0.0-alpha.19
-    "@storybook/preset-web-components-webpack": 7.0.0-alpha.19
-    "@storybook/web-components": 7.0.0-alpha.19
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/preset-web-components-webpack": 7.0.0-alpha.20
+    "@storybook/web-components": 7.0.0-alpha.20
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     lit-html: 2.0.2
@@ -9559,18 +9559,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/web-components@7.0.0-alpha.19, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
+"@storybook/web-components@7.0.0-alpha.20, @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.19
-    "@storybook/api": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
-    "@storybook/core-client": 7.0.0-alpha.19
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/core-client": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.19
-    "@storybook/preview-web": 7.0.0-alpha.19
-    "@storybook/store": 7.0.0-alpha.19
+    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/preview-web": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.20
     core-js: ^3.8.2
     global: ^4.4.0
     lit-html: 2.0.2
@@ -12699,22 +12699,22 @@ __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.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-controls": 7.0.0-alpha.19
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-interactions": 7.0.0-alpha.19
-    "@storybook/addon-jest": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
-    "@storybook/addon-storysource": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/angular": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-interactions": 7.0.0-alpha.20
+    "@storybook/addon-jest": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storysource": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/angular": 7.0.0-alpha.20
     "@storybook/babel-plugin-require-context-hook": 1.0.1
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.20
     "@storybook/testing-library": 0.0.14-next.0
     "@types/core-js": ^2.5.4
     "@types/jest": ^26.0.16
@@ -12730,7 +12730,7 @@ __metadata:
     protractor: ~7.0.0
     rxjs: ^6.6.7
     sass: ^1.43.4
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
     storybook-addon-angular-ivy: ^0.0.1
     telejson: ^6.0.8
     ts-jest: ^26.4.4
@@ -17280,28 +17280,28 @@ __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.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-jest": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/builder-webpack5": 7.0.0-alpha.19
-    "@storybook/client-logger": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-jest": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.20
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.19
-    "@storybook/react-webpack5": 7.0.0-alpha.19
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.20
     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.19
+    storybook: 7.0.0-alpha.20
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -17310,15 +17310,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.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/builder-webpack5": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
+    "@storybook/addon-essentials": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.19
-    "@storybook/react-webpack5": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/react-webpack5": 7.0.0-alpha.20
     "@storybook/testing-library": ^0.0.9
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.20
     "@types/jest": ^26.0.16
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -17328,7 +17328,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -17339,16 +17339,16 @@ __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.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/builder-webpack5": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.20
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.19
-    "@storybook/react-webpack5": 7.0.0-alpha.19
+    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/react-webpack5": 7.0.0-alpha.20
     "@types/enzyme": ^3.10.8
     "@types/jest": 25.2.3
     "@types/node": ^14.14.20 || ^16.0.0
@@ -17363,7 +17363,7 @@ __metadata:
     react-dom: 16.14.0
     react-moment-proptypes: ^1.7.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -19706,19 +19706,19 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@ember/optional-features": ^2.0.0
-    "@storybook/addon-a11y": 7.0.0-alpha.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-controls": 7.0.0-alpha.19
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/addon-storysource": 7.0.0-alpha.19
-    "@storybook/addon-viewport": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/ember": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-storysource": 7.0.0-alpha.20
+    "@storybook/addon-viewport": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/ember": 7.0.0-alpha.20
     "@storybook/ember-cli-storybook": ^0.2.1
-    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.20
     babel-loader: ^8.2.5
     broccoli-asset-rev: ^3.0.0
     browserify-zlib: ^0.2.0
@@ -19740,7 +19740,7 @@ __metadata:
     loader.js: ^4.7.0
     os-browserify: ^0.3.0
     shx: ^0.3.2
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
     stream-browserify: ^3.0.0
     vm-browserify: ^1.1.2
     webpack: 5
@@ -24558,31 +24558,31 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "html-kitchen-sink@workspace:examples/html-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-controls": 7.0.0-alpha.19
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-jest": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-jest": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
     "@storybook/addon-postcss": ^2.0.0
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
-    "@storybook/addon-storysource": 7.0.0-alpha.19
-    "@storybook/addon-viewport": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/client-api": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
-    "@storybook/html": 7.0.0-alpha.19
-    "@storybook/html-webpack5": 7.0.0-alpha.19
-    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storysource": 7.0.0-alpha.20
+    "@storybook/addon-viewport": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/client-api": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/html": 7.0.0-alpha.20
+    "@storybook/html-webpack5": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.20
     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.19
+    storybook: 7.0.0-alpha.20
   languageName: unknown
   linkType: soft
 
@@ -33254,33 +33254,33 @@ __metadata:
   dependencies:
     "@emotion/jest": ^11.8.0
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/addon-a11y": 7.0.0-alpha.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-controls": 7.0.0-alpha.19
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-interactions": 7.0.0-alpha.19
-    "@storybook/addon-jest": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
-    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.19
-    "@storybook/addon-storysource": 7.0.0-alpha.19
-    "@storybook/addon-toolbars": 7.0.0-alpha.19
-    "@storybook/addon-viewport": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/cli": 7.0.0-alpha.19
-    "@storybook/components": 7.0.0-alpha.19
-    "@storybook/core-events": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-interactions": 7.0.0-alpha.20
+    "@storybook/addon-jest": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.20
+    "@storybook/addon-storysource": 7.0.0-alpha.20
+    "@storybook/addon-toolbars": 7.0.0-alpha.20
+    "@storybook/addon-viewport": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/cli": 7.0.0-alpha.20
+    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/core-events": 7.0.0-alpha.20
     "@storybook/design-system": ^5.4.7
     "@storybook/jest": ^0.0.10
-    "@storybook/node-logger": 7.0.0-alpha.19
-    "@storybook/react": 7.0.0-alpha.19
-    "@storybook/react-webpack5": 7.0.0-alpha.19
-    "@storybook/router": 7.0.0-alpha.19
-    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.20
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.19
+    "@storybook/theming": 7.0.0-alpha.20
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     chromatic: ^6.0.2
@@ -33296,7 +33296,7 @@ __metadata:
     prop-types: ^15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
     terser-webpack-plugin: ^5.3.1
     uuid-browser: ^3.1.0
     webpack: 5
@@ -35662,18 +35662,18 @@ __metadata:
   resolution: "preact-example@workspace:examples/preact-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
-    "@storybook/addon-storysource": 7.0.0-alpha.19
-    "@storybook/addon-viewport": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
-    "@storybook/preact": 7.0.0-alpha.19
-    "@storybook/preact-webpack5": 7.0.0-alpha.19
-    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storysource": 7.0.0-alpha.20
+    "@storybook/addon-viewport": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/preact": 7.0.0-alpha.20
+    "@storybook/preact-webpack5": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.20
     "@types/prop-types": ^15.7.3
     "@types/react": ^17
     "@types/react-dom": ^17
@@ -35688,7 +35688,7 @@ __metadata:
     raw-loader: ^4.0.2
     react: ^17.0.2
     react-dom: ^17.0.2
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
     svg-url-loader: ^7.1.1
     webpack: 5
     webpack-dev-server: ^4.8.1
@@ -39340,11 +39340,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sb@7.0.0-alpha.19, sb@workspace:lib/cli-sb":
+"sb@7.0.0-alpha.20, sb@workspace:lib/cli-sb":
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.19
+    "@storybook/cli": 7.0.0-alpha.20
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -39718,15 +39718,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "server-kitchen-sink@workspace:examples/server-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-controls": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/node-logger": 7.0.0-alpha.19
-    "@storybook/server": 7.0.0-alpha.19
-    "@storybook/server-webpack5": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/server": 7.0.0-alpha.20
+    "@storybook/server-webpack5": 7.0.0-alpha.20
     concurrently: ^5.3.0
     cors: ^2.8.5
     express: ~4.17.1
@@ -39734,7 +39734,7 @@ __metadata:
     nodemon: ^2.0.7
     pug: ^3.0.0
     safe-identifier: ^0.4.1
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
   languageName: unknown
   linkType: soft
 
@@ -40643,15 +40643,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "standalone-preview@workspace:examples/standalone-preview"
   dependencies:
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/cli": 7.0.0-alpha.19
-    "@storybook/react": 7.0.0-alpha.19
-    "@storybook/react-webpack5": 7.0.0-alpha.19
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/cli": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/react-webpack5": 7.0.0-alpha.20
     cross-env: ^7.0.3
     parcel: 2.0.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
   languageName: unknown
   linkType: soft
 
@@ -40747,11 +40747,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"storybook@7.0.0-alpha.19, storybook@workspace:lib/cli-storybook":
+"storybook@7.0.0-alpha.20, storybook@workspace:lib/cli-storybook":
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.19
+    "@storybook/cli": 7.0.0-alpha.20
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -41499,25 +41499,25 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "svelte-example@workspace:examples/svelte-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-controls": 7.0.0-alpha.19
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-interactions": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
-    "@storybook/addon-storysource": 7.0.0-alpha.19
-    "@storybook/addon-viewport": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-interactions": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storysource": 7.0.0-alpha.20
+    "@storybook/addon-viewport": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.19
-    "@storybook/svelte": 7.0.0-alpha.19
-    "@storybook/svelte-webpack5": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/svelte": 7.0.0-alpha.20
+    "@storybook/svelte-webpack5": 7.0.0-alpha.20
     "@storybook/testing-library": 0.0.14-next.0
     global: ^4.4.0
-    storybook: 7.0.0-alpha.19
+    storybook: 7.0.0-alpha.20
     svelte-jester: ^2.3.2
     svelte-preprocess: ^4.10.6
   languageName: unknown
@@ -44363,22 +44363,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.19
-    "@storybook/addon-essentials": 7.0.0-alpha.19
-    "@storybook/addon-interactions": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-essentials": 7.0.0-alpha.20
+    "@storybook/addon-interactions": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue3": 7.0.0-alpha.19
-    "@storybook/vue3-webpack5": 7.0.0-alpha.19
+    "@storybook/vue3": 7.0.0-alpha.20
+    "@storybook/vue3-webpack5": 7.0.0-alpha.20
     "@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.19
+    storybook: 7.0.0-alpha.20
     typescript: ~4.6.3
     vue: ^3.0.0
     vue-jest: ^5.0.0-alpha.8
@@ -44399,17 +44399,17 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "vue-cli-example@workspace:examples/vue-cli"
   dependencies:
-    "@storybook/addon-controls": 7.0.0-alpha.19
-    "@storybook/addon-essentials": 7.0.0-alpha.19
+    "@storybook/addon-controls": 7.0.0-alpha.20
+    "@storybook/addon-essentials": 7.0.0-alpha.20
     "@storybook/preset-scss": ^1.0.3
-    "@storybook/source-loader": 7.0.0-alpha.19
-    "@storybook/vue": 7.0.0-alpha.19
-    "@storybook/vue-webpack5": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/vue": 7.0.0-alpha.20
+    "@storybook/vue-webpack5": 7.0.0-alpha.20
     "@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.19
+    storybook: 7.0.0-alpha.20
     typescript: ~4.6.3
     vue: ^2.6.12
     vue-class-component: ^7.2.6
@@ -44457,29 +44457,29 @@ __metadata:
   resolution: "vue-example@workspace:examples/vue-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.19
-    "@storybook/addon-actions": 7.0.0-alpha.19
-    "@storybook/addon-backgrounds": 7.0.0-alpha.19
-    "@storybook/addon-controls": 7.0.0-alpha.19
-    "@storybook/addon-docs": 7.0.0-alpha.19
-    "@storybook/addon-highlight": 7.0.0-alpha.19
-    "@storybook/addon-interactions": 7.0.0-alpha.19
-    "@storybook/addon-links": 7.0.0-alpha.19
-    "@storybook/addon-storyshots": 7.0.0-alpha.19
-    "@storybook/addon-storysource": 7.0.0-alpha.19
-    "@storybook/addon-viewport": 7.0.0-alpha.19
-    "@storybook/addons": 7.0.0-alpha.19
+    "@storybook/addon-a11y": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.20
+    "@storybook/addon-backgrounds": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.20
+    "@storybook/addon-interactions": 7.0.0-alpha.20
+    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storysource": 7.0.0-alpha.20
+    "@storybook/addon-viewport": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.20
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.19
+    "@storybook/source-loader": 7.0.0-alpha.20
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue": 7.0.0-alpha.19
-    "@storybook/vue-webpack5": 7.0.0-alpha.19
+    "@storybook/vue": 7.0.0-alpha.20
+    "@storybook/vue-webpack5": 7.0.0-alpha.20
     "@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.19
+    storybook: 7.0.0-alpha.20
     svg-url-loader: ^7.1.1
     vue: ^2.6.12
     vue-loader: ^15.9.6

From 77bf6136749a7572855108707466d9952eafd536 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Tue, 16 Aug 2022 10:36:46 +0200
Subject: [PATCH 210/266] refactor: move write/read package json into
 JsPackageManager

---
 .../cli/src/automigrate/fixes/builder-vite.ts |  4 +--
 code/lib/cli/src/detect.test.ts               | 17 +++++-----
 code/lib/cli/src/detect.ts                    | 27 ++++------------
 code/lib/cli/src/generators/RAX/index.ts      |  3 +-
 code/lib/cli/src/initiate.ts                  | 11 +++++--
 .../js-package-manager/JsPackageManager.ts    | 32 +++++++++++++++----
 .../src/js-package-manager/NPMProxy.test.ts   |  3 +-
 .../js-package-manager/PackageJsonHelper.ts   | 20 ------------
 .../src/js-package-manager/Yarn1Proxy.test.ts |  3 +-
 .../src/js-package-manager/Yarn2Proxy.test.ts |  3 +-
 code/lib/cli/src/js-package-manager/index.ts  |  1 -
 11 files changed, 56 insertions(+), 68 deletions(-)
 delete mode 100644 code/lib/cli/src/js-package-manager/PackageJsonHelper.ts

diff --git a/code/lib/cli/src/automigrate/fixes/builder-vite.ts b/code/lib/cli/src/automigrate/fixes/builder-vite.ts
index df264724180e..05d15aa1a36f 100644
--- a/code/lib/cli/src/automigrate/fixes/builder-vite.ts
+++ b/code/lib/cli/src/automigrate/fixes/builder-vite.ts
@@ -5,7 +5,7 @@ import { ConfigFile, readConfig, writeConfig } from '@storybook/csf-tools';
 import { getStorybookInfo } from '@storybook/core-common';
 
 import { Fix } from '../types';
-import { PackageJson, writePackageJson } from '../../js-package-manager';
+import { PackageJson } from '../../js-package-manager';
 
 const logger = console;
 
@@ -70,7 +70,7 @@ export const builderVite: Fix<BuilderViteOptions> = {
     if (!dryRun) {
       delete dependencies['storybook-builder-vite'];
       delete devDependencies['storybook-builder-vite'];
-      writePackageJson(packageJson);
+      packageManager.writePackageJson(packageJson);
     }
 
     logger.info(`Adding '@storybook/builder-vite' as dev dependency`);
diff --git a/code/lib/cli/src/detect.test.ts b/code/lib/cli/src/detect.test.ts
index 9d83e30be6bb..6caf23f682e3 100644
--- a/code/lib/cli/src/detect.test.ts
+++ b/code/lib/cli/src/detect.test.ts
@@ -275,22 +275,23 @@ const MOCK_FRAMEWORK_FILES: {
 describe('Detect', () => {
   it(`should return type HTML if html option is passed`, () => {
     (readPackageJson as jest.Mock).mockImplementation(() => true);
-    expect(detect({ html: true })).toBe(ProjectType.HTML);
+    expect(detect({ dependencies: {} }, { html: true })).toBe(ProjectType.HTML);
   });
 
   it(`should return type UNDETECTED if neither packageJson or bowerJson exist`, () => {
     (readPackageJson as jest.Mock).mockImplementation(() => false);
     (getBowerJson as jest.Mock).mockImplementation(() => false);
-    expect(detect()).toBe(ProjectType.UNDETECTED);
+    expect(detect(undefined)).toBe(ProjectType.UNDETECTED);
   });
 
   it(`should return language typescript if the dependency is present`, () => {
-    (readPackageJson as jest.Mock).mockImplementation(() => ({
-      dependencies: {
-        typescript: '1.0.0',
-      },
-    }));
-    expect(detectLanguage()).toBe(SupportedLanguage.TYPESCRIPT);
+    expect(
+      detectLanguage({
+        dependencies: {
+          typescript: '1.0.0',
+        },
+      })
+    ).toBe(SupportedLanguage.TYPESCRIPT);
   });
 
   it(`should return language javascript by default`, () => {
diff --git a/code/lib/cli/src/detect.ts b/code/lib/cli/src/detect.ts
index d6b5269db697..cf207cc08130 100644
--- a/code/lib/cli/src/detect.ts
+++ b/code/lib/cli/src/detect.ts
@@ -13,12 +13,7 @@ import {
   CoreBuilder,
 } from './project_types';
 import { getBowerJson, paddedLog } from './helpers';
-import {
-  PackageJson,
-  readPackageJson,
-  JsPackageManager,
-  PackageJsonWithMaybeDeps,
-} from './js-package-manager';
+import { PackageJson, JsPackageManager, PackageJsonWithMaybeDeps } from './js-package-manager';
 import { detectNextJS } from './detect-nextjs';
 
 const viteConfigFiles = ['vite.config.ts', 'vite.config.js', 'vite.config.mjs'];
@@ -153,14 +148,9 @@ export function isStorybookInstalled(
   return false;
 }
 
-export function detectLanguage() {
+export function detectLanguage(packageJson?: PackageJson) {
   let language = SupportedLanguage.JAVASCRIPT;
-  let packageJson;
-  try {
-    packageJson = readPackageJson();
-  } catch (err) {
-    //
-  }
+
   const bowerJson = getBowerJson();
   if (!packageJson && !bowerJson) {
     return language;
@@ -173,13 +163,10 @@ export function detectLanguage() {
   return language;
 }
 
-export function detect(options: { force?: boolean; html?: boolean } = {}) {
-  let packageJson;
-  try {
-    packageJson = readPackageJson();
-  } catch (err) {
-    //
-  }
+export function detect(
+  packageJson: PackageJson,
+  options: { force?: boolean; html?: boolean } = {}
+) {
   const bowerJson = getBowerJson();
 
   if (!packageJson && !bowerJson) {
diff --git a/code/lib/cli/src/generators/RAX/index.ts b/code/lib/cli/src/generators/RAX/index.ts
index 82230e673a20..02ce74816455 100644
--- a/code/lib/cli/src/generators/RAX/index.ts
+++ b/code/lib/cli/src/generators/RAX/index.ts
@@ -1,6 +1,5 @@
 import { baseGenerator } from '../baseGenerator';
 import { Generator } from '../types';
-import { writePackageJson } from '../../js-package-manager';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
   const [latestRaxVersion] = await packageManager.getVersions('rax');
@@ -17,7 +16,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
   packageJson.dependencies['rax-text'] = packageJson.dependencies['rax-text'] || raxVersion;
   packageJson.dependencies['rax-view'] = packageJson.dependencies['rax-view'] || raxVersion;
 
-  writePackageJson(packageJson);
+  packageManager.writePackageJson(packageJson);
 
   await baseGenerator(packageManager, npmOptions, options, 'rax', {
     extraPackages: ['rax'],
diff --git a/code/lib/cli/src/initiate.ts b/code/lib/cli/src/initiate.ts
index 7887e91d879e..c3c60308856e 100644
--- a/code/lib/cli/src/initiate.ts
+++ b/code/lib/cli/src/initiate.ts
@@ -42,7 +42,14 @@ const installStorybook = (
     skipInstall: options.skipInstall,
   };
 
-  const language = detectLanguage();
+  let packageJson;
+  try {
+    packageJson = packageManager.readPackageJson();
+  } catch (err) {
+    //
+  }
+
+  const language = detectLanguage(packageJson);
 
   const generatorOptions = {
     language,
@@ -283,7 +290,7 @@ export async function initiate(options: CommandOptions, pkg: Package): Promise<v
         process.exit(1);
       }
     } else {
-      projectType = detect(options);
+      projectType = detect(packageJson, options);
     }
   } catch (ex) {
     done(ex.message);
diff --git a/code/lib/cli/src/js-package-manager/JsPackageManager.ts b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
index e9d517b715a3..3090983aee39 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManager.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
@@ -1,9 +1,10 @@
 import chalk from 'chalk';
 import { gt, satisfies } from '@storybook/semver';
 import { sync as spawnSync } from 'cross-spawn';
+import path from 'path';
+import fs from 'fs';
 import { commandLog } from '../helpers';
 import { PackageJson, PackageJsonWithDepsAndDevDeps } from './PackageJson';
-import { readPackageJson, writePackageJson } from './PackageJsonHelper';
 import storybookPackagesVersions from '../versions';
 
 const logger = console;
@@ -55,6 +56,23 @@ export abstract class JsPackageManager {
     done();
   }
 
+  readPackageJson(): PackageJson {
+    const packageJsonPath = path.resolve('package.json');
+    if (!fs.existsSync(packageJsonPath)) {
+      throw new Error(`Could not read package.json file at ${packageJsonPath}`);
+    }
+
+    const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
+    return JSON.parse(jsonContent);
+  }
+
+  writePackageJson(packageJson: PackageJson) {
+    const content = `${JSON.stringify(packageJson, null, 2)}\n`;
+    const packageJsonPath = path.resolve('package.json');
+
+    fs.writeFileSync(packageJsonPath, content, 'utf8');
+  }
+
   /**
    * Read the `package.json` file available in the directory the command was call from
    * If there is no `package.json` it will create one.
@@ -62,10 +80,10 @@ export abstract class JsPackageManager {
   public retrievePackageJson(): PackageJsonWithDepsAndDevDeps {
     let packageJson;
     try {
-      packageJson = readPackageJson();
+      packageJson = this.readPackageJson();
     } catch (err) {
       this.initPackageJson();
-      packageJson = readPackageJson();
+      packageJson = this.readPackageJson();
     }
 
     return {
@@ -118,7 +136,7 @@ export abstract class JsPackageManager {
         };
       }
 
-      writePackageJson(packageJson);
+      this.writePackageJson(packageJson);
     } else {
       try {
         this.runAddDeps(dependencies, options.installAsDevDependencies);
@@ -162,7 +180,7 @@ export abstract class JsPackageManager {
         }
       });
 
-      writePackageJson(packageJson);
+      this.writePackageJson(packageJson);
     } else {
       try {
         this.runRemoveDeps(dependencies);
@@ -280,7 +298,7 @@ export abstract class JsPackageManager {
 
   public addESLintConfig() {
     const packageJson = this.retrievePackageJson();
-    writePackageJson({
+    this.writePackageJson({
       ...packageJson,
       eslintConfig: {
         ...packageJson.eslintConfig,
@@ -299,7 +317,7 @@ export abstract class JsPackageManager {
 
   public addScripts(scripts: Record<string, string>) {
     const packageJson = this.retrievePackageJson();
-    writePackageJson({
+    this.writePackageJson({
       ...packageJson,
       scripts: {
         ...packageJson.scripts,
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
index 789e1f6ee53e..e04fea08cc69 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
@@ -1,5 +1,4 @@
 import { NPMProxy } from './NPMProxy';
-import * as PackageJsonHelper from './PackageJsonHelper';
 
 describe('NPM Proxy', () => {
   let npmProxy: NPMProxy;
@@ -107,7 +106,7 @@ describe('NPM Proxy', () => {
       it('should only change package.json without running install', () => {
         const executeCommandSpy = jest.spyOn(npmProxy, 'executeCommand').mockReturnValue('7.0.0');
         const writePackageSpy = jest
-          .spyOn(PackageJsonHelper, 'writePackageJson')
+          .spyOn(npmProxy, 'writePackageJson')
           .mockImplementation(jest.fn);
 
         npmProxy.removeDependencies(
diff --git a/code/lib/cli/src/js-package-manager/PackageJsonHelper.ts b/code/lib/cli/src/js-package-manager/PackageJsonHelper.ts
deleted file mode 100644
index e013783745e4..000000000000
--- a/code/lib/cli/src/js-package-manager/PackageJsonHelper.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import path from 'path';
-import fs from 'fs';
-import type { PackageJson } from '@storybook/core-common';
-
-export function readPackageJson(): PackageJson {
-  const packageJsonPath = path.resolve('package.json');
-  if (!fs.existsSync(packageJsonPath)) {
-    throw new Error(`Could not read package.json file at ${packageJsonPath}`);
-  }
-
-  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
-  return JSON.parse(jsonContent);
-}
-
-export function writePackageJson(packageJson: PackageJson) {
-  const content = `${JSON.stringify(packageJson, null, 2)}\n`;
-  const packageJsonPath = path.resolve('package.json');
-
-  fs.writeFileSync(packageJsonPath, content, 'utf8');
-}
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
index c6655cd597bb..a95f74e1ed13 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
@@ -1,5 +1,4 @@
 import { Yarn1Proxy } from './Yarn1Proxy';
-import * as PackageJsonHelper from './PackageJsonHelper';
 
 describe('Yarn 1 Proxy', () => {
   let yarn1Proxy: Yarn1Proxy;
@@ -62,7 +61,7 @@ describe('Yarn 1 Proxy', () => {
     it('skipInstall should only change package.json without running install', () => {
       const executeCommandSpy = jest.spyOn(yarn1Proxy, 'executeCommand').mockReturnValue('7.0.0');
       const writePackageSpy = jest
-        .spyOn(PackageJsonHelper, 'writePackageJson')
+        .spyOn(yarn1Proxy, 'writePackageJson')
         .mockImplementation(jest.fn);
 
       yarn1Proxy.removeDependencies(
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
index 30c90f9be32b..09798191699f 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
@@ -1,5 +1,4 @@
 import { Yarn2Proxy } from './Yarn2Proxy';
-import * as PackageJsonHelper from './PackageJsonHelper';
 
 describe('Yarn 2 Proxy', () => {
   let yarn2Proxy: Yarn2Proxy;
@@ -62,7 +61,7 @@ describe('Yarn 2 Proxy', () => {
     it('skipInstall should only change package.json without running install', () => {
       const executeCommandSpy = jest.spyOn(yarn2Proxy, 'executeCommand').mockReturnValue('7.0.0');
       const writePackageSpy = jest
-        .spyOn(PackageJsonHelper, 'writePackageJson')
+        .spyOn(yarn2Proxy, 'writePackageJson')
         .mockImplementation(jest.fn);
 
       yarn2Proxy.removeDependencies(
diff --git a/code/lib/cli/src/js-package-manager/index.ts b/code/lib/cli/src/js-package-manager/index.ts
index 13cc52f4ed04..3a2b877d5030 100644
--- a/code/lib/cli/src/js-package-manager/index.ts
+++ b/code/lib/cli/src/js-package-manager/index.ts
@@ -1,4 +1,3 @@
 export * from './JsPackageManagerFactory';
 export * from './JsPackageManager';
 export * from './PackageJson';
-export * from './PackageJsonHelper';

From e3a7dbfb973bc0356773fab2bff23fab30af81ce Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Tue, 16 Aug 2022 11:02:31 +0200
Subject: [PATCH 211/266] add package resolutions command to jspackagemanager

---
 .../js-package-manager/JsPackageManager.ts    | 11 ++++++++
 .../src/js-package-manager/NPMProxy.test.ts   | 26 +++++++++++++++++
 .../cli/src/js-package-manager/NPMProxy.ts    | 10 +++++++
 .../src/js-package-manager/Yarn1Proxy.test.ts | 28 +++++++++++++++++++
 .../cli/src/js-package-manager/Yarn1Proxy.ts  | 10 +++++++
 .../src/js-package-manager/Yarn2Proxy.test.ts | 28 +++++++++++++++++++
 .../cli/src/js-package-manager/Yarn2Proxy.ts  | 10 +++++++
 7 files changed, 123 insertions(+)

diff --git a/code/lib/cli/src/js-package-manager/JsPackageManager.ts b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
index 3090983aee39..442d26998766 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManager.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
@@ -326,12 +326,23 @@ export abstract class JsPackageManager {
     });
   }
 
+  public addPackageResolutions(versions: Record<string, string>) {
+    const packageJson = this.retrievePackageJson();
+    const resolutions = this.getResolutions(packageJson, versions);
+    this.writePackageJson({ ...packageJson, ...resolutions });
+  }
+
   protected abstract runInstall(): void;
 
   protected abstract runAddDeps(dependencies: string[], installAsDevDependencies: boolean): void;
 
   protected abstract runRemoveDeps(dependencies: string[]): void;
 
+  protected abstract getResolutions(
+    packageJson: PackageJson,
+    versions: Record<string, string>
+  ): Record<string, any>;
+
   /**
    * Get the latest or all versions of the input package available on npmjs.com
    *
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
index e04fea08cc69..49cc2bf1aea1 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
@@ -204,4 +204,30 @@ describe('NPM Proxy', () => {
       expect(version).toEqual(`^${packageVersion}`);
     });
   });
+
+  describe('addPackageResolutions', () => {
+    it('adds resolutions to package.json and account for existing resolutions', () => {
+      const writePackageSpy = jest.spyOn(npmProxy, 'writePackageJson').mockImplementation(jest.fn);
+
+      jest.spyOn(npmProxy, 'retrievePackageJson').mockImplementation(
+        jest.fn(() => ({
+          overrides: {
+            bar: 'x.x.x',
+          },
+        }))
+      );
+
+      const versions = {
+        foo: 'x.x.x',
+      };
+      npmProxy.addPackageResolutions(versions);
+
+      expect(writePackageSpy).toHaveBeenCalledWith({
+        overrides: {
+          ...versions,
+          bar: 'x.x.x',
+        },
+      });
+    });
+  });
 });
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.ts b/code/lib/cli/src/js-package-manager/NPMProxy.ts
index 5c9f76aaae5d..d89726f9d7dc 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.ts
@@ -1,5 +1,6 @@
 import semver from '@storybook/semver';
 import { JsPackageManager } from './JsPackageManager';
+import type { PackageJson } from './PackageJson';
 
 export class NPMProxy extends JsPackageManager {
   readonly type = 'npm';
@@ -60,6 +61,15 @@ export class NPMProxy extends JsPackageManager {
     return this.uninstallArgs;
   }
 
+  protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
+    return {
+      overrides: {
+        ...packageJson.overrides,
+        ...versions,
+      },
+    };
+  }
+
   protected runInstall(): void {
     this.executeCommand('npm', this.getInstallArgs(), 'inherit');
   }
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
index a95f74e1ed13..9afa55a4dc16 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
@@ -125,4 +125,32 @@ describe('Yarn 1 Proxy', () => {
       await expect(yarn1Proxy.latestVersion('@storybook/addons')).rejects.toThrow();
     });
   });
+
+  describe('addPackageResolutions', () => {
+    it('adds resolutions to package.json and account for existing resolutions', () => {
+      const writePackageSpy = jest
+        .spyOn(yarn1Proxy, 'writePackageJson')
+        .mockImplementation(jest.fn);
+
+      jest.spyOn(yarn1Proxy, 'retrievePackageJson').mockImplementation(
+        jest.fn(() => ({
+          resolutions: {
+            bar: 'x.x.x',
+          },
+        }))
+      );
+
+      const versions = {
+        foo: 'x.x.x',
+      };
+      yarn1Proxy.addPackageResolutions(versions);
+
+      expect(writePackageSpy).toHaveBeenCalledWith({
+        resolutions: {
+          ...versions,
+          bar: 'x.x.x',
+        },
+      });
+    });
+  });
 });
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
index 88368e3f0ea6..789499084c85 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
@@ -1,4 +1,5 @@
 import { JsPackageManager } from './JsPackageManager';
+import type { PackageJson } from './PackageJson';
 
 export class Yarn1Proxy extends JsPackageManager {
   readonly type = 'yarn1';
@@ -15,6 +16,15 @@ export class Yarn1Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
+  protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
+    return {
+      resolutions: {
+        ...packageJson.resolutions,
+        ...versions,
+      },
+    };
+  }
+
   protected runInstall(): void {
     this.executeCommand('yarn', [], 'inherit');
   }
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
index 09798191699f..11f8749ab726 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
@@ -131,4 +131,32 @@ describe('Yarn 2 Proxy', () => {
       await expect(yarn2Proxy.latestVersion('@storybook/addons')).rejects.toThrow();
     });
   });
+
+  describe('addPackageResolutions', () => {
+    it('adds resolutions to package.json and account for existing resolutions', () => {
+      const writePackageSpy = jest
+        .spyOn(yarn2Proxy, 'writePackageJson')
+        .mockImplementation(jest.fn);
+
+      jest.spyOn(yarn2Proxy, 'retrievePackageJson').mockImplementation(
+        jest.fn(() => ({
+          resolutions: {
+            bar: 'x.x.x',
+          },
+        }))
+      );
+
+      const versions = {
+        foo: 'x.x.x',
+      };
+      yarn2Proxy.addPackageResolutions(versions);
+
+      expect(writePackageSpy).toHaveBeenCalledWith({
+        resolutions: {
+          ...versions,
+          bar: 'x.x.x',
+        },
+      });
+    });
+  });
 });
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
index 133c384e00b7..63736283424f 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
@@ -1,4 +1,5 @@
 import { JsPackageManager } from './JsPackageManager';
+import type { PackageJson } from './PackageJson';
 
 export class Yarn2Proxy extends JsPackageManager {
   readonly type = 'yarn2';
@@ -15,6 +16,15 @@ export class Yarn2Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
+  protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
+    return {
+      resolutions: {
+        ...packageJson.resolutions,
+        ...versions,
+      },
+    };
+  }
+
   protected runInstall(): void {
     this.executeCommand('yarn', [], 'inherit');
   }

From 18dea52f534078d05b4328bc0c73d23fa2695150 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 16 Aug 2022 11:44:53 +0200
Subject: [PATCH 212/266] Fix interactions count with collapsed items

---
 code/addons/interactions/src/Panel.tsx                 | 10 +++++-----
 .../addons/interactions/src/components/Interaction.tsx |  4 ++++
 .../interactions/src/components/InteractionsPanel.tsx  |  2 ++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/code/addons/interactions/src/Panel.tsx b/code/addons/interactions/src/Panel.tsx
index 8c5152fee16e..ce114dc9b05c 100644
--- a/code/addons/interactions/src/Panel.tsx
+++ b/code/addons/interactions/src/Panel.tsx
@@ -16,6 +16,7 @@ import { TabIcon, TabStatus } from './components/TabStatus';
 interface Interaction extends Call {
   status: Call['status'];
   childCallIds: Call['id'][];
+  isVisible: boolean;
   isCollapsed: boolean;
   toggleCollapsed: () => void;
 }
@@ -43,15 +44,14 @@ export const getInteractions = ({
   const callsById = new Map<Call['id'], Call>();
   const childCallMap = new Map<Call['id'], Call['id'][]>();
   return log
-    .filter(({ callId, ancestors }) => {
-      let visible = true;
+    .map<Call & { isVisible: boolean }>(({ callId, ancestors, status }) => {
+      let isVisible = true;
       ancestors.forEach((ancestor) => {
-        if (collapsed.has(ancestor)) visible = false;
+        if (collapsed.has(ancestor)) isVisible = false;
         childCallMap.set(ancestor, (childCallMap.get(ancestor) || []).concat(callId));
       });
-      return visible;
+      return { ...calls.get(callId), status, isVisible };
     })
-    .map(({ callId, status }) => ({ ...calls.get(callId), status } as Call))
     .map<Interaction>((call) => {
       const status =
         call.status === CallStates.ERROR &&
diff --git a/code/addons/interactions/src/components/Interaction.tsx b/code/addons/interactions/src/components/Interaction.tsx
index 7ad25af69a32..72f2f39c77d8 100644
--- a/code/addons/interactions/src/components/Interaction.tsx
+++ b/code/addons/interactions/src/components/Interaction.tsx
@@ -130,6 +130,7 @@ export const Interaction = ({
   controls,
   controlStates,
   childCallIds,
+  isVisible,
   isCollapsed,
   toggleCollapsed,
   pausedAt,
@@ -139,6 +140,7 @@ export const Interaction = ({
   controls: Controls;
   controlStates: ControlStates;
   childCallIds?: Call['id'][];
+  isVisible: boolean;
   isCollapsed: boolean;
   toggleCollapsed: () => void;
   pausedAt?: Call['id'];
@@ -146,6 +148,8 @@ export const Interaction = ({
   const [isHovered, setIsHovered] = React.useState(false);
   const isInteractive = !controlStates.goto || !call.interceptable || !!call.ancestors.length;
 
+  if (!isVisible) return null;
+
   return (
     <RowContainer call={call} pausedAt={pausedAt}>
       <RowHeader isInteractive={isInteractive}>
diff --git a/code/addons/interactions/src/components/InteractionsPanel.tsx b/code/addons/interactions/src/components/InteractionsPanel.tsx
index dee82be36ef4..f4f0e61f3299 100644
--- a/code/addons/interactions/src/components/InteractionsPanel.tsx
+++ b/code/addons/interactions/src/components/InteractionsPanel.tsx
@@ -23,6 +23,7 @@ interface InteractionsPanelProps {
   interactions: (Call & {
     status?: CallStates;
     childCallIds: Call['id'][];
+    isVisible: boolean;
     isCollapsed: boolean;
     toggleCollapsed: () => void;
   })[];
@@ -118,6 +119,7 @@ export const InteractionsPanel: React.FC<InteractionsPanelProps> = React.memo(
               controls={controls}
               controlStates={controlStates}
               childCallIds={call.childCallIds}
+              isVisible={call.isVisible}
               isCollapsed={call.isCollapsed}
               toggleCollapsed={call.toggleCollapsed}
               pausedAt={pausedAt}

From b3585b9043b585219e66c769fd40e1a87fc6ad56 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 16 Aug 2022 11:45:02 +0200
Subject: [PATCH 213/266] Remove log statement

---
 code/addons/interactions/src/Panel.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/code/addons/interactions/src/Panel.tsx b/code/addons/interactions/src/Panel.tsx
index ce114dc9b05c..b93bc0f2d9cb 100644
--- a/code/addons/interactions/src/Panel.tsx
+++ b/code/addons/interactions/src/Panel.tsx
@@ -129,7 +129,6 @@ export const Panel: React.FC<{ active: boolean }> = (props) => {
         setErrored(true);
       },
       [PLAY_FUNCTION_THREW_EXCEPTION]: (e) => {
-        console.log('PLAY_FUNCTION_THREW_EXCEPTION');
         if (e?.message !== IGNORED_EXCEPTION.message) setCaughtException(e);
         else setCaughtException(undefined);
       },

From a13f330517202a26eb768cbf37eb9722f91ab6ed Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Tue, 16 Aug 2022 12:15:55 +0200
Subject: [PATCH 214/266] add setRegistryURL to jspackagemanager

---
 .../src/js-package-manager/JsPackageManager.ts    |  2 ++
 .../cli/src/js-package-manager/NPMProxy.test.ts   | 15 +++++++++++++++
 code/lib/cli/src/js-package-manager/NPMProxy.ts   |  5 +++++
 .../cli/src/js-package-manager/Yarn1Proxy.test.ts | 15 +++++++++++++++
 code/lib/cli/src/js-package-manager/Yarn1Proxy.ts |  5 +++++
 .../cli/src/js-package-manager/Yarn2Proxy.test.ts | 15 +++++++++++++++
 code/lib/cli/src/js-package-manager/Yarn2Proxy.ts |  5 +++++
 7 files changed, 62 insertions(+)

diff --git a/code/lib/cli/src/js-package-manager/JsPackageManager.ts b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
index 442d26998766..7ee879b75f56 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManager.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
@@ -36,6 +36,8 @@ export abstract class JsPackageManager {
 
   public abstract getRunCommand(command: string): string;
 
+  public abstract setRegistryURL(url: string): void;
+
   /**
    * Install dependencies listed in `package.json`
    */
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
index 49cc2bf1aea1..9350b0eae96c 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
@@ -21,6 +21,21 @@ describe('NPM Proxy', () => {
     });
   });
 
+  describe('setRegistryUrl', () => {
+    it('should run `npm config set registry https://foo.bar`', () => {
+      const executeCommandSpy = jest.spyOn(npmProxy, 'executeCommand').mockReturnValue('');
+
+      npmProxy.setRegistryURL('https://foo.bar');
+
+      expect(executeCommandSpy).toHaveBeenCalledWith('npm', [
+        'config',
+        'set',
+        'registry',
+        'https://foo.bar',
+      ]);
+    });
+  });
+
   describe('installDependencies', () => {
     describe('npm6', () => {
       it('should run `npm install`', () => {
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.ts b/code/lib/cli/src/js-package-manager/NPMProxy.ts
index d89726f9d7dc..6728901a5d8f 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.ts
@@ -61,6 +61,11 @@ export class NPMProxy extends JsPackageManager {
     return this.uninstallArgs;
   }
 
+  setRegistryURL(url: string) {
+    const args = ['config', 'set', 'registry', url];
+    this.executeCommand('npm', args);
+  }
+
   protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
     return {
       overrides: {
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
index 9afa55a4dc16..90a7df8b9b8c 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
@@ -21,6 +21,21 @@ describe('Yarn 1 Proxy', () => {
     });
   });
 
+  describe('setRegistryUrl', () => {
+    it('should run `yarn config set npmRegistryServer https://foo.bar`', () => {
+      const executeCommandSpy = jest.spyOn(yarn1Proxy, 'executeCommand').mockReturnValue('');
+
+      yarn1Proxy.setRegistryURL('https://foo.bar');
+
+      expect(executeCommandSpy).toHaveBeenCalledWith('yarn', [
+        'config',
+        'set',
+        'npmRegistryServer',
+        'https://foo.bar',
+      ]);
+    });
+  });
+
   describe('installDependencies', () => {
     it('should run `yarn`', () => {
       const executeCommandSpy = jest.spyOn(yarn1Proxy, 'executeCommand').mockReturnValue('');
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
index 789499084c85..2cb60e27578e 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
@@ -16,6 +16,11 @@ export class Yarn1Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
+  setRegistryURL(url: string) {
+    const args = ['config', 'set', 'npmRegistryServer', url];
+    this.executeCommand('yarn', args);
+  }
+
   protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
     return {
       resolutions: {
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
index 11f8749ab726..93faad9aa82e 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
@@ -31,6 +31,21 @@ describe('Yarn 2 Proxy', () => {
     });
   });
 
+  describe('setRegistryUrl', () => {
+    it('should run `yarn config set npmRegistryServer https://foo.bar`', () => {
+      const executeCommandSpy = jest.spyOn(yarn2Proxy, 'executeCommand').mockReturnValue('');
+
+      yarn2Proxy.setRegistryURL('https://foo.bar');
+
+      expect(executeCommandSpy).toHaveBeenCalledWith('yarn', [
+        'config',
+        'set',
+        'npmRegistryServer',
+        'https://foo.bar',
+      ]);
+    });
+  });
+
   describe('addDependencies', () => {
     it('with devDep it should run `yarn install -D @storybook/addons`', () => {
       const executeCommandSpy = jest.spyOn(yarn2Proxy, 'executeCommand').mockReturnValue('');
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
index 63736283424f..fffc7fa773aa 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
@@ -16,6 +16,11 @@ export class Yarn2Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
+  setRegistryURL(url: string) {
+    const args = ['config', 'set', 'npmRegistryServer', url];
+    this.executeCommand('yarn', args);
+  }
+
   protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
     return {
       resolutions: {

From 4a74219ead065b84f5b645ee9dacd2056ab6696b Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Tue, 16 Aug 2022 12:16:39 +0200
Subject: [PATCH 215/266] WIP: add filter and local registry options to
 generate-repros

---
 .../next-repro-generators/generate-repros.ts  | 60 +++++++++++++++----
 1 file changed, 47 insertions(+), 13 deletions(-)

diff --git a/scripts/next-repro-generators/generate-repros.ts b/scripts/next-repro-generators/generate-repros.ts
index 5d2f66dfff22..3c696a92818c 100755
--- a/scripts/next-repro-generators/generate-repros.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -1,12 +1,14 @@
 /* eslint-disable no-console */
 import { join, relative } from 'path';
-import program from 'commander';
 import { command } from 'execa';
 import type { Options as ExecaOptions } from 'execa';
 import pLimit from 'p-limit';
 import prettyTime from 'pretty-hrtime';
 import { copy, emptyDir, ensureDir, rename, writeFile } from 'fs-extra';
+import { program } from 'commander';
 import reproTemplates from '../../code/lib/cli/src/repro-templates';
+import storybookVersions from '../../code/lib/cli/src/versions';
+import { JsPackageManagerFactory } from '../../code/lib/cli/src/js-package-manager/JsPackageManagerFactory';
 
 // @ts-ignore
 import { maxConcurrentTasks } from '../utils/concurrency';
@@ -68,7 +70,10 @@ const addDocumentation = async (
   await writeFile(join(afterDir, 'README.md'), contents);
 };
 
-const runGenerators = async (generators: (GeneratorConfig & { dirName: string })[]) => {
+const runGenerators = async (
+  generators: (GeneratorConfig & { dirName: string })[],
+  localRegistry = true
+) => {
   console.log(`🤹‍♂️ Generating repros with a concurrency of ${maxConcurrentTasks}`);
 
   const limit = pLimit(maxConcurrentTasks);
@@ -87,10 +92,21 @@ const runGenerators = async (generators: (GeneratorConfig & { dirName: string })
 
         await setupYarn({ cwd: baseDir });
 
+        const packageManager = JsPackageManagerFactory.getPackageManager();
+
         await runCommand(script, { cwd: beforeDir });
 
         await localizeYarnConfigFiles(baseDir, beforeDir);
 
+        if (localRegistry) {
+          // TODO: find a good way to have all this run in the correct cwd (beforeDir)
+          console.log(`📦 Configuring local registry`);
+          packageManager.addPackageResolutions(storybookVersions);
+          packageManager.setRegistryURL('https://foo.bar');
+          // TODO: remove this after we make sure the cwd is correct
+          process.exit(0);
+        }
+
         await addStorybook(baseDir);
 
         await addDocumentation(baseDir, { name, dirName });
@@ -106,19 +122,37 @@ const runGenerators = async (generators: (GeneratorConfig & { dirName: string })
   );
 };
 
-const generate = async () => {
-  runGenerators(
-    Object.entries(reproTemplates).map(([dirName, configuration]) => ({
+const generate = async ({
+  template,
+  localRegistry,
+}: {
+  template?: string;
+  localRegistry?: boolean;
+}) => {
+  const generatorConfigs = Object.entries(reproTemplates)
+    .map(([dirName, configuration]) => ({
       dirName,
       ...configuration,
     }))
-  );
-};
+    .filter(({ dirName }) => {
+      if (template) {
+        return dirName === template;
+      }
+
+      return true;
+    });
 
-program.description('Create a reproduction from a set of possible templates');
-program.parse(process.argv);
+  runGenerators(generatorConfigs, localRegistry);
+};
 
-generate().catch((e) => {
-  console.trace(e);
-  process.exit(1);
-});
+program
+  .description('Create a reproduction from a set of possible templates')
+  .option('--template <template>', 'Create a single template')
+  .option('--local-registry', 'Use local registry', false)
+  .action((options) => {
+    generate(options).catch((e) => {
+      console.trace(e);
+      process.exit(1);
+    });
+  })
+  .parse(process.argv);

From f1fb9af4276de12ef9fce2eb0e587b3507a08709 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Tue, 16 Aug 2022 12:05:19 -0600
Subject: [PATCH 216/266] Updated bookmark, bookmarkhollow, document, and
 folder icons

---
 code/lib/components/src/icon/icons.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/code/lib/components/src/icon/icons.tsx b/code/lib/components/src/icon/icons.tsx
index efeb16eec655..2a24d9f3948c 100644
--- a/code/lib/components/src/icon/icons.tsx
+++ b/code/lib/components/src/icon/icons.tsx
@@ -383,12 +383,18 @@ export const icons = {
   circle: <path d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Z" />,
   bookmarkhollow: (
     <>
-      <path d="M3 1.5c0-.28.22-.5.5-.5h7c.28 0 .5.22.5.5v12a.5.5 0 0 1-.5.5.5.5 0 0 1-.35-.15L7 10.71l-3.15 3.14a.5.5 0 0 1-.35.15.5.5 0 0 1-.5-.5v-12Zm3.65 8.15c.2-.2.5-.2.7 0L10 12.29V2H4v10.3l2.65-2.65Z" />
+      <path
+        fillRule="evenodd"
+        d="M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5ZM4 12.41l2.66-2.28a.45.45 0 0 1 .38-.13c.1.01.2.05.29.12l2.67 2.3V1H4v11.41Z"
+      />
     </>
   ),
   bookmark: (
     <>
-      <path d="M3 1.5c0-.28.22-.5.5-.5h7c.28 0 .5.22.5.5v12a.5.5 0 0 1-.5.5.5.5 0 0 1-.35-.15L7 10.71l-3.15 3.14a.5.5 0 0 1-.35.15.5.5 0 0 1-.5-.5v-12Z" />
+      <path
+        fillRule="evenodd"
+        d="M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5Z"
+      />
     </>
   ),
   hearthollow: (
@@ -1110,10 +1116,10 @@ export const icons = {
   ),
   document: (
     <>
-      <path d="M5 5a.5.5 0 1 0 0 1h4a.5.5 0 0 0 0-1H5Zm0 2a.5.5 0 1 0 0 1h4a.5.5 0 0 0 0-1H5Zm-.5 2.5c0-.27.22-.5.5-.5h4a.5.5 0 1 1 0 1H5a.5.5 0 0 1-.5-.5Z" />
+      <path d="M4 5.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM4.5 7.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM4 10.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Z" />
       <path
         fillRule="evenodd"
-        d="M9.5 1a.5.5 0 0 1 .36.15l1.99 2c.1.09.15.21.15.35v9.01a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-11c0-.28.22-.5.5-.5h7ZM3 12V2h6v1.5c0 .28.22.5.5.5H11v8H3Z"
+        d="M1.5 0a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5V3.2a.5.5 0 0 0-.15-.35l-2.7-2.7A.5.5 0 0 0 9.79 0H1.5ZM2 1h7.5v2c0 .28.22.5.5.5h2V13H2V1Z"
       />
     </>
   ),
@@ -1138,7 +1144,7 @@ export const icons = {
     <>
       <path
         fillRule="evenodd"
-        d="M6.59 4.5 5.09 3H2v8h10V4.5H6.59Zm.41-1L5.8 2.3a1 1 0 0 0-.71-.3H1.5a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H7Z"
+        d="M6.59 3.5 5.09 2H1v9h12V3.5H6.59Zm.41-1L5.8 1.3a1 1 0 0 0-.71-.3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H7Z"
       />
     </>
   ),

From 162463e2f0643a9e724feb4affba601bc4634bb3 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 08:36:31 +0800
Subject: [PATCH 217/266] Review feedback

---
 MIGRATION.md | 19 ++++++++++++++++++-
 docs/faq.md  | 24 ++++++++++++------------
 2 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/MIGRATION.md b/MIGRATION.md
index 1c8684f7ba2f..4e4105b6c25e 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -13,7 +13,8 @@
     - [Docs modern inline rendering by default](#docs-modern-inline-rendering-by-default)
     - [Babel mode v7 by default](#babel-mode-v7-by-default)
     - [7.0 feature flags removed](#70-feature-flags-removed)
-    - [Removed docs.getContainer and getPage parameters](#removed-docs-getcontainer-and-getpage-parameters)
+    - [Removed docs.getContainer and getPage parameters](#removed-docsgetcontainer-and-getpage-parameters)
+    - [Icons API changed](#icons-api-changed)
 - [From version 6.4.x to 6.5.0](#from-version-64x-to-650)
   - [Vue 3 upgrade](#vue-3-upgrade)
   - [React18 new root API](#react18-new-root-api)
@@ -398,6 +399,22 @@ In 7.0 we've removed the following feature flags:
 
 It is no longer possible to set `parameters.docs.getContainer()` and `getPage()`. Instead use `parameters.docs.container` or `parameters.docs.page` directly.
 
+
+#### Icons API changed
+
+For addon authors who use the `Icons` component, its API has been udpated in Storybook 7.
+
+```diff
+export interface IconsProps extends ComponentProps<typeof Svg> {
+-  icon?: IconKey;
+-  symbol?: IconKey;
++  icon: IconType;
++  useSymbol?: boolean;
+}
+```
+
+Full change here: https://github.com/storybookjs/storybook/pull/18809
+
 ## From version 6.4.x to 6.5.0
 
 ### Vue 3 upgrade
diff --git a/docs/faq.md b/docs/faq.md
index 55a3bc8e70b4..b7375d2b331b 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -1,5 +1,5 @@
 ---
-title: "Frequently Asked Questions"
+title: 'Frequently Asked Questions'
 ---
 
 Here are some answers to frequently asked questions. If you have a question, you can ask it by opening an issue on the [Storybook Repository](https://github.com/storybookjs/storybook/).
@@ -17,7 +17,7 @@ module.exports = {
     /* ... */
   ],
   framework: {
-    name: "@storybook/angular",
+    name: '@storybook/angular',
     options: {
       enableIvy: false,
     },
@@ -53,7 +53,7 @@ You can generally reuse webpack rules by placing them in a file that is `require
 ```js
 module.exports = {
   webpackFinal: async (baseConfig) => {
-    const nextConfig = require("/path/to/next.config.js");
+    const nextConfig = require('/path/to/next.config.js');
 
     // merge whatever from nextConfig into the webpack config storybook will use
     return { ...baseConfig, ...nextConfig };
@@ -77,7 +77,7 @@ FAST_REFRESH=true
 ```js
 module.exports = {
   framework: {
-    name: "@storybook/react-webpack5",
+    name: '@storybook/react-webpack5',
     options: {
       fastRefresh: true,
     },
@@ -98,7 +98,7 @@ You can opt-out from the new React Root API by setting the following property in
 ```js
 module.exports = {
   framework: {
-    name: "@storybook/react-webpack5",
+    name: '@storybook/react-webpack5',
     options: {
       legacyRootApi: true,
     },
@@ -113,7 +113,7 @@ A common error is that an addon tries to access the "channel", but the channel i
 1.  You're trying to access addon channel (e.g., by calling `setOptions`) in a non-browser environment like Jest. You may need to add a channel mock:
 
     ```js
-    import { addons, mockChannel } from "@storybook/addons";
+    import { addons, mockChannel } from '@storybook/addons';
 
     addons.setChannel(mockChannel());
     ```
@@ -128,7 +128,7 @@ If you're adding Storybook's dependencies manually, make sure you include the [`
 // .storybook/main.js
 
 module.exports = {
-  addons: ["@storybook/addon-controls"],
+  addons: ['@storybook/addon-controls'],
 };
 ```
 
@@ -386,15 +386,15 @@ We're aware that the default Typescript story construct might seem outdated and
 ```ts
 // Button.stories.ts | tsx
 
-import React from "react";
-import type { ComponentStory, ComponentMeta } from "@storybook/react";
+import React from 'react';
+import type { ComponentStory, ComponentMeta } from '@storybook/react';
 
 const StoryMeta: ComponentMeta<typeof Button> = {
   /* 👇 The title prop is optional.
    * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
-  title: "Button",
+  title: 'Button',
   component: Button,
 };
 
@@ -422,7 +422,7 @@ export default {
   component: MyComponent,
   args: {
     //👇 Defining the arg's value at the component level.
-    text: "Something",
+    text: 'Something',
   },
 };
 ```
@@ -437,7 +437,7 @@ export default {
   argTypes: {
     //👇 Defining the arg's display value in docs.
     text: {
-      table: { defaultValue: { summary: "SomeType<T>" } },
+      table: { defaultValue: { summary: 'SomeType<T>' } },
     },
   },
 };

From e511cf4088887d5000093c228a9f202e33d9cf79 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 10:02:11 +0800
Subject: [PATCH 218/266] 7.0.0-alpha.21 changelog

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 84a2a8635d95..d640b8cba429 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,9 @@
+## 7.0.0-alpha.21 (August 17, 2022)
+
+#### Maintenance
+
+-   UI: Update every icon for v7 design [#18809](https://github.com/storybooks/storybook/pull/18809)
+
 ## 7.0.0-alpha.20 (August 16, 2022)
 
 #### Features

From 8638c65eed170ee7bc50503f826c2fa6d28655f1 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 10:02:29 +0800
Subject: [PATCH 219/266] Update root, peer deps, version.ts/json to
 7.0.0-alpha.21 [ci skip]

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

diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 863c93e7de2f..9469ae37bef1 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -45,7 +45,7 @@
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
     "puppeteer": ">=2.0.0"
   },
   "peerDependenciesMeta": {
diff --git a/code/lib/api/src/version.ts b/code/lib/api/src/version.ts
index 4e28b620d922..a307a30fa83e 100644
--- a/code/lib/api/src/version.ts
+++ b/code/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '7.0.0-alpha.20';
+export const version = '7.0.0-alpha.21';
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index 69a51c4eedb8..bb2738ce1b07 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -1,78 +1,78 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.0.0-alpha.20',
-  '@storybook/addon-actions': '7.0.0-alpha.20',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.20',
-  '@storybook/addon-controls': '7.0.0-alpha.20',
-  '@storybook/addon-docs': '7.0.0-alpha.20',
-  '@storybook/addon-essentials': '7.0.0-alpha.20',
-  '@storybook/addon-highlight': '7.0.0-alpha.20',
-  '@storybook/addon-interactions': '7.0.0-alpha.20',
-  '@storybook/addon-jest': '7.0.0-alpha.20',
-  '@storybook/addon-links': '7.0.0-alpha.20',
-  '@storybook/addon-measure': '7.0.0-alpha.20',
-  '@storybook/addon-outline': '7.0.0-alpha.20',
-  '@storybook/addon-storyshots': '7.0.0-alpha.20',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.20',
-  '@storybook/addon-storysource': '7.0.0-alpha.20',
-  '@storybook/addon-toolbars': '7.0.0-alpha.20',
-  '@storybook/addon-viewport': '7.0.0-alpha.20',
-  '@storybook/addons': '7.0.0-alpha.20',
-  '@storybook/angular': '7.0.0-alpha.20',
-  '@storybook/api': '7.0.0-alpha.20',
-  '@storybook/blocks': '7.0.0-alpha.20',
-  '@storybook/builder-manager': '7.0.0-alpha.20',
-  '@storybook/builder-webpack5': '7.0.0-alpha.20',
-  '@storybook/channel-postmessage': '7.0.0-alpha.20',
-  '@storybook/channel-websocket': '7.0.0-alpha.20',
-  '@storybook/channels': '7.0.0-alpha.20',
-  '@storybook/cli': '7.0.0-alpha.20',
-  '@storybook/client-api': '7.0.0-alpha.20',
-  '@storybook/client-logger': '7.0.0-alpha.20',
-  '@storybook/codemod': '7.0.0-alpha.20',
-  '@storybook/components': '7.0.0-alpha.20',
-  '@storybook/core-client': '7.0.0-alpha.20',
-  '@storybook/core-common': '7.0.0-alpha.20',
-  '@storybook/core-events': '7.0.0-alpha.20',
-  '@storybook/core-server': '7.0.0-alpha.20',
-  '@storybook/core-webpack': '7.0.0-alpha.20',
-  '@storybook/csf-tools': '7.0.0-alpha.20',
-  '@storybook/docs-tools': '7.0.0-alpha.20',
-  '@storybook/ember': '7.0.0-alpha.20',
-  '@storybook/html': '7.0.0-alpha.20',
-  '@storybook/html-webpack5': '7.0.0-alpha.20',
-  '@storybook/instrumenter': '7.0.0-alpha.20',
-  '@storybook/node-logger': '7.0.0-alpha.20',
-  '@storybook/postinstall': '7.0.0-alpha.20',
-  '@storybook/preact': '7.0.0-alpha.20',
-  '@storybook/preact-webpack5': '7.0.0-alpha.20',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.20',
-  '@storybook/preview-web': '7.0.0-alpha.20',
-  '@storybook/react': '7.0.0-alpha.20',
-  '@storybook/react-webpack5': '7.0.0-alpha.20',
-  '@storybook/router': '7.0.0-alpha.20',
-  '@storybook/server': '7.0.0-alpha.20',
-  '@storybook/server-webpack5': '7.0.0-alpha.20',
-  '@storybook/source-loader': '7.0.0-alpha.20',
-  '@storybook/store': '7.0.0-alpha.20',
-  '@storybook/svelte': '7.0.0-alpha.20',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.20',
-  '@storybook/telemetry': '7.0.0-alpha.20',
-  '@storybook/theming': '7.0.0-alpha.20',
-  '@storybook/ui': '7.0.0-alpha.20',
-  '@storybook/vue': '7.0.0-alpha.20',
-  '@storybook/vue-webpack5': '7.0.0-alpha.20',
-  '@storybook/vue3': '7.0.0-alpha.20',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.20',
-  '@storybook/web-components': '7.0.0-alpha.20',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.20',
-  sb: '7.0.0-alpha.20',
-  storybook: '7.0.0-alpha.20',
+  '@storybook/addon-a11y': '7.0.0-alpha.21',
+  '@storybook/addon-actions': '7.0.0-alpha.21',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.21',
+  '@storybook/addon-controls': '7.0.0-alpha.21',
+  '@storybook/addon-docs': '7.0.0-alpha.21',
+  '@storybook/addon-essentials': '7.0.0-alpha.21',
+  '@storybook/addon-highlight': '7.0.0-alpha.21',
+  '@storybook/addon-interactions': '7.0.0-alpha.21',
+  '@storybook/addon-jest': '7.0.0-alpha.21',
+  '@storybook/addon-links': '7.0.0-alpha.21',
+  '@storybook/addon-measure': '7.0.0-alpha.21',
+  '@storybook/addon-outline': '7.0.0-alpha.21',
+  '@storybook/addon-storyshots': '7.0.0-alpha.21',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.21',
+  '@storybook/addon-storysource': '7.0.0-alpha.21',
+  '@storybook/addon-toolbars': '7.0.0-alpha.21',
+  '@storybook/addon-viewport': '7.0.0-alpha.21',
+  '@storybook/addons': '7.0.0-alpha.21',
+  '@storybook/angular': '7.0.0-alpha.21',
+  '@storybook/api': '7.0.0-alpha.21',
+  '@storybook/blocks': '7.0.0-alpha.21',
+  '@storybook/builder-manager': '7.0.0-alpha.21',
+  '@storybook/builder-webpack5': '7.0.0-alpha.21',
+  '@storybook/channel-postmessage': '7.0.0-alpha.21',
+  '@storybook/channel-websocket': '7.0.0-alpha.21',
+  '@storybook/channels': '7.0.0-alpha.21',
+  '@storybook/cli': '7.0.0-alpha.21',
+  '@storybook/client-api': '7.0.0-alpha.21',
+  '@storybook/client-logger': '7.0.0-alpha.21',
+  '@storybook/codemod': '7.0.0-alpha.21',
+  '@storybook/components': '7.0.0-alpha.21',
+  '@storybook/core-client': '7.0.0-alpha.21',
+  '@storybook/core-common': '7.0.0-alpha.21',
+  '@storybook/core-events': '7.0.0-alpha.21',
+  '@storybook/core-server': '7.0.0-alpha.21',
+  '@storybook/core-webpack': '7.0.0-alpha.21',
+  '@storybook/csf-tools': '7.0.0-alpha.21',
+  '@storybook/docs-tools': '7.0.0-alpha.21',
+  '@storybook/ember': '7.0.0-alpha.21',
+  '@storybook/html': '7.0.0-alpha.21',
+  '@storybook/html-webpack5': '7.0.0-alpha.21',
+  '@storybook/instrumenter': '7.0.0-alpha.21',
+  '@storybook/node-logger': '7.0.0-alpha.21',
+  '@storybook/postinstall': '7.0.0-alpha.21',
+  '@storybook/preact': '7.0.0-alpha.21',
+  '@storybook/preact-webpack5': '7.0.0-alpha.21',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.21',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.21',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.21',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.21',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.21',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.21',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.21',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.21',
+  '@storybook/preview-web': '7.0.0-alpha.21',
+  '@storybook/react': '7.0.0-alpha.21',
+  '@storybook/react-webpack5': '7.0.0-alpha.21',
+  '@storybook/router': '7.0.0-alpha.21',
+  '@storybook/server': '7.0.0-alpha.21',
+  '@storybook/server-webpack5': '7.0.0-alpha.21',
+  '@storybook/source-loader': '7.0.0-alpha.21',
+  '@storybook/store': '7.0.0-alpha.21',
+  '@storybook/svelte': '7.0.0-alpha.21',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.21',
+  '@storybook/telemetry': '7.0.0-alpha.21',
+  '@storybook/theming': '7.0.0-alpha.21',
+  '@storybook/ui': '7.0.0-alpha.21',
+  '@storybook/vue': '7.0.0-alpha.21',
+  '@storybook/vue-webpack5': '7.0.0-alpha.21',
+  '@storybook/vue3': '7.0.0-alpha.21',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.21',
+  '@storybook/web-components': '7.0.0-alpha.21',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.21',
+  sb: '7.0.0-alpha.21',
+  storybook: '7.0.0-alpha.21',
 };
diff --git a/code/package.json b/code/package.json
index 2086cc26476f..e6f093a570e0 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "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 d8cdc5b21af68e69c6eefeaae0e1efadd06947ea Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 10:26:07 +0800
Subject: [PATCH 220/266] v7.0.0-alpha.21

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 90a01ba89f2a..29b3e198fda2 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -62,15 +62,15 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.21",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 74a826e75643..125ecffdc49d 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index e13d89a8143c..1b77dde2820b 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -62,13 +62,13 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index bcf7db55fe70..4c4e4a5a45d0 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -57,16 +57,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/blocks": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/blocks": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 86b83245b888..c38167221342 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -53,22 +53,22 @@
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/blocks": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/blocks": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/csf-tools": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
     "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/postinstall": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/postinstall": "7.0.0-alpha.21",
+    "@storybook/preview-web": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "babel-loader": "^8.2.5",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 35b341f11068..c82406b0bae1 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -33,25 +33,25 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-measure": "7.0.0-alpha.20",
-    "@storybook/addon-outline": "7.0.0-alpha.20",
-    "@storybook/addon-toolbars": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-controls": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-measure": "7.0.0-alpha.21",
+    "@storybook/addon-outline": "7.0.0-alpha.21",
+    "@storybook/addon-toolbars": "7.0.0-alpha.21",
+    "@storybook/addon-viewport": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/vue": "7.0.0-alpha.20",
+    "@storybook/vue": "7.0.0-alpha.21",
     "@types/jest": "^26.0.16",
     "typescript": "~4.6.3"
   },
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 380044aa37ca..f1085911752a 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -37,8 +37,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 5d51c7e2ba27..e9a59cb86ed0 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -36,15 +36,15 @@
   },
   "dependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/instrumenter": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/instrumenter": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "jest-mock": "^27.0.6",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index c0c7ee2b8d84..f7aa585e931d 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -59,12 +59,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react-sizeme": "^3.0.1",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index fb31fc388676..b19aa6ae99fe 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -63,11 +63,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/router": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 411dc55dfdc3..aa350a5b5ea8 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
@@ -61,11 +61,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 9d1439bc76b5..7c54306f2a21 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
@@ -64,11 +64,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index be87c4940c30..0a779fc5483a 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
@@ -38,12 +38,12 @@
   },
   "dependencies": {
     "@jest/transform": "^26.6.2",
-    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/client-api": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/client-api": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "@types/glob": "^7.1.3",
     "@types/jest": "^26.0.16",
@@ -62,11 +62,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.20",
-    "@storybook/angular": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/vue": "7.0.0-alpha.20",
-    "@storybook/vue3": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/angular": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/vue": "7.0.0-alpha.21",
+    "@storybook/vue3": "7.0.0-alpha.21",
     "babel-loader": "^8.2.5",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 9469ae37bef1..7695385dae87 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "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.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.21",
     "@types/jest-image-snapshot": "^4.1.3",
     "core-js": "^3.8.2",
     "jest-image-snapshot": "^4.3.0"
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index e1379adad8b4..0dd669e4c912 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/router": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/router": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index c248b9c5f4ee..b3abdd1a3b58 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
@@ -57,11 +57,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2"
   },
   "devDependencies": {
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 26e8fc700623..5e731bbe8d09 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
@@ -36,12 +36,12 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/examples/angular-cli/package.json b/code/examples/angular-cli/package.json
index a91eaa594c3e..c8a68c449192 100644
--- a/code/examples/angular-cli/package.json
+++ b/code/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "license": "MIT",
   "workspaces": {
@@ -44,22 +44,22 @@
     "@angular/compiler-cli": "^13.3.6",
     "@angular/elements": "^13.3.6",
     "@compodoc/compodoc": "^1.1.18",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-jest": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/angular": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-controls": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-interactions": "7.0.0-alpha.21",
+    "@storybook/addon-jest": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-storysource": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/angular": "7.0.0-alpha.21",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.21",
     "@storybook/testing-library": "0.0.14-next.0",
     "@types/core-js": "^2.5.4",
     "@types/jest": "^26.0.16",
@@ -72,7 +72,7 @@
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
     "protractor": "~7.0.0",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.21",
     "storybook-addon-angular-ivy": "^0.0.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
diff --git a/code/examples/cra-kitchen-sink/package.json b/code/examples/cra-kitchen-sink/package.json
index c1ada759e826..5acd24cdc79e 100644
--- a/code/examples/cra-kitchen-sink/package.json
+++ b/code/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "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.20",
+    "@storybook/client-logger": "7.0.0-alpha.21",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "react": "16.14.0",
@@ -21,21 +21,21 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-jest": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-jest": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "storybook": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/react-webpack5": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
+    "storybook": "7.0.0-alpha.21",
     "webpack": "5"
   },
   "storybook": {
diff --git a/code/examples/cra-ts-essentials/package.json b/code/examples/cra-ts-essentials/package.json
index 81d1531be4f3..129ec8a326ec 100644
--- a/code/examples/cra-ts-essentials/package.json
+++ b/code/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-essentials",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -23,8 +23,8 @@
     ]
   },
   "dependencies": {
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "@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.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-essentials": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/react-webpack5": "7.0.0-alpha.21",
     "@storybook/testing-library": "^0.0.9",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.21",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/cra-ts-kitchen-sink/package.json b/code/examples/cra-ts-kitchen-sink/package.json
index fd96d74e9cb0..945601b38763 100644
--- a/code/examples/cra-ts-kitchen-sink/package.json
+++ b/code/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -34,23 +34,23 @@
     "typescript": "~4.6.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/react-webpack5": "7.0.0-alpha.21",
     "@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.20",
+    "storybook": "7.0.0-alpha.21",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/doc-blocks/package.json b/code/examples/doc-blocks/package.json
index d61238b26f02..9ebb695aab5a 100644
--- a/code/examples/doc-blocks/package.json
+++ b/code/examples/doc-blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-doc-blocks",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build",
@@ -15,20 +15,20 @@
     "@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.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/cli": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/addon-essentials": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-storysource": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/cli": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/react-webpack5": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "@types/babel__preset-env": "^7",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.21",
-    "sb": "7.0.0-alpha.20",
+    "sb": "7.0.0-alpha.21",
     "typescript": "~4.6.3",
     "webpack": "5"
   },
diff --git a/code/examples/ember-cli/package.json b/code/examples/ember-cli/package.json
index 388b46e3f009..5ffc2afee371 100644
--- a/code/examples/ember-cli/package.json
+++ b/code/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "scripts": {
     "--build-storybook": "yarn storybook-prebuild && storybook build",
@@ -17,19 +17,19 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@ember/optional-features": "^2.0.0",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/ember": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-controls": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addon-storysource": "7.0.0-alpha.21",
+    "@storybook/addon-viewport": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/ember": "7.0.0-alpha.21",
     "@storybook/ember-cli-storybook": "^0.2.1",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.21",
     "babel-loader": "^8.2.5",
     "broccoli-asset-rev": "^3.0.0",
     "browserify-zlib": "^0.2.0",
@@ -49,7 +49,7 @@
     "loader.js": "^4.7.0",
     "os-browserify": "^0.3.0",
     "shx": "^0.3.2",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.21",
     "stream-browserify": "^3.0.0",
     "vm-browserify": "^1.1.2",
     "webpack": "5",
diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json
index 356f2080463f..381246392605 100644
--- a/code/examples/external-docs/package.json
+++ b/code/examples/external-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/external-docs",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "scripts": {
     "build": "next build",
@@ -11,15 +11,15 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c .storybook"
   },
   "dependencies": {
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-essentials": "7.0.0-alpha.20",
-    "@storybook/blocks": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-essentials": "7.0.0-alpha.21",
+    "@storybook/blocks": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/preview-web": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/react-webpack5": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "formik": "^2.2.9",
     "next": "^12.1.0",
     "nextra": "^1.1.0",
@@ -38,7 +38,7 @@
     "cross-env": "^7.0.3",
     "eslint": "8.7.0",
     "eslint-config-next": "12.0.8",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.21",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/html-kitchen-sink/package.json b/code/examples/html-kitchen-sink/package.json
index 3f7a99cef010..fb407cb96014 100644
--- a/code/examples/html-kitchen-sink/package.json
+++ b/code/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,31 +13,31 @@
     "storybook": "storybook dev -p 9006 --no-manager-cache"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-jest": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-controls": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-jest": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-api": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/html": "7.0.0-alpha.20",
-    "@storybook/html-webpack5": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-storysource": "7.0.0-alpha.21",
+    "@storybook/addon-viewport": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/client-api": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/html": "7.0.0-alpha.21",
+    "@storybook/html-webpack5": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.21",
     "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.20"
+    "storybook": "7.0.0-alpha.21"
   },
   "storybook": {
     "chromatic": {
diff --git a/code/examples/official-storybook/package.json b/code/examples/official-storybook/package.json
index 1b0b0278ca2e..6e7b72868ec1 100644
--- a/code/examples/official-storybook/package.json
+++ b/code/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@@ -13,33 +13,33 @@
   "devDependencies": {
     "@emotion/jest": "^11.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-jest": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-toolbars": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/cli": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-controls": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-interactions": "7.0.0-alpha.21",
+    "@storybook/addon-jest": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.21",
+    "@storybook/addon-storysource": "7.0.0-alpha.21",
+    "@storybook/addon-toolbars": "7.0.0-alpha.21",
+    "@storybook/addon-viewport": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/cli": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/design-system": "^5.4.7",
     "@storybook/jest": "^0.0.10",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/router": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/react-webpack5": "7.0.0-alpha.21",
+    "@storybook/router": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.21",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.21",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/user-event": "^13.1.9",
     "chromatic": "^6.0.2",
@@ -55,7 +55,7 @@
     "prop-types": "^15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.21",
     "terser-webpack-plugin": "^5.3.1",
     "uuid-browser": "^3.1.0",
     "webpack": "5"
diff --git a/code/examples/preact-kitchen-sink/package.json b/code/examples/preact-kitchen-sink/package.json
index db0289d49eed..9718da38547f 100644
--- a/code/examples/preact-kitchen-sink/package.json
+++ b/code/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,18 +14,18 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/preact": "7.0.0-alpha.20",
-    "@storybook/preact-webpack5": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-storysource": "7.0.0-alpha.21",
+    "@storybook/addon-viewport": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/preact": "7.0.0-alpha.21",
+    "@storybook/preact-webpack5": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.21",
     "@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.20",
+    "storybook": "7.0.0-alpha.21",
     "svg-url-loader": "^7.1.1",
     "webpack": "5",
     "webpack-dev-server": "^4.8.1"
diff --git a/code/examples/react-ts/package.json b/code/examples/react-ts/package.json
index 7a11c94a1410..96f400db8c51 100644
--- a/code/examples/react-ts/package.json
+++ b/code/examples/react-ts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "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.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/cli": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/addon-essentials": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-storysource": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/cli": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/react-webpack5": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "@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.20",
+    "storybook": "7.0.0-alpha.21",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/server-kitchen-sink/package.json b/code/examples/server-kitchen-sink/package.json
index 843084261e07..6639e8ac6bf0 100644
--- a/code/examples/server-kitchen-sink/package.json
+++ b/code/examples/server-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,15 +14,15 @@
     "storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/server": "7.0.0-alpha.20",
-    "@storybook/server-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-controls": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/server": "7.0.0-alpha.21",
+    "@storybook/server-webpack5": "7.0.0-alpha.21",
     "concurrently": "^5.3.0",
     "cors": "^2.8.5",
     "express": "~4.17.1",
@@ -30,6 +30,6 @@
     "nodemon": "^2.0.7",
     "pug": "^3.0.0",
     "safe-identifier": "^0.4.1",
-    "storybook": "7.0.0-alpha.20"
+    "storybook": "7.0.0-alpha.21"
   }
 }
diff --git a/code/examples/standalone-preview/package.json b/code/examples/standalone-preview/package.json
index 4da015571332..3d7fa82ea037 100644
--- a/code/examples/standalone-preview/package.json
+++ b/code/examples/standalone-preview/package.json
@@ -1,20 +1,20 @@
 {
   "name": "standalone-preview",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "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.20",
-    "@storybook/cli": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/cli": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/react-webpack5": "7.0.0-alpha.21",
     "cross-env": "^7.0.3",
     "parcel": "2.0.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.20"
+    "storybook": "7.0.0-alpha.21"
   }
 }
diff --git a/code/examples/svelte-kitchen-sink/package.json b/code/examples/svelte-kitchen-sink/package.json
index 137d71afbc3b..b5e43abb3ec8 100644
--- a/code/examples/svelte-kitchen-sink/package.json
+++ b/code/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "scripts": {
     "build-storybook": "storybook build",
@@ -10,24 +10,24 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-controls": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-interactions": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-storysource": "7.0.0-alpha.21",
+    "@storybook/addon-viewport": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.20",
-    "@storybook/svelte": "7.0.0-alpha.20",
-    "@storybook/svelte-webpack5": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/svelte": "7.0.0-alpha.21",
+    "@storybook/svelte-webpack5": "7.0.0-alpha.21",
     "@storybook/testing-library": "0.0.14-next.0",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.21",
     "svelte-jester": "^2.3.2",
     "svelte-preprocess": "^4.10.6"
   },
diff --git a/code/examples/vue-3-cli/package.json b/code/examples/vue-3-cli/package.json
index 8693ebe591e5..b3b7c099f90b 100644
--- a/code/examples/vue-3-cli/package.json
+++ b/code/examples/vue-3-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-3-cli-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "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.20",
-    "@storybook/addon-essentials": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-essentials": "7.0.0-alpha.21",
+    "@storybook/addon-interactions": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue3": "7.0.0-alpha.20",
-    "@storybook/vue3-webpack5": "7.0.0-alpha.20",
+    "@storybook/vue3": "7.0.0-alpha.21",
+    "@storybook/vue3-webpack5": "7.0.0-alpha.21",
     "@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.20",
+    "storybook": "7.0.0-alpha.21",
     "typescript": "~4.6.3",
     "vue-jest": "^5.0.0-alpha.8",
     "vue-loader": "^16.0.0"
diff --git a/code/examples/vue-cli/package.json b/code/examples/vue-cli/package.json
index 0009d1426e28..18ae2d2f3272 100644
--- a/code/examples/vue-cli/package.json
+++ b/code/examples/vue-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "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.20",
-    "@storybook/addon-essentials": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.21",
+    "@storybook/addon-essentials": "7.0.0-alpha.21",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/source-loader": "7.0.0-alpha.20",
-    "@storybook/vue": "7.0.0-alpha.20",
-    "@storybook/vue-webpack5": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/vue": "7.0.0-alpha.21",
+    "@storybook/vue-webpack5": "7.0.0-alpha.21",
     "@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.20",
+    "storybook": "7.0.0-alpha.21",
     "typescript": "~4.6.3",
     "vue-template-compiler": "^2.6.14"
   }
diff --git a/code/examples/vue-kitchen-sink/package.json b/code/examples/vue-kitchen-sink/package.json
index 620363008f76..07fe0ff72c7f 100644
--- a/code/examples/vue-kitchen-sink/package.json
+++ b/code/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,29 +14,29 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.21",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
+    "@storybook/addon-controls": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.21",
+    "@storybook/addon-interactions": "7.0.0-alpha.21",
+    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-storysource": "7.0.0-alpha.21",
+    "@storybook/addon-viewport": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.21",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.21",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue": "7.0.0-alpha.20",
-    "@storybook/vue-webpack5": "7.0.0-alpha.20",
+    "@storybook/vue": "7.0.0-alpha.21",
+    "@storybook/vue-webpack5": "7.0.0-alpha.21",
     "@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.20",
+    "storybook": "7.0.0-alpha.21",
     "svg-url-loader": "^7.1.1",
     "vue-loader": "^15.9.6",
     "vue-style-loader": "^4.1.3",
diff --git a/code/examples/web-components-kitchen-sink/package.json b/code/examples/web-components-kitchen-sink/package.json
index 52b6111d87b5..df0b72c875ab 100644
--- a/code/examples/web-components-kitchen-sink/package.json
+++ b/code/examples/web-components-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "private": true,
   "description": "",
   "keywords": [],
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 507e4d372f51..13a3d64e3c15 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,19 +34,19 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/core-server": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/core-server": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index e72d3cbcd61c..08f5a7add16c 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -30,11 +30,11 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index ab502367bc20..353052548824 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/html": "7.0.0-alpha.20",
-    "@storybook/preset-html-webpack": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/html": "7.0.0-alpha.21",
+    "@storybook/preset-html-webpack": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index cab8c09d0380..5fd951432df8 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preact": "7.0.0-alpha.20",
-    "@storybook/preset-preact-webpack": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/preact": "7.0.0-alpha.21",
+    "@storybook/preset-preact-webpack": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 118a18704880..b37ad107d244 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/preset-react-webpack": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/preset-react-webpack": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2"
   },
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 15fe8555165b..7d0c9336ee6b 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-server-webpack": "7.0.0-alpha.20",
-    "@storybook/server": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/preset-server-webpack": "7.0.0-alpha.21",
+    "@storybook/server": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index eef159eb6cf5..fd3ce7986600 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,10 +51,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-svelte-webpack": "7.0.0-alpha.20",
-    "@storybook/svelte": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/preset-svelte-webpack": "7.0.0-alpha.21",
+    "@storybook/svelte": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index d7202a378326..6610e82a5b3c 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-vue-webpack": "7.0.0-alpha.20",
-    "@storybook/vue": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/preset-vue-webpack": "7.0.0-alpha.21",
+    "@storybook/vue": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 12bdc4581aed..57ba5fc7ba8e 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-vue3-webpack": "7.0.0-alpha.20",
-    "@storybook/vue3": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/preset-vue3-webpack": "7.0.0-alpha.21",
+    "@storybook/vue3": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 6fe34a17bc8e..cc6fe3c7d9d2 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -53,10 +53,10 @@
   },
   "dependencies": {
     "@babel/preset-env": "^7.12.11",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-web-components-webpack": "7.0.0-alpha.20",
-    "@storybook/web-components": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/preset-web-components-webpack": "7.0.0-alpha.21",
+    "@storybook/web-components": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/lerna.json b/code/lerna.json
index 599aa6c26c94..4906debb0d08 100644
--- a/code/lerna.json
+++ b/code/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "7.0.0-alpha.20"
+  "version": "7.0.0-alpha.21"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 9494b9a37656..888aec412f7b 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/router": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 3a14426f57f7..458ca33f0034 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -32,13 +32,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/router": "7.0.0-alpha.21",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 89ae9ce261be..8c9f5832a39a 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
@@ -41,16 +41,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/preview-web": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "color-convert": "^2.0.1",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
@@ -64,7 +64,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/addons": "7.0.0-alpha.20"
+    "@storybook/addons": "7.0.0-alpha.21"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 0f6ff512ea3e..2f9eec90354e 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
@@ -42,9 +42,9 @@
   },
   "dependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/ui": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/ui": "7.0.0-alpha.21",
     "@types/ejs": "^3.1.1",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
     "browser-assert": "^1.2.1",
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index 8cea7d42b409..de7f82b4780d 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,23 +34,23 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channel-websocket": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/channel-postmessage": "7.0.0-alpha.21",
+    "@storybook/channel-websocket": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/preview-web": "7.0.0-alpha.21",
+    "@storybook/router": "7.0.0-alpha.21",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.21",
     "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-named-exports-order": "^0.0.2",
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index cf040416574d..1890116c00b1 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,9 +34,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "qs": "^6.10.0",
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index fec6dac9763b..8fe446295cb9 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "telejson": "^6.0.8"
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index fdea6ce50a3b..5ff4cc216b36 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 5122fac0f568..c100332c9fc8 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.20"
+    "@storybook/cli": "7.0.0-alpha.21"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 3d7b341a176c..fd2dac53c9de 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -28,7 +28,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.20"
+    "@storybook/cli": "7.0.0-alpha.21"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 8170321b4ed7..5f2f17000dcd 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -48,13 +48,13 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-server": "7.0.0-alpha.20",
-    "@storybook/csf-tools": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/codemod": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/core-server": "7.0.0-alpha.21",
+    "@storybook/csf-tools": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.20",
+    "@storybook/telemetry": "7.0.0-alpha.21",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -81,7 +81,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.20",
+    "@storybook/client-api": "7.0.0-alpha.21",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
     "@types/prompts": "^2.0.9",
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index 08c1091c4df4..9ae7eafac430 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/channel-postmessage": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.21",
     "@types/qs": "^6.9.5",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 8bd061912f05..28c114bda110 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index dde5b9e149ce..5cd9919d7389 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -45,8 +45,8 @@
     "@babel/types": "^7.12.11",
     "@mdx-js/mdx": "^1.6.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/csf-tools": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "cross-spawn": "^7.0.3",
     "globby": "^11.0.2",
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index a69f0f51304a..a351693f47c2 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index f9a2f933d2e9..0e936a839e34 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,16 +34,16 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channel-websocket": "7.0.0-alpha.20",
-    "@storybook/client-api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/channel-postmessage": "7.0.0-alpha.21",
+    "@storybook/channel-websocket": "7.0.0-alpha.21",
+    "@storybook/client-api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/ui": "7.0.0-alpha.20",
+    "@storybook/preview-web": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/ui": "7.0.0-alpha.21",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 977736a7a856..1030ae049151 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -69,7 +69,7 @@
     "@babel/preset-typescript": "^7.12.7",
     "@babel/register": "^7.12.1",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.21",
     "@storybook/semver": "^7.3.2",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index e3e3a4911d50..60adb51d51d0 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index b729ce9eb3b4..671fc79ce780 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -35,17 +35,17 @@
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.88",
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-manager": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/builder-manager": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.20",
+    "@storybook/csf-tools": "7.0.0-alpha.21",
     "@storybook/docs-mdx": "0.0.1-canary.12433cf.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.21",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/telemetry": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/telemetry": "7.0.0-alpha.21",
     "@types/node": "^14.0.10 || ^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
@@ -77,7 +77,7 @@
     "ws": "^8.2.3"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.21",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index f4139ad8ad0d..601a782bec8e 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
     "@types/node": "^14.0.10 || ^16.0.0",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index f7d63fbc4ac5..c9530d0b07cf 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 3c1f212600a1..921e5dd372b3 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
@@ -36,7 +36,7 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index c97c18621da6..0989845b516a 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index f5f85478381b..8faa74ad8429 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 550d56efc0f7..ad709c08b7bd 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 0ef9cd69ef64..3e40a6df0746 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,13 +41,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/channel-postmessage": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.21",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index 559857abeb0a..cf01f3176b4b 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -34,7 +34,7 @@
     "prepare": "ts-node ../../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 953c09b2813a..3111c5e65524 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -35,8 +35,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 5b20a014bed0..f73706f976d8 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 5b377cecd54a..9aa4a8a508bc 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.21",
     "chalk": "^4.1.0",
     "core-js": "^3.8.2",
     "detect-package-manager": "^2.0.1",
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 4a0c550ba8cf..ca4e8c165d48 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -47,7 +47,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3"
   },
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index c3dcba6bbb29..0f485841b111 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -54,18 +54,18 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channel-websocket": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/channel-postmessage": "7.0.0-alpha.21",
+    "@storybook/channel-websocket": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/core-events": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/router": "7.0.0-alpha.21",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.21",
     "@testing-library/react": "^11.2.2",
     "copy-to-clipboard": "^3.3.1",
     "core-js": "^3.8.2",
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 30e246de9853..9f07aaefd6aa 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,7 +50,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "html-loader": "^3.1.0",
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 1476cce3d451..d7b353810024 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 7a9985e3f541..b1b1f5e9d009 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -74,10 +74,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.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.21",
     "@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/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index b3044752c23f..921023cfc092 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -55,9 +55,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-server": "7.0.0-alpha.20",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/server": "7.0.0-alpha.20",
+    "@storybook/core-server": "7.0.0-alpha.21",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
+    "@storybook/server": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 938924636a82..08cbcdc44252 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -65,8 +65,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 76097e3b93c8..0daf12248d7c 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -60,8 +60,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 6298927f0993..000d44d9827c 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -61,8 +61,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index b7c1adc75c51..335b6a14cbea 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-web-components-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -55,7 +55,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.20",
+    "@storybook/core-webpack": "7.0.0-alpha.21",
     "@types/node": "^14.14.20 || ^16.0.0",
     "babel-loader": "^7.0.0 || ^8.0.0",
     "babel-plugin-bundled-import-meta": "^0.3.1",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 0b12acd717b4..684aa8c01ce7 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/preview-web": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 7fb425c7b7ca..d41be61a2035 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 4df3506af678..5efc0753800e 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -51,12 +51,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "acorn": "^7.4.1",
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 58365b2db0e4..ac9b810b1e32 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -50,11 +50,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/preview-web": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 4e3cb2a4531f..b9c499b7457d 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -54,12 +54,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 651c6c2afbc1..71900790a67a 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index f772b2f25f5f..20109fb0f66a 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -51,11 +51,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 3d7db15f728f..c266b0b53a4f 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.21",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -52,14 +52,14 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/core-client": "7.0.0-alpha.21",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/preview-web": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.21",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",

From 1c3b6ec06c57cc3aee1cc7767eb6f157386a34d1 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 10:30:05 +0800
Subject: [PATCH 221/266] Update git head to 7.0.0-alpha.21, update yarn.lock
 [ci skip]

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 29b3e198fda2..49302e41bf85 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -105,7 +105,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 125ecffdc49d..274d35d49c49 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -73,7 +73,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 1b77dde2820b..a14f2f0705af 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -100,7 +100,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 4c4e4a5a45d0..cdd10b2e8063 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -93,7 +93,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index c38167221342..10f00dca4edb 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -104,7 +104,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index c82406b0bae1..59e763340697 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -99,5 +99,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index f1085911752a..3995a57d1f8e 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -49,7 +49,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Highlight",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index e9a59cb86ed0..24d547002d56 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Interactions",
     "unsupportedFrameworks": [
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index f7aa585e931d..d9ae2101bcb5 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -95,7 +95,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Jest",
     "icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index b19aa6ae99fe..e821ded47e04 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -99,7 +99,7 @@
       "./src/react/index.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index aa350a5b5ea8..cb79e283e9ae 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -95,7 +95,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Measure",
     "unsupportedFrameworks": [
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 7c54306f2a21..7584ba4252df 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -99,7 +99,7 @@
       "./src/preset/preview.tsx"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Outline",
     "unsupportedFrameworks": [
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index 0a779fc5483a..58e195a80b1b 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -144,7 +144,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Storyshots",
     "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 7695385dae87..53b0643b7f2e 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 0dd669e4c912..3c86a609f482 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -67,7 +67,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Storysource",
     "icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index b3abdd1a3b58..27d9652e9a5a 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -89,7 +89,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Toolbars",
     "icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 5e731bbe8d09..0388ad327a88 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -65,7 +65,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
   "storybook": {
     "displayName": "Viewport",
     "icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 13a3d64e3c15..d7926bcab7aa 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 08f5a7add16c..da07fe0cbf91 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 353052548824..1f1f874500dc 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -79,5 +79,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 5fd951432df8..4857f112d52e 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index b37ad107d244..8bcf983d0a48 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 7d0c9336ee6b..212a3e079431 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -75,5 +75,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index fd3ce7986600..c59e38a6d0e4 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index 6610e82a5b3c..eda338d37bff 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 57ba5fc7ba8e..250130b58e42 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -83,5 +83,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index cc6fe3c7d9d2..29dc9af6c511 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 888aec412f7b..3e4c5c5182ed 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 458ca33f0034..d52a2f744718 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 8c9f5832a39a..57ff82699267 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -77,5 +77,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 2f9eec90354e..5e1c124efee2 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -68,5 +68,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index de7f82b4780d..622cabd9a0b2 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -95,5 +95,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 1890116c00b1..8a43c058f7b4 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index 8fe446295cb9..1bc5766e7e7b 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 5ff4cc216b36..03c944452de7 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -57,5 +57,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index c100332c9fc8..411fdcda7a0c 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index fd2dac53c9de..64ad0f8cdbad 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 5f2f17000dcd..069476866e6c 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index 9ae7eafac430..decec4b741d8 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 28c114bda110..de6cc396ba33 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 5cd9919d7389..f864a8bd2381 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index a351693f47c2..bac21fa0f572 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "neutral"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index 0e936a839e34..77b492d3bb5b 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 1030ae049151..64dc401aff5e 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -125,5 +125,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 60adb51d51d0..43b3f7c2452e 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -55,5 +55,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index 671fc79ce780..34acf2221cc4 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -101,5 +101,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 601a782bec8e..c3fe5d1a29b3 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index c9530d0b07cf..769a77ef0ccd 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 921e5dd372b3..28afebb51e82 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -49,5 +49,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 0989845b516a..b93d3ade0b00 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 8faa74ad8429..33bc1611e0dc 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index ad709c08b7bd..71f1c175af3a 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 3e40a6df0746..6d710782b266 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index cf01f3176b4b..41404c84cf8f 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -58,5 +58,5 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.ts",
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 3111c5e65524..ea141d86c47b 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index f73706f976d8..60016fffa738 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 9aa4a8a508bc..10d0c8b24d1b 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index ca4e8c165d48..6dec6fbe0f29 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -80,5 +80,5 @@
     ],
     "post": "./scripts/fix-theme-type-export.ts"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index 0f485841b111..492124e5acd6 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -104,5 +104,5 @@
       "./src/runtime.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 9f07aaefd6aa..13008b4bb244 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -76,5 +76,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index d7b353810024..6587d6bb3ebd 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index b1b1f5e9d009..06fdde91d55a 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -123,5 +123,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 921023cfc092..e0f163350cff 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 08cbcdc44252..4c07511b6875 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 0daf12248d7c..c2aee2735d23 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 000d44d9827c..327921f213b6 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 335b6a14cbea..78fe556d49d4 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 684aa8c01ce7..009021e85e86 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -81,5 +81,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index d41be61a2035..02ceacfa71bd 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 5efc0753800e..01171030e5f3 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -101,5 +101,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index ac9b810b1e32..cef147a8f4d5 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index b9c499b7457d..4fa82748ac15 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 71900790a67a..bcffbdc7831d 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 20109fb0f66a..696f5bf0329f 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index c266b0b53a4f..15cf29d65179 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
 }
diff --git a/code/yarn.lock b/code/yarn.lock
index 9d98e70f6a3c..353c33f0b491 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6752,19 +6752,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-a11y@7.0.0-alpha.20, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
+"@storybook/addon-a11y@7.0.0-alpha.21, @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/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.21
     "@testing-library/react": ^11.2.2
     axe-core: ^4.2.0
     core-js: ^3.8.2
@@ -6785,17 +6785,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-actions@7.0.0-alpha.20, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.21
     "@types/lodash": ^4.14.167
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -6820,17 +6820,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-backgrounds@7.0.0-alpha.20, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -6848,20 +6848,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-controls@7.0.0-alpha.20, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/blocks": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/blocks": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     core-js: ^3.8.2
     lodash: ^4.17.21
     ts-dedent: ^2.0.0
@@ -6876,7 +6876,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-docs@7.0.0-alpha.20, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@7.0.0-alpha.21, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-docs@workspace:addons/docs"
   dependencies:
@@ -6885,23 +6885,23 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@jest/transform": ^26.6.2
     "@mdx-js/react": ^1.6.22
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/blocks": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/blocks": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/csf-tools": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.21
     "@storybook/mdx1-csf": 0.0.5-canary.13.9ce928a.0
     "@storybook/mdx2-csf": 0.0.4-canary.14.04ffbe8.0
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/postinstall": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/postinstall": 7.0.0-alpha.21
+    "@storybook/preview-web": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     "@types/util-deprecate": ^1.0.0
     babel-loader: ^8.2.5
     core-js: ^3.8.2
@@ -6927,25 +6927,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-essentials@7.0.0-alpha.20, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
+"@storybook/addon-essentials@7.0.0-alpha.21, @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.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-measure": 7.0.0-alpha.20
-    "@storybook/addon-outline": 7.0.0-alpha.20
-    "@storybook/addon-toolbars": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/vue": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-controls": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-measure": 7.0.0-alpha.21
+    "@storybook/addon-outline": 7.0.0-alpha.21
+    "@storybook/addon-toolbars": 7.0.0-alpha.21
+    "@storybook/addon-viewport": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/vue": 7.0.0-alpha.21
     "@types/jest": ^26.0.16
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -6980,12 +6980,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-highlight@7.0.0-alpha.20, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
+"@storybook/addon-highlight@7.0.0-alpha.21, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-highlight@workspace:addons/highlight"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -6993,22 +6993,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-interactions@7.0.0-alpha.20, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
+"@storybook/addon-interactions@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/instrumenter": 7.0.0-alpha.20
+    "@storybook/instrumenter": 7.0.0-alpha.21
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.21
     core-js: ^3.8.2
     formik: ^2.2.9
     global: ^4.4.0
@@ -7027,16 +7027,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-jest@7.0.0-alpha.20, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
+"@storybook/addon-jest@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     react-sizeme: ^3.0.1
@@ -7053,15 +7053,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-links@7.0.0-alpha.20, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
+"@storybook/addon-links@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/router": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     prop-types: ^15.7.2
@@ -7078,15 +7078,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-measure@7.0.0-alpha.20, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7102,15 +7102,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-outline@7.0.0-alpha.20, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7140,20 +7140,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.20, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
+"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.21, @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.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.21
     "@types/jest-image-snapshot": ^4.1.3
     "@types/puppeteer": ^5.4.0
     core-js: ^3.8.2
     jest-image-snapshot: ^4.3.0
     puppeteer: ^2.0.0 || ^3.0.0
   peerDependencies:
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
     puppeteer: ">=2.0.0"
   peerDependenciesMeta:
     puppeteer:
@@ -7161,7 +7161,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storyshots@7.0.0-alpha.20, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
+"@storybook/addon-storyshots@7.0.0-alpha.21, @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:
@@ -7169,18 +7169,18 @@ __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.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/angular": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/angular": 7.0.0-alpha.21
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/client-api": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/core-webpack": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/vue": 7.0.0-alpha.20
-    "@storybook/vue3": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/vue": 7.0.0-alpha.21
+    "@storybook/vue3": 7.0.0-alpha.21
     "@types/glob": ^7.1.3
     "@types/jest": ^26.0.16
     "@types/jest-specific-snapshot": ^0.5.3
@@ -7251,17 +7251,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storysource@7.0.0-alpha.20, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
+"@storybook/addon-storysource@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/router": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/router": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     "@types/react": ^16.14.23
     "@types/react-syntax-highlighter": 11.0.5
     core-js: ^3.8.2
@@ -7280,15 +7280,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-toolbars@7.0.0-alpha.20, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-toolbars@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     core-js: ^3.8.2
     typescript: ~4.6.3
   peerDependencies:
@@ -7302,16 +7302,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-viewport@7.0.0-alpha.20, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -7328,17 +7328,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@7.0.0-alpha.20, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
+"@storybook/addons@7.0.0-alpha.21, @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.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/router": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7370,7 +7370,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/angular@7.0.0-alpha.20, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
+"@storybook/angular@7.0.0-alpha.21, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
   version: 0.0.0-use.local
   resolution: "@storybook/angular@workspace:frameworks/angular"
   dependencies:
@@ -7387,19 +7387,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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/core-server": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/core-server": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.21
     "@types/autoprefixer": ^9.7.2
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -7456,17 +7456,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@7.0.0-alpha.20, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
+"@storybook/api@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/router": 7.0.0-alpha.21
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.21
     "@types/lodash": ^4.14.167
     "@types/qs": ^6
     "@types/semver": ^7.3.4
@@ -7524,21 +7524,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@7.0.0-alpha.20, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
+"@storybook/blocks@7.0.0-alpha.21, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
   version: 0.0.0-use.local
   resolution: "@storybook/blocks@workspace:lib/blocks"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/preview-web": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     color-convert: ^2.0.1
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -7555,14 +7555,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-manager@7.0.0-alpha.20, @storybook/builder-manager@workspace:lib/builder-manager":
+"@storybook/builder-manager@7.0.0-alpha.21, @storybook/builder-manager@workspace:lib/builder-manager":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-manager@workspace:lib/builder-manager"
   dependencies:
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/ui": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/ui": 7.0.0-alpha.21
     "@types/ejs": ^3.1.1
     "@yarnpkg/esbuild-plugin-pnp": ^3.0.0-rc.10
     browser-assert: ^1.2.1
@@ -7577,28 +7577,28 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-webpack5@7.0.0-alpha.20, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
+"@storybook/builder-webpack5@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channel-websocket": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/core-webpack": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/channel-postmessage": 7.0.0-alpha.21
+    "@storybook/channel-websocket": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/core-webpack": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/preview-web": 7.0.0-alpha.21
+    "@storybook/router": 7.0.0-alpha.21
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.2.0
     "@types/webpack-dev-middleware": ^5.3.0
@@ -7637,13 +7637,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-postmessage@7.0.0-alpha.20, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
+"@storybook/channel-postmessage@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     qs: ^6.10.0
@@ -7652,12 +7652,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-websocket@7.0.0-alpha.20, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
+"@storybook/channel-websocket@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     telejson: ^6.0.8
@@ -7665,7 +7665,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@7.0.0-alpha.20, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@7.0.0-alpha.21, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
@@ -7687,20 +7687,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/cli@7.0.0-alpha.20, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@7.0.0-alpha.21, @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.20
-    "@storybook/codemod": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-server": 7.0.0-alpha.20
-    "@storybook/csf-tools": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/client-api": 7.0.0-alpha.21
+    "@storybook/codemod": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/core-server": 7.0.0-alpha.21
+    "@storybook/csf-tools": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
     "@storybook/semver": ^7.3.2
-    "@storybook/telemetry": 7.0.0-alpha.20
+    "@storybook/telemetry": 7.0.0-alpha.21
     "@types/cross-spawn": ^6.0.2
     "@types/degit": ^2.8.3
     "@types/prompts": ^2.0.9
@@ -7739,17 +7739,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-api@7.0.0-alpha.20, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
+"@storybook/client-api@7.0.0-alpha.21, @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.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/channel-postmessage": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.21
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
@@ -7769,7 +7769,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@7.0.0-alpha.20, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@7.0.0-alpha.21, @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:
@@ -7789,15 +7789,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/codemod@7.0.0-alpha.20, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@7.0.0-alpha.21, @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.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/csf-tools": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
     core-js: ^3.8.2
     cross-spawn: ^7.0.3
     globby: ^11.0.2
@@ -7811,14 +7811,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/components@7.0.0-alpha.20, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
+"@storybook/components@7.0.0-alpha.21, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
   version: 0.0.0-use.local
   resolution: "@storybook/components@workspace:lib/components"
   dependencies:
     "@popperjs/core": ^2.6.0
-    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.21
     "@testing-library/jest-dom": ^5.16.4
     "@types/color-convert": ^2.0.0
     "@types/lodash": ^4.14.182
@@ -7853,20 +7853,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-client@7.0.0-alpha.20, @storybook/core-client@workspace:lib/core-client":
+"@storybook/core-client@7.0.0-alpha.21, @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.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channel-websocket": 7.0.0-alpha.20
-    "@storybook/client-api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/channel-postmessage": 7.0.0-alpha.21
+    "@storybook/channel-websocket": 7.0.0-alpha.21
+    "@storybook/client-api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/ui": 7.0.0-alpha.20
+    "@storybook/preview-web": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/ui": 7.0.0-alpha.21
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7882,7 +7882,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@7.0.0-alpha.20, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@7.0.0-alpha.21, @storybook/core-common@workspace:lib/core-common":
   version: 0.0.0-use.local
   resolution: "@storybook/core-common@workspace:lib/core-common"
   dependencies:
@@ -7909,7 +7909,7 @@ __metadata:
     "@babel/preset-typescript": ^7.12.7
     "@babel/register": ^7.12.1
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.21
     "@storybook/semver": ^7.3.2
     "@types/babel__core": ^7.0.0
     "@types/compression": ^1.7.0
@@ -7953,7 +7953,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@7.0.0-alpha.20, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@7.0.0-alpha.21, @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:
@@ -7971,24 +7971,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-server@7.0.0-alpha.20, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@7.0.0-alpha.21, @storybook/core-server@workspace:lib/core-server":
   version: 0.0.0-use.local
   resolution: "@storybook/core-server@workspace:lib/core-server"
   dependencies:
     "@aw-web-design/x-default-browser": 1.4.88
     "@discoveryjs/json-ext": ^0.5.3
-    "@storybook/builder-manager": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/builder-manager": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.20
+    "@storybook/csf-tools": 7.0.0-alpha.21
     "@storybook/docs-mdx": 0.0.1-canary.12433cf.0
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.21
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/telemetry": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/telemetry": 7.0.0-alpha.21
     "@types/compression": ^1.7.0
     "@types/ip": ^1.1.0
     "@types/node": ^14.0.10 || ^16.0.0
@@ -8036,12 +8036,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-webpack@7.0.0-alpha.20, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
+"@storybook/core-webpack@7.0.0-alpha.21, @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.20
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
     "@types/node": ^14.0.10 || ^16.0.0
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -8049,7 +8049,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@7.0.0-alpha.20, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@7.0.0-alpha.21, @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:
@@ -8134,13 +8134,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/docs-tools@7.0.0-alpha.20, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+"@storybook/docs-tools@7.0.0-alpha.21, @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.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.21
     core-js: ^3.8.2
     doctrine: ^3.0.0
     jest-specific-snapshot: ^4.0.0
@@ -8162,15 +8162,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ember@7.0.0-alpha.20, @storybook/ember@workspace:*, @storybook/ember@workspace:frameworks/ember":
+"@storybook/ember@7.0.0-alpha.21, @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.20
-    "@storybook/core-client": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8203,14 +8203,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.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/cli": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/addon-essentials": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-storysource": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/cli": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/react-webpack5": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     "@types/babel__preset-env": ^7
     "@types/react": ^16.14.23
     "@types/react-dom": ^16.9.14
@@ -8218,7 +8218,7 @@ __metadata:
     lodash: ^4.17.21
     react: 16.14.0
     react-dom: 16.14.0
-    sb: 7.0.0-alpha.20
+    sb: 7.0.0-alpha.21
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8231,15 +8231,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.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/cli": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/addon-essentials": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-storysource": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/cli": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/react-webpack5": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     "@testing-library/dom": ^7.31.2
     "@testing-library/react": 12.1.2
     "@testing-library/user-event": ^13.1.9
@@ -8252,7 +8252,7 @@ __metadata:
     prop-types: 15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8272,15 +8272,15 @@ __metadata:
   resolution: "@storybook/external-docs@workspace:examples/external-docs"
   dependencies:
     "@babel/preset-env": ^7.17.10
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-essentials": 7.0.0-alpha.20
-    "@storybook/blocks": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-essentials": 7.0.0-alpha.21
+    "@storybook/blocks": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/preview-web": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/react-webpack5": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     "@types/babel__preset-env": ^7
@@ -8296,20 +8296,20 @@ __metadata:
     prop-types: ^15.8.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
   linkType: soft
 
-"@storybook/html-webpack5@7.0.0-alpha.20, @storybook/html-webpack5@workspace:*, @storybook/html-webpack5@workspace:frameworks/html-webpack5":
+"@storybook/html-webpack5@7.0.0-alpha.21, @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.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/html": 7.0.0-alpha.20
-    "@storybook/preset-html-webpack": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/html": 7.0.0-alpha.21
+    "@storybook/preset-html-webpack": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8321,16 +8321,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/html@7.0.0-alpha.20, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
+"@storybook/html@7.0.0-alpha.21, @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.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/preview-web": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8342,13 +8342,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@7.0.0-alpha.20, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     typescript: ~4.6.3
@@ -8460,7 +8460,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/node-logger@7.0.0-alpha.20, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@7.0.0-alpha.21, @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:
@@ -8487,7 +8487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/postinstall@7.0.0-alpha.20, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@7.0.0-alpha.21, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
   version: 0.0.0-use.local
   resolution: "@storybook/postinstall@workspace:lib/postinstall"
   dependencies:
@@ -8499,14 +8499,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact-webpack5@7.0.0-alpha.20, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
+"@storybook/preact-webpack5@7.0.0-alpha.21, @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.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preact": 7.0.0-alpha.20
-    "@storybook/preset-preact-webpack": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/preact": 7.0.0-alpha.21
+    "@storybook/preset-preact-webpack": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8519,14 +8519,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact@7.0.0-alpha.20, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
+"@storybook/preact@7.0.0-alpha.21, @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.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     preact: ^10.5.13
@@ -8558,11 +8558,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-html-webpack@7.0.0-alpha.20, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
+"@storybook/preset-html-webpack@7.0.0-alpha.21, @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.20
+    "@storybook/core-webpack": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     html-loader: ^3.1.0
@@ -8575,12 +8575,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-preact-webpack@7.0.0-alpha.20, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
+"@storybook/preset-preact-webpack@7.0.0-alpha.21, @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.20
+    "@storybook/core-webpack": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8593,17 +8593,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-react-webpack@7.0.0-alpha.20, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
+"@storybook/preset-react-webpack@7.0.0-alpha.21, @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.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.21
     "@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
@@ -8640,13 +8640,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-server-webpack@7.0.0-alpha.20, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
+"@storybook/preset-server-webpack@7.0.0-alpha.21, @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.20
-    "@storybook/core-webpack": 7.0.0-alpha.20
-    "@storybook/server": 7.0.0-alpha.20
+    "@storybook/core-server": 7.0.0-alpha.21
+    "@storybook/core-webpack": 7.0.0-alpha.21
+    "@storybook/server": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     fs-extra: ^9.0.1
@@ -8662,12 +8662,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-svelte-webpack@7.0.0-alpha.20, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
+"@storybook/preset-svelte-webpack@7.0.0-alpha.21, @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.20
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -8683,12 +8683,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue-webpack@7.0.0-alpha.20, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
+"@storybook/preset-vue-webpack@7.0.0-alpha.21, @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.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -8711,12 +8711,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue3-webpack@7.0.0-alpha.20, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
+"@storybook/preset-vue3-webpack@7.0.0-alpha.21, @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.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": ^3.2.33
     core-js: ^3.8.2
@@ -8737,14 +8737,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-web-components-webpack@7.0.0-alpha.20, @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.21, @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.20
+    "@storybook/core-webpack": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     babel-loader: ^7.0.0 || ^8.0.0
     babel-plugin-bundled-import-meta: ^0.3.1
@@ -8758,17 +8758,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preview-web@7.0.0-alpha.20, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
+"@storybook/preview-web@7.0.0-alpha.21, @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.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/channel-postmessage": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.21
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8799,13 +8799,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-webpack5@7.0.0-alpha.20, @storybook/react-webpack5@workspace:*, @storybook/react-webpack5@workspace:frameworks/react-webpack5":
+"@storybook/react-webpack5@7.0.0-alpha.21, @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.20
-    "@storybook/preset-react-webpack": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/preset-react-webpack": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     jest-specific-snapshot: ^4.0.0
@@ -8822,17 +8822,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/react@7.0.0-alpha.20, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
+"@storybook/react@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
     "@types/estree": ^0.0.51
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/util-deprecate": ^1.0.0
@@ -9135,11 +9135,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@7.0.0-alpha.20, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@7.0.0-alpha.21, @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.20
+    "@storybook/client-logger": 7.0.0-alpha.21
     core-js: ^3.8.2
     dequal: ^2.0.2
     global: ^4.4.0
@@ -9186,14 +9186,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/server-webpack5@7.0.0-alpha.20, @storybook/server-webpack5@workspace:*, @storybook/server-webpack5@workspace:frameworks/server-webpack5":
+"@storybook/server-webpack5@7.0.0-alpha.21, @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.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-server-webpack": 7.0.0-alpha.20
-    "@storybook/server": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/preset-server-webpack": 7.0.0-alpha.21
+    "@storybook/server": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9202,15 +9202,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/server@7.0.0-alpha.20, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
+"@storybook/server@7.0.0-alpha.21, @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.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/preview-web": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9220,12 +9220,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/source-loader@7.0.0-alpha.20, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     estraverse: ^5.2.0
@@ -9239,13 +9239,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/store@7.0.0-alpha.20, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
+"@storybook/store@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -9264,14 +9264,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte-webpack5@7.0.0-alpha.20, @storybook/svelte-webpack5@workspace:*, @storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5":
+"@storybook/svelte-webpack5@7.0.0-alpha.21, @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.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-svelte-webpack": 7.0.0-alpha.20
-    "@storybook/svelte": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/preset-svelte-webpack": 7.0.0-alpha.21
+    "@storybook/svelte": 7.0.0-alpha.21
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -9285,16 +9285,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@7.0.0-alpha.20, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
+"@storybook/svelte@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9308,12 +9308,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/telemetry@7.0.0-alpha.20, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
+"@storybook/telemetry@7.0.0-alpha.21, @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.20
-    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
     chalk: ^4.1.0
     core-js: ^3.8.2
     detect-package-manager: ^2.0.1
@@ -9353,7 +9353,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@7.0.0-alpha.20, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@7.0.0-alpha.21, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
   version: 0.0.0-use.local
   resolution: "@storybook/theming@workspace:lib/theming"
   dependencies:
@@ -9361,7 +9361,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.20
+    "@storybook/client-logger": 7.0.0-alpha.21
     "@types/fs-extra": ^9.0.6
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
@@ -9394,24 +9394,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ui@7.0.0-alpha.20, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
+"@storybook/ui@7.0.0-alpha.21, @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
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channel-websocket": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/channel-postmessage": 7.0.0-alpha.21
+    "@storybook/channel-websocket": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/router": 7.0.0-alpha.21
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.21
     "@testing-library/react": ^11.2.2
     copy-to-clipboard: ^3.3.1
     core-js: ^3.8.2
@@ -9441,14 +9441,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue-webpack5@7.0.0-alpha.20, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5":
+"@storybook/vue-webpack5@7.0.0-alpha.21, @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.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-vue-webpack": 7.0.0-alpha.20
-    "@storybook/vue": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/preset-vue-webpack": 7.0.0-alpha.21
+    "@storybook/vue": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9467,14 +9467,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3-webpack5@7.0.0-alpha.20, @storybook/vue3-webpack5@workspace:*, @storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5":
+"@storybook/vue3-webpack5@7.0.0-alpha.21, @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.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-vue3-webpack": 7.0.0-alpha.20
-    "@storybook/vue3": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/preset-vue3-webpack": 7.0.0-alpha.21
+    "@storybook/vue3": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": 3.0.0
     core-js: ^3.8.2
@@ -9490,16 +9490,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3@7.0.0-alpha.20, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
+"@storybook/vue3@7.0.0-alpha.21, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3@workspace:renderers/vue3"
   dependencies:
     "@digitak/esrun": ^3.2.2
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9514,16 +9514,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue@7.0.0-alpha.20, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
+"@storybook/vue@7.0.0-alpha.21, @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.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9544,10 +9544,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.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-web-components-webpack": 7.0.0-alpha.20
-    "@storybook/web-components": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/preset-web-components-webpack": 7.0.0-alpha.21
+    "@storybook/web-components": 7.0.0-alpha.21
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     lit-html: 2.0.2
@@ -9559,18 +9559,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/web-components@7.0.0-alpha.20, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
+"@storybook/web-components@7.0.0-alpha.21, @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.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/core-client": 7.0.0-alpha.21
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/preview-web": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.21
     core-js: ^3.8.2
     global: ^4.4.0
     lit-html: 2.0.2
@@ -12699,22 +12699,22 @@ __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.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-jest": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/angular": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-controls": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-interactions": 7.0.0-alpha.21
+    "@storybook/addon-jest": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-storysource": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/angular": 7.0.0-alpha.21
     "@storybook/babel-plugin-require-context-hook": 1.0.1
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.21
     "@storybook/testing-library": 0.0.14-next.0
     "@types/core-js": ^2.5.4
     "@types/jest": ^26.0.16
@@ -12730,7 +12730,7 @@ __metadata:
     protractor: ~7.0.0
     rxjs: ^6.6.7
     sass: ^1.43.4
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
     storybook-addon-angular-ivy: ^0.0.1
     telejson: ^6.0.8
     ts-jest: ^26.4.4
@@ -17280,28 +17280,28 @@ __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.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-jest": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-jest": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.21
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/react-webpack5": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.21
     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.20
+    storybook: 7.0.0-alpha.21
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -17310,15 +17310,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.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/addon-essentials": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/react-webpack5": 7.0.0-alpha.21
     "@storybook/testing-library": ^0.0.9
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.21
     "@types/jest": ^26.0.16
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -17328,7 +17328,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -17339,16 +17339,16 @@ __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.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.21
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/react-webpack5": 7.0.0-alpha.21
     "@types/enzyme": ^3.10.8
     "@types/jest": 25.2.3
     "@types/node": ^14.14.20 || ^16.0.0
@@ -17363,7 +17363,7 @@ __metadata:
     react-dom: 16.14.0
     react-moment-proptypes: ^1.7.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -19706,19 +19706,19 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@ember/optional-features": ^2.0.0
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/ember": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-controls": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addon-storysource": 7.0.0-alpha.21
+    "@storybook/addon-viewport": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/ember": 7.0.0-alpha.21
     "@storybook/ember-cli-storybook": ^0.2.1
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.21
     babel-loader: ^8.2.5
     broccoli-asset-rev: ^3.0.0
     browserify-zlib: ^0.2.0
@@ -19740,7 +19740,7 @@ __metadata:
     loader.js: ^4.7.0
     os-browserify: ^0.3.0
     shx: ^0.3.2
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
     stream-browserify: ^3.0.0
     vm-browserify: ^1.1.2
     webpack: 5
@@ -24558,31 +24558,31 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "html-kitchen-sink@workspace:examples/html-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-jest": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-controls": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-jest": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
     "@storybook/addon-postcss": ^2.0.0
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/client-api": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/html": 7.0.0-alpha.20
-    "@storybook/html-webpack5": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-storysource": 7.0.0-alpha.21
+    "@storybook/addon-viewport": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/client-api": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/html": 7.0.0-alpha.21
+    "@storybook/html-webpack5": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.21
     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.20
+    storybook: 7.0.0-alpha.21
   languageName: unknown
   linkType: soft
 
@@ -33254,33 +33254,33 @@ __metadata:
   dependencies:
     "@emotion/jest": ^11.8.0
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-jest": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-toolbars": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/cli": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-controls": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-interactions": 7.0.0-alpha.21
+    "@storybook/addon-jest": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.21
+    "@storybook/addon-storysource": 7.0.0-alpha.21
+    "@storybook/addon-toolbars": 7.0.0-alpha.21
+    "@storybook/addon-viewport": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/cli": 7.0.0-alpha.21
+    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/core-events": 7.0.0-alpha.21
     "@storybook/design-system": ^5.4.7
     "@storybook/jest": ^0.0.10
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/router": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/react-webpack5": 7.0.0-alpha.21
+    "@storybook/router": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.21
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.21
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     chromatic: ^6.0.2
@@ -33296,7 +33296,7 @@ __metadata:
     prop-types: ^15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
     terser-webpack-plugin: ^5.3.1
     uuid-browser: ^3.1.0
     webpack: 5
@@ -35662,18 +35662,18 @@ __metadata:
   resolution: "preact-example@workspace:examples/preact-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/preact": 7.0.0-alpha.20
-    "@storybook/preact-webpack5": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-storysource": 7.0.0-alpha.21
+    "@storybook/addon-viewport": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/preact": 7.0.0-alpha.21
+    "@storybook/preact-webpack5": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.21
     "@types/prop-types": ^15.7.3
     "@types/react": ^17
     "@types/react-dom": ^17
@@ -35688,7 +35688,7 @@ __metadata:
     raw-loader: ^4.0.2
     react: ^17.0.2
     react-dom: ^17.0.2
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
     svg-url-loader: ^7.1.1
     webpack: 5
     webpack-dev-server: ^4.8.1
@@ -39340,11 +39340,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sb@7.0.0-alpha.20, sb@workspace:lib/cli-sb":
+"sb@7.0.0-alpha.21, sb@workspace:lib/cli-sb":
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.20
+    "@storybook/cli": 7.0.0-alpha.21
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -39718,15 +39718,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "server-kitchen-sink@workspace:examples/server-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/server": 7.0.0-alpha.20
-    "@storybook/server-webpack5": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-controls": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/server": 7.0.0-alpha.21
+    "@storybook/server-webpack5": 7.0.0-alpha.21
     concurrently: ^5.3.0
     cors: ^2.8.5
     express: ~4.17.1
@@ -39734,7 +39734,7 @@ __metadata:
     nodemon: ^2.0.7
     pug: ^3.0.0
     safe-identifier: ^0.4.1
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
   languageName: unknown
   linkType: soft
 
@@ -40643,15 +40643,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "standalone-preview@workspace:examples/standalone-preview"
   dependencies:
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/cli": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/cli": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/react-webpack5": 7.0.0-alpha.21
     cross-env: ^7.0.3
     parcel: 2.0.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
   languageName: unknown
   linkType: soft
 
@@ -40747,11 +40747,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"storybook@7.0.0-alpha.20, storybook@workspace:lib/cli-storybook":
+"storybook@7.0.0-alpha.21, storybook@workspace:lib/cli-storybook":
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.20
+    "@storybook/cli": 7.0.0-alpha.21
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -41499,25 +41499,25 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "svelte-example@workspace:examples/svelte-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-controls": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-interactions": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-storysource": 7.0.0-alpha.21
+    "@storybook/addon-viewport": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.20
-    "@storybook/svelte": 7.0.0-alpha.20
-    "@storybook/svelte-webpack5": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/svelte": 7.0.0-alpha.21
+    "@storybook/svelte-webpack5": 7.0.0-alpha.21
     "@storybook/testing-library": 0.0.14-next.0
     global: ^4.4.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.21
     svelte-jester: ^2.3.2
     svelte-preprocess: ^4.10.6
   languageName: unknown
@@ -44363,22 +44363,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.20
-    "@storybook/addon-essentials": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-essentials": 7.0.0-alpha.21
+    "@storybook/addon-interactions": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue3": 7.0.0-alpha.20
-    "@storybook/vue3-webpack5": 7.0.0-alpha.20
+    "@storybook/vue3": 7.0.0-alpha.21
+    "@storybook/vue3-webpack5": 7.0.0-alpha.21
     "@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.20
+    storybook: 7.0.0-alpha.21
     typescript: ~4.6.3
     vue: ^3.0.0
     vue-jest: ^5.0.0-alpha.8
@@ -44399,17 +44399,17 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "vue-cli-example@workspace:examples/vue-cli"
   dependencies:
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-essentials": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.21
+    "@storybook/addon-essentials": 7.0.0-alpha.21
     "@storybook/preset-scss": ^1.0.3
-    "@storybook/source-loader": 7.0.0-alpha.20
-    "@storybook/vue": 7.0.0-alpha.20
-    "@storybook/vue-webpack5": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/vue": 7.0.0-alpha.21
+    "@storybook/vue-webpack5": 7.0.0-alpha.21
     "@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.20
+    storybook: 7.0.0-alpha.21
     typescript: ~4.6.3
     vue: ^2.6.12
     vue-class-component: ^7.2.6
@@ -44457,29 +44457,29 @@ __metadata:
   resolution: "vue-example@workspace:examples/vue-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.21
+    "@storybook/addon-backgrounds": 7.0.0-alpha.21
+    "@storybook/addon-controls": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.21
+    "@storybook/addon-interactions": 7.0.0-alpha.21
+    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-storysource": 7.0.0-alpha.21
+    "@storybook/addon-viewport": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.21
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.21
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue": 7.0.0-alpha.20
-    "@storybook/vue-webpack5": 7.0.0-alpha.20
+    "@storybook/vue": 7.0.0-alpha.21
+    "@storybook/vue-webpack5": 7.0.0-alpha.21
     "@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.20
+    storybook: 7.0.0-alpha.21
     svg-url-loader: ^7.1.1
     vue: ^2.6.12
     vue-loader: ^15.9.6

From 49d4a68e219d2ac5a1717e683b0f1e294043bbbc Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 18:31:02 +0800
Subject: [PATCH 222/266] PackageManager: Add ability to run in a cwd

---
 .../js-package-manager/JsPackageManager.ts    | 20 +++++++++++++++----
 .../JsPackageManagerFactory.ts                | 10 +++++-----
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/code/lib/cli/src/js-package-manager/JsPackageManager.ts b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
index 7ee879b75f56..6f9ee273038b 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManager.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
@@ -27,6 +27,9 @@ export function getPackageDetails(pkg: string): [string, string?] {
   return [packageName, packageVersion];
 }
 
+interface JsPackageManagerOptions {
+  cwd?: string;
+}
 export abstract class JsPackageManager {
   public abstract readonly type: 'npm' | 'yarn1' | 'yarn2';
 
@@ -38,6 +41,12 @@ export abstract class JsPackageManager {
 
   public abstract setRegistryURL(url: string): void;
 
+  public readonly cwd?: string;
+
+  constructor({ cwd }: JsPackageManagerOptions) {
+    this.cwd = cwd;
+  }
+
   /**
    * Install dependencies listed in `package.json`
    */
@@ -58,8 +67,12 @@ export abstract class JsPackageManager {
     done();
   }
 
+  packageJsonPath(): string {
+    return this.cwd ? path.resolve(this.cwd, 'package.json') : path.resolve('package.json');
+  }
+
   readPackageJson(): PackageJson {
-    const packageJsonPath = path.resolve('package.json');
+    const packageJsonPath = this.packageJsonPath();
     if (!fs.existsSync(packageJsonPath)) {
       throw new Error(`Could not read package.json file at ${packageJsonPath}`);
     }
@@ -70,9 +83,7 @@ export abstract class JsPackageManager {
 
   writePackageJson(packageJson: PackageJson) {
     const content = `${JSON.stringify(packageJson, null, 2)}\n`;
-    const packageJsonPath = path.resolve('package.json');
-
-    fs.writeFileSync(packageJsonPath, content, 'utf8');
+    fs.writeFileSync(this.packageJsonPath(), content, 'utf8');
   }
 
   /**
@@ -359,6 +370,7 @@ export abstract class JsPackageManager {
 
   public executeCommand(command: string, args: string[], stdio?: 'pipe' | 'inherit'): string {
     const commandResult = spawnSync(command, args, {
+      cwd: this.cwd,
       stdio: stdio ?? 'pipe',
       encoding: 'utf-8',
     });
diff --git a/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts b/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts
index 6a7c9d38840b..5ebd71e51ada 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts
@@ -6,22 +6,22 @@ import { Yarn2Proxy } from './Yarn2Proxy';
 import { Yarn1Proxy } from './Yarn1Proxy';
 
 export class JsPackageManagerFactory {
-  public static getPackageManager(forceNpmUsage = false): JsPackageManager {
+  public static getPackageManager(forceNpmUsage = false, cwd?: string): JsPackageManager {
     if (forceNpmUsage) {
-      return new NPMProxy();
+      return new NPMProxy({ cwd });
     }
 
     const yarnVersion = getYarnVersion();
-    const hasYarnLockFile = findUpSync('yarn.lock');
+    const hasYarnLockFile = findUpSync('yarn.lock', { cwd });
 
     const hasNPMCommand = hasNPM();
 
     if (yarnVersion && (hasYarnLockFile || !hasNPMCommand)) {
-      return yarnVersion === 1 ? new Yarn1Proxy() : new Yarn2Proxy();
+      return yarnVersion === 1 ? new Yarn1Proxy({ cwd }) : new Yarn2Proxy({ cwd });
     }
 
     if (hasNPMCommand) {
-      return new NPMProxy();
+      return new NPMProxy({ cwd });
     }
 
     throw new Error('Unable to find a usable package manager within NPM, Yarn and Yarn 2');

From ef96eecb863732cbe740306d9debe622b49a36a8 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 18:31:49 +0800
Subject: [PATCH 223/266] PackageManager: Add getRegistryURL

---
 .../cli/src/js-package-manager/JsPackageManager.ts   |  2 ++
 code/lib/cli/src/js-package-manager/NPMProxy.ts      | 11 +++++++++--
 code/lib/cli/src/js-package-manager/Yarn1Proxy.ts    | 12 ++++++++++--
 code/lib/cli/src/js-package-manager/Yarn2Proxy.ts    | 12 ++++++++++--
 4 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/code/lib/cli/src/js-package-manager/JsPackageManager.ts b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
index 6f9ee273038b..6de34be77e61 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManager.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
@@ -41,6 +41,8 @@ export abstract class JsPackageManager {
 
   public abstract setRegistryURL(url: string): void;
 
+  public abstract getRegistryURL(): string;
+
   public readonly cwd?: string;
 
   constructor({ cwd }: JsPackageManagerOptions) {
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.ts b/code/lib/cli/src/js-package-manager/NPMProxy.ts
index 6728901a5d8f..db2f9ce3cc6c 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.ts
@@ -62,8 +62,15 @@ export class NPMProxy extends JsPackageManager {
   }
 
   setRegistryURL(url: string) {
-    const args = ['config', 'set', 'registry', url];
-    this.executeCommand('npm', args);
+    if (url) {
+      this.executeCommand('npm', ['config', 'set', 'registry', url]);
+    } else {
+      this.executeCommand('npm', ['config', 'delete', 'registry']);
+    }
+  }
+
+  getRegistryURL() {
+    return this.executeCommand('npm', ['config', 'get', 'registry']).trim();
   }
 
   protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
index 2cb60e27578e..bcb0c01ae213 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
@@ -17,8 +17,16 @@ export class Yarn1Proxy extends JsPackageManager {
   }
 
   setRegistryURL(url: string) {
-    const args = ['config', 'set', 'npmRegistryServer', url];
-    this.executeCommand('yarn', args);
+    if (url) {
+      this.executeCommand('yarn', ['config', 'set', 'npmRegistryServer', url]);
+    } else {
+      this.executeCommand('yarn', ['config', 'delete', 'npmRegistryServer']);
+    }
+  }
+
+  getRegistryURL() {
+    const url = this.executeCommand('yarn', ['config', 'get', 'npmRegistryServer']).trim();
+    return url === 'undefined' ? undefined : url;
   }
 
   protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
index fffc7fa773aa..4ab59b903d4b 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
@@ -17,8 +17,16 @@ export class Yarn2Proxy extends JsPackageManager {
   }
 
   setRegistryURL(url: string) {
-    const args = ['config', 'set', 'npmRegistryServer', url];
-    this.executeCommand('yarn', args);
+    if (url) {
+      this.executeCommand('yarn', ['config', 'set', 'npmRegistryServer', url]);
+    } else {
+      this.executeCommand('yarn', ['config', 'delete', 'npmRegistryServer']);
+    }
+  }
+
+  getRegistryURL() {
+    const url = this.executeCommand('yarn', ['config', 'get', 'npmRegistryServer']).trim();
+    return url === 'undefined' ? undefined : url;
   }
 
   protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {

From e80d834fe287be3ab27625e906347a84edbb42c4 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 18:32:31 +0800
Subject: [PATCH 224/266] Generate-repros: Add localRegistry option

---
 .../next-repro-generators/generate-repros.ts  | 52 ++++++++++++-------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/scripts/next-repro-generators/generate-repros.ts b/scripts/next-repro-generators/generate-repros.ts
index 3c696a92818c..c58681dd226f 100755
--- a/scripts/next-repro-generators/generate-repros.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -16,12 +16,33 @@ import { maxConcurrentTasks } from '../utils/concurrency';
 import { localizeYarnConfigFiles, setupYarn } from './utils/yarn';
 import { GeneratorConfig } from './utils/types';
 import { getStackblitzUrl, renderTemplate } from './utils/template';
+import { JsPackageManager } from '../../code/lib/cli/src/js-package-manager';
 
 const OUTPUT_DIRECTORY = join(__dirname, '..', '..', 'repros');
 const BEFORE_DIR_NAME = 'before-storybook';
 const AFTER_DIR_NAME = 'after-storybook';
 
-const addStorybook = async (baseDir: string) => {
+const sbInit = async (cwd: string) => {
+  const sbCliBinaryPath = join(__dirname, `../../code/lib/cli/bin/index.js`);
+  console.log(`🎁 Installing storybook`);
+  const env = { STORYBOOK_DISABLE_TELEMETRY: 'true' };
+  await runCommand(`${sbCliBinaryPath} init`, { cwd, env });
+};
+
+const LOCAL_REGISTRY_URL = 'http://localhost:6000';
+const withLocalRegistry = async (packageManager: JsPackageManager, action: () => Promise<void>) => {
+  const prevUrl = packageManager.getRegistryURL();
+  try {
+    console.log(`📦 Configuring local registry: ${LOCAL_REGISTRY_URL}`);
+    packageManager.setRegistryURL(LOCAL_REGISTRY_URL);
+    await action();
+  } finally {
+    console.log(`📦 Restoring registry: ${prevUrl}`);
+    packageManager.setRegistryURL(prevUrl);
+  }
+};
+
+const addStorybook = async (baseDir: string, localRegistry: boolean) => {
   const beforeDir = join(baseDir, BEFORE_DIR_NAME);
   const afterDir = join(baseDir, AFTER_DIR_NAME);
   const tmpDir = join(baseDir, 'tmp');
@@ -31,14 +52,16 @@ const addStorybook = async (baseDir: string) => {
 
   await copy(beforeDir, tmpDir);
 
-  const sbCliBinaryPath = join(__dirname, `../../code/lib/cli/bin/index.js`);
-  await runCommand(`${sbCliBinaryPath} init`, {
-    cwd: tmpDir,
-    env: {
-      STORYBOOK_DISABLE_TELEMETRY: 'true',
-    },
-  });
+  const packageManager = JsPackageManagerFactory.getPackageManager(false, tmpDir);
+  if (localRegistry) {
+    await withLocalRegistry(packageManager, async () => {
+      packageManager.addPackageResolutions(storybookVersions);
 
+      await sbInit(tmpDir);
+    });
+  } else {
+    await sbInit(tmpDir);
+  }
   await rename(tmpDir, afterDir);
 };
 
@@ -92,22 +115,11 @@ const runGenerators = async (
 
         await setupYarn({ cwd: baseDir });
 
-        const packageManager = JsPackageManagerFactory.getPackageManager();
-
         await runCommand(script, { cwd: beforeDir });
 
         await localizeYarnConfigFiles(baseDir, beforeDir);
 
-        if (localRegistry) {
-          // TODO: find a good way to have all this run in the correct cwd (beforeDir)
-          console.log(`📦 Configuring local registry`);
-          packageManager.addPackageResolutions(storybookVersions);
-          packageManager.setRegistryURL('https://foo.bar');
-          // TODO: remove this after we make sure the cwd is correct
-          process.exit(0);
-        }
-
-        await addStorybook(baseDir);
+        await addStorybook(baseDir, localRegistry);
 
         await addDocumentation(baseDir, { name, dirName });
 

From cd0fe4e6b1127fa1b9702ec12c4064f44e29e6c3 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 17 Aug 2022 12:37:50 +0200
Subject: [PATCH 225/266] Fix debugger behavior by ensuring we sync then
 jumping to the start

---
 code/lib/instrumenter/src/instrumenter.ts | 82 ++++++++++++-----------
 1 file changed, 44 insertions(+), 38 deletions(-)

diff --git a/code/lib/instrumenter/src/instrumenter.ts b/code/lib/instrumenter/src/instrumenter.ts
index 6488be15096a..966e7881528e 100644
--- a/code/lib/instrumenter/src/instrumenter.ts
+++ b/code/lib/instrumenter/src/instrumenter.ts
@@ -110,7 +110,7 @@ export class Instrumenter {
     // Restore state from the parent window in case the iframe was reloaded.
     this.state = global.window.parent.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ || {};
 
-    // When called from `start`, isDebugging will be true
+    // When called from `start`, isDebugging will be true.
     const resetState = ({
       storyId,
       isPlaying = true,
@@ -130,9 +130,7 @@ export class Instrumenter {
         isPlaying,
         isDebugging,
       });
-
-      // Don't sync while debugging, as it'll cause flicker.
-      if (!isDebugging) this.sync(storyId);
+      this.sync(storyId);
     };
 
     // A forceRemount might be triggered for debugging (on `start`), or elsewhere in Storybook.
@@ -171,6 +169,8 @@ export class Instrumenter {
 
     const start = ({ storyId, playUntil }: { storyId: string; playUntil?: Call['id'] }) => {
       if (!this.getState(storyId).isDebugging) {
+        // Move everything into shadowCalls (a "carbon copy") and mark them as "waiting", so we keep
+        // a record of the original calls which haven't yet been executed while stepping through.
         this.setState(storyId, ({ calls }) => ({
           calls: [],
           shadowCalls: calls.map((call) => ({ ...call, status: CallStates.WAITING })),
@@ -180,14 +180,13 @@ export class Instrumenter {
 
       const log = this.getLog(storyId);
       this.setState(storyId, ({ shadowCalls }) => {
+        if (playUntil || !log.length) return { playUntil };
         const firstRowIndex = shadowCalls.findIndex((call) => call.id === log[0].callId);
         return {
-          playUntil:
-            playUntil ||
-            shadowCalls
-              .slice(0, firstRowIndex)
-              .filter((call) => call.interceptable && !call.ancestors.length)
-              .slice(-1)[0]?.id,
+          playUntil: shadowCalls
+            .slice(0, firstRowIndex)
+            .filter((call) => call.interceptable && !call.ancestors.length)
+            .slice(-1)[0]?.id,
         };
       });
 
@@ -539,10 +538,8 @@ export class Instrumenter {
     }
   }
 
-  // Sends the call info and log to the manager.
-  // Uses a 0ms debounce because this might get called many times in one tick.
+  // Sends the call info to the manager and synchronizes the log.
   update(call: Call) {
-    clearTimeout(this.getState(call.storyId).syncTimeout);
     this.channel.emit(EVENTS.CALL, call);
     this.setState(call.storyId, ({ calls }) => {
       // Omit earlier calls for the same ID, which may have been superceded by a later invocation.
@@ -555,39 +552,48 @@ export class Instrumenter {
         calls: Object.values(callsById).sort((a, b) =>
           a.id.localeCompare(b.id, undefined, { numeric: true })
         ),
-        syncTimeout: setTimeout(() => this.sync(call.storyId), 0),
       };
     });
+    this.sync(call.storyId);
   }
 
-  sync(storyId: StoryId) {
-    const { isLocked, isPlaying } = this.getState(storyId);
-    const logItems: LogItem[] = this.getLog(storyId);
-    const pausedAt = logItems
-      .filter(({ ancestors }) => !ancestors.length)
-      .find((item) => item.status === CallStates.WAITING)?.callId;
+  // Builds a log of interceptable calls and control states and sends it to the manager.
+  // Uses a 0ms debounce because this might get called many times in one tick.
+  sync(storyId: string) {
+    const synchronize = () => {
+      const { isLocked, isPlaying } = this.getState(storyId);
+      const logItems: LogItem[] = this.getLog(storyId);
+      const pausedAt = logItems
+        .filter(({ ancestors }) => !ancestors.length)
+        .find((item) => item.status === CallStates.WAITING)?.callId;
+
+      const hasActive = logItems.some((item) => item.status === CallStates.ACTIVE);
+      if (debuggerDisabled || isLocked || hasActive || logItems.length === 0) {
+        const payload: SyncPayload = { controlStates: controlsDisabled, logItems };
+        this.channel.emit(EVENTS.SYNC, payload);
+        return;
+      }
 
-    const hasActive = logItems.some((item) => item.status === CallStates.ACTIVE);
-    if (debuggerDisabled || isLocked || hasActive || logItems.length === 0) {
-      const payload: SyncPayload = { controlStates: controlsDisabled, logItems };
-      this.channel.emit(EVENTS.SYNC, payload);
-      return;
-    }
+      const hasPrevious = logItems.some((item) =>
+        [CallStates.DONE, CallStates.ERROR].includes(item.status)
+      );
+      const controlStates: ControlStates = {
+        debugger: true,
+        start: hasPrevious,
+        back: hasPrevious,
+        goto: true,
+        next: isPlaying,
+        end: isPlaying,
+      };
 
-    const hasPrevious = logItems.some((item) =>
-      [CallStates.DONE, CallStates.ERROR].includes(item.status)
-    );
-    const controlStates: ControlStates = {
-      debugger: true,
-      start: hasPrevious,
-      back: hasPrevious,
-      goto: true,
-      next: isPlaying,
-      end: isPlaying,
+      const payload: SyncPayload = { controlStates, logItems, pausedAt };
+      this.channel.emit(EVENTS.SYNC, payload);
     };
 
-    const payload: SyncPayload = { controlStates, logItems, pausedAt };
-    this.channel.emit(EVENTS.SYNC, payload);
+    this.setState(storyId, ({ syncTimeout }) => {
+      clearTimeout(syncTimeout);
+      return { syncTimeout: setTimeout(synchronize, 0) };
+    });
   }
 }
 

From 5c0755fdfd68b78bb271e2e6a731a3c77a6c24de Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 17 Aug 2022 14:23:49 +0200
Subject: [PATCH 226/266] Flip boolean arg to have workable fallback

---
 code/addons/interactions/src/Panel.tsx                 | 10 +++++-----
 .../addons/interactions/src/components/Interaction.tsx |  6 +++---
 .../interactions/src/components/InteractionsPanel.tsx  |  4 ++--
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/code/addons/interactions/src/Panel.tsx b/code/addons/interactions/src/Panel.tsx
index b93bc0f2d9cb..2585c506f4d7 100644
--- a/code/addons/interactions/src/Panel.tsx
+++ b/code/addons/interactions/src/Panel.tsx
@@ -16,7 +16,7 @@ import { TabIcon, TabStatus } from './components/TabStatus';
 interface Interaction extends Call {
   status: Call['status'];
   childCallIds: Call['id'][];
-  isVisible: boolean;
+  isHidden: boolean;
   isCollapsed: boolean;
   toggleCollapsed: () => void;
 }
@@ -44,13 +44,13 @@ export const getInteractions = ({
   const callsById = new Map<Call['id'], Call>();
   const childCallMap = new Map<Call['id'], Call['id'][]>();
   return log
-    .map<Call & { isVisible: boolean }>(({ callId, ancestors, status }) => {
-      let isVisible = true;
+    .map<Call & { isHidden: boolean }>(({ callId, ancestors, status }) => {
+      let isHidden = false;
       ancestors.forEach((ancestor) => {
-        if (collapsed.has(ancestor)) isVisible = false;
+        if (collapsed.has(ancestor)) isHidden = true;
         childCallMap.set(ancestor, (childCallMap.get(ancestor) || []).concat(callId));
       });
-      return { ...calls.get(callId), status, isVisible };
+      return { ...calls.get(callId), status, isHidden };
     })
     .map<Interaction>((call) => {
       const status =
diff --git a/code/addons/interactions/src/components/Interaction.tsx b/code/addons/interactions/src/components/Interaction.tsx
index 72f2f39c77d8..a982ad3d6fc3 100644
--- a/code/addons/interactions/src/components/Interaction.tsx
+++ b/code/addons/interactions/src/components/Interaction.tsx
@@ -130,7 +130,7 @@ export const Interaction = ({
   controls,
   controlStates,
   childCallIds,
-  isVisible,
+  isHidden,
   isCollapsed,
   toggleCollapsed,
   pausedAt,
@@ -140,7 +140,7 @@ export const Interaction = ({
   controls: Controls;
   controlStates: ControlStates;
   childCallIds?: Call['id'][];
-  isVisible: boolean;
+  isHidden: boolean;
   isCollapsed: boolean;
   toggleCollapsed: () => void;
   pausedAt?: Call['id'];
@@ -148,7 +148,7 @@ export const Interaction = ({
   const [isHovered, setIsHovered] = React.useState(false);
   const isInteractive = !controlStates.goto || !call.interceptable || !!call.ancestors.length;
 
-  if (!isVisible) return null;
+  if (isHidden) return null;
 
   return (
     <RowContainer call={call} pausedAt={pausedAt}>
diff --git a/code/addons/interactions/src/components/InteractionsPanel.tsx b/code/addons/interactions/src/components/InteractionsPanel.tsx
index f4f0e61f3299..71f8b83d882d 100644
--- a/code/addons/interactions/src/components/InteractionsPanel.tsx
+++ b/code/addons/interactions/src/components/InteractionsPanel.tsx
@@ -23,7 +23,7 @@ interface InteractionsPanelProps {
   interactions: (Call & {
     status?: CallStates;
     childCallIds: Call['id'][];
-    isVisible: boolean;
+    isHidden: boolean;
     isCollapsed: boolean;
     toggleCollapsed: () => void;
   })[];
@@ -119,7 +119,7 @@ export const InteractionsPanel: React.FC<InteractionsPanelProps> = React.memo(
               controls={controls}
               controlStates={controlStates}
               childCallIds={call.childCallIds}
-              isVisible={call.isVisible}
+              isHidden={call.isHidden}
               isCollapsed={call.isCollapsed}
               toggleCollapsed={call.toggleCollapsed}
               pausedAt={pausedAt}

From 9bd934ad2d3baa8462ae80ff76ab5979cd113ddf Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 17 Aug 2022 14:39:36 +0200
Subject: [PATCH 227/266] Update test

---
 code/addons/interactions/src/Panel.test.ts | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/code/addons/interactions/src/Panel.test.ts b/code/addons/interactions/src/Panel.test.ts
index 60e3287d58ad..06a1e7278120 100644
--- a/code/addons/interactions/src/Panel.test.ts
+++ b/code/addons/interactions/src/Panel.test.ts
@@ -148,6 +148,7 @@ describe('Panel', () => {
           ...calls.get('story--id [4] findByText'),
           status: CallStates.DONE,
           childCallIds: undefined,
+          isHidden: false,
           isCollapsed: false,
           toggleCollapsed: expect.any(Function),
         },
@@ -155,6 +156,7 @@ describe('Panel', () => {
           ...calls.get('story--id [5] click'),
           status: CallStates.DONE,
           childCallIds: undefined,
+          isHidden: false,
           isCollapsed: false,
           toggleCollapsed: expect.any(Function),
         },
@@ -162,6 +164,7 @@ describe('Panel', () => {
           ...calls.get('story--id [6] waitFor'),
           status: CallStates.DONE,
           childCallIds: ['story--id [6] waitFor [2] toHaveBeenCalledWith'],
+          isHidden: false,
           isCollapsed: false,
           toggleCollapsed: expect.any(Function),
         },
@@ -169,13 +172,14 @@ describe('Panel', () => {
           ...calls.get('story--id [6] waitFor [2] toHaveBeenCalledWith'),
           status: CallStates.DONE,
           childCallIds: undefined,
+          isHidden: false,
           isCollapsed: false,
           toggleCollapsed: expect.any(Function),
         },
       ]);
     });
 
-    it('omits calls for which the parent is collapsed', () => {
+    it('hides calls for which the parent is collapsed', () => {
       const withCollapsed = new Set<Call['id']>(['story--id [6] waitFor']);
 
       expect(getInteractions({ log, calls, collapsed: withCollapsed, setCollapsed })).toEqual([
@@ -183,16 +187,25 @@ describe('Panel', () => {
           ...calls.get('story--id [4] findByText'),
           childCallIds: undefined,
           isCollapsed: false,
+          isHidden: false,
         }),
         expect.objectContaining({
           ...calls.get('story--id [5] click'),
           childCallIds: undefined,
           isCollapsed: false,
+          isHidden: false,
         }),
         expect.objectContaining({
           ...calls.get('story--id [6] waitFor'),
           childCallIds: ['story--id [6] waitFor [2] toHaveBeenCalledWith'],
           isCollapsed: true,
+          isHidden: false,
+        }),
+        expect.objectContaining({
+          ...calls.get('story--id [6] waitFor [2] toHaveBeenCalledWith'),
+          childCallIds: undefined,
+          isCollapsed: false,
+          isHidden: true,
         }),
       ]);
     });

From 873feb549d5edce232354a40edd15724eda9dae5 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 21:07:13 +0800
Subject: [PATCH 228/266] Fix local registry repro creation (cwd bug)

---
 .../js-package-manager/JsPackageManagerFactory.ts    | 12 ++++++------
 scripts/verdaccio.yaml                               |  4 ++++
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts b/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts
index 5ebd71e51ada..371720418c8e 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts
@@ -11,10 +11,10 @@ export class JsPackageManagerFactory {
       return new NPMProxy({ cwd });
     }
 
-    const yarnVersion = getYarnVersion();
+    const yarnVersion = getYarnVersion(cwd);
     const hasYarnLockFile = findUpSync('yarn.lock', { cwd });
 
-    const hasNPMCommand = hasNPM();
+    const hasNPMCommand = hasNPM(cwd);
 
     if (yarnVersion && (hasYarnLockFile || !hasNPMCommand)) {
       return yarnVersion === 1 ? new Yarn1Proxy({ cwd }) : new Yarn2Proxy({ cwd });
@@ -28,13 +28,13 @@ export class JsPackageManagerFactory {
   }
 }
 
-function hasNPM() {
-  const npmVersionCommand = spawnSync('npm', ['--version']);
+function hasNPM(cwd?: string) {
+  const npmVersionCommand = spawnSync('npm', ['--version'], { cwd });
   return npmVersionCommand.status === 0;
 }
 
-function getYarnVersion(): 1 | 2 | undefined {
-  const yarnVersionCommand = spawnSync('yarn', ['--version']);
+function getYarnVersion(cwd?: string): 1 | 2 | undefined {
+  const yarnVersionCommand = spawnSync('yarn', ['--version'], { cwd });
 
   if (yarnVersionCommand.status !== 0) {
     return undefined;
diff --git a/scripts/verdaccio.yaml b/scripts/verdaccio.yaml
index f14a58fd9e82..538021a9161c 100644
--- a/scripts/verdaccio.yaml
+++ b/scripts/verdaccio.yaml
@@ -99,6 +99,10 @@ packages:
     access: $all
     publish: $all
     proxy: npmjs
+  '@storybook/babel-plugin-require-context-hook':
+    access: $all
+    publish: $all
+    proxy: npmjs
 
   # storybook packages are NOT proxied to global registry
   # allowing us to republish any version during tests

From 23223109b5efc8b90893eca069c0d03589de8879 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 21:41:39 +0800
Subject: [PATCH 229/266] Sandbox: Add ability to run from local repro

---
 scripts/sandbox.ts | 39 +++++++++++++++++++++++++++++----------
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index d3ec2519675c..8aa3455e60f0 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -8,6 +8,7 @@ import {
   ensureSymlink,
   ensureDir,
   existsSync,
+  copy,
 } from 'fs-extra';
 import prompts from 'prompts';
 import type { AbortController } from 'node-abort-controller';
@@ -22,6 +23,7 @@ import { ConfigFile, readConfig, writeConfig } from '../code/lib/csf-tools';
 import { babelParse } from '../code/lib/csf-tools/src/babelParse';
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 import { servePackages } from './utils/serve-packages';
+import dedent from 'ts-dedent';
 
 type Template = keyof typeof TEMPLATES;
 const templates: Template[] = Object.keys(TEMPLATES) as any;
@@ -41,6 +43,7 @@ const defaultAddons = [
 ];
 const sandboxDir = path.resolve(__dirname, '../sandbox');
 const codeDir = path.resolve(__dirname, '../code');
+const reprosDir = path.resolve(__dirname, '../repros');
 
 export const options = createOptions({
   template: {
@@ -59,9 +62,9 @@ export const options = createOptions({
     description: "Include Storybook's own stories?",
     promptType: (_, { template }) => template === 'react',
   },
-  create: {
+  fromLocalRepro: {
     type: 'boolean',
-    description: 'Create the template from scratch (rather than degitting it)?',
+    description: 'Create the template from a local repro (rather than degitting it)?',
   },
   forceDelete: {
     type: 'boolean',
@@ -246,7 +249,7 @@ async function addStories(paths: string[], { mainConfig }: { mainConfig: ConfigF
 }
 
 export async function sandbox(optionValues: OptionValues<typeof options>) {
-  const { template, forceDelete, forceReuse, dryRun, debug } = optionValues;
+  const { template, forceDelete, forceReuse, dryRun, debug, fromLocalRepro } = optionValues;
 
   await ensureDir(sandboxDir);
   let publishController: AbortController;
@@ -273,13 +276,29 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
   if (exists && shouldDelete && !dryRun) await remove(cwd);
 
   if (!exists || shouldDelete) {
-    await executeCLIStep(steps.repro, {
-      argument: template,
-      optionValues: { output: cwd, branch: 'next' },
-      cwd: sandboxDir,
-      dryRun,
-      debug,
-    });
+    if (fromLocalRepro) {
+      const srcDir = path.join(reprosDir, template, 'after-storybook');
+      if (!existsSync(srcDir)) {
+        throw new Error(dedent`
+          Missing repro directory '${srcDir}'!
+
+          To run sandbox against a local repro, you must have already generated
+          the repro template in the /repros directory using:
+
+          yarn generate-repros-next --template ${template}
+        `);
+      }
+      const destDir = cwd;
+      await copy(srcDir, destDir);
+    } else {
+      await executeCLIStep(steps.repro, {
+        argument: template,
+        optionValues: { output: cwd, branch: 'next' },
+        cwd: sandboxDir,
+        dryRun,
+        debug,
+      });
+    }
 
     const mainConfig = await readMainConfig({ cwd });
 

From 0cb7baa5343993a8e3d4e82c402029794a3ac9e3 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Aug 2022 22:00:20 +0800
Subject: [PATCH 230/266] Fix undefined npm registry URL

---
 code/lib/cli/src/js-package-manager/NPMProxy.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.ts b/code/lib/cli/src/js-package-manager/NPMProxy.ts
index db2f9ce3cc6c..64edffa7a6b7 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.ts
@@ -70,7 +70,8 @@ export class NPMProxy extends JsPackageManager {
   }
 
   getRegistryURL() {
-    return this.executeCommand('npm', ['config', 'get', 'registry']).trim();
+    const url = this.executeCommand('npm', ['config', 'get', 'registry']).trim();
+    return url === 'undefined' ? undefined : url;
   }
 
   protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {

From bdd5b25612e7d4a3ae98e5b8b286169eb45bd9a6 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Wed, 17 Aug 2022 16:22:16 +0200
Subject: [PATCH 231/266] fix descruturing undefined in constructor in
 jspackagemanager

---
 code/lib/cli/src/js-package-manager/JsPackageManager.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/code/lib/cli/src/js-package-manager/JsPackageManager.ts b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
index 6de34be77e61..4f7e553a5dea 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManager.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
@@ -45,8 +45,8 @@ export abstract class JsPackageManager {
 
   public readonly cwd?: string;
 
-  constructor({ cwd }: JsPackageManagerOptions) {
-    this.cwd = cwd;
+  constructor(options?: JsPackageManagerOptions) {
+    this.cwd = options?.cwd;
   }
 
   /**

From 399f5601a913fdb090d471363834b77e24e5cba5 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 17 Aug 2022 12:46:55 -0600
Subject: [PATCH 232/266] Initial update to layout

---
 code/lib/blocks/src/components/Toolbar.tsx      | 1 +
 code/lib/builder-manager/templates/template.ejs | 9 +++++----
 code/lib/ui/src/components/layout/container.tsx | 7 ++++---
 code/lib/ui/src/components/layout/draggers.tsx  | 6 +++---
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/code/lib/blocks/src/components/Toolbar.tsx b/code/lib/blocks/src/components/Toolbar.tsx
index a5dfeeec4812..fa0ed7de5a23 100644
--- a/code/lib/blocks/src/components/Toolbar.tsx
+++ b/code/lib/blocks/src/components/Toolbar.tsx
@@ -75,6 +75,7 @@ const Eject: FC<EjectProps> = ({ baseUrl, storyId }) => (
 );
 
 const Bar = styled(FlexBar)({
+  borderRadius: 40,
   position: 'absolute',
   left: 0,
   right: 0,
diff --git a/code/lib/builder-manager/templates/template.ejs b/code/lib/builder-manager/templates/template.ejs
index 046d109199ee..8e9974e33707 100644
--- a/code/lib/builder-manager/templates/template.ejs
+++ b/code/lib/builder-manager/templates/template.ejs
@@ -2,13 +2,15 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <meta name="theme-color" content="<%= themeColor %>" />
+
     <title><%= typeof title !== 'undefined'? title : 'Storybook'%></title>
 
     <link rel="shortcut icon" href="./favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <% if (typeof head !== 'undefined') { %> <%- head %> <% } %>
-    
+
     <style>
       #root[hidden],
       #docs-root[hidden] {
@@ -19,7 +21,6 @@
     <% files.css.forEach(file => { %>
     <link href="<%= file %>" rel="stylesheet" />
     <% }); %>
-
   </head>
   <body>
     <div id="root"></div>
@@ -34,11 +35,11 @@
       <% } %>
     </script>
     <% } %>
-    
+
     <script src="./sb-manager/runtime.mjs" type="module"></script>
 
     <% files.js.forEach(file => { %>
-      <script src="<%= file %>" type="module"></script>
+    <script src="<%= file %>" type="module"></script>
     <% }); %>
   </body>
 </html>
diff --git a/code/lib/ui/src/components/layout/container.tsx b/code/lib/ui/src/components/layout/container.tsx
index 6418925b0134..1ece8cb4ccc3 100644
--- a/code/lib/ui/src/components/layout/container.tsx
+++ b/code/lib/ui/src/components/layout/container.tsx
@@ -95,7 +95,8 @@ const Paper = styled.div<{ isFullscreen: boolean }>(
           borderRadius: 0,
         }
       : {
-          borderRadius: theme.appBorderRadius,
+          borderTopLeftRadius: theme.appBorderRadius,
+          borderBottomLeftRadius: theme.appBorderRadius,
           overflow: 'hidden',
           boxShadow: '0 1px 5px 0 rgba(0, 0, 0, 0.1)',
         }
@@ -492,7 +493,7 @@ class Layout extends Component<LayoutProps, LayoutState> {
     const { children, bounds, options, theme, viewMode, panelCount } = this.props;
     const { isDragging, resizerNav, resizerPanel } = this.state;
 
-    const margin = theme.layoutMargin;
+    const margin = 0;
     const isNavHidden = options.isFullscreen || !options.showNav;
     const isPanelHidden =
       options.isFullscreen || !options.showPanel || viewMode !== 'story' || panelCount === 0;
@@ -559,7 +560,7 @@ class Layout extends Component<LayoutProps, LayoutState> {
                   ? {
                       left: navX + margin,
                       width: bounds.width - navX - 2 * margin,
-                      marginTop: -margin,
+                      marginTop: -10,
                     }
                   : {
                       marginLeft: 1,
diff --git a/code/lib/ui/src/components/layout/draggers.tsx b/code/lib/ui/src/components/layout/draggers.tsx
index 6fe6dfed7a32..4dc8dddec594 100644
--- a/code/lib/ui/src/components/layout/draggers.tsx
+++ b/code/lib/ui/src/components/layout/draggers.tsx
@@ -29,11 +29,11 @@ const Handle = styled.div<{ isDragging: boolean; axis: Axis; reverse?: boolean }
     axis === 'x'
       ? {
           height: '100%',
-          width: theme.layoutMargin,
-          marginLeft: 0,
+          width: 10,
+          marginLeft: -10,
         }
       : {
-          height: theme.layoutMargin,
+          height: 10,
           width: '100%',
           marginTop: 0,
         },

From bd59f8ca76a3f2139d04e385da7a40d62ac208c4 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Mon, 8 Aug 2022 14:29:55 -0600
Subject: [PATCH 233/266] Removed test code and fixed panel width

---
 code/lib/blocks/src/components/Toolbar.tsx      | 1 -
 code/lib/ui/src/components/layout/container.tsx | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/code/lib/blocks/src/components/Toolbar.tsx b/code/lib/blocks/src/components/Toolbar.tsx
index fa0ed7de5a23..a5dfeeec4812 100644
--- a/code/lib/blocks/src/components/Toolbar.tsx
+++ b/code/lib/blocks/src/components/Toolbar.tsx
@@ -75,7 +75,6 @@ const Eject: FC<EjectProps> = ({ baseUrl, storyId }) => (
 );
 
 const Bar = styled(FlexBar)({
-  borderRadius: 40,
   position: 'absolute',
   left: 0,
   right: 0,
diff --git a/code/lib/ui/src/components/layout/container.tsx b/code/lib/ui/src/components/layout/container.tsx
index 1ece8cb4ccc3..fae614ed50d8 100644
--- a/code/lib/ui/src/components/layout/container.tsx
+++ b/code/lib/ui/src/components/layout/container.tsx
@@ -9,9 +9,9 @@ import { Draggable, Handle, DraggableData, DraggableEvent } from './draggers';
 const MIN_NAV_WIDTH = 200; // visually there's an additional 10px due to the canvas' left margin
 const MIN_CANVAS_WIDTH = 200; // visually it's 10px less due to the canvas' left margin
 const MIN_CANVAS_HEIGHT = 200; // visually it's 50px less due to the canvas toolbar and top margin
-const MIN_PANEL_WIDTH = 200; // visually it's 10px less due to the canvas' right margin
+const MIN_PANEL_WIDTH = 220; // visually it's 10px less due to the canvas' right margin
 const MIN_PANEL_HEIGHT = 200; // visually it's 50px less due to the panel toolbar and bottom margin
-const DEFAULT_NAV_WIDTH = 220;
+const DEFAULT_NAV_WIDTH = 230;
 const DEFAULT_PANEL_WIDTH = 400;
 
 const Pane = styled.div<{

From 121b3933f4b6d2f3cc4e16bed38677a95c32279a Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Mon, 8 Aug 2022 15:06:54 -0600
Subject: [PATCH 234/266] Fixes border radius clipping

---
 code/lib/ui/src/components/layout/container.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/code/lib/ui/src/components/layout/container.tsx b/code/lib/ui/src/components/layout/container.tsx
index fae614ed50d8..49c9be5d0859 100644
--- a/code/lib/ui/src/components/layout/container.tsx
+++ b/code/lib/ui/src/components/layout/container.tsx
@@ -99,6 +99,7 @@ const Paper = styled.div<{ isFullscreen: boolean }>(
           borderBottomLeftRadius: theme.appBorderRadius,
           overflow: 'hidden',
           boxShadow: '0 1px 5px 0 rgba(0, 0, 0, 0.1)',
+          transform: 'translateZ(0)',
         }
 );
 

From da0cb9bab7a3639904e700ca61aab474cf7b56c1 Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Wed, 10 Aug 2022 17:19:29 -0400
Subject: [PATCH 235/266] Fine tune the drag handles & fix a regression

---
 code/lib/ui/src/components/layout/container.tsx | 17 +++++++++--------
 code/lib/ui/src/components/layout/draggers.tsx  | 15 +++++----------
 2 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/code/lib/ui/src/components/layout/container.tsx b/code/lib/ui/src/components/layout/container.tsx
index 49c9be5d0859..b1cd7c7b6a79 100644
--- a/code/lib/ui/src/components/layout/container.tsx
+++ b/code/lib/ui/src/components/layout/container.tsx
@@ -7,10 +7,10 @@ import * as persistence from './persist';
 import { Draggable, Handle, DraggableData, DraggableEvent } from './draggers';
 
 const MIN_NAV_WIDTH = 200; // visually there's an additional 10px due to the canvas' left margin
-const MIN_CANVAS_WIDTH = 200; // visually it's 10px less due to the canvas' left margin
+const MIN_CANVAS_WIDTH = 200;
 const MIN_CANVAS_HEIGHT = 200; // visually it's 50px less due to the canvas toolbar and top margin
-const MIN_PANEL_WIDTH = 220; // visually it's 10px less due to the canvas' right margin
-const MIN_PANEL_HEIGHT = 200; // visually it's 50px less due to the panel toolbar and bottom margin
+const MIN_PANEL_WIDTH = 220;
+const MIN_PANEL_HEIGHT = 200; // visually it's 50px less due to the panel toolbar
 const DEFAULT_NAV_WIDTH = 230;
 const DEFAULT_PANEL_WIDTH = 400;
 
@@ -95,10 +95,12 @@ const Paper = styled.div<{ isFullscreen: boolean }>(
           borderRadius: 0,
         }
       : {
-          borderTopLeftRadius: theme.appBorderRadius,
-          borderBottomLeftRadius: theme.appBorderRadius,
+          borderTopLeftRadius:
+            theme.appBorderRadius === 0 ? theme.appBorderRadius : theme.appBorderRadius + 1,
+          borderBottomLeftRadius:
+            theme.appBorderRadius === 0 ? theme.appBorderRadius : theme.appBorderRadius + 1,
           overflow: 'hidden',
-          boxShadow: '0 1px 5px 0 rgba(0, 0, 0, 0.1)',
+          boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.05), 0px 0 0px 1px rgba(0, 0, 0, 0.1)',
           transform: 'translateZ(0)',
         }
 );
@@ -564,11 +566,10 @@ class Layout extends Component<LayoutProps, LayoutState> {
                       marginTop: -10,
                     }
                   : {
-                      marginLeft: 1,
+                      marginLeft: -10,
                     }
               }
               axis={isPanelBottom ? 'y' : 'x'}
-              reverse
             />
           </Draggable>
         )}
diff --git a/code/lib/ui/src/components/layout/draggers.tsx b/code/lib/ui/src/components/layout/draggers.tsx
index 4dc8dddec594..35cd32c4d41a 100644
--- a/code/lib/ui/src/components/layout/draggers.tsx
+++ b/code/lib/ui/src/components/layout/draggers.tsx
@@ -4,7 +4,7 @@ import { styled } from '@storybook/theming';
 export type Axis = 'x' | 'y';
 
 const Handle = styled.div<{ isDragging: boolean; axis: Axis; reverse?: boolean }>(
-  ({ theme, isDragging }) => ({
+  ({ theme }) => ({
     zIndex: 10,
     position: 'absolute',
     top: 0,
@@ -13,19 +13,14 @@ const Handle = styled.div<{ isDragging: boolean; axis: Axis; reverse?: boolean }
     justifyContent: 'center',
     alignItems: 'center',
 
-    color: isDragging ? theme.color.secondary : theme.appBorderColor,
-
     overflow: 'hidden',
     transition:
       'color 0.2s linear, background-size 0.2s linear, background 0.2s linear, background-position 0s linear',
-    '&:hover': {
-      color: theme.color.secondary,
-    },
   }),
   ({ axis }) => ({
     cursor: axis === 'x' ? 'col-resize' : 'row-resize',
   }),
-  ({ theme, axis }) =>
+  ({ axis }) =>
     axis === 'x'
       ? {
           height: '100%',
@@ -35,9 +30,9 @@ const Handle = styled.div<{ isDragging: boolean; axis: Axis; reverse?: boolean }
       : {
           height: 10,
           width: '100%',
-          marginTop: 0,
+          marginTop: -10,
         },
-  ({ axis, isDragging, reverse = false }) => {
+  ({ axis, isDragging }) => {
     if (axis === 'y') {
       const style = {
         backgroundImage: `radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)`,
@@ -57,7 +52,7 @@ const Handle = styled.div<{ isDragging: boolean; axis: Axis; reverse?: boolean }
       const style = {
         backgroundImage: `radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)`,
         backgroundSize: '50px 100%',
-        backgroundPosition: reverse ? '100% 50%' : '0 50%',
+        backgroundPosition: '0 50%',
         backgroundRepeat: 'no-repeat',
       };
       return isDragging

From ff0e4c5e887f3281c5243ca7b8944b367e79681f Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Wed, 10 Aug 2022 22:05:23 -0400
Subject: [PATCH 236/266] Tweak search styling

---
 code/lib/ui/src/components/sidebar/Search.tsx | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/code/lib/ui/src/components/sidebar/Search.tsx b/code/lib/ui/src/components/sidebar/Search.tsx
index 02ed05e93764..7dcb3f9ab9a9 100644
--- a/code/lib/ui/src/components/sidebar/Search.tsx
+++ b/code/lib/ui/src/components/sidebar/Search.tsx
@@ -56,8 +56,8 @@ const SearchIcon = styled(Icons)(({ theme }) => ({
   width: 12,
   height: 12,
   position: 'absolute',
-  top: 8,
-  left: 10,
+  top: 10,
+  left: 12,
   zIndex: 1,
   pointerEvents: 'none',
   color: theme.textMutedColor,
@@ -74,13 +74,13 @@ const SearchField = styled.div(({ theme }) => ({
 
 const Input = styled.input(({ theme }) => ({
   appearance: 'none',
-  height: 28,
-  paddingLeft: 28,
-  paddingRight: 28,
+  height: 32,
+  paddingLeft: 30,
+  paddingRight: 32,
   border: `1px solid ${transparentize(0.6, theme.color.mediumdark)}`,
   background: 'transparent',
-  borderRadius: 28,
-  fontSize: `${theme.typography.size.s1}px`,
+  borderRadius: 32,
+  fontSize: `${theme.typography.size.s1 + 1}px`,
   fontFamily: 'inherit',
   transition: 'all 150ms',
   color: theme.color.defaultText,
@@ -112,8 +112,8 @@ const Input = styled.input(({ theme }) => ({
 
 const FocusKey = styled.code(({ theme }) => ({
   position: 'absolute',
-  top: 6,
-  right: 12,
+  top: 8,
+  right: 16,
   width: 16,
   height: 16,
   zIndex: 1,
@@ -122,7 +122,7 @@ const FocusKey = styled.code(({ theme }) => ({
   fontSize: '11px',
   background: 'rgba(0,0,0,0.1)',
   color: theme.textMutedColor,
-  borderRadius: 2,
+  borderRadius: 3,
   userSelect: 'none',
   pointerEvents: 'none',
 }));
@@ -132,8 +132,8 @@ const ClearIcon = styled(Icons)(({ theme }) => ({
   height: 16,
   padding: 4,
   position: 'absolute',
-  top: 6,
-  right: 8,
+  top: 8,
+  right: 16,
   zIndex: 1,
   background: 'rgba(0,0,0,0.1)',
   borderRadius: 16,

From 455a55514f6e8caac11ca1cea64beaf3f6eefa20 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 17 Aug 2022 12:49:43 -0600
Subject: [PATCH 237/266] Update MenuButton to use IconButton instead

---
 code/lib/ui/src/components/sidebar/Menu.tsx | 53 ++++-----------------
 1 file changed, 9 insertions(+), 44 deletions(-)

diff --git a/code/lib/ui/src/components/sidebar/Menu.tsx b/code/lib/ui/src/components/sidebar/Menu.tsx
index e15b4fc9fb22..d0151e419697 100644
--- a/code/lib/ui/src/components/sidebar/Menu.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.tsx
@@ -17,6 +17,11 @@ const Icon = styled(Icons)(sharedStyles, ({ theme }) => ({
   color: theme.color.secondary,
 }));
 
+const SidebarIconButton = styled(IconButton)(({ theme }) => ({
+  color: theme.color.mediumdark,
+  marginTop: 0,
+}));
+
 const Img = styled.img(sharedStyles);
 const Placeholder = styled.div(sharedStyles);
 
@@ -35,47 +40,6 @@ export const MenuItemIcon = ({ icon, imgSrc }: ListItemIconProps) => {
   return <Placeholder />;
 };
 
-export const MenuButton: FC<ComponentProps<typeof Button> & { highlighted: boolean }> = styled(
-  Button
-)<
-  ComponentProps<typeof Button> & {
-    highlighted: boolean;
-  }
->(({ highlighted, theme }) => ({
-  position: 'relative',
-  overflow: 'visible',
-  padding: 8,
-  transition: 'none', // prevents button border from flashing when focused/blurred
-  '&:focus': {
-    background: theme.barBg,
-    boxShadow: 'none',
-  },
-  // creates a pseudo border that does not affect the box model, but is accessible in high contrast mode
-  '&:focus:before': {
-    content: '""',
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    borderRadius: '100%',
-    border: `1px solid ${theme.color.secondary}`,
-  },
-
-  ...(highlighted && {
-    '&:after': {
-      content: '""',
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      width: 8,
-      height: 8,
-      borderRadius: 8,
-      background: theme.color.positive,
-    },
-  }),
-}));
-
 type ClickHandler = ComponentProps<typeof TooltipLinkList>['links'][number]['onClick'];
 
 export const SidebarMenuList: FC<{
@@ -107,9 +71,10 @@ export const SidebarMenu: FC<{
       closeOnClick
       tooltip={({ onHide }) => <SidebarMenuList onHide={onHide} menu={menu} />}
     >
-      <MenuButton outline small containsIcon highlighted={isHighlighted} title="Shortcuts">
-        <Icons icon="ellipsis" />
-      </MenuButton>
+      {/* FIXME: when button is clicked, set "active" prop to true, isHighlighted doesn't work */}
+      <SidebarIconButton title="Shortcuts" aria-label="Shortcuts" active={isHighlighted}>
+        <Icons icon="cog" />
+      </SidebarIconButton>
     </WithTooltip>
   );
 };

From 5d588dc592f405d6b186f4f0a5dcca432d07c76a Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Wed, 10 Aug 2022 22:26:59 -0400
Subject: [PATCH 238/266] Refine shadow/border on container.tsx

---
 code/lib/ui/src/components/layout/container.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/ui/src/components/layout/container.tsx b/code/lib/ui/src/components/layout/container.tsx
index b1cd7c7b6a79..7cc44ef9627b 100644
--- a/code/lib/ui/src/components/layout/container.tsx
+++ b/code/lib/ui/src/components/layout/container.tsx
@@ -100,7 +100,7 @@ const Paper = styled.div<{ isFullscreen: boolean }>(
           borderBottomLeftRadius:
             theme.appBorderRadius === 0 ? theme.appBorderRadius : theme.appBorderRadius + 1,
           overflow: 'hidden',
-          boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.05), 0px 0 0px 1px rgba(0, 0, 0, 0.1)',
+          boxShadow: '0 1px 3px 1px rgba(0, 0, 0, 0.05), 0px 0 0px 1px rgba(0, 0, 0, 0.05)',
           transform: 'translateZ(0)',
         }
 );

From 0e471ab8d2bd8eeba2961a0a6cde7340a86012ee Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Thu, 11 Aug 2022 17:11:46 -0400
Subject: [PATCH 239/266] MenuButton: remove isHighlighted and fix stories

---
 .../lib/ui/src/components/sidebar/Heading.tsx |  2 +-
 .../src/components/sidebar/Menu.stories.tsx   | 31 +++++++------------
 code/lib/ui/src/components/sidebar/Menu.tsx   | 10 +++---
 3 files changed, 16 insertions(+), 27 deletions(-)

diff --git a/code/lib/ui/src/components/sidebar/Heading.tsx b/code/lib/ui/src/components/sidebar/Heading.tsx
index 7017231c1e87..7d9ec9d3f0fc 100644
--- a/code/lib/ui/src/components/sidebar/Heading.tsx
+++ b/code/lib/ui/src/components/sidebar/Heading.tsx
@@ -71,7 +71,7 @@ export const Heading: FC<HeadingProps & ComponentProps<typeof HeadingWrapper>> =
         <Brand />
       </BrandArea>
 
-      <SidebarMenu menu={menu} isHighlighted={menuHighlighted} />
+      <SidebarMenu menu={menu} />
     </HeadingWrapper>
   );
 };
diff --git a/code/lib/ui/src/components/sidebar/Menu.stories.tsx b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
index c5abe034dcac..edced8199cba 100644
--- a/code/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -2,7 +2,8 @@ import React, { Fragment, FunctionComponent } from 'react';
 
 import { WithTooltip, TooltipLinkList, Icons } from '@storybook/components';
 import { styled } from '@storybook/theming';
-import { MenuItemIcon, SidebarMenu, ToolbarMenu, MenuButton, SidebarMenuList } from './Menu';
+import { within, userEvent } from '@storybook/testing-library';
+import { MenuItemIcon, SidebarMenu, ToolbarMenu } from './Menu';
 import { useMenu } from '../../containers/menu';
 
 export default {
@@ -29,7 +30,7 @@ const fakemenu = [
 
 export const Items = () => <TooltipLinkList links={fakemenu} />;
 
-export const Real = () => <SidebarMenu menu={fakemenu} isHighlighted />;
+export const Real = () => <SidebarMenu menu={fakemenu} />;
 
 export const Toolbar = () => <ToolbarMenu menu={fakemenu} />;
 
@@ -39,22 +40,6 @@ const DoubleThemeRenderingHack = styled.div({
   },
 });
 
-const ExpandedMenu: FunctionComponent<{ menu: any }> = ({ menu }) => (
-  <DoubleThemeRenderingHack>
-    <WithTooltip
-      placement="bottom"
-      trigger="click"
-      closeOnClick
-      startOpen
-      tooltip={({ onHide }) => <SidebarMenuList onHide={onHide} menu={menu} />}
-    >
-      <MenuButton outline small containsIcon highlighted={false} title="Shortcuts">
-        <Icons icon="ellipsis" />
-      </MenuButton>
-    </WithTooltip>
-  </DoubleThemeRenderingHack>
-);
-
 export const Expanded = () => {
   const menu = useMenu(
     {
@@ -70,7 +55,12 @@ export const Expanded = () => {
     false,
     false
   );
-  return <ExpandedMenu menu={menu} />;
+  return <SidebarMenu menu={menu} />;
+};
+Expanded.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  const menuButton = await canvas.getByRole('button');
+  await userEvent.click(menuButton);
 };
 
 export const ExpandedWithoutReleaseNotes = () => {
@@ -88,5 +78,6 @@ export const ExpandedWithoutReleaseNotes = () => {
     false,
     false
   );
-  return <ExpandedMenu menu={menu} />;
+  return <SidebarMenu menu={menu} />;
 };
+ExpandedWithoutReleaseNotes.play = Expanded.play;
diff --git a/code/lib/ui/src/components/sidebar/Menu.tsx b/code/lib/ui/src/components/sidebar/Menu.tsx
index d0151e419697..e6051c73b70a 100644
--- a/code/lib/ui/src/components/sidebar/Menu.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, ComponentProps, FC } from 'react';
+import React, { useMemo, useState, ComponentProps, FC } from 'react';
 
 import { styled } from '@storybook/theming';
 import { WithTooltip, TooltipLinkList, Button, Icons, IconButton } from '@storybook/components';
@@ -42,7 +42,7 @@ export const MenuItemIcon = ({ icon, imgSrc }: ListItemIconProps) => {
 
 type ClickHandler = ComponentProps<typeof TooltipLinkList>['links'][number]['onClick'];
 
-export const SidebarMenuList: FC<{
+const SidebarMenuList: FC<{
   menu: MenuList;
   onHide: () => void;
 }> = ({ menu, onHide }) => {
@@ -62,8 +62,7 @@ export const SidebarMenuList: FC<{
 
 export const SidebarMenu: FC<{
   menu: MenuList;
-  isHighlighted: boolean;
-}> = ({ isHighlighted, menu }) => {
+}> = ({ menu }) => {
   return (
     <WithTooltip
       placement="top"
@@ -71,8 +70,7 @@ export const SidebarMenu: FC<{
       closeOnClick
       tooltip={({ onHide }) => <SidebarMenuList onHide={onHide} menu={menu} />}
     >
-      {/* FIXME: when button is clicked, set "active" prop to true, isHighlighted doesn't work */}
-      <SidebarIconButton title="Shortcuts" aria-label="Shortcuts" active={isHighlighted}>
+      <SidebarIconButton title="Shortcuts" aria-label="Shortcuts">
         <Icons icon="cog" />
       </SidebarIconButton>
     </WithTooltip>

From 44488e6b4b1ea5f6fdd3305a75237f2f503ac3ec Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Thu, 11 Aug 2022 17:12:09 -0400
Subject: [PATCH 240/266] Expand height of menu tooltip list to prevent
 scrollbars

---
 code/lib/components/src/tooltip/TooltipLinkList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/components/src/tooltip/TooltipLinkList.tsx b/code/lib/components/src/tooltip/TooltipLinkList.tsx
index ef005c420c19..8a998e4c1d19 100644
--- a/code/lib/components/src/tooltip/TooltipLinkList.tsx
+++ b/code/lib/components/src/tooltip/TooltipLinkList.tsx
@@ -8,7 +8,7 @@ const List = styled.div(
     minWidth: 180,
     overflow: 'hidden',
     overflowY: 'auto',
-    maxHeight: 13.5 * 32, // 11.5 items
+    maxHeight: 15.5 * 32, // 11.5 items
   },
   ({ theme }) => ({
     borderRadius: theme.appBorderRadius * 2,

From 6cffc6601da76ddebeb272258c9c017094bde56d Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Thu, 11 Aug 2022 17:29:51 -0400
Subject: [PATCH 241/266] Add back styling for theme visual testing

---
 code/lib/ui/src/components/sidebar/Menu.stories.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/code/lib/ui/src/components/sidebar/Menu.stories.tsx b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
index edced8199cba..f73a5fe661e8 100644
--- a/code/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -55,7 +55,11 @@ export const Expanded = () => {
     false,
     false
   );
-  return <SidebarMenu menu={menu} />;
+  return (
+    <DoubleThemeRenderingHack>
+      <SidebarMenu menu={menu} />
+    </DoubleThemeRenderingHack>
+  );
 };
 Expanded.play = async ({ canvasElement }) => {
   const canvas = within(canvasElement);
@@ -78,6 +82,10 @@ export const ExpandedWithoutReleaseNotes = () => {
     false,
     false
   );
-  return <SidebarMenu menu={menu} />;
+  return (
+    <DoubleThemeRenderingHack>
+      <SidebarMenu menu={menu} />
+    </DoubleThemeRenderingHack>
+  );
 };
 ExpandedWithoutReleaseNotes.play = Expanded.play;

From 126017cd321e1e69608eee07ff096a22a16a445b Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Thu, 11 Aug 2022 17:49:11 -0400
Subject: [PATCH 242/266] Fix interaction test

---
 code/lib/ui/src/components/sidebar/Menu.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/ui/src/components/sidebar/Menu.stories.tsx b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
index f73a5fe661e8..2968056caf6b 100644
--- a/code/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -63,7 +63,7 @@ export const Expanded = () => {
 };
 Expanded.play = async ({ canvasElement }) => {
   const canvas = within(canvasElement);
-  const menuButton = await canvas.getByRole('button');
+  const menuButton = await canvas.findByRole('button');
   await userEvent.click(menuButton);
 };
 

From b8e52153e4a0592e50975da8abf25f44efe2c217 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 17 Aug 2022 12:50:51 -0600
Subject: [PATCH 243/266] Remove theme color from meta

---
 code/lib/builder-manager/templates/template.ejs | 1 -
 1 file changed, 1 deletion(-)

diff --git a/code/lib/builder-manager/templates/template.ejs b/code/lib/builder-manager/templates/template.ejs
index 8e9974e33707..1eaad092f2a9 100644
--- a/code/lib/builder-manager/templates/template.ejs
+++ b/code/lib/builder-manager/templates/template.ejs
@@ -2,7 +2,6 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta name="theme-color" content="<%= themeColor %>" />
 
     <title><%= typeof title !== 'undefined'? title : 'Storybook'%></title>
 

From 0d86b4e0a06b45ff8ee30a12dd6d1542df86ef01 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 17 Aug 2022 14:46:34 -0600
Subject: [PATCH 244/266] Tweak icon size in examples manager.js

---
 code/examples/official-storybook/manager.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/code/examples/official-storybook/manager.js b/code/examples/official-storybook/manager.js
index 642d6e7bfb23..77104c4f6326 100644
--- a/code/examples/official-storybook/manager.js
+++ b/code/examples/official-storybook/manager.js
@@ -8,10 +8,11 @@ import addHeadWarning from './head-warning';
 addHeadWarning('manager-head-not-loaded', 'Manager head not loaded');
 
 const PrefixIcon = styled(Icons)(({ theme }) => ({
-  marginRight: 8,
+  marginRight: 5,
   fontSize: 'inherit',
-  height: '1em',
-  width: '1em',
+  height: 12,
+  width: 12,
+  paddingTop: 1,
   display: 'inline',
   alignSelf: 'center',
 }));

From 55f93f077df0a2ce976e7448944ec8f4ac4fa566 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 17 Aug 2022 15:56:33 -0600
Subject: [PATCH 245/266] Added highlight circle back in

---
 .../src/components/sidebar/Menu.stories.tsx   |  2 +-
 code/lib/ui/src/components/sidebar/Menu.tsx   | 47 ++++++++++++++++---
 2 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/code/lib/ui/src/components/sidebar/Menu.stories.tsx b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
index 2968056caf6b..d10e49d3dfbc 100644
--- a/code/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -30,7 +30,7 @@ const fakemenu = [
 
 export const Items = () => <TooltipLinkList links={fakemenu} />;
 
-export const Real = () => <SidebarMenu menu={fakemenu} />;
+export const Real = () => <SidebarMenu menu={fakemenu} isHighlighted />;
 
 export const Toolbar = () => <ToolbarMenu menu={fakemenu} />;
 
diff --git a/code/lib/ui/src/components/sidebar/Menu.tsx b/code/lib/ui/src/components/sidebar/Menu.tsx
index e6051c73b70a..01730871edbd 100644
--- a/code/lib/ui/src/components/sidebar/Menu.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.tsx
@@ -1,6 +1,7 @@
 import React, { useMemo, useState, ComponentProps, FC } from 'react';
 
 import { styled } from '@storybook/theming';
+import { transparentize } from 'polished';
 import { WithTooltip, TooltipLinkList, Button, Icons, IconButton } from '@storybook/components';
 
 export type MenuList = ComponentProps<typeof TooltipLinkList>['links'];
@@ -17,10 +18,43 @@ const Icon = styled(Icons)(sharedStyles, ({ theme }) => ({
   color: theme.color.secondary,
 }));
 
-const SidebarIconButton = styled(IconButton)(({ theme }) => ({
-  color: theme.color.mediumdark,
-  marginTop: 0,
-}));
+export const SidebarIconButton: FC<ComponentProps<typeof Button> & { highlighted: boolean }> =
+  styled(IconButton)<
+    ComponentProps<typeof Button> & {
+      highlighted: boolean;
+    }
+  >(({ highlighted, theme }) => ({
+    position: 'relative',
+    overflow: 'visible',
+    color: theme.color.mediumdark,
+    marginTop: 0,
+    zIndex: 1,
+
+    ...(highlighted && {
+      '&:before, &:after': {
+        content: '""',
+        position: 'absolute',
+        top: 6,
+        right: 6,
+        width: 5,
+        height: 5,
+        zIndex: 2,
+        borderRadius: '50%',
+        background: theme.background.app,
+        border: `1px solid ${theme.background.app}`,
+        boxShadow: `0 0 0 2px ${theme.background.app}`,
+      },
+      '&:after': {
+        background: theme.color.positive,
+        border: `1px solid rgba(0, 0, 0, 0.1)`,
+        boxShadow: `0 0 0 2px ${theme.background.app}`,
+      },
+
+      '&:hover:after, &:focus-visible:after': {
+        boxShadow: `0 0 0 2px ${transparentize(0.88, theme.color.secondary)}`,
+      },
+    }),
+  }));
 
 const Img = styled.img(sharedStyles);
 const Placeholder = styled.div(sharedStyles);
@@ -62,7 +96,8 @@ const SidebarMenuList: FC<{
 
 export const SidebarMenu: FC<{
   menu: MenuList;
-}> = ({ menu }) => {
+  isHighlighted?: boolean;
+}> = ({ menu, isHighlighted }) => {
   return (
     <WithTooltip
       placement="top"
@@ -70,7 +105,7 @@ export const SidebarMenu: FC<{
       closeOnClick
       tooltip={({ onHide }) => <SidebarMenuList onHide={onHide} menu={menu} />}
     >
-      <SidebarIconButton title="Shortcuts" aria-label="Shortcuts">
+      <SidebarIconButton title="Shortcuts" aria-label="Shortcuts" highlighted={isHighlighted}>
         <Icons icon="cog" />
       </SidebarIconButton>
     </WithTooltip>

From b3b288018c9b044e60eaaee78d3ed4244571df9a Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 17 Aug 2022 16:14:22 -0600
Subject: [PATCH 246/266] Bumped up z-index of Skip to Canvas button

---
 code/lib/ui/src/components/sidebar/Heading.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/ui/src/components/sidebar/Heading.tsx b/code/lib/ui/src/components/sidebar/Heading.tsx
index 7d9ec9d3f0fc..74f9db84ea2d 100644
--- a/code/lib/ui/src/components/sidebar/Heading.tsx
+++ b/code/lib/ui/src/components/sidebar/Heading.tsx
@@ -45,7 +45,7 @@ const SkipToCanvasLink = styled(Button)(({ theme }) => ({
     width: '100%',
     padding: '10px 15px',
     fontSize: theme.typography.size.s1,
-    zIndex: 1,
+    zIndex: 3,
     transform: 'translate(0,-100px)',
     '&:focus': {
       transform: 'translate(0)',

From a9958cf0f88eeda84ae5bf4f46ec72c14ad107a3 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Wed, 17 Aug 2022 16:52:06 -0600
Subject: [PATCH 247/266] Added highlighted menu

---
 code/lib/ui/src/components/sidebar/Heading.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/ui/src/components/sidebar/Heading.tsx b/code/lib/ui/src/components/sidebar/Heading.tsx
index 74f9db84ea2d..c6642b5f9c25 100644
--- a/code/lib/ui/src/components/sidebar/Heading.tsx
+++ b/code/lib/ui/src/components/sidebar/Heading.tsx
@@ -71,7 +71,7 @@ export const Heading: FC<HeadingProps & ComponentProps<typeof HeadingWrapper>> =
         <Brand />
       </BrandArea>
 
-      <SidebarMenu menu={menu} />
+      <SidebarMenu menu={menu} isHighlighted={menuHighlighted} />
     </HeadingWrapper>
   );
 };

From 69e46b58109d6fd2a7a9a459c9f8298195c2bfd0 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 07:31:43 +0800
Subject: [PATCH 248/266] Menu: Wait for the menu to show in expanded story

---
 code/lib/ui/src/components/sidebar/Menu.stories.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/code/lib/ui/src/components/sidebar/Menu.stories.tsx b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
index d10e49d3dfbc..9f8ea4833521 100644
--- a/code/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -2,7 +2,7 @@ import React, { Fragment, FunctionComponent } from 'react';
 
 import { WithTooltip, TooltipLinkList, Icons } from '@storybook/components';
 import { styled } from '@storybook/theming';
-import { within, userEvent } from '@storybook/testing-library';
+import { within, userEvent, screen, waitFor } from '@storybook/testing-library';
 import { MenuItemIcon, SidebarMenu, ToolbarMenu } from './Menu';
 import { useMenu } from '../../containers/menu';
 
@@ -65,6 +65,10 @@ Expanded.play = async ({ canvasElement }) => {
   const canvas = within(canvasElement);
   const menuButton = await canvas.findByRole('button');
   await userEvent.click(menuButton);
+  // force wait for the menu to show
+  await waitFor(async () => {
+    await screen.findByText(/Release notes/);
+  })
 };
 
 export const ExpandedWithoutReleaseNotes = () => {

From 37a80bcb3362b24c230a074f41bc927c35c0901a Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 08:00:54 +0800
Subject: [PATCH 249/266] Force sleep

---
 code/lib/ui/src/components/sidebar/Menu.stories.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/code/lib/ui/src/components/sidebar/Menu.stories.tsx b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
index 9f8ea4833521..db41e333f27d 100644
--- a/code/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -2,7 +2,7 @@ import React, { Fragment, FunctionComponent } from 'react';
 
 import { WithTooltip, TooltipLinkList, Icons } from '@storybook/components';
 import { styled } from '@storybook/theming';
-import { within, userEvent, screen, waitFor } from '@storybook/testing-library';
+import { within, userEvent, screen } from '@storybook/testing-library';
 import { MenuItemIcon, SidebarMenu, ToolbarMenu } from './Menu';
 import { useMenu } from '../../containers/menu';
 
@@ -66,9 +66,9 @@ Expanded.play = async ({ canvasElement }) => {
   const menuButton = await canvas.findByRole('button');
   await userEvent.click(menuButton);
   // force wait for the menu to show
-  await waitFor(async () => {
-    await screen.findByText(/Release notes/);
-  })
+  await screen.findByText(/About your Storybook/);
+  // sleep
+  await new Promise((resolve) => setTimeout(resolve, 100));
 };
 
 export const ExpandedWithoutReleaseNotes = () => {

From c45074f4da40c5d9e22ddd702557592b6c830ffc Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 18 Aug 2022 09:49:45 +0200
Subject: [PATCH 250/266] improve play fuctions

---
 .../ui/src/components/sidebar/Menu.stories.tsx  | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/code/lib/ui/src/components/sidebar/Menu.stories.tsx b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
index db41e333f27d..8cf9c966103c 100644
--- a/code/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -1,3 +1,4 @@
+import { expect } from '@storybook/jest';
 import React, { Fragment, FunctionComponent } from 'react';
 
 import { WithTooltip, TooltipLinkList, Icons } from '@storybook/components';
@@ -57,7 +58,7 @@ export const Expanded = () => {
   );
   return (
     <DoubleThemeRenderingHack>
-      <SidebarMenu menu={menu} />
+      <SidebarMenu menu={menu} isHighlighted />
     </DoubleThemeRenderingHack>
   );
 };
@@ -65,10 +66,8 @@ Expanded.play = async ({ canvasElement }) => {
   const canvas = within(canvasElement);
   const menuButton = await canvas.findByRole('button');
   await userEvent.click(menuButton);
-  // force wait for the menu to show
-  await screen.findByText(/About your Storybook/);
-  // sleep
-  await new Promise((resolve) => setTimeout(resolve, 100));
+  const aboutStorybookBtn = await screen.findByText(/About your Storybook/);
+  await expect(aboutStorybookBtn).toBeInTheDocument();
 };
 
 export const ExpandedWithoutReleaseNotes = () => {
@@ -86,10 +85,16 @@ export const ExpandedWithoutReleaseNotes = () => {
     false,
     false
   );
+
   return (
     <DoubleThemeRenderingHack>
       <SidebarMenu menu={menu} />
     </DoubleThemeRenderingHack>
   );
 };
-ExpandedWithoutReleaseNotes.play = Expanded.play;
+ExpandedWithoutReleaseNotes.play = async (context) => {
+  const canvas = within(context.canvasElement);
+  await Expanded.play(context);
+  const releaseNotes = await canvas.getByText(/Release notes/);
+  await expect(releaseNotes).not.toBeInTheDocument();
+};

From f0547089b84e92ba23bb408a90170ee217c9a3db Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 18 Aug 2022 09:50:21 +0200
Subject: [PATCH 251/266] play-fn-proof multi-theme decorator (for chromatic
 only)

---
 code/examples/official-storybook/preview.js | 30 +++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/code/examples/official-storybook/preview.js b/code/examples/official-storybook/preview.js
index 638d31b1af82..5c0ae631a5a1 100644
--- a/code/examples/official-storybook/preview.js
+++ b/code/examples/official-storybook/preview.js
@@ -72,6 +72,25 @@ const ThemeStack = styled.div(
   })
 );
 
+const PlayFnNotice = styled.div(
+  {
+    position: 'absolute',
+    bottom: '1rem',
+    right: '1rem',
+    border: '1px solid #ccc',
+    borderRadius: '5px',
+    padding: '1rem',
+    fontSize: '12px',
+    '> *': {
+      display: 'block',
+    },
+  },
+  ({ theme }) => ({
+    background: theme.background.app,
+    color: theme.color.defaultText,
+  })
+);
+
 const ThemedSetRoot = () => {
   const theme = useTheme();
 
@@ -87,8 +106,9 @@ const ThemedSetRoot = () => {
 };
 
 export const decorators = [
-  (StoryFn, { globals, parameters }) => {
-    const theme = globals.theme || parameters.theme || (isChromatic() ? 'stacked' : 'light');
+  (StoryFn, { globals, parameters, playFunction }) => {
+    const theme =
+      globals.theme || parameters.theme || (isChromatic() && !playFunction ? 'stacked' : 'light');
 
     switch (theme) {
       case 'side-by-side': {
@@ -137,6 +157,12 @@ export const decorators = [
             <Symbols icons={['folder', 'component', 'document', 'bookmarkhollow']} />
             <Global styles={createReset} />
             <ThemedSetRoot />
+            {isChromatic() && playFunction && (
+              <PlayFnNotice>
+                <span>Detected play function.</span>
+                <span>Rendering in a single theme</span>
+              </PlayFnNotice>
+            )}
             <StoryFn />
           </ThemeProvider>
         );

From 829b806065d87f1c054cdf26dc5ebf4137d96f7c Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 18 Aug 2022 10:26:36 +0200
Subject: [PATCH 252/266] fix theme logic

---
 code/examples/official-storybook/preview.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/examples/official-storybook/preview.js b/code/examples/official-storybook/preview.js
index 5c0ae631a5a1..e4e0ef7fa7d9 100644
--- a/code/examples/official-storybook/preview.js
+++ b/code/examples/official-storybook/preview.js
@@ -107,8 +107,8 @@ const ThemedSetRoot = () => {
 
 export const decorators = [
   (StoryFn, { globals, parameters, playFunction }) => {
-    const theme =
-      globals.theme || parameters.theme || (isChromatic() && !playFunction ? 'stacked' : 'light');
+    const defaultTheme = isChromatic() && !playFunction ? 'stacked' : 'light';
+    const theme = globals.theme || parameters.theme || defaultTheme;
 
     switch (theme) {
       case 'side-by-side': {
@@ -157,7 +157,7 @@ export const decorators = [
             <Symbols icons={['folder', 'component', 'document', 'bookmarkhollow']} />
             <Global styles={createReset} />
             <ThemedSetRoot />
-            {isChromatic() && playFunction && (
+            {!parameters.theme && isChromatic() && playFunction && (
               <PlayFnNotice>
                 <span>Detected play function.</span>
                 <span>Rendering in a single theme</span>

From b0b41fb27497c921b84df09c72ef5ffc0d85e883 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 18 Aug 2022 11:47:24 +0200
Subject: [PATCH 253/266] fix play fn

---
 code/lib/ui/src/components/sidebar/Menu.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/lib/ui/src/components/sidebar/Menu.stories.tsx b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
index 8cf9c966103c..0d158a0327f9 100644
--- a/code/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -95,6 +95,6 @@ export const ExpandedWithoutReleaseNotes = () => {
 ExpandedWithoutReleaseNotes.play = async (context) => {
   const canvas = within(context.canvasElement);
   await Expanded.play(context);
-  const releaseNotes = await canvas.getByText(/Release notes/);
+  const releaseNotes = await canvas.queryByText(/Release notes/);
   await expect(releaseNotes).not.toBeInTheDocument();
 };

From 3674f47d39d23ea6c769011dd7da1482081de368 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 19:28:05 +0800
Subject: [PATCH 254/266] 7.0.0-alpha.22 changelog

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d640b8cba429..c13857af7edb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,15 @@
+## 7.0.0-alpha.22 (August 18, 2022)
+
+#### Features
+
+-   UI: Polish canvas and sidebar for 7.0 [#18894](https://github.com/storybooks/storybook/pull/18894)
+
+#### Maintenance
+
+-   Sandbox: Add ability to run from local repro [#18950](https://github.com/storybooks/storybook/pull/18950)
+-   Repros: Add ability to generate repros using local registry [#18948](https://github.com/storybooks/storybook/pull/18948)
+-   CLI: Move write/read package json into JsPackageManager [#18942](https://github.com/storybooks/storybook/pull/18942)
+
 ## 7.0.0-alpha.21 (August 17, 2022)
 
 #### Maintenance

From 3b9e730f9df061979218548ed9ea53ab24accef1 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 19:29:14 +0800
Subject: [PATCH 255/266] Update root, peer deps, version.ts/json to
 7.0.0-alpha.22 [ci skip]

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

diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 53b0643b7f2e..de75496aacfd 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -45,7 +45,7 @@
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
     "puppeteer": ">=2.0.0"
   },
   "peerDependenciesMeta": {
diff --git a/code/lib/api/src/version.ts b/code/lib/api/src/version.ts
index a307a30fa83e..f3e86d702df1 100644
--- a/code/lib/api/src/version.ts
+++ b/code/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '7.0.0-alpha.21';
+export const version = '7.0.0-alpha.22';
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index bb2738ce1b07..748dd67a638b 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -1,78 +1,78 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.0.0-alpha.21',
-  '@storybook/addon-actions': '7.0.0-alpha.21',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.21',
-  '@storybook/addon-controls': '7.0.0-alpha.21',
-  '@storybook/addon-docs': '7.0.0-alpha.21',
-  '@storybook/addon-essentials': '7.0.0-alpha.21',
-  '@storybook/addon-highlight': '7.0.0-alpha.21',
-  '@storybook/addon-interactions': '7.0.0-alpha.21',
-  '@storybook/addon-jest': '7.0.0-alpha.21',
-  '@storybook/addon-links': '7.0.0-alpha.21',
-  '@storybook/addon-measure': '7.0.0-alpha.21',
-  '@storybook/addon-outline': '7.0.0-alpha.21',
-  '@storybook/addon-storyshots': '7.0.0-alpha.21',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.21',
-  '@storybook/addon-storysource': '7.0.0-alpha.21',
-  '@storybook/addon-toolbars': '7.0.0-alpha.21',
-  '@storybook/addon-viewport': '7.0.0-alpha.21',
-  '@storybook/addons': '7.0.0-alpha.21',
-  '@storybook/angular': '7.0.0-alpha.21',
-  '@storybook/api': '7.0.0-alpha.21',
-  '@storybook/blocks': '7.0.0-alpha.21',
-  '@storybook/builder-manager': '7.0.0-alpha.21',
-  '@storybook/builder-webpack5': '7.0.0-alpha.21',
-  '@storybook/channel-postmessage': '7.0.0-alpha.21',
-  '@storybook/channel-websocket': '7.0.0-alpha.21',
-  '@storybook/channels': '7.0.0-alpha.21',
-  '@storybook/cli': '7.0.0-alpha.21',
-  '@storybook/client-api': '7.0.0-alpha.21',
-  '@storybook/client-logger': '7.0.0-alpha.21',
-  '@storybook/codemod': '7.0.0-alpha.21',
-  '@storybook/components': '7.0.0-alpha.21',
-  '@storybook/core-client': '7.0.0-alpha.21',
-  '@storybook/core-common': '7.0.0-alpha.21',
-  '@storybook/core-events': '7.0.0-alpha.21',
-  '@storybook/core-server': '7.0.0-alpha.21',
-  '@storybook/core-webpack': '7.0.0-alpha.21',
-  '@storybook/csf-tools': '7.0.0-alpha.21',
-  '@storybook/docs-tools': '7.0.0-alpha.21',
-  '@storybook/ember': '7.0.0-alpha.21',
-  '@storybook/html': '7.0.0-alpha.21',
-  '@storybook/html-webpack5': '7.0.0-alpha.21',
-  '@storybook/instrumenter': '7.0.0-alpha.21',
-  '@storybook/node-logger': '7.0.0-alpha.21',
-  '@storybook/postinstall': '7.0.0-alpha.21',
-  '@storybook/preact': '7.0.0-alpha.21',
-  '@storybook/preact-webpack5': '7.0.0-alpha.21',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.21',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.21',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.21',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.21',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.21',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.21',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.21',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.21',
-  '@storybook/preview-web': '7.0.0-alpha.21',
-  '@storybook/react': '7.0.0-alpha.21',
-  '@storybook/react-webpack5': '7.0.0-alpha.21',
-  '@storybook/router': '7.0.0-alpha.21',
-  '@storybook/server': '7.0.0-alpha.21',
-  '@storybook/server-webpack5': '7.0.0-alpha.21',
-  '@storybook/source-loader': '7.0.0-alpha.21',
-  '@storybook/store': '7.0.0-alpha.21',
-  '@storybook/svelte': '7.0.0-alpha.21',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.21',
-  '@storybook/telemetry': '7.0.0-alpha.21',
-  '@storybook/theming': '7.0.0-alpha.21',
-  '@storybook/ui': '7.0.0-alpha.21',
-  '@storybook/vue': '7.0.0-alpha.21',
-  '@storybook/vue-webpack5': '7.0.0-alpha.21',
-  '@storybook/vue3': '7.0.0-alpha.21',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.21',
-  '@storybook/web-components': '7.0.0-alpha.21',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.21',
-  sb: '7.0.0-alpha.21',
-  storybook: '7.0.0-alpha.21',
+  '@storybook/addon-a11y': '7.0.0-alpha.22',
+  '@storybook/addon-actions': '7.0.0-alpha.22',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.22',
+  '@storybook/addon-controls': '7.0.0-alpha.22',
+  '@storybook/addon-docs': '7.0.0-alpha.22',
+  '@storybook/addon-essentials': '7.0.0-alpha.22',
+  '@storybook/addon-highlight': '7.0.0-alpha.22',
+  '@storybook/addon-interactions': '7.0.0-alpha.22',
+  '@storybook/addon-jest': '7.0.0-alpha.22',
+  '@storybook/addon-links': '7.0.0-alpha.22',
+  '@storybook/addon-measure': '7.0.0-alpha.22',
+  '@storybook/addon-outline': '7.0.0-alpha.22',
+  '@storybook/addon-storyshots': '7.0.0-alpha.22',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.22',
+  '@storybook/addon-storysource': '7.0.0-alpha.22',
+  '@storybook/addon-toolbars': '7.0.0-alpha.22',
+  '@storybook/addon-viewport': '7.0.0-alpha.22',
+  '@storybook/addons': '7.0.0-alpha.22',
+  '@storybook/angular': '7.0.0-alpha.22',
+  '@storybook/api': '7.0.0-alpha.22',
+  '@storybook/blocks': '7.0.0-alpha.22',
+  '@storybook/builder-manager': '7.0.0-alpha.22',
+  '@storybook/builder-webpack5': '7.0.0-alpha.22',
+  '@storybook/channel-postmessage': '7.0.0-alpha.22',
+  '@storybook/channel-websocket': '7.0.0-alpha.22',
+  '@storybook/channels': '7.0.0-alpha.22',
+  '@storybook/cli': '7.0.0-alpha.22',
+  '@storybook/client-api': '7.0.0-alpha.22',
+  '@storybook/client-logger': '7.0.0-alpha.22',
+  '@storybook/codemod': '7.0.0-alpha.22',
+  '@storybook/components': '7.0.0-alpha.22',
+  '@storybook/core-client': '7.0.0-alpha.22',
+  '@storybook/core-common': '7.0.0-alpha.22',
+  '@storybook/core-events': '7.0.0-alpha.22',
+  '@storybook/core-server': '7.0.0-alpha.22',
+  '@storybook/core-webpack': '7.0.0-alpha.22',
+  '@storybook/csf-tools': '7.0.0-alpha.22',
+  '@storybook/docs-tools': '7.0.0-alpha.22',
+  '@storybook/ember': '7.0.0-alpha.22',
+  '@storybook/html': '7.0.0-alpha.22',
+  '@storybook/html-webpack5': '7.0.0-alpha.22',
+  '@storybook/instrumenter': '7.0.0-alpha.22',
+  '@storybook/node-logger': '7.0.0-alpha.22',
+  '@storybook/postinstall': '7.0.0-alpha.22',
+  '@storybook/preact': '7.0.0-alpha.22',
+  '@storybook/preact-webpack5': '7.0.0-alpha.22',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.22',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.22',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.22',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.22',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.22',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.22',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.22',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.22',
+  '@storybook/preview-web': '7.0.0-alpha.22',
+  '@storybook/react': '7.0.0-alpha.22',
+  '@storybook/react-webpack5': '7.0.0-alpha.22',
+  '@storybook/router': '7.0.0-alpha.22',
+  '@storybook/server': '7.0.0-alpha.22',
+  '@storybook/server-webpack5': '7.0.0-alpha.22',
+  '@storybook/source-loader': '7.0.0-alpha.22',
+  '@storybook/store': '7.0.0-alpha.22',
+  '@storybook/svelte': '7.0.0-alpha.22',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.22',
+  '@storybook/telemetry': '7.0.0-alpha.22',
+  '@storybook/theming': '7.0.0-alpha.22',
+  '@storybook/ui': '7.0.0-alpha.22',
+  '@storybook/vue': '7.0.0-alpha.22',
+  '@storybook/vue-webpack5': '7.0.0-alpha.22',
+  '@storybook/vue3': '7.0.0-alpha.22',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.22',
+  '@storybook/web-components': '7.0.0-alpha.22',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.22',
+  sb: '7.0.0-alpha.22',
+  storybook: '7.0.0-alpha.22',
 };
diff --git a/code/package.json b/code/package.json
index e6f093a570e0..e81276689772 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "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 408cd2770da3f5cfb54843d74dfcf31b6c7e0d58 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 19:48:52 +0800
Subject: [PATCH 256/266] v7.0.0-alpha.22

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 49302e41bf85..4b1860302ea8 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -62,15 +62,15 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.22",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 274d35d49c49..597f33e41d66 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index a14f2f0705af..f31e502d35da 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -62,13 +62,13 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index cdd10b2e8063..befe35ea7854 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -57,16 +57,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/blocks": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/blocks": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 10f00dca4edb..347fe3b44ff8 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -53,22 +53,22 @@
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/blocks": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/blocks": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.21",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/csf-tools": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
     "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
-    "@storybook/node-logger": "7.0.0-alpha.21",
-    "@storybook/postinstall": "7.0.0-alpha.21",
-    "@storybook/preview-web": "7.0.0-alpha.21",
-    "@storybook/source-loader": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/postinstall": "7.0.0-alpha.22",
+    "@storybook/preview-web": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "babel-loader": "^8.2.5",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 59e763340697..f9a34fd595ce 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -33,25 +33,25 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-controls": "7.0.0-alpha.21",
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-measure": "7.0.0-alpha.21",
-    "@storybook/addon-outline": "7.0.0-alpha.21",
-    "@storybook/addon-toolbars": "7.0.0-alpha.21",
-    "@storybook/addon-viewport": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-controls": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-measure": "7.0.0-alpha.22",
+    "@storybook/addon-outline": "7.0.0-alpha.22",
+    "@storybook/addon-toolbars": "7.0.0-alpha.22",
+    "@storybook/addon-viewport": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/vue": "7.0.0-alpha.21",
+    "@storybook/vue": "7.0.0-alpha.22",
     "@types/jest": "^26.0.16",
     "typescript": "~4.6.3"
   },
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 3995a57d1f8e..cc91f9fe5506 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -37,8 +37,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 24d547002d56..51b1701b6f5f 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -36,15 +36,15 @@
   },
   "dependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/instrumenter": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/instrumenter": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "jest-mock": "^27.0.6",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index d9ae2101bcb5..47756e645ba5 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -59,12 +59,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react-sizeme": "^3.0.1",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index e821ded47e04..fbd0291c75c6 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -63,11 +63,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.21",
+    "@storybook/router": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index cb79e283e9ae..584906417862 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
@@ -61,11 +61,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 7584ba4252df..84103202016d 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
@@ -64,11 +64,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index 58e195a80b1b..5a879528ba94 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
@@ -38,12 +38,12 @@
   },
   "dependencies": {
     "@jest/transform": "^26.6.2",
-    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/client-api": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/core-webpack": "7.0.0-alpha.21",
+    "@storybook/client-api": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "@types/glob": "^7.1.3",
     "@types/jest": "^26.0.16",
@@ -62,11 +62,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.21",
-    "@storybook/angular": "7.0.0-alpha.21",
-    "@storybook/react": "7.0.0-alpha.21",
-    "@storybook/vue": "7.0.0-alpha.21",
-    "@storybook/vue3": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/angular": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/vue": "7.0.0-alpha.22",
+    "@storybook/vue3": "7.0.0-alpha.22",
     "babel-loader": "^8.2.5",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index de75496aacfd..33db3a3c70e7 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "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.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.22",
     "@types/jest-image-snapshot": "^4.1.3",
     "core-js": "^3.8.2",
     "jest-image-snapshot": "^4.3.0"
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 3c86a609f482..1decd03ca875 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/router": "7.0.0-alpha.21",
-    "@storybook/source-loader": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/router": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index 27d9652e9a5a..8fc6b7234de1 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
@@ -57,11 +57,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2"
   },
   "devDependencies": {
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 0388ad327a88..af612c59c198 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
@@ -36,12 +36,12 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/examples/angular-cli/package.json b/code/examples/angular-cli/package.json
index c8a68c449192..eb3406cd79f7 100644
--- a/code/examples/angular-cli/package.json
+++ b/code/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "license": "MIT",
   "workspaces": {
@@ -44,22 +44,22 @@
     "@angular/compiler-cli": "^13.3.6",
     "@angular/elements": "^13.3.6",
     "@compodoc/compodoc": "^1.1.18",
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-controls": "7.0.0-alpha.21",
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-interactions": "7.0.0-alpha.21",
-    "@storybook/addon-jest": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
-    "@storybook/addon-storysource": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/angular": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-controls": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-interactions": "7.0.0-alpha.22",
+    "@storybook/addon-jest": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-storysource": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/angular": "7.0.0-alpha.22",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.22",
     "@storybook/testing-library": "0.0.14-next.0",
     "@types/core-js": "^2.5.4",
     "@types/jest": "^26.0.16",
@@ -72,7 +72,7 @@
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
     "protractor": "~7.0.0",
-    "storybook": "7.0.0-alpha.21",
+    "storybook": "7.0.0-alpha.22",
     "storybook-addon-angular-ivy": "^0.0.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
diff --git a/code/examples/cra-kitchen-sink/package.json b/code/examples/cra-kitchen-sink/package.json
index 5acd24cdc79e..9365eb969fa7 100644
--- a/code/examples/cra-kitchen-sink/package.json
+++ b/code/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "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.21",
+    "@storybook/client-logger": "7.0.0-alpha.22",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "react": "16.14.0",
@@ -21,21 +21,21 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-jest": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-jest": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.21",
-    "@storybook/react-webpack5": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
-    "storybook": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/react-webpack5": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
+    "storybook": "7.0.0-alpha.22",
     "webpack": "5"
   },
   "storybook": {
diff --git a/code/examples/cra-ts-essentials/package.json b/code/examples/cra-ts-essentials/package.json
index 129ec8a326ec..212c05f21944 100644
--- a/code/examples/cra-ts-essentials/package.json
+++ b/code/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-essentials",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -23,8 +23,8 @@
     ]
   },
   "dependencies": {
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "@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.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/addon-essentials": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.21",
-    "@storybook/react-webpack5": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/react-webpack5": "7.0.0-alpha.22",
     "@storybook/testing-library": "^0.0.9",
-    "storybook": "7.0.0-alpha.21",
+    "storybook": "7.0.0-alpha.22",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/cra-ts-kitchen-sink/package.json b/code/examples/cra-ts-kitchen-sink/package.json
index 945601b38763..2a1f04157d64 100644
--- a/code/examples/cra-ts-kitchen-sink/package.json
+++ b/code/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -34,23 +34,23 @@
     "typescript": "~4.6.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.21",
-    "@storybook/react-webpack5": "7.0.0-alpha.21",
+    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/react-webpack5": "7.0.0-alpha.22",
     "@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.21",
+    "storybook": "7.0.0-alpha.22",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/doc-blocks/package.json b/code/examples/doc-blocks/package.json
index 9ebb695aab5a..66d9a8e0d3ac 100644
--- a/code/examples/doc-blocks/package.json
+++ b/code/examples/doc-blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-doc-blocks",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build",
@@ -15,20 +15,20 @@
     "@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.21",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
-    "@storybook/addon-storysource": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/cli": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/react-webpack5": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/addon-essentials": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-storysource": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/cli": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/react-webpack5": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "@types/babel__preset-env": "^7",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.21",
-    "sb": "7.0.0-alpha.21",
+    "sb": "7.0.0-alpha.22",
     "typescript": "~4.6.3",
     "webpack": "5"
   },
diff --git a/code/examples/ember-cli/package.json b/code/examples/ember-cli/package.json
index 5ffc2afee371..651dcfd40afe 100644
--- a/code/examples/ember-cli/package.json
+++ b/code/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "scripts": {
     "--build-storybook": "yarn storybook-prebuild && storybook build",
@@ -17,19 +17,19 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@ember/optional-features": "^2.0.0",
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-controls": "7.0.0-alpha.21",
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/addon-storysource": "7.0.0-alpha.21",
-    "@storybook/addon-viewport": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/ember": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-controls": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addon-storysource": "7.0.0-alpha.22",
+    "@storybook/addon-viewport": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/ember": "7.0.0-alpha.22",
     "@storybook/ember-cli-storybook": "^0.2.1",
-    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.22",
     "babel-loader": "^8.2.5",
     "broccoli-asset-rev": "^3.0.0",
     "browserify-zlib": "^0.2.0",
@@ -49,7 +49,7 @@
     "loader.js": "^4.7.0",
     "os-browserify": "^0.3.0",
     "shx": "^0.3.2",
-    "storybook": "7.0.0-alpha.21",
+    "storybook": "7.0.0-alpha.22",
     "stream-browserify": "^3.0.0",
     "vm-browserify": "^1.1.2",
     "webpack": "5",
diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json
index 381246392605..138ea2693a12 100644
--- a/code/examples/external-docs/package.json
+++ b/code/examples/external-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/external-docs",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "scripts": {
     "build": "next build",
@@ -11,15 +11,15 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c .storybook"
   },
   "dependencies": {
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-essentials": "7.0.0-alpha.21",
-    "@storybook/blocks": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-essentials": "7.0.0-alpha.22",
+    "@storybook/blocks": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.21",
-    "@storybook/react": "7.0.0-alpha.21",
-    "@storybook/react-webpack5": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/preview-web": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/react-webpack5": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "formik": "^2.2.9",
     "next": "^12.1.0",
     "nextra": "^1.1.0",
@@ -38,7 +38,7 @@
     "cross-env": "^7.0.3",
     "eslint": "8.7.0",
     "eslint-config-next": "12.0.8",
-    "storybook": "7.0.0-alpha.21",
+    "storybook": "7.0.0-alpha.22",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/html-kitchen-sink/package.json b/code/examples/html-kitchen-sink/package.json
index fb407cb96014..119d90db518c 100644
--- a/code/examples/html-kitchen-sink/package.json
+++ b/code/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,31 +13,31 @@
     "storybook": "storybook dev -p 9006 --no-manager-cache"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-controls": "7.0.0-alpha.21",
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-jest": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-controls": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-jest": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
-    "@storybook/addon-storysource": "7.0.0-alpha.21",
-    "@storybook/addon-viewport": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/client-api": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
-    "@storybook/html": "7.0.0-alpha.21",
-    "@storybook/html-webpack5": "7.0.0-alpha.21",
-    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-storysource": "7.0.0-alpha.22",
+    "@storybook/addon-viewport": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/client-api": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/html": "7.0.0-alpha.22",
+    "@storybook/html-webpack5": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.22",
     "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.21"
+    "storybook": "7.0.0-alpha.22"
   },
   "storybook": {
     "chromatic": {
diff --git a/code/examples/official-storybook/package.json b/code/examples/official-storybook/package.json
index 6e7b72868ec1..45073c274b6d 100644
--- a/code/examples/official-storybook/package.json
+++ b/code/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@@ -13,33 +13,33 @@
   "devDependencies": {
     "@emotion/jest": "^11.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-controls": "7.0.0-alpha.21",
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-interactions": "7.0.0-alpha.21",
-    "@storybook/addon-jest": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
-    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.21",
-    "@storybook/addon-storysource": "7.0.0-alpha.21",
-    "@storybook/addon-toolbars": "7.0.0-alpha.21",
-    "@storybook/addon-viewport": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/cli": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-controls": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-interactions": "7.0.0-alpha.22",
+    "@storybook/addon-jest": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.22",
+    "@storybook/addon-storysource": "7.0.0-alpha.22",
+    "@storybook/addon-toolbars": "7.0.0-alpha.22",
+    "@storybook/addon-viewport": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/cli": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/design-system": "^5.4.7",
     "@storybook/jest": "^0.0.10",
-    "@storybook/node-logger": "7.0.0-alpha.21",
-    "@storybook/react": "7.0.0-alpha.21",
-    "@storybook/react-webpack5": "7.0.0-alpha.21",
-    "@storybook/router": "7.0.0-alpha.21",
-    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/react-webpack5": "7.0.0-alpha.22",
+    "@storybook/router": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.22",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.22",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/user-event": "^13.1.9",
     "chromatic": "^6.0.2",
@@ -55,7 +55,7 @@
     "prop-types": "^15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.21",
+    "storybook": "7.0.0-alpha.22",
     "terser-webpack-plugin": "^5.3.1",
     "uuid-browser": "^3.1.0",
     "webpack": "5"
diff --git a/code/examples/preact-kitchen-sink/package.json b/code/examples/preact-kitchen-sink/package.json
index 9718da38547f..8f4b521a1bcd 100644
--- a/code/examples/preact-kitchen-sink/package.json
+++ b/code/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,18 +14,18 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
-    "@storybook/addon-storysource": "7.0.0-alpha.21",
-    "@storybook/addon-viewport": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/preact": "7.0.0-alpha.21",
-    "@storybook/preact-webpack5": "7.0.0-alpha.21",
-    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-storysource": "7.0.0-alpha.22",
+    "@storybook/addon-viewport": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/preact": "7.0.0-alpha.22",
+    "@storybook/preact-webpack5": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.22",
     "@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.21",
+    "storybook": "7.0.0-alpha.22",
     "svg-url-loader": "^7.1.1",
     "webpack": "5",
     "webpack-dev-server": "^4.8.1"
diff --git a/code/examples/react-ts/package.json b/code/examples/react-ts/package.json
index 96f400db8c51..502c1d266d23 100644
--- a/code/examples/react-ts/package.json
+++ b/code/examples/react-ts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "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.21",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
-    "@storybook/addon-storysource": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/cli": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/react": "7.0.0-alpha.21",
-    "@storybook/react-webpack5": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/addon-essentials": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-storysource": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/cli": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/react-webpack5": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "@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.21",
+    "storybook": "7.0.0-alpha.22",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/server-kitchen-sink/package.json b/code/examples/server-kitchen-sink/package.json
index 6639e8ac6bf0..1615ac387e3f 100644
--- a/code/examples/server-kitchen-sink/package.json
+++ b/code/examples/server-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server-kitchen-sink",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,15 +14,15 @@
     "storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-controls": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
-    "@storybook/server": "7.0.0-alpha.21",
-    "@storybook/server-webpack5": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-controls": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/server": "7.0.0-alpha.22",
+    "@storybook/server-webpack5": "7.0.0-alpha.22",
     "concurrently": "^5.3.0",
     "cors": "^2.8.5",
     "express": "~4.17.1",
@@ -30,6 +30,6 @@
     "nodemon": "^2.0.7",
     "pug": "^3.0.0",
     "safe-identifier": "^0.4.1",
-    "storybook": "7.0.0-alpha.21"
+    "storybook": "7.0.0-alpha.22"
   }
 }
diff --git a/code/examples/standalone-preview/package.json b/code/examples/standalone-preview/package.json
index 3d7fa82ea037..8ce45303059d 100644
--- a/code/examples/standalone-preview/package.json
+++ b/code/examples/standalone-preview/package.json
@@ -1,20 +1,20 @@
 {
   "name": "standalone-preview",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "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.21",
-    "@storybook/cli": "7.0.0-alpha.21",
-    "@storybook/react": "7.0.0-alpha.21",
-    "@storybook/react-webpack5": "7.0.0-alpha.21",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/cli": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/react-webpack5": "7.0.0-alpha.22",
     "cross-env": "^7.0.3",
     "parcel": "2.0.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.21"
+    "storybook": "7.0.0-alpha.22"
   }
 }
diff --git a/code/examples/svelte-kitchen-sink/package.json b/code/examples/svelte-kitchen-sink/package.json
index b5e43abb3ec8..aa92b3559e78 100644
--- a/code/examples/svelte-kitchen-sink/package.json
+++ b/code/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "scripts": {
     "build-storybook": "storybook build",
@@ -10,24 +10,24 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-controls": "7.0.0-alpha.21",
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-interactions": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
-    "@storybook/addon-storysource": "7.0.0-alpha.21",
-    "@storybook/addon-viewport": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-controls": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-interactions": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-storysource": "7.0.0-alpha.22",
+    "@storybook/addon-viewport": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.21",
-    "@storybook/svelte": "7.0.0-alpha.21",
-    "@storybook/svelte-webpack5": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/svelte": "7.0.0-alpha.22",
+    "@storybook/svelte-webpack5": "7.0.0-alpha.22",
     "@storybook/testing-library": "0.0.14-next.0",
-    "storybook": "7.0.0-alpha.21",
+    "storybook": "7.0.0-alpha.22",
     "svelte-jester": "^2.3.2",
     "svelte-preprocess": "^4.10.6"
   },
diff --git a/code/examples/vue-3-cli/package.json b/code/examples/vue-3-cli/package.json
index b3b7c099f90b..b0f5077ae911 100644
--- a/code/examples/vue-3-cli/package.json
+++ b/code/examples/vue-3-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-3-cli-example",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "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.21",
-    "@storybook/addon-essentials": "7.0.0-alpha.21",
-    "@storybook/addon-interactions": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-essentials": "7.0.0-alpha.22",
+    "@storybook/addon-interactions": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue3": "7.0.0-alpha.21",
-    "@storybook/vue3-webpack5": "7.0.0-alpha.21",
+    "@storybook/vue3": "7.0.0-alpha.22",
+    "@storybook/vue3-webpack5": "7.0.0-alpha.22",
     "@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.21",
+    "storybook": "7.0.0-alpha.22",
     "typescript": "~4.6.3",
     "vue-jest": "^5.0.0-alpha.8",
     "vue-loader": "^16.0.0"
diff --git a/code/examples/vue-cli/package.json b/code/examples/vue-cli/package.json
index 18ae2d2f3272..9835adbbc57d 100644
--- a/code/examples/vue-cli/package.json
+++ b/code/examples/vue-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-example",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "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.21",
-    "@storybook/addon-essentials": "7.0.0-alpha.21",
+    "@storybook/addon-controls": "7.0.0-alpha.22",
+    "@storybook/addon-essentials": "7.0.0-alpha.22",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/source-loader": "7.0.0-alpha.21",
-    "@storybook/vue": "7.0.0-alpha.21",
-    "@storybook/vue-webpack5": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/vue": "7.0.0-alpha.22",
+    "@storybook/vue-webpack5": "7.0.0-alpha.22",
     "@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.21",
+    "storybook": "7.0.0-alpha.22",
     "typescript": "~4.6.3",
     "vue-template-compiler": "^2.6.14"
   }
diff --git a/code/examples/vue-kitchen-sink/package.json b/code/examples/vue-kitchen-sink/package.json
index 07fe0ff72c7f..01b5fd1d981c 100644
--- a/code/examples/vue-kitchen-sink/package.json
+++ b/code/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,29 +14,29 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.21",
-    "@storybook/addon-actions": "7.0.0-alpha.21",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.21",
-    "@storybook/addon-controls": "7.0.0-alpha.21",
-    "@storybook/addon-docs": "7.0.0-alpha.21",
-    "@storybook/addon-highlight": "7.0.0-alpha.21",
-    "@storybook/addon-interactions": "7.0.0-alpha.21",
-    "@storybook/addon-links": "7.0.0-alpha.21",
-    "@storybook/addon-storyshots": "7.0.0-alpha.21",
-    "@storybook/addon-storysource": "7.0.0-alpha.21",
-    "@storybook/addon-viewport": "7.0.0-alpha.21",
-    "@storybook/addons": "7.0.0-alpha.21",
+    "@storybook/addon-a11y": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.22",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
+    "@storybook/addon-controls": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.22",
+    "@storybook/addon-interactions": "7.0.0-alpha.22",
+    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-storysource": "7.0.0-alpha.22",
+    "@storybook/addon-viewport": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.22",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.21",
+    "@storybook/source-loader": "7.0.0-alpha.22",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue": "7.0.0-alpha.21",
-    "@storybook/vue-webpack5": "7.0.0-alpha.21",
+    "@storybook/vue": "7.0.0-alpha.22",
+    "@storybook/vue-webpack5": "7.0.0-alpha.22",
     "@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.21",
+    "storybook": "7.0.0-alpha.22",
     "svg-url-loader": "^7.1.1",
     "vue-loader": "^15.9.6",
     "vue-style-loader": "^4.1.3",
diff --git a/code/examples/web-components-kitchen-sink/package.json b/code/examples/web-components-kitchen-sink/package.json
index df0b72c875ab..b93e2f9cdf39 100644
--- a/code/examples/web-components-kitchen-sink/package.json
+++ b/code/examples/web-components-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components-kitchen-sink",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "private": true,
   "description": "",
   "keywords": [],
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index d7926bcab7aa..fb3bf162dcdb 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,19 +34,19 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
-    "@storybook/core-server": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/core-server": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index da07fe0cbf91..e0ee487f4715 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -30,11 +30,11 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 1f1f874500dc..c59d785e9bbb 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/html": "7.0.0-alpha.21",
-    "@storybook/preset-html-webpack": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/html": "7.0.0-alpha.22",
+    "@storybook/preset-html-webpack": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 4857f112d52e..de603f549bb1 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/preact": "7.0.0-alpha.21",
-    "@storybook/preset-preact-webpack": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/preact": "7.0.0-alpha.22",
+    "@storybook/preset-preact-webpack": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 8bcf983d0a48..53477743658c 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/preset-react-webpack": "7.0.0-alpha.21",
-    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/preset-react-webpack": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2"
   },
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 212a3e079431..c10234001d8f 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/preset-server-webpack": "7.0.0-alpha.21",
-    "@storybook/server": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/preset-server-webpack": "7.0.0-alpha.22",
+    "@storybook/server": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index c59e38a6d0e4..54b14ef8b5b3 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,10 +51,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/preset-svelte-webpack": "7.0.0-alpha.21",
-    "@storybook/svelte": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/preset-svelte-webpack": "7.0.0-alpha.22",
+    "@storybook/svelte": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index eda338d37bff..2e4dc33f6307 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-webpack5",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/preset-vue-webpack": "7.0.0-alpha.21",
-    "@storybook/vue": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/preset-vue-webpack": "7.0.0-alpha.22",
+    "@storybook/vue": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 250130b58e42..13be411a4eec 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/preset-vue3-webpack": "7.0.0-alpha.21",
-    "@storybook/vue3": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/preset-vue3-webpack": "7.0.0-alpha.22",
+    "@storybook/vue3": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 29dc9af6c511..49b3b84e33b0 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -53,10 +53,10 @@
   },
   "dependencies": {
     "@babel/preset-env": "^7.12.11",
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/preset-web-components-webpack": "7.0.0-alpha.21",
-    "@storybook/web-components": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/preset-web-components-webpack": "7.0.0-alpha.22",
+    "@storybook/web-components": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/lerna.json b/code/lerna.json
index 4906debb0d08..3be71e2708e9 100644
--- a/code/lerna.json
+++ b/code/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "7.0.0-alpha.21"
+  "version": "7.0.0-alpha.22"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 3e4c5c5182ed..cbecdfeca92f 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/router": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index d52a2f744718..a4bc79ba3242 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -32,13 +32,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.21",
+    "@storybook/router": "7.0.0-alpha.22",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 57ff82699267..2a3a924f1598 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
@@ -41,16 +41,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/preview-web": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/preview-web": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "color-convert": "^2.0.1",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
@@ -64,7 +64,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/addons": "7.0.0-alpha.21"
+    "@storybook/addons": "7.0.0-alpha.22"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 5e1c124efee2..4574790148e1 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
@@ -42,9 +42,9 @@
   },
   "dependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
-    "@storybook/ui": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/ui": "7.0.0-alpha.22",
     "@types/ejs": "^3.1.1",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
     "browser-assert": "^1.2.1",
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index 622cabd9a0b2..7218a3d96e6c 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,23 +34,23 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/channel-postmessage": "7.0.0-alpha.21",
-    "@storybook/channel-websocket": "7.0.0-alpha.21",
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
-    "@storybook/core-webpack": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
-    "@storybook/preview-web": "7.0.0-alpha.21",
-    "@storybook/router": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/channel-postmessage": "7.0.0-alpha.22",
+    "@storybook/channel-websocket": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/preview-web": "7.0.0-alpha.22",
+    "@storybook/router": "7.0.0-alpha.22",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.21",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.22",
     "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-named-exports-order": "^0.0.2",
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 8a43c058f7b4..929ff82aef2f 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,9 +34,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "qs": "^6.10.0",
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index 1bc5766e7e7b..fd48bc1f39b9 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "telejson": "^6.0.8"
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 03c944452de7..b556ae68e7df 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 411fdcda7a0c..e8d728e55c20 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.21"
+    "@storybook/cli": "7.0.0-alpha.22"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 64ad0f8cdbad..f9d253fbecb3 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -28,7 +28,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.21"
+    "@storybook/cli": "7.0.0-alpha.22"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 069476866e6c..c88d2fc70a5d 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -48,13 +48,13 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/core-server": "7.0.0-alpha.21",
-    "@storybook/csf-tools": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/codemod": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/core-server": "7.0.0-alpha.22",
+    "@storybook/csf-tools": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.21",
+    "@storybook/telemetry": "7.0.0-alpha.22",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -81,7 +81,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.21",
+    "@storybook/client-api": "7.0.0-alpha.22",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
     "@types/prompts": "^2.0.9",
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index decec4b741d8..12c023abe02a 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/channel-postmessage": "7.0.0-alpha.21",
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/channel-postmessage": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.22",
     "@types/qs": "^6.9.5",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index de6cc396ba33..8c4c4fce4d3d 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index f864a8bd2381..f7d2b036bac0 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -45,8 +45,8 @@
     "@babel/types": "^7.12.11",
     "@mdx-js/mdx": "^1.6.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/csf-tools": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "cross-spawn": "^7.0.3",
     "globby": "^11.0.2",
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index bac21fa0f572..38362e5f12be 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index 77b492d3bb5b..c63a89ccc5f8 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,16 +34,16 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/channel-postmessage": "7.0.0-alpha.21",
-    "@storybook/channel-websocket": "7.0.0-alpha.21",
-    "@storybook/client-api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/channel-postmessage": "7.0.0-alpha.22",
+    "@storybook/channel-websocket": "7.0.0-alpha.22",
+    "@storybook/client-api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
-    "@storybook/ui": "7.0.0-alpha.21",
+    "@storybook/preview-web": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/ui": "7.0.0-alpha.22",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 64dc401aff5e..4ee5555c6a97 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -69,7 +69,7 @@
     "@babel/preset-typescript": "^7.12.7",
     "@babel/register": "^7.12.1",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.22",
     "@storybook/semver": "^7.3.2",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 43b3f7c2452e..e96a42c7da8d 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index 34acf2221cc4..c46a1a6cdecd 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -35,17 +35,17 @@
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.88",
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-manager": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/builder-manager": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.21",
+    "@storybook/csf-tools": "7.0.0-alpha.22",
     "@storybook/docs-mdx": "0.0.1-canary.12433cf.0",
-    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/node-logger": "7.0.0-alpha.22",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.21",
-    "@storybook/telemetry": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/telemetry": "7.0.0-alpha.22",
     "@types/node": "^14.0.10 || ^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
@@ -77,7 +77,7 @@
     "ws": "^8.2.3"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.21",
+    "@storybook/builder-webpack5": "7.0.0-alpha.22",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index c3fe5d1a29b3..629326ff6cf4 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-common": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
     "@types/node": "^14.0.10 || ^16.0.0",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 769a77ef0ccd..ddbb51cf983a 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 28afebb51e82..9726346af74a 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
@@ -36,7 +36,7 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index b93d3ade0b00..d91704288735 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 33bc1611e0dc..291da9c8d0f8 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 71f1c175af3a..1d2255a31188 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 6d710782b266..b46dceb918fd 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,13 +41,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/channel-postmessage": "7.0.0-alpha.21",
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/channel-postmessage": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.22",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index 41404c84cf8f..428d9a9f9ba1 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -34,7 +34,7 @@
     "prepare": "ts-node ../../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index ea141d86c47b..d01edaaeafd6 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -35,8 +35,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 60016fffa738..0e715c765deb 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 10d0c8b24d1b..4a0bcad693ea 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-common": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.22",
     "chalk": "^4.1.0",
     "core-js": "^3.8.2",
     "detect-package-manager": "^2.0.1",
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 6dec6fbe0f29..84cd1bfa25ad 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -47,7 +47,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.21",
+    "@storybook/client-logger": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3"
   },
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index 492124e5acd6..b7ff9cdf7967 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -54,18 +54,18 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/channel-postmessage": "7.0.0-alpha.21",
-    "@storybook/channel-websocket": "7.0.0-alpha.21",
-    "@storybook/channels": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/components": "7.0.0-alpha.21",
-    "@storybook/core-events": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/channel-postmessage": "7.0.0-alpha.22",
+    "@storybook/channel-websocket": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.21",
+    "@storybook/router": "7.0.0-alpha.22",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.21",
+    "@storybook/theming": "7.0.0-alpha.22",
     "@testing-library/react": "^11.2.2",
     "copy-to-clipboard": "^3.3.1",
     "core-js": "^3.8.2",
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 13008b4bb244..1c38ea93f73b 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,7 +50,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.21",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "html-loader": "^3.1.0",
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 6587d6bb3ebd..b5bacd9962de 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@storybook/core-webpack": "7.0.0-alpha.21",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 06fdde91d55a..35efe1e8118c 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -74,10 +74,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.21",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
-    "@storybook/react": "7.0.0-alpha.21",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.22",
     "@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/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index e0f163350cff..784f168d1ad3 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -55,9 +55,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-server": "7.0.0-alpha.21",
-    "@storybook/core-webpack": "7.0.0-alpha.21",
-    "@storybook/server": "7.0.0-alpha.21",
+    "@storybook/core-server": "7.0.0-alpha.22",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
+    "@storybook/server": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 4c07511b6875..2d3479ad8452 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -65,8 +65,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.21",
-    "@storybook/node-logger": "7.0.0-alpha.21",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index c2aee2735d23..d9ccd74910ec 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue-webpack",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -60,8 +60,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.21",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 327921f213b6..ef159d2e2b2a 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -61,8 +61,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.21",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 78fe556d49d4..30a44f819bee 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-web-components-webpack",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -55,7 +55,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.21",
+    "@storybook/core-webpack": "7.0.0-alpha.22",
     "@types/node": "^14.14.20 || ^16.0.0",
     "babel-loader": "^7.0.0 || ^8.0.0",
     "babel-plugin-bundled-import-meta": "^0.3.1",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 009021e85e86..f9fa8a3f35e5 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/preview-web": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/preview-web": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 02ceacfa71bd..996b0ba14a81 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/store": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 01171030e5f3..90e0e5c70ce7 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -51,12 +51,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "acorn": "^7.4.1",
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index cef147a8f4d5..eaa2cc1f3aed 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -50,11 +50,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/preview-web": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 4fa82748ac15..04486d20b69c 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -54,12 +54,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index bcffbdc7831d..91918da72c67 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 696f5bf0329f..5c574b1718f5 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -51,11 +51,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 15cf29d65179..bfda97dd2994 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.21",
+  "version": "7.0.0-alpha.22",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -52,14 +52,14 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.21",
-    "@storybook/api": "7.0.0-alpha.21",
-    "@storybook/client-logger": "7.0.0-alpha.21",
-    "@storybook/core-client": "7.0.0-alpha.21",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-client": "7.0.0-alpha.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.21",
-    "@storybook/preview-web": "7.0.0-alpha.21",
-    "@storybook/store": "7.0.0-alpha.21",
+    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/preview-web": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",

From 148f601b5fdecefe9c7536b340ce652e3192f4de Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 20:00:19 +0800
Subject: [PATCH 257/266] Update git head to 7.0.0-alpha.22, update yarn.lock
 [ci skip]

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 4b1860302ea8..9285b6ed3401 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -105,7 +105,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 597f33e41d66..0d5f849372f2 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -73,7 +73,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index f31e502d35da..82e6c00e14d6 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -100,7 +100,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index befe35ea7854..9d2015e6532e 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -93,7 +93,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 347fe3b44ff8..0d1ff2e221bc 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -104,7 +104,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index f9a34fd595ce..c3d44ddf270a 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -99,5 +99,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index cc91f9fe5506..7ae1dc7d1f28 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -49,7 +49,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Highlight",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 51b1701b6f5f..bcb1e48681e6 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Interactions",
     "unsupportedFrameworks": [
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 47756e645ba5..dce625f81909 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -95,7 +95,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Jest",
     "icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index fbd0291c75c6..ce03ea2513c1 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -99,7 +99,7 @@
       "./src/react/index.ts"
     ]
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 584906417862..8f9fb4f107e4 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -95,7 +95,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Measure",
     "unsupportedFrameworks": [
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 84103202016d..2d46061cd6d5 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -99,7 +99,7 @@
       "./src/preset/preview.tsx"
     ]
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Outline",
     "unsupportedFrameworks": [
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index 5a879528ba94..09110fe7032e 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -144,7 +144,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Storyshots",
     "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 33db3a3c70e7..e2b106e53bf3 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 1decd03ca875..22e83234c3d0 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -67,7 +67,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Storysource",
     "icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index 8fc6b7234de1..cd6d037505f0 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -89,7 +89,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Toolbars",
     "icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index af612c59c198..d7f18f005c31 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -65,7 +65,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Viewport",
     "icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index fb3bf162dcdb..71e9bdb9d14c 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index e0ee487f4715..aa6cba6b7640 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index c59d785e9bbb..2a74507144c3 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -79,5 +79,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index de603f549bb1..5abed2989c7f 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 53477743658c..99287a457f77 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index c10234001d8f..538d67839549 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -75,5 +75,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 54b14ef8b5b3..6ce6272a7b3c 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index 2e4dc33f6307..b3cdf5f00922 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 13be411a4eec..4d4bd68b6453 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -83,5 +83,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 49b3b84e33b0..1dc603486175 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index cbecdfeca92f..2e45c1e15106 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index a4bc79ba3242..ce2a21960753 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 2a3a924f1598..69dcdcaea0f1 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -77,5 +77,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 4574790148e1..97c51f6d152d 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -68,5 +68,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index 7218a3d96e6c..9a625f59e695 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -95,5 +95,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 929ff82aef2f..6fffc6f6d76b 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index fd48bc1f39b9..ba5282ebe51c 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index b556ae68e7df..478da74a389e 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -57,5 +57,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index e8d728e55c20..6268d70f70da 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index f9d253fbecb3..cb44677bd80d 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index c88d2fc70a5d..9e071caa7d12 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index 12c023abe02a..6afdae4f31d4 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 8c4c4fce4d3d..4c513cd4bbf8 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index f7d2b036bac0..5f8ee35ef991 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index 38362e5f12be..9ed2b9553db8 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "neutral"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index c63a89ccc5f8..ea4babb5c42f 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 4ee5555c6a97..5d9c6046e16e 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -125,5 +125,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index e96a42c7da8d..d1901ca3bbf0 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -55,5 +55,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index c46a1a6cdecd..d2fb22359486 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -101,5 +101,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 629326ff6cf4..198f1af40794 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index ddbb51cf983a..65ae34126b18 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 9726346af74a..ec0adefae456 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -49,5 +49,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index d91704288735..4afa91dca037 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 291da9c8d0f8..60897368516c 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 1d2255a31188..4ac8a2ed6fbf 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index b46dceb918fd..71e12092c6c2 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index 428d9a9f9ba1..febc9978b8df 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -58,5 +58,5 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.ts",
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index d01edaaeafd6..d890f91eaeba 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 0e715c765deb..081a8418f0d1 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 4a0bcad693ea..92da5cc5322e 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 84cd1bfa25ad..ee0a6ac53c4d 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -80,5 +80,5 @@
     ],
     "post": "./scripts/fix-theme-type-export.ts"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index b7ff9cdf7967..ae5c673ba827 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -104,5 +104,5 @@
       "./src/runtime.ts"
     ]
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 1c38ea93f73b..7853d102e113 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -76,5 +76,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index b5bacd9962de..03ec38548ce6 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 35efe1e8118c..ad0cfe650d32 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -123,5 +123,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 784f168d1ad3..f4b7752fdf46 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 2d3479ad8452..56ea23417207 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index d9ccd74910ec..fce47e2e7161 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index ef159d2e2b2a..41dffe49b093 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 30a44f819bee..01372638049c 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index f9fa8a3f35e5..f8ed1da5ca74 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -81,5 +81,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 996b0ba14a81..04c46f94833c 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 90e0e5c70ce7..62097b07dc2f 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -101,5 +101,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index eaa2cc1f3aed..25991fa9058d 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 04486d20b69c..f279073becad 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 91918da72c67..ba9803540c22 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 5c574b1718f5..633ef1f7abd0 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index bfda97dd2994..13deb6dfbeb9 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
 }
diff --git a/code/yarn.lock b/code/yarn.lock
index 353c33f0b491..e04773414255 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6752,19 +6752,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-a11y@7.0.0-alpha.21, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
+"@storybook/addon-a11y@7.0.0-alpha.22, @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/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/channels": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.22
     "@testing-library/react": ^11.2.2
     axe-core: ^4.2.0
     core-js: ^3.8.2
@@ -6785,17 +6785,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-actions@7.0.0-alpha.21, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.22
     "@types/lodash": ^4.14.167
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -6820,17 +6820,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-backgrounds@7.0.0-alpha.21, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -6848,20 +6848,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-controls@7.0.0-alpha.21, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/blocks": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/blocks": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     core-js: ^3.8.2
     lodash: ^4.17.21
     ts-dedent: ^2.0.0
@@ -6876,7 +6876,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-docs@7.0.0-alpha.21, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@7.0.0-alpha.22, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-docs@workspace:addons/docs"
   dependencies:
@@ -6885,23 +6885,23 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@jest/transform": ^26.6.2
     "@mdx-js/react": ^1.6.22
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/blocks": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/blocks": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.21
-    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/csf-tools": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.22
     "@storybook/mdx1-csf": 0.0.5-canary.13.9ce928a.0
     "@storybook/mdx2-csf": 0.0.4-canary.14.04ffbe8.0
-    "@storybook/node-logger": 7.0.0-alpha.21
-    "@storybook/postinstall": 7.0.0-alpha.21
-    "@storybook/preview-web": 7.0.0-alpha.21
-    "@storybook/source-loader": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/postinstall": 7.0.0-alpha.22
+    "@storybook/preview-web": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     "@types/util-deprecate": ^1.0.0
     babel-loader: ^8.2.5
     core-js: ^3.8.2
@@ -6927,25 +6927,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-essentials@7.0.0-alpha.21, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
+"@storybook/addon-essentials@7.0.0-alpha.22, @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.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-controls": 7.0.0-alpha.21
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-measure": 7.0.0-alpha.21
-    "@storybook/addon-outline": 7.0.0-alpha.21
-    "@storybook/addon-toolbars": 7.0.0-alpha.21
-    "@storybook/addon-viewport": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/node-logger": 7.0.0-alpha.21
-    "@storybook/vue": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-controls": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-measure": 7.0.0-alpha.22
+    "@storybook/addon-outline": 7.0.0-alpha.22
+    "@storybook/addon-toolbars": 7.0.0-alpha.22
+    "@storybook/addon-viewport": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/vue": 7.0.0-alpha.22
     "@types/jest": ^26.0.16
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -6980,12 +6980,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-highlight@7.0.0-alpha.21, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
+"@storybook/addon-highlight@7.0.0-alpha.22, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-highlight@workspace:addons/highlight"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -6993,22 +6993,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-interactions@7.0.0-alpha.21, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
+"@storybook/addon-interactions@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/instrumenter": 7.0.0-alpha.21
+    "@storybook/instrumenter": 7.0.0-alpha.22
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.22
     core-js: ^3.8.2
     formik: ^2.2.9
     global: ^4.4.0
@@ -7027,16 +7027,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-jest@7.0.0-alpha.21, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
+"@storybook/addon-jest@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     react-sizeme: ^3.0.1
@@ -7053,15 +7053,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-links@7.0.0-alpha.21, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
+"@storybook/addon-links@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.21
+    "@storybook/router": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     prop-types: ^15.7.2
@@ -7078,15 +7078,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-measure@7.0.0-alpha.21, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7102,15 +7102,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-outline@7.0.0-alpha.21, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7140,20 +7140,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.21, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
+"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.22, @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.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.22
     "@types/jest-image-snapshot": ^4.1.3
     "@types/puppeteer": ^5.4.0
     core-js: ^3.8.2
     jest-image-snapshot: ^4.3.0
     puppeteer: ^2.0.0 || ^3.0.0
   peerDependencies:
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
     puppeteer: ">=2.0.0"
   peerDependenciesMeta:
     puppeteer:
@@ -7161,7 +7161,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storyshots@7.0.0-alpha.21, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
+"@storybook/addon-storyshots@7.0.0-alpha.22, @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:
@@ -7169,18 +7169,18 @@ __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.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/angular": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/angular": 7.0.0-alpha.22
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 7.0.0-alpha.21
-    "@storybook/core-client": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/core-webpack": 7.0.0-alpha.21
+    "@storybook/client-api": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/core-webpack": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/react": 7.0.0-alpha.21
-    "@storybook/vue": 7.0.0-alpha.21
-    "@storybook/vue3": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/vue": 7.0.0-alpha.22
+    "@storybook/vue3": 7.0.0-alpha.22
     "@types/glob": ^7.1.3
     "@types/jest": ^26.0.16
     "@types/jest-specific-snapshot": ^0.5.3
@@ -7251,17 +7251,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storysource@7.0.0-alpha.21, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
+"@storybook/addon-storysource@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/router": 7.0.0-alpha.21
-    "@storybook/source-loader": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/router": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     "@types/react": ^16.14.23
     "@types/react-syntax-highlighter": 11.0.5
     core-js: ^3.8.2
@@ -7280,15 +7280,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-toolbars@7.0.0-alpha.21, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-toolbars@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     core-js: ^3.8.2
     typescript: ~4.6.3
   peerDependencies:
@@ -7302,16 +7302,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-viewport@7.0.0-alpha.21, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -7328,17 +7328,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@7.0.0-alpha.21, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
+"@storybook/addons@7.0.0-alpha.22, @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.21
-    "@storybook/channels": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/router": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7370,7 +7370,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/angular@7.0.0-alpha.21, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
+"@storybook/angular@7.0.0-alpha.22, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
   version: 0.0.0-use.local
   resolution: "@storybook/angular@workspace:frameworks/angular"
   dependencies:
@@ -7387,19 +7387,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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/builder-webpack5": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-client": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
-    "@storybook/core-server": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/core-server": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.22
     "@types/autoprefixer": ^9.7.2
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -7456,17 +7456,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@7.0.0-alpha.21, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
+"@storybook/api@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.21
+    "@storybook/router": 7.0.0-alpha.22
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.22
     "@types/lodash": ^4.14.167
     "@types/qs": ^6
     "@types/semver": ^7.3.4
@@ -7524,21 +7524,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@7.0.0-alpha.21, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
+"@storybook/blocks@7.0.0-alpha.22, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
   version: 0.0.0-use.local
   resolution: "@storybook/blocks@workspace:lib/blocks"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/channels": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/preview-web": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/preview-web": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     color-convert: ^2.0.1
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -7555,14 +7555,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-manager@7.0.0-alpha.21, @storybook/builder-manager@workspace:lib/builder-manager":
+"@storybook/builder-manager@7.0.0-alpha.22, @storybook/builder-manager@workspace:lib/builder-manager":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-manager@workspace:lib/builder-manager"
   dependencies:
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/node-logger": 7.0.0-alpha.21
-    "@storybook/ui": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/ui": 7.0.0-alpha.22
     "@types/ejs": ^3.1.1
     "@yarnpkg/esbuild-plugin-pnp": ^3.0.0-rc.10
     browser-assert: ^1.2.1
@@ -7577,28 +7577,28 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-webpack5@7.0.0-alpha.21, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
+"@storybook/builder-webpack5@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/channel-postmessage": 7.0.0-alpha.21
-    "@storybook/channel-websocket": 7.0.0-alpha.21
-    "@storybook/channels": 7.0.0-alpha.21
-    "@storybook/client-api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
-    "@storybook/core-webpack": 7.0.0-alpha.21
-    "@storybook/node-logger": 7.0.0-alpha.21
-    "@storybook/preview-web": 7.0.0-alpha.21
-    "@storybook/router": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/channel-postmessage": 7.0.0-alpha.22
+    "@storybook/channel-websocket": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/core-webpack": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/preview-web": 7.0.0-alpha.22
+    "@storybook/router": 7.0.0-alpha.22
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.2.0
     "@types/webpack-dev-middleware": ^5.3.0
@@ -7637,13 +7637,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-postmessage@7.0.0-alpha.21, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
+"@storybook/channel-postmessage@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     qs: ^6.10.0
@@ -7652,12 +7652,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-websocket@7.0.0-alpha.21, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
+"@storybook/channel-websocket@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     telejson: ^6.0.8
@@ -7665,7 +7665,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@7.0.0-alpha.21, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@7.0.0-alpha.22, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
@@ -7687,20 +7687,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/cli@7.0.0-alpha.21, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@7.0.0-alpha.22, @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.21
-    "@storybook/codemod": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/core-server": 7.0.0-alpha.21
-    "@storybook/csf-tools": 7.0.0-alpha.21
-    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/client-api": 7.0.0-alpha.22
+    "@storybook/codemod": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/core-server": 7.0.0-alpha.22
+    "@storybook/csf-tools": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
     "@storybook/semver": ^7.3.2
-    "@storybook/telemetry": 7.0.0-alpha.21
+    "@storybook/telemetry": 7.0.0-alpha.22
     "@types/cross-spawn": ^6.0.2
     "@types/degit": ^2.8.3
     "@types/prompts": ^2.0.9
@@ -7739,17 +7739,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-api@7.0.0-alpha.21, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
+"@storybook/client-api@7.0.0-alpha.22, @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.21
-    "@storybook/channel-postmessage": 7.0.0-alpha.21
-    "@storybook/channels": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/channel-postmessage": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.22
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
@@ -7769,7 +7769,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@7.0.0-alpha.21, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@7.0.0-alpha.22, @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:
@@ -7789,15 +7789,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/codemod@7.0.0-alpha.21, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@7.0.0-alpha.22, @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.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.21
-    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/csf-tools": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
     core-js: ^3.8.2
     cross-spawn: ^7.0.3
     globby: ^11.0.2
@@ -7811,14 +7811,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/components@7.0.0-alpha.21, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
+"@storybook/components@7.0.0-alpha.22, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
   version: 0.0.0-use.local
   resolution: "@storybook/components@workspace:lib/components"
   dependencies:
     "@popperjs/core": ^2.6.0
-    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.22
     "@testing-library/jest-dom": ^5.16.4
     "@types/color-convert": ^2.0.0
     "@types/lodash": ^4.14.182
@@ -7853,20 +7853,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-client@7.0.0-alpha.21, @storybook/core-client@workspace:lib/core-client":
+"@storybook/core-client@7.0.0-alpha.22, @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.21
-    "@storybook/channel-postmessage": 7.0.0-alpha.21
-    "@storybook/channel-websocket": 7.0.0-alpha.21
-    "@storybook/client-api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/channel-postmessage": 7.0.0-alpha.22
+    "@storybook/channel-websocket": 7.0.0-alpha.22
+    "@storybook/client-api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
-    "@storybook/ui": 7.0.0-alpha.21
+    "@storybook/preview-web": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/ui": 7.0.0-alpha.22
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7882,7 +7882,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@7.0.0-alpha.21, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@7.0.0-alpha.22, @storybook/core-common@workspace:lib/core-common":
   version: 0.0.0-use.local
   resolution: "@storybook/core-common@workspace:lib/core-common"
   dependencies:
@@ -7909,7 +7909,7 @@ __metadata:
     "@babel/preset-typescript": ^7.12.7
     "@babel/register": ^7.12.1
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.22
     "@storybook/semver": ^7.3.2
     "@types/babel__core": ^7.0.0
     "@types/compression": ^1.7.0
@@ -7953,7 +7953,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@7.0.0-alpha.21, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@7.0.0-alpha.22, @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:
@@ -7971,24 +7971,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-server@7.0.0-alpha.21, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@7.0.0-alpha.22, @storybook/core-server@workspace:lib/core-server":
   version: 0.0.0-use.local
   resolution: "@storybook/core-server@workspace:lib/core-server"
   dependencies:
     "@aw-web-design/x-default-browser": 1.4.88
     "@discoveryjs/json-ext": ^0.5.3
-    "@storybook/builder-manager": 7.0.0-alpha.21
-    "@storybook/builder-webpack5": 7.0.0-alpha.21
-    "@storybook/core-client": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/builder-manager": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.21
+    "@storybook/csf-tools": 7.0.0-alpha.22
     "@storybook/docs-mdx": 0.0.1-canary.12433cf.0
-    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.22
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.21
-    "@storybook/telemetry": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/telemetry": 7.0.0-alpha.22
     "@types/compression": ^1.7.0
     "@types/ip": ^1.1.0
     "@types/node": ^14.0.10 || ^16.0.0
@@ -8036,12 +8036,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-webpack@7.0.0-alpha.21, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
+"@storybook/core-webpack@7.0.0-alpha.22, @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.21
-    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
     "@types/node": ^14.0.10 || ^16.0.0
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -8049,7 +8049,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@7.0.0-alpha.21, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@7.0.0-alpha.22, @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:
@@ -8134,13 +8134,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/docs-tools@7.0.0-alpha.21, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+"@storybook/docs-tools@7.0.0-alpha.22, @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.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.22
     core-js: ^3.8.2
     doctrine: ^3.0.0
     jest-specific-snapshot: ^4.0.0
@@ -8162,15 +8162,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ember@7.0.0-alpha.21, @storybook/ember@workspace:*, @storybook/ember@workspace:frameworks/ember":
+"@storybook/ember@7.0.0-alpha.22, @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.21
-    "@storybook/core-client": 7.0.0-alpha.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8203,14 +8203,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.21
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
-    "@storybook/addon-storysource": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/cli": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/react-webpack5": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/addon-essentials": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-storysource": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/cli": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/react-webpack5": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     "@types/babel__preset-env": ^7
     "@types/react": ^16.14.23
     "@types/react-dom": ^16.9.14
@@ -8218,7 +8218,7 @@ __metadata:
     lodash: ^4.17.21
     react: 16.14.0
     react-dom: 16.14.0
-    sb: 7.0.0-alpha.21
+    sb: 7.0.0-alpha.22
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8231,15 +8231,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.21
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
-    "@storybook/addon-storysource": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/cli": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/react": 7.0.0-alpha.21
-    "@storybook/react-webpack5": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/addon-essentials": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-storysource": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/cli": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/react-webpack5": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     "@testing-library/dom": ^7.31.2
     "@testing-library/react": 12.1.2
     "@testing-library/user-event": ^13.1.9
@@ -8252,7 +8252,7 @@ __metadata:
     prop-types: 15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8272,15 +8272,15 @@ __metadata:
   resolution: "@storybook/external-docs@workspace:examples/external-docs"
   dependencies:
     "@babel/preset-env": ^7.17.10
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-essentials": 7.0.0-alpha.21
-    "@storybook/blocks": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-essentials": 7.0.0-alpha.22
+    "@storybook/blocks": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.21
-    "@storybook/react": 7.0.0-alpha.21
-    "@storybook/react-webpack5": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/preview-web": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/react-webpack5": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     "@types/babel__preset-env": ^7
@@ -8296,20 +8296,20 @@ __metadata:
     prop-types: ^15.8.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
   linkType: soft
 
-"@storybook/html-webpack5@7.0.0-alpha.21, @storybook/html-webpack5@workspace:*, @storybook/html-webpack5@workspace:frameworks/html-webpack5":
+"@storybook/html-webpack5@7.0.0-alpha.22, @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.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/html": 7.0.0-alpha.21
-    "@storybook/preset-html-webpack": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/html": 7.0.0-alpha.22
+    "@storybook/preset-html-webpack": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8321,16 +8321,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/html@7.0.0-alpha.21, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
+"@storybook/html@7.0.0-alpha.22, @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.21
-    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/preview-web": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/preview-web": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8342,13 +8342,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@7.0.0-alpha.21, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     typescript: ~4.6.3
@@ -8460,7 +8460,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/node-logger@7.0.0-alpha.21, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@7.0.0-alpha.22, @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:
@@ -8487,7 +8487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/postinstall@7.0.0-alpha.21, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@7.0.0-alpha.22, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
   version: 0.0.0-use.local
   resolution: "@storybook/postinstall@workspace:lib/postinstall"
   dependencies:
@@ -8499,14 +8499,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact-webpack5@7.0.0-alpha.21, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
+"@storybook/preact-webpack5@7.0.0-alpha.22, @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.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/preact": 7.0.0-alpha.21
-    "@storybook/preset-preact-webpack": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/preact": 7.0.0-alpha.22
+    "@storybook/preset-preact-webpack": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8519,14 +8519,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact@7.0.0-alpha.21, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
+"@storybook/preact@7.0.0-alpha.22, @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.21
-    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     preact: ^10.5.13
@@ -8558,11 +8558,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-html-webpack@7.0.0-alpha.21, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
+"@storybook/preset-html-webpack@7.0.0-alpha.22, @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.21
+    "@storybook/core-webpack": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     html-loader: ^3.1.0
@@ -8575,12 +8575,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-preact-webpack@7.0.0-alpha.21, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
+"@storybook/preset-preact-webpack@7.0.0-alpha.22, @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.21
+    "@storybook/core-webpack": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8593,17 +8593,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-react-webpack@7.0.0-alpha.21, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
+"@storybook/preset-react-webpack@7.0.0-alpha.22, @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.21
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/node-logger": 7.0.0-alpha.21
-    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/core-webpack": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.22
     "@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
@@ -8640,13 +8640,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-server-webpack@7.0.0-alpha.21, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
+"@storybook/preset-server-webpack@7.0.0-alpha.22, @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.21
-    "@storybook/core-webpack": 7.0.0-alpha.21
-    "@storybook/server": 7.0.0-alpha.21
+    "@storybook/core-server": 7.0.0-alpha.22
+    "@storybook/core-webpack": 7.0.0-alpha.22
+    "@storybook/server": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     fs-extra: ^9.0.1
@@ -8662,12 +8662,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-svelte-webpack@7.0.0-alpha.21, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
+"@storybook/preset-svelte-webpack@7.0.0-alpha.22, @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.21
-    "@storybook/node-logger": 7.0.0-alpha.21
+    "@storybook/core-webpack": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -8683,12 +8683,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue-webpack@7.0.0-alpha.21, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
+"@storybook/preset-vue-webpack@7.0.0-alpha.22, @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.21
-    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/core-webpack": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -8711,12 +8711,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue3-webpack@7.0.0-alpha.21, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
+"@storybook/preset-vue3-webpack@7.0.0-alpha.22, @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.21
-    "@storybook/docs-tools": 7.0.0-alpha.21
+    "@storybook/core-webpack": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": ^3.2.33
     core-js: ^3.8.2
@@ -8737,14 +8737,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-web-components-webpack@7.0.0-alpha.21, @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.22, @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.21
+    "@storybook/core-webpack": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     babel-loader: ^7.0.0 || ^8.0.0
     babel-plugin-bundled-import-meta: ^0.3.1
@@ -8758,17 +8758,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preview-web@7.0.0-alpha.21, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
+"@storybook/preview-web@7.0.0-alpha.22, @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.21
-    "@storybook/channel-postmessage": 7.0.0-alpha.21
-    "@storybook/channels": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/channel-postmessage": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/store": 7.0.0-alpha.22
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8799,13 +8799,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-webpack5@7.0.0-alpha.21, @storybook/react-webpack5@workspace:*, @storybook/react-webpack5@workspace:frameworks/react-webpack5":
+"@storybook/react-webpack5@7.0.0-alpha.22, @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.21
-    "@storybook/preset-react-webpack": 7.0.0-alpha.21
-    "@storybook/react": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/preset-react-webpack": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     jest-specific-snapshot: ^4.0.0
@@ -8822,17 +8822,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/react@7.0.0-alpha.21, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
+"@storybook/react@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
     "@types/estree": ^0.0.51
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/util-deprecate": ^1.0.0
@@ -9135,11 +9135,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@7.0.0-alpha.21, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@7.0.0-alpha.22, @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.21
+    "@storybook/client-logger": 7.0.0-alpha.22
     core-js: ^3.8.2
     dequal: ^2.0.2
     global: ^4.4.0
@@ -9186,14 +9186,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/server-webpack5@7.0.0-alpha.21, @storybook/server-webpack5@workspace:*, @storybook/server-webpack5@workspace:frameworks/server-webpack5":
+"@storybook/server-webpack5@7.0.0-alpha.22, @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.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/preset-server-webpack": 7.0.0-alpha.21
-    "@storybook/server": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/preset-server-webpack": 7.0.0-alpha.22
+    "@storybook/server": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9202,15 +9202,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/server@7.0.0-alpha.21, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
+"@storybook/server@7.0.0-alpha.22, @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.21
-    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/preview-web": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9220,12 +9220,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/source-loader@7.0.0-alpha.21, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     estraverse: ^5.2.0
@@ -9239,13 +9239,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/store@7.0.0-alpha.21, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
+"@storybook/store@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -9264,14 +9264,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte-webpack5@7.0.0-alpha.21, @storybook/svelte-webpack5@workspace:*, @storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5":
+"@storybook/svelte-webpack5@7.0.0-alpha.22, @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.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/preset-svelte-webpack": 7.0.0-alpha.21
-    "@storybook/svelte": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/preset-svelte-webpack": 7.0.0-alpha.22
+    "@storybook/svelte": 7.0.0-alpha.22
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -9285,16 +9285,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@7.0.0-alpha.21, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
+"@storybook/svelte@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9308,12 +9308,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/telemetry@7.0.0-alpha.21, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
+"@storybook/telemetry@7.0.0-alpha.22, @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.21
-    "@storybook/core-common": 7.0.0-alpha.21
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
     chalk: ^4.1.0
     core-js: ^3.8.2
     detect-package-manager: ^2.0.1
@@ -9353,7 +9353,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@7.0.0-alpha.21, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@7.0.0-alpha.22, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
   version: 0.0.0-use.local
   resolution: "@storybook/theming@workspace:lib/theming"
   dependencies:
@@ -9361,7 +9361,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.21
+    "@storybook/client-logger": 7.0.0-alpha.22
     "@types/fs-extra": ^9.0.6
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
@@ -9394,24 +9394,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ui@7.0.0-alpha.21, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
+"@storybook/ui@7.0.0-alpha.22, @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
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/channel-postmessage": 7.0.0-alpha.21
-    "@storybook/channel-websocket": 7.0.0-alpha.21
-    "@storybook/channels": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/channel-postmessage": 7.0.0-alpha.22
+    "@storybook/channel-websocket": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.21
+    "@storybook/router": 7.0.0-alpha.22
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.22
     "@testing-library/react": ^11.2.2
     copy-to-clipboard: ^3.3.1
     core-js: ^3.8.2
@@ -9441,14 +9441,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue-webpack5@7.0.0-alpha.21, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5":
+"@storybook/vue-webpack5@7.0.0-alpha.22, @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.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/preset-vue-webpack": 7.0.0-alpha.21
-    "@storybook/vue": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/preset-vue-webpack": 7.0.0-alpha.22
+    "@storybook/vue": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9467,14 +9467,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3-webpack5@7.0.0-alpha.21, @storybook/vue3-webpack5@workspace:*, @storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5":
+"@storybook/vue3-webpack5@7.0.0-alpha.22, @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.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/preset-vue3-webpack": 7.0.0-alpha.21
-    "@storybook/vue3": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/preset-vue3-webpack": 7.0.0-alpha.22
+    "@storybook/vue3": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": 3.0.0
     core-js: ^3.8.2
@@ -9490,16 +9490,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3@7.0.0-alpha.21, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
+"@storybook/vue3@7.0.0-alpha.22, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3@workspace:renderers/vue3"
   dependencies:
     "@digitak/esrun": ^3.2.2
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9514,16 +9514,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue@7.0.0-alpha.21, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
+"@storybook/vue@7.0.0-alpha.22, @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.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9544,10 +9544,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.21
-    "@storybook/core-common": 7.0.0-alpha.21
-    "@storybook/preset-web-components-webpack": 7.0.0-alpha.21
-    "@storybook/web-components": 7.0.0-alpha.21
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/preset-web-components-webpack": 7.0.0-alpha.22
+    "@storybook/web-components": 7.0.0-alpha.22
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     lit-html: 2.0.2
@@ -9559,18 +9559,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/web-components@7.0.0-alpha.21, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
+"@storybook/web-components@7.0.0-alpha.22, @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.21
-    "@storybook/api": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
-    "@storybook/core-client": 7.0.0-alpha.21
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/core-client": 7.0.0-alpha.22
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.21
-    "@storybook/preview-web": 7.0.0-alpha.21
-    "@storybook/store": 7.0.0-alpha.21
+    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/preview-web": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.22
     core-js: ^3.8.2
     global: ^4.4.0
     lit-html: 2.0.2
@@ -12699,22 +12699,22 @@ __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.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-controls": 7.0.0-alpha.21
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-interactions": 7.0.0-alpha.21
-    "@storybook/addon-jest": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
-    "@storybook/addon-storysource": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/angular": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-controls": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-interactions": 7.0.0-alpha.22
+    "@storybook/addon-jest": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-storysource": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/angular": 7.0.0-alpha.22
     "@storybook/babel-plugin-require-context-hook": 1.0.1
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.22
     "@storybook/testing-library": 0.0.14-next.0
     "@types/core-js": ^2.5.4
     "@types/jest": ^26.0.16
@@ -12730,7 +12730,7 @@ __metadata:
     protractor: ~7.0.0
     rxjs: ^6.6.7
     sass: ^1.43.4
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
     storybook-addon-angular-ivy: ^0.0.1
     telejson: ^6.0.8
     ts-jest: ^26.4.4
@@ -17280,28 +17280,28 @@ __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.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-jest": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/builder-webpack5": 7.0.0-alpha.21
-    "@storybook/client-logger": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-jest": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.22
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.21
-    "@storybook/react-webpack5": 7.0.0-alpha.21
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/react-webpack5": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.22
     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.21
+    storybook: 7.0.0-alpha.22
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -17310,15 +17310,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.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/builder-webpack5": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
+    "@storybook/addon-essentials": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.21
-    "@storybook/react-webpack5": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/react-webpack5": 7.0.0-alpha.22
     "@storybook/testing-library": ^0.0.9
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.22
     "@types/jest": ^26.0.16
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -17328,7 +17328,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -17339,16 +17339,16 @@ __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.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/builder-webpack5": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.22
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.21
-    "@storybook/react-webpack5": 7.0.0-alpha.21
+    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/react-webpack5": 7.0.0-alpha.22
     "@types/enzyme": ^3.10.8
     "@types/jest": 25.2.3
     "@types/node": ^14.14.20 || ^16.0.0
@@ -17363,7 +17363,7 @@ __metadata:
     react-dom: 16.14.0
     react-moment-proptypes: ^1.7.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -19706,19 +19706,19 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@ember/optional-features": ^2.0.0
-    "@storybook/addon-a11y": 7.0.0-alpha.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-controls": 7.0.0-alpha.21
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/addon-storysource": 7.0.0-alpha.21
-    "@storybook/addon-viewport": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/ember": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-controls": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addon-storysource": 7.0.0-alpha.22
+    "@storybook/addon-viewport": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/ember": 7.0.0-alpha.22
     "@storybook/ember-cli-storybook": ^0.2.1
-    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.22
     babel-loader: ^8.2.5
     broccoli-asset-rev: ^3.0.0
     browserify-zlib: ^0.2.0
@@ -19740,7 +19740,7 @@ __metadata:
     loader.js: ^4.7.0
     os-browserify: ^0.3.0
     shx: ^0.3.2
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
     stream-browserify: ^3.0.0
     vm-browserify: ^1.1.2
     webpack: 5
@@ -24558,31 +24558,31 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "html-kitchen-sink@workspace:examples/html-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-controls": 7.0.0-alpha.21
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-jest": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-controls": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-jest": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
     "@storybook/addon-postcss": ^2.0.0
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
-    "@storybook/addon-storysource": 7.0.0-alpha.21
-    "@storybook/addon-viewport": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/client-api": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
-    "@storybook/html": 7.0.0-alpha.21
-    "@storybook/html-webpack5": 7.0.0-alpha.21
-    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-storysource": 7.0.0-alpha.22
+    "@storybook/addon-viewport": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/client-api": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/html": 7.0.0-alpha.22
+    "@storybook/html-webpack5": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.22
     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.21
+    storybook: 7.0.0-alpha.22
   languageName: unknown
   linkType: soft
 
@@ -33254,33 +33254,33 @@ __metadata:
   dependencies:
     "@emotion/jest": ^11.8.0
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/addon-a11y": 7.0.0-alpha.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-controls": 7.0.0-alpha.21
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-interactions": 7.0.0-alpha.21
-    "@storybook/addon-jest": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
-    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.21
-    "@storybook/addon-storysource": 7.0.0-alpha.21
-    "@storybook/addon-toolbars": 7.0.0-alpha.21
-    "@storybook/addon-viewport": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/cli": 7.0.0-alpha.21
-    "@storybook/components": 7.0.0-alpha.21
-    "@storybook/core-events": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-controls": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-interactions": 7.0.0-alpha.22
+    "@storybook/addon-jest": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.22
+    "@storybook/addon-storysource": 7.0.0-alpha.22
+    "@storybook/addon-toolbars": 7.0.0-alpha.22
+    "@storybook/addon-viewport": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/cli": 7.0.0-alpha.22
+    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/core-events": 7.0.0-alpha.22
     "@storybook/design-system": ^5.4.7
     "@storybook/jest": ^0.0.10
-    "@storybook/node-logger": 7.0.0-alpha.21
-    "@storybook/react": 7.0.0-alpha.21
-    "@storybook/react-webpack5": 7.0.0-alpha.21
-    "@storybook/router": 7.0.0-alpha.21
-    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/react-webpack5": 7.0.0-alpha.22
+    "@storybook/router": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.22
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.21
+    "@storybook/theming": 7.0.0-alpha.22
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     chromatic: ^6.0.2
@@ -33296,7 +33296,7 @@ __metadata:
     prop-types: ^15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
     terser-webpack-plugin: ^5.3.1
     uuid-browser: ^3.1.0
     webpack: 5
@@ -35662,18 +35662,18 @@ __metadata:
   resolution: "preact-example@workspace:examples/preact-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
-    "@storybook/addon-storysource": 7.0.0-alpha.21
-    "@storybook/addon-viewport": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
-    "@storybook/preact": 7.0.0-alpha.21
-    "@storybook/preact-webpack5": 7.0.0-alpha.21
-    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-storysource": 7.0.0-alpha.22
+    "@storybook/addon-viewport": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/preact": 7.0.0-alpha.22
+    "@storybook/preact-webpack5": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.22
     "@types/prop-types": ^15.7.3
     "@types/react": ^17
     "@types/react-dom": ^17
@@ -35688,7 +35688,7 @@ __metadata:
     raw-loader: ^4.0.2
     react: ^17.0.2
     react-dom: ^17.0.2
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
     svg-url-loader: ^7.1.1
     webpack: 5
     webpack-dev-server: ^4.8.1
@@ -39340,11 +39340,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sb@7.0.0-alpha.21, sb@workspace:lib/cli-sb":
+"sb@7.0.0-alpha.22, sb@workspace:lib/cli-sb":
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.21
+    "@storybook/cli": 7.0.0-alpha.22
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -39718,15 +39718,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "server-kitchen-sink@workspace:examples/server-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-controls": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/node-logger": 7.0.0-alpha.21
-    "@storybook/server": 7.0.0-alpha.21
-    "@storybook/server-webpack5": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-controls": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/server": 7.0.0-alpha.22
+    "@storybook/server-webpack5": 7.0.0-alpha.22
     concurrently: ^5.3.0
     cors: ^2.8.5
     express: ~4.17.1
@@ -39734,7 +39734,7 @@ __metadata:
     nodemon: ^2.0.7
     pug: ^3.0.0
     safe-identifier: ^0.4.1
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
   languageName: unknown
   linkType: soft
 
@@ -40643,15 +40643,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "standalone-preview@workspace:examples/standalone-preview"
   dependencies:
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/cli": 7.0.0-alpha.21
-    "@storybook/react": 7.0.0-alpha.21
-    "@storybook/react-webpack5": 7.0.0-alpha.21
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/cli": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/react-webpack5": 7.0.0-alpha.22
     cross-env: ^7.0.3
     parcel: 2.0.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
   languageName: unknown
   linkType: soft
 
@@ -40747,11 +40747,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"storybook@7.0.0-alpha.21, storybook@workspace:lib/cli-storybook":
+"storybook@7.0.0-alpha.22, storybook@workspace:lib/cli-storybook":
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.21
+    "@storybook/cli": 7.0.0-alpha.22
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -41499,25 +41499,25 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "svelte-example@workspace:examples/svelte-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-controls": 7.0.0-alpha.21
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-interactions": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
-    "@storybook/addon-storysource": 7.0.0-alpha.21
-    "@storybook/addon-viewport": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-controls": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-interactions": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-storysource": 7.0.0-alpha.22
+    "@storybook/addon-viewport": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.21
-    "@storybook/svelte": 7.0.0-alpha.21
-    "@storybook/svelte-webpack5": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/svelte": 7.0.0-alpha.22
+    "@storybook/svelte-webpack5": 7.0.0-alpha.22
     "@storybook/testing-library": 0.0.14-next.0
     global: ^4.4.0
-    storybook: 7.0.0-alpha.21
+    storybook: 7.0.0-alpha.22
     svelte-jester: ^2.3.2
     svelte-preprocess: ^4.10.6
   languageName: unknown
@@ -44363,22 +44363,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.21
-    "@storybook/addon-essentials": 7.0.0-alpha.21
-    "@storybook/addon-interactions": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-essentials": 7.0.0-alpha.22
+    "@storybook/addon-interactions": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue3": 7.0.0-alpha.21
-    "@storybook/vue3-webpack5": 7.0.0-alpha.21
+    "@storybook/vue3": 7.0.0-alpha.22
+    "@storybook/vue3-webpack5": 7.0.0-alpha.22
     "@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.21
+    storybook: 7.0.0-alpha.22
     typescript: ~4.6.3
     vue: ^3.0.0
     vue-jest: ^5.0.0-alpha.8
@@ -44399,17 +44399,17 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "vue-cli-example@workspace:examples/vue-cli"
   dependencies:
-    "@storybook/addon-controls": 7.0.0-alpha.21
-    "@storybook/addon-essentials": 7.0.0-alpha.21
+    "@storybook/addon-controls": 7.0.0-alpha.22
+    "@storybook/addon-essentials": 7.0.0-alpha.22
     "@storybook/preset-scss": ^1.0.3
-    "@storybook/source-loader": 7.0.0-alpha.21
-    "@storybook/vue": 7.0.0-alpha.21
-    "@storybook/vue-webpack5": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/vue": 7.0.0-alpha.22
+    "@storybook/vue-webpack5": 7.0.0-alpha.22
     "@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.21
+    storybook: 7.0.0-alpha.22
     typescript: ~4.6.3
     vue: ^2.6.12
     vue-class-component: ^7.2.6
@@ -44457,29 +44457,29 @@ __metadata:
   resolution: "vue-example@workspace:examples/vue-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.21
-    "@storybook/addon-actions": 7.0.0-alpha.21
-    "@storybook/addon-backgrounds": 7.0.0-alpha.21
-    "@storybook/addon-controls": 7.0.0-alpha.21
-    "@storybook/addon-docs": 7.0.0-alpha.21
-    "@storybook/addon-highlight": 7.0.0-alpha.21
-    "@storybook/addon-interactions": 7.0.0-alpha.21
-    "@storybook/addon-links": 7.0.0-alpha.21
-    "@storybook/addon-storyshots": 7.0.0-alpha.21
-    "@storybook/addon-storysource": 7.0.0-alpha.21
-    "@storybook/addon-viewport": 7.0.0-alpha.21
-    "@storybook/addons": 7.0.0-alpha.21
+    "@storybook/addon-a11y": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.22
+    "@storybook/addon-backgrounds": 7.0.0-alpha.22
+    "@storybook/addon-controls": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.22
+    "@storybook/addon-interactions": 7.0.0-alpha.22
+    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-storysource": 7.0.0-alpha.22
+    "@storybook/addon-viewport": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.22
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.21
+    "@storybook/source-loader": 7.0.0-alpha.22
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue": 7.0.0-alpha.21
-    "@storybook/vue-webpack5": 7.0.0-alpha.21
+    "@storybook/vue": 7.0.0-alpha.22
+    "@storybook/vue-webpack5": 7.0.0-alpha.22
     "@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.21
+    storybook: 7.0.0-alpha.22
     svg-url-loader: ^7.1.1
     vue: ^2.6.12
     vue-loader: ^15.9.6

From c8bca37f7474d50f7bdfba16e827500ddd75079b Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 20:21:13 +0800
Subject: [PATCH 258/266] 7.0.0-alpha.23 changelog

---
 CHANGELOG.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c13857af7edb..4089eebcf3af 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,4 @@
-## 7.0.0-alpha.22 (August 18, 2022)
+## 7.0.0-alpha.23 (August 18, 2022)
 
 #### Features
 
@@ -10,6 +10,11 @@
 -   Repros: Add ability to generate repros using local registry [#18948](https://github.com/storybooks/storybook/pull/18948)
 -   CLI: Move write/read package json into JsPackageManager [#18942](https://github.com/storybooks/storybook/pull/18942)
 
+
+## 7.0.0-alpha.22 (August 18, 2022)
+
+Failed publish to npm
+
 ## 7.0.0-alpha.21 (August 17, 2022)
 
 #### Maintenance

From 8fcebb20623e77e417284977ac0b6b35d47c0358 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 20:21:34 +0800
Subject: [PATCH 259/266] Update root, peer deps, version.ts/json to
 7.0.0-alpha.23 [ci skip]

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

diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index e2b106e53bf3..b9d1823a6491 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -45,7 +45,7 @@
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
     "puppeteer": ">=2.0.0"
   },
   "peerDependenciesMeta": {
diff --git a/code/lib/api/src/version.ts b/code/lib/api/src/version.ts
index f3e86d702df1..393ae7f6556e 100644
--- a/code/lib/api/src/version.ts
+++ b/code/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '7.0.0-alpha.22';
+export const version = '7.0.0-alpha.23';
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index 748dd67a638b..aaa60eaee376 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -1,78 +1,78 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.0.0-alpha.22',
-  '@storybook/addon-actions': '7.0.0-alpha.22',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.22',
-  '@storybook/addon-controls': '7.0.0-alpha.22',
-  '@storybook/addon-docs': '7.0.0-alpha.22',
-  '@storybook/addon-essentials': '7.0.0-alpha.22',
-  '@storybook/addon-highlight': '7.0.0-alpha.22',
-  '@storybook/addon-interactions': '7.0.0-alpha.22',
-  '@storybook/addon-jest': '7.0.0-alpha.22',
-  '@storybook/addon-links': '7.0.0-alpha.22',
-  '@storybook/addon-measure': '7.0.0-alpha.22',
-  '@storybook/addon-outline': '7.0.0-alpha.22',
-  '@storybook/addon-storyshots': '7.0.0-alpha.22',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.22',
-  '@storybook/addon-storysource': '7.0.0-alpha.22',
-  '@storybook/addon-toolbars': '7.0.0-alpha.22',
-  '@storybook/addon-viewport': '7.0.0-alpha.22',
-  '@storybook/addons': '7.0.0-alpha.22',
-  '@storybook/angular': '7.0.0-alpha.22',
-  '@storybook/api': '7.0.0-alpha.22',
-  '@storybook/blocks': '7.0.0-alpha.22',
-  '@storybook/builder-manager': '7.0.0-alpha.22',
-  '@storybook/builder-webpack5': '7.0.0-alpha.22',
-  '@storybook/channel-postmessage': '7.0.0-alpha.22',
-  '@storybook/channel-websocket': '7.0.0-alpha.22',
-  '@storybook/channels': '7.0.0-alpha.22',
-  '@storybook/cli': '7.0.0-alpha.22',
-  '@storybook/client-api': '7.0.0-alpha.22',
-  '@storybook/client-logger': '7.0.0-alpha.22',
-  '@storybook/codemod': '7.0.0-alpha.22',
-  '@storybook/components': '7.0.0-alpha.22',
-  '@storybook/core-client': '7.0.0-alpha.22',
-  '@storybook/core-common': '7.0.0-alpha.22',
-  '@storybook/core-events': '7.0.0-alpha.22',
-  '@storybook/core-server': '7.0.0-alpha.22',
-  '@storybook/core-webpack': '7.0.0-alpha.22',
-  '@storybook/csf-tools': '7.0.0-alpha.22',
-  '@storybook/docs-tools': '7.0.0-alpha.22',
-  '@storybook/ember': '7.0.0-alpha.22',
-  '@storybook/html': '7.0.0-alpha.22',
-  '@storybook/html-webpack5': '7.0.0-alpha.22',
-  '@storybook/instrumenter': '7.0.0-alpha.22',
-  '@storybook/node-logger': '7.0.0-alpha.22',
-  '@storybook/postinstall': '7.0.0-alpha.22',
-  '@storybook/preact': '7.0.0-alpha.22',
-  '@storybook/preact-webpack5': '7.0.0-alpha.22',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.22',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.22',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.22',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.22',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.22',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.22',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.22',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.22',
-  '@storybook/preview-web': '7.0.0-alpha.22',
-  '@storybook/react': '7.0.0-alpha.22',
-  '@storybook/react-webpack5': '7.0.0-alpha.22',
-  '@storybook/router': '7.0.0-alpha.22',
-  '@storybook/server': '7.0.0-alpha.22',
-  '@storybook/server-webpack5': '7.0.0-alpha.22',
-  '@storybook/source-loader': '7.0.0-alpha.22',
-  '@storybook/store': '7.0.0-alpha.22',
-  '@storybook/svelte': '7.0.0-alpha.22',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.22',
-  '@storybook/telemetry': '7.0.0-alpha.22',
-  '@storybook/theming': '7.0.0-alpha.22',
-  '@storybook/ui': '7.0.0-alpha.22',
-  '@storybook/vue': '7.0.0-alpha.22',
-  '@storybook/vue-webpack5': '7.0.0-alpha.22',
-  '@storybook/vue3': '7.0.0-alpha.22',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.22',
-  '@storybook/web-components': '7.0.0-alpha.22',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.22',
-  sb: '7.0.0-alpha.22',
-  storybook: '7.0.0-alpha.22',
+  '@storybook/addon-a11y': '7.0.0-alpha.23',
+  '@storybook/addon-actions': '7.0.0-alpha.23',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.23',
+  '@storybook/addon-controls': '7.0.0-alpha.23',
+  '@storybook/addon-docs': '7.0.0-alpha.23',
+  '@storybook/addon-essentials': '7.0.0-alpha.23',
+  '@storybook/addon-highlight': '7.0.0-alpha.23',
+  '@storybook/addon-interactions': '7.0.0-alpha.23',
+  '@storybook/addon-jest': '7.0.0-alpha.23',
+  '@storybook/addon-links': '7.0.0-alpha.23',
+  '@storybook/addon-measure': '7.0.0-alpha.23',
+  '@storybook/addon-outline': '7.0.0-alpha.23',
+  '@storybook/addon-storyshots': '7.0.0-alpha.23',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.23',
+  '@storybook/addon-storysource': '7.0.0-alpha.23',
+  '@storybook/addon-toolbars': '7.0.0-alpha.23',
+  '@storybook/addon-viewport': '7.0.0-alpha.23',
+  '@storybook/addons': '7.0.0-alpha.23',
+  '@storybook/angular': '7.0.0-alpha.23',
+  '@storybook/api': '7.0.0-alpha.23',
+  '@storybook/blocks': '7.0.0-alpha.23',
+  '@storybook/builder-manager': '7.0.0-alpha.23',
+  '@storybook/builder-webpack5': '7.0.0-alpha.23',
+  '@storybook/channel-postmessage': '7.0.0-alpha.23',
+  '@storybook/channel-websocket': '7.0.0-alpha.23',
+  '@storybook/channels': '7.0.0-alpha.23',
+  '@storybook/cli': '7.0.0-alpha.23',
+  '@storybook/client-api': '7.0.0-alpha.23',
+  '@storybook/client-logger': '7.0.0-alpha.23',
+  '@storybook/codemod': '7.0.0-alpha.23',
+  '@storybook/components': '7.0.0-alpha.23',
+  '@storybook/core-client': '7.0.0-alpha.23',
+  '@storybook/core-common': '7.0.0-alpha.23',
+  '@storybook/core-events': '7.0.0-alpha.23',
+  '@storybook/core-server': '7.0.0-alpha.23',
+  '@storybook/core-webpack': '7.0.0-alpha.23',
+  '@storybook/csf-tools': '7.0.0-alpha.23',
+  '@storybook/docs-tools': '7.0.0-alpha.23',
+  '@storybook/ember': '7.0.0-alpha.23',
+  '@storybook/html': '7.0.0-alpha.23',
+  '@storybook/html-webpack5': '7.0.0-alpha.23',
+  '@storybook/instrumenter': '7.0.0-alpha.23',
+  '@storybook/node-logger': '7.0.0-alpha.23',
+  '@storybook/postinstall': '7.0.0-alpha.23',
+  '@storybook/preact': '7.0.0-alpha.23',
+  '@storybook/preact-webpack5': '7.0.0-alpha.23',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.23',
+  '@storybook/preview-web': '7.0.0-alpha.23',
+  '@storybook/react': '7.0.0-alpha.23',
+  '@storybook/react-webpack5': '7.0.0-alpha.23',
+  '@storybook/router': '7.0.0-alpha.23',
+  '@storybook/server': '7.0.0-alpha.23',
+  '@storybook/server-webpack5': '7.0.0-alpha.23',
+  '@storybook/source-loader': '7.0.0-alpha.23',
+  '@storybook/store': '7.0.0-alpha.23',
+  '@storybook/svelte': '7.0.0-alpha.23',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.23',
+  '@storybook/telemetry': '7.0.0-alpha.23',
+  '@storybook/theming': '7.0.0-alpha.23',
+  '@storybook/ui': '7.0.0-alpha.23',
+  '@storybook/vue': '7.0.0-alpha.23',
+  '@storybook/vue-webpack5': '7.0.0-alpha.23',
+  '@storybook/vue3': '7.0.0-alpha.23',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.23',
+  '@storybook/web-components': '7.0.0-alpha.23',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.23',
+  sb: '7.0.0-alpha.23',
+  storybook: '7.0.0-alpha.23',
 };
diff --git a/code/package.json b/code/package.json
index e81276689772..3a07e408d349 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "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 0900e20acfbc12551c6a3f788b8de5dd6af5f80a Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 20:31:31 +0800
Subject: [PATCH 260/266] v7.0.0-alpha.23

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 9285b6ed3401..aec8ec044caa 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -62,15 +62,15 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.23",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 0d5f849372f2..2cf0f8a0e708 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 82e6c00e14d6..f0920b9efd0a 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -62,13 +62,13 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 9d2015e6532e..f4c8f11d8ea8 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -57,16 +57,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/blocks": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/blocks": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 0d1ff2e221bc..2407d2de5573 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -53,22 +53,22 @@
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/blocks": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/blocks": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.22",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/csf-tools": "7.0.0-alpha.23",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
     "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
-    "@storybook/node-logger": "7.0.0-alpha.22",
-    "@storybook/postinstall": "7.0.0-alpha.22",
-    "@storybook/preview-web": "7.0.0-alpha.22",
-    "@storybook/source-loader": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.23",
+    "@storybook/postinstall": "7.0.0-alpha.23",
+    "@storybook/preview-web": "7.0.0-alpha.23",
+    "@storybook/source-loader": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "babel-loader": "^8.2.5",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index c3d44ddf270a..a4647c0bc8cd 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -33,25 +33,25 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-controls": "7.0.0-alpha.22",
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-measure": "7.0.0-alpha.22",
-    "@storybook/addon-outline": "7.0.0-alpha.22",
-    "@storybook/addon-toolbars": "7.0.0-alpha.22",
-    "@storybook/addon-viewport": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-controls": "7.0.0-alpha.23",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-measure": "7.0.0-alpha.23",
+    "@storybook/addon-outline": "7.0.0-alpha.23",
+    "@storybook/addon-toolbars": "7.0.0-alpha.23",
+    "@storybook/addon-viewport": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/vue": "7.0.0-alpha.22",
+    "@storybook/vue": "7.0.0-alpha.23",
     "@types/jest": "^26.0.16",
     "typescript": "~4.6.3"
   },
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 7ae1dc7d1f28..8791cb2e8b6c 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -37,8 +37,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index bcb1e48681e6..7fb9a46760fa 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -36,15 +36,15 @@
   },
   "dependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/instrumenter": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/instrumenter": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "jest-mock": "^27.0.6",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index dce625f81909..c4338ade1621 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -59,12 +59,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react-sizeme": "^3.0.1",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index ce03ea2513c1..336e72d77274 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -63,11 +63,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.22",
+    "@storybook/router": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 8f9fb4f107e4..765ab39920a2 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
@@ -61,11 +61,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 2d46061cd6d5..8c4f7ab7e806 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
@@ -64,11 +64,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index 09110fe7032e..89fc15692e05 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
@@ -38,12 +38,12 @@
   },
   "dependencies": {
     "@jest/transform": "^26.6.2",
-    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/client-api": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/core-webpack": "7.0.0-alpha.22",
+    "@storybook/client-api": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "@types/glob": "^7.1.3",
     "@types/jest": "^26.0.16",
@@ -62,11 +62,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.22",
-    "@storybook/angular": "7.0.0-alpha.22",
-    "@storybook/react": "7.0.0-alpha.22",
-    "@storybook/vue": "7.0.0-alpha.22",
-    "@storybook/vue3": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/angular": "7.0.0-alpha.23",
+    "@storybook/react": "7.0.0-alpha.23",
+    "@storybook/vue": "7.0.0-alpha.23",
+    "@storybook/vue3": "7.0.0-alpha.23",
     "babel-loader": "^8.2.5",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index b9d1823a6491..e7a3a86e8780 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "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.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.23",
     "@types/jest-image-snapshot": "^4.1.3",
     "core-js": "^3.8.2",
     "jest-image-snapshot": "^4.3.0"
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 22e83234c3d0..56f4207627d5 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
@@ -35,13 +35,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/router": "7.0.0-alpha.22",
-    "@storybook/source-loader": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/router": "7.0.0-alpha.23",
+    "@storybook/source-loader": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index cd6d037505f0..adb13481d1d2 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
@@ -57,11 +57,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2"
   },
   "devDependencies": {
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index d7f18f005c31..2a74c38f7369 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
@@ -36,12 +36,12 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/examples/angular-cli/package.json b/code/examples/angular-cli/package.json
index eb3406cd79f7..5ca23e990b49 100644
--- a/code/examples/angular-cli/package.json
+++ b/code/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "license": "MIT",
   "workspaces": {
@@ -44,22 +44,22 @@
     "@angular/compiler-cli": "^13.3.6",
     "@angular/elements": "^13.3.6",
     "@compodoc/compodoc": "^1.1.18",
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-controls": "7.0.0-alpha.22",
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-interactions": "7.0.0-alpha.22",
-    "@storybook/addon-jest": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
-    "@storybook/addon-storysource": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/angular": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-controls": "7.0.0-alpha.23",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-interactions": "7.0.0-alpha.23",
+    "@storybook/addon-jest": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
+    "@storybook/addon-storysource": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/angular": "7.0.0-alpha.23",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.23",
     "@storybook/testing-library": "0.0.14-next.0",
     "@types/core-js": "^2.5.4",
     "@types/jest": "^26.0.16",
@@ -72,7 +72,7 @@
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
     "protractor": "~7.0.0",
-    "storybook": "7.0.0-alpha.22",
+    "storybook": "7.0.0-alpha.23",
     "storybook-addon-angular-ivy": "^0.0.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
diff --git a/code/examples/cra-kitchen-sink/package.json b/code/examples/cra-kitchen-sink/package.json
index 9365eb969fa7..303f8400475b 100644
--- a/code/examples/cra-kitchen-sink/package.json
+++ b/code/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "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.22",
+    "@storybook/client-logger": "7.0.0-alpha.23",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "react": "16.14.0",
@@ -21,21 +21,21 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-jest": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-jest": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.22",
-    "@storybook/react-webpack5": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
-    "storybook": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.23",
+    "@storybook/react-webpack5": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
+    "storybook": "7.0.0-alpha.23",
     "webpack": "5"
   },
   "storybook": {
diff --git a/code/examples/cra-ts-essentials/package.json b/code/examples/cra-ts-essentials/package.json
index 212c05f21944..97a9d064cc27 100644
--- a/code/examples/cra-ts-essentials/package.json
+++ b/code/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-essentials",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -23,8 +23,8 @@
     ]
   },
   "dependencies": {
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "@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.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/addon-essentials": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.22",
-    "@storybook/react-webpack5": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.23",
+    "@storybook/react-webpack5": "7.0.0-alpha.23",
     "@storybook/testing-library": "^0.0.9",
-    "storybook": "7.0.0-alpha.22",
+    "storybook": "7.0.0-alpha.23",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/cra-ts-kitchen-sink/package.json b/code/examples/cra-ts-kitchen-sink/package.json
index 2a1f04157d64..3a8ba5bc97dc 100644
--- a/code/examples/cra-ts-kitchen-sink/package.json
+++ b/code/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -34,23 +34,23 @@
     "typescript": "~4.6.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.22",
-    "@storybook/react-webpack5": "7.0.0-alpha.22",
+    "@storybook/react": "7.0.0-alpha.23",
+    "@storybook/react-webpack5": "7.0.0-alpha.23",
     "@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.22",
+    "storybook": "7.0.0-alpha.23",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/doc-blocks/package.json b/code/examples/doc-blocks/package.json
index 66d9a8e0d3ac..492169197a82 100644
--- a/code/examples/doc-blocks/package.json
+++ b/code/examples/doc-blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-doc-blocks",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build",
@@ -15,20 +15,20 @@
     "@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.22",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
-    "@storybook/addon-storysource": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/cli": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/react-webpack5": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/addon-essentials": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
+    "@storybook/addon-storysource": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/cli": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/react-webpack5": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "@types/babel__preset-env": "^7",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.21",
-    "sb": "7.0.0-alpha.22",
+    "sb": "7.0.0-alpha.23",
     "typescript": "~4.6.3",
     "webpack": "5"
   },
diff --git a/code/examples/ember-cli/package.json b/code/examples/ember-cli/package.json
index 651dcfd40afe..c99dbe99691d 100644
--- a/code/examples/ember-cli/package.json
+++ b/code/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "scripts": {
     "--build-storybook": "yarn storybook-prebuild && storybook build",
@@ -17,19 +17,19 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@ember/optional-features": "^2.0.0",
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-controls": "7.0.0-alpha.22",
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/addon-storysource": "7.0.0-alpha.22",
-    "@storybook/addon-viewport": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/ember": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-controls": "7.0.0-alpha.23",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/addon-storysource": "7.0.0-alpha.23",
+    "@storybook/addon-viewport": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/ember": "7.0.0-alpha.23",
     "@storybook/ember-cli-storybook": "^0.2.1",
-    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.23",
     "babel-loader": "^8.2.5",
     "broccoli-asset-rev": "^3.0.0",
     "browserify-zlib": "^0.2.0",
@@ -49,7 +49,7 @@
     "loader.js": "^4.7.0",
     "os-browserify": "^0.3.0",
     "shx": "^0.3.2",
-    "storybook": "7.0.0-alpha.22",
+    "storybook": "7.0.0-alpha.23",
     "stream-browserify": "^3.0.0",
     "vm-browserify": "^1.1.2",
     "webpack": "5",
diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json
index 138ea2693a12..414fc2fbf0e4 100644
--- a/code/examples/external-docs/package.json
+++ b/code/examples/external-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/external-docs",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "scripts": {
     "build": "next build",
@@ -11,15 +11,15 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c .storybook"
   },
   "dependencies": {
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-essentials": "7.0.0-alpha.22",
-    "@storybook/blocks": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-essentials": "7.0.0-alpha.23",
+    "@storybook/blocks": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.22",
-    "@storybook/react": "7.0.0-alpha.22",
-    "@storybook/react-webpack5": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/preview-web": "7.0.0-alpha.23",
+    "@storybook/react": "7.0.0-alpha.23",
+    "@storybook/react-webpack5": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "formik": "^2.2.9",
     "next": "^12.1.0",
     "nextra": "^1.1.0",
@@ -38,7 +38,7 @@
     "cross-env": "^7.0.3",
     "eslint": "8.7.0",
     "eslint-config-next": "12.0.8",
-    "storybook": "7.0.0-alpha.22",
+    "storybook": "7.0.0-alpha.23",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/html-kitchen-sink/package.json b/code/examples/html-kitchen-sink/package.json
index 119d90db518c..260b27d95dc9 100644
--- a/code/examples/html-kitchen-sink/package.json
+++ b/code/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,31 +13,31 @@
     "storybook": "storybook dev -p 9006 --no-manager-cache"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-controls": "7.0.0-alpha.22",
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-jest": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-controls": "7.0.0-alpha.23",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-jest": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
-    "@storybook/addon-storysource": "7.0.0-alpha.22",
-    "@storybook/addon-viewport": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/client-api": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
-    "@storybook/html": "7.0.0-alpha.22",
-    "@storybook/html-webpack5": "7.0.0-alpha.22",
-    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
+    "@storybook/addon-storysource": "7.0.0-alpha.23",
+    "@storybook/addon-viewport": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/client-api": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
+    "@storybook/html": "7.0.0-alpha.23",
+    "@storybook/html-webpack5": "7.0.0-alpha.23",
+    "@storybook/source-loader": "7.0.0-alpha.23",
     "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.22"
+    "storybook": "7.0.0-alpha.23"
   },
   "storybook": {
     "chromatic": {
diff --git a/code/examples/official-storybook/package.json b/code/examples/official-storybook/package.json
index 45073c274b6d..41e0c8a5b323 100644
--- a/code/examples/official-storybook/package.json
+++ b/code/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@@ -13,33 +13,33 @@
   "devDependencies": {
     "@emotion/jest": "^11.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-controls": "7.0.0-alpha.22",
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-interactions": "7.0.0-alpha.22",
-    "@storybook/addon-jest": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
-    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.22",
-    "@storybook/addon-storysource": "7.0.0-alpha.22",
-    "@storybook/addon-toolbars": "7.0.0-alpha.22",
-    "@storybook/addon-viewport": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/cli": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-controls": "7.0.0-alpha.23",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-interactions": "7.0.0-alpha.23",
+    "@storybook/addon-jest": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.23",
+    "@storybook/addon-storysource": "7.0.0-alpha.23",
+    "@storybook/addon-toolbars": "7.0.0-alpha.23",
+    "@storybook/addon-viewport": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/cli": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/design-system": "^5.4.7",
     "@storybook/jest": "^0.0.10",
-    "@storybook/node-logger": "7.0.0-alpha.22",
-    "@storybook/react": "7.0.0-alpha.22",
-    "@storybook/react-webpack5": "7.0.0-alpha.22",
-    "@storybook/router": "7.0.0-alpha.22",
-    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.23",
+    "@storybook/react": "7.0.0-alpha.23",
+    "@storybook/react-webpack5": "7.0.0-alpha.23",
+    "@storybook/router": "7.0.0-alpha.23",
+    "@storybook/source-loader": "7.0.0-alpha.23",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.23",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/user-event": "^13.1.9",
     "chromatic": "^6.0.2",
@@ -55,7 +55,7 @@
     "prop-types": "^15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.22",
+    "storybook": "7.0.0-alpha.23",
     "terser-webpack-plugin": "^5.3.1",
     "uuid-browser": "^3.1.0",
     "webpack": "5"
diff --git a/code/examples/preact-kitchen-sink/package.json b/code/examples/preact-kitchen-sink/package.json
index 8f4b521a1bcd..36ea950a5ad3 100644
--- a/code/examples/preact-kitchen-sink/package.json
+++ b/code/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,18 +14,18 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
-    "@storybook/addon-storysource": "7.0.0-alpha.22",
-    "@storybook/addon-viewport": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/preact": "7.0.0-alpha.22",
-    "@storybook/preact-webpack5": "7.0.0-alpha.22",
-    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
+    "@storybook/addon-storysource": "7.0.0-alpha.23",
+    "@storybook/addon-viewport": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/preact": "7.0.0-alpha.23",
+    "@storybook/preact-webpack5": "7.0.0-alpha.23",
+    "@storybook/source-loader": "7.0.0-alpha.23",
     "@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.22",
+    "storybook": "7.0.0-alpha.23",
     "svg-url-loader": "^7.1.1",
     "webpack": "5",
     "webpack-dev-server": "^4.8.1"
diff --git a/code/examples/react-ts/package.json b/code/examples/react-ts/package.json
index 502c1d266d23..d1320c777f99 100644
--- a/code/examples/react-ts/package.json
+++ b/code/examples/react-ts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "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.22",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
-    "@storybook/addon-storysource": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/cli": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/react": "7.0.0-alpha.22",
-    "@storybook/react-webpack5": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/addon-essentials": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
+    "@storybook/addon-storysource": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/cli": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/react": "7.0.0-alpha.23",
+    "@storybook/react-webpack5": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "@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.22",
+    "storybook": "7.0.0-alpha.23",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/server-kitchen-sink/package.json b/code/examples/server-kitchen-sink/package.json
index 1615ac387e3f..d50272f9c0e1 100644
--- a/code/examples/server-kitchen-sink/package.json
+++ b/code/examples/server-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server-kitchen-sink",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,15 +14,15 @@
     "storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-controls": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
-    "@storybook/server": "7.0.0-alpha.22",
-    "@storybook/server-webpack5": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-controls": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
+    "@storybook/server": "7.0.0-alpha.23",
+    "@storybook/server-webpack5": "7.0.0-alpha.23",
     "concurrently": "^5.3.0",
     "cors": "^2.8.5",
     "express": "~4.17.1",
@@ -30,6 +30,6 @@
     "nodemon": "^2.0.7",
     "pug": "^3.0.0",
     "safe-identifier": "^0.4.1",
-    "storybook": "7.0.0-alpha.22"
+    "storybook": "7.0.0-alpha.23"
   }
 }
diff --git a/code/examples/standalone-preview/package.json b/code/examples/standalone-preview/package.json
index 8ce45303059d..9c9f818b4390 100644
--- a/code/examples/standalone-preview/package.json
+++ b/code/examples/standalone-preview/package.json
@@ -1,20 +1,20 @@
 {
   "name": "standalone-preview",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "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.22",
-    "@storybook/cli": "7.0.0-alpha.22",
-    "@storybook/react": "7.0.0-alpha.22",
-    "@storybook/react-webpack5": "7.0.0-alpha.22",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/cli": "7.0.0-alpha.23",
+    "@storybook/react": "7.0.0-alpha.23",
+    "@storybook/react-webpack5": "7.0.0-alpha.23",
     "cross-env": "^7.0.3",
     "parcel": "2.0.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.22"
+    "storybook": "7.0.0-alpha.23"
   }
 }
diff --git a/code/examples/svelte-kitchen-sink/package.json b/code/examples/svelte-kitchen-sink/package.json
index aa92b3559e78..4957373ba177 100644
--- a/code/examples/svelte-kitchen-sink/package.json
+++ b/code/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "scripts": {
     "build-storybook": "storybook build",
@@ -10,24 +10,24 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-controls": "7.0.0-alpha.22",
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-interactions": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
-    "@storybook/addon-storysource": "7.0.0-alpha.22",
-    "@storybook/addon-viewport": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-controls": "7.0.0-alpha.23",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-interactions": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
+    "@storybook/addon-storysource": "7.0.0-alpha.23",
+    "@storybook/addon-viewport": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.22",
-    "@storybook/svelte": "7.0.0-alpha.22",
-    "@storybook/svelte-webpack5": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.23",
+    "@storybook/svelte": "7.0.0-alpha.23",
+    "@storybook/svelte-webpack5": "7.0.0-alpha.23",
     "@storybook/testing-library": "0.0.14-next.0",
-    "storybook": "7.0.0-alpha.22",
+    "storybook": "7.0.0-alpha.23",
     "svelte-jester": "^2.3.2",
     "svelte-preprocess": "^4.10.6"
   },
diff --git a/code/examples/vue-3-cli/package.json b/code/examples/vue-3-cli/package.json
index b0f5077ae911..024ed471e2f2 100644
--- a/code/examples/vue-3-cli/package.json
+++ b/code/examples/vue-3-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-3-cli-example",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "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.22",
-    "@storybook/addon-essentials": "7.0.0-alpha.22",
-    "@storybook/addon-interactions": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-essentials": "7.0.0-alpha.23",
+    "@storybook/addon-interactions": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue3": "7.0.0-alpha.22",
-    "@storybook/vue3-webpack5": "7.0.0-alpha.22",
+    "@storybook/vue3": "7.0.0-alpha.23",
+    "@storybook/vue3-webpack5": "7.0.0-alpha.23",
     "@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.22",
+    "storybook": "7.0.0-alpha.23",
     "typescript": "~4.6.3",
     "vue-jest": "^5.0.0-alpha.8",
     "vue-loader": "^16.0.0"
diff --git a/code/examples/vue-cli/package.json b/code/examples/vue-cli/package.json
index 9835adbbc57d..5620dead0c8d 100644
--- a/code/examples/vue-cli/package.json
+++ b/code/examples/vue-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-example",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "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.22",
-    "@storybook/addon-essentials": "7.0.0-alpha.22",
+    "@storybook/addon-controls": "7.0.0-alpha.23",
+    "@storybook/addon-essentials": "7.0.0-alpha.23",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/source-loader": "7.0.0-alpha.22",
-    "@storybook/vue": "7.0.0-alpha.22",
-    "@storybook/vue-webpack5": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.23",
+    "@storybook/vue": "7.0.0-alpha.23",
+    "@storybook/vue-webpack5": "7.0.0-alpha.23",
     "@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.22",
+    "storybook": "7.0.0-alpha.23",
     "typescript": "~4.6.3",
     "vue-template-compiler": "^2.6.14"
   }
diff --git a/code/examples/vue-kitchen-sink/package.json b/code/examples/vue-kitchen-sink/package.json
index 01b5fd1d981c..7d5e784769d9 100644
--- a/code/examples/vue-kitchen-sink/package.json
+++ b/code/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,29 +14,29 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.22",
-    "@storybook/addon-actions": "7.0.0-alpha.22",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.22",
-    "@storybook/addon-controls": "7.0.0-alpha.22",
-    "@storybook/addon-docs": "7.0.0-alpha.22",
-    "@storybook/addon-highlight": "7.0.0-alpha.22",
-    "@storybook/addon-interactions": "7.0.0-alpha.22",
-    "@storybook/addon-links": "7.0.0-alpha.22",
-    "@storybook/addon-storyshots": "7.0.0-alpha.22",
-    "@storybook/addon-storysource": "7.0.0-alpha.22",
-    "@storybook/addon-viewport": "7.0.0-alpha.22",
-    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/addon-a11y": "7.0.0-alpha.23",
+    "@storybook/addon-actions": "7.0.0-alpha.23",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+    "@storybook/addon-controls": "7.0.0-alpha.23",
+    "@storybook/addon-docs": "7.0.0-alpha.23",
+    "@storybook/addon-highlight": "7.0.0-alpha.23",
+    "@storybook/addon-interactions": "7.0.0-alpha.23",
+    "@storybook/addon-links": "7.0.0-alpha.23",
+    "@storybook/addon-storyshots": "7.0.0-alpha.23",
+    "@storybook/addon-storysource": "7.0.0-alpha.23",
+    "@storybook/addon-viewport": "7.0.0-alpha.23",
+    "@storybook/addons": "7.0.0-alpha.23",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.22",
+    "@storybook/source-loader": "7.0.0-alpha.23",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue": "7.0.0-alpha.22",
-    "@storybook/vue-webpack5": "7.0.0-alpha.22",
+    "@storybook/vue": "7.0.0-alpha.23",
+    "@storybook/vue-webpack5": "7.0.0-alpha.23",
     "@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.22",
+    "storybook": "7.0.0-alpha.23",
     "svg-url-loader": "^7.1.1",
     "vue-loader": "^15.9.6",
     "vue-style-loader": "^4.1.3",
diff --git a/code/examples/web-components-kitchen-sink/package.json b/code/examples/web-components-kitchen-sink/package.json
index b93e2f9cdf39..9e38870d6675 100644
--- a/code/examples/web-components-kitchen-sink/package.json
+++ b/code/examples/web-components-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components-kitchen-sink",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "private": true,
   "description": "",
   "keywords": [],
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 71e9bdb9d14c..4d5280ddeb16 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,19 +34,19 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
-    "@storybook/core-server": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
+    "@storybook/core-server": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index aa6cba6b7640..2677b0c42a73 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -30,11 +30,11 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 2a74507144c3..0a3df2237790 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/html": "7.0.0-alpha.22",
-    "@storybook/preset-html-webpack": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/html": "7.0.0-alpha.23",
+    "@storybook/preset-html-webpack": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 5abed2989c7f..ed2e96a63c66 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/preact": "7.0.0-alpha.22",
-    "@storybook/preset-preact-webpack": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/preact": "7.0.0-alpha.23",
+    "@storybook/preset-preact-webpack": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 99287a457f77..39e2d6d38370 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/preset-react-webpack": "7.0.0-alpha.22",
-    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/preset-react-webpack": "7.0.0-alpha.23",
+    "@storybook/react": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2"
   },
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 538d67839549..0ddf475091f1 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/preset-server-webpack": "7.0.0-alpha.22",
-    "@storybook/server": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/preset-server-webpack": "7.0.0-alpha.23",
+    "@storybook/server": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 6ce6272a7b3c..95a79df8b4f3 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -51,10 +51,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/preset-svelte-webpack": "7.0.0-alpha.22",
-    "@storybook/svelte": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/preset-svelte-webpack": "7.0.0-alpha.23",
+    "@storybook/svelte": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index b3cdf5f00922..be10fc76b8e8 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-webpack5",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/preset-vue-webpack": "7.0.0-alpha.22",
-    "@storybook/vue": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/preset-vue-webpack": "7.0.0-alpha.23",
+    "@storybook/vue": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 4d4bd68b6453..1ddcde4ecbce 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/preset-vue3-webpack": "7.0.0-alpha.22",
-    "@storybook/vue3": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/preset-vue3-webpack": "7.0.0-alpha.23",
+    "@storybook/vue3": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 1dc603486175..33fe25f5eff7 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -53,10 +53,10 @@
   },
   "dependencies": {
     "@babel/preset-env": "^7.12.11",
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/preset-web-components-webpack": "7.0.0-alpha.22",
-    "@storybook/web-components": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/preset-web-components-webpack": "7.0.0-alpha.23",
+    "@storybook/web-components": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/lerna.json b/code/lerna.json
index 3be71e2708e9..bf295ef75c2c 100644
--- a/code/lerna.json
+++ b/code/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "7.0.0-alpha.22"
+  "version": "7.0.0-alpha.23"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 2e45c1e15106..3f0bb46cfc5a 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/router": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index ce2a21960753..d71eab922a4d 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -32,13 +32,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.22",
+    "@storybook/router": "7.0.0-alpha.23",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 69dcdcaea0f1..7a40ec216fbd 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
@@ -41,16 +41,16 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/preview-web": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/preview-web": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "color-convert": "^2.0.1",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
@@ -64,7 +64,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/addons": "7.0.0-alpha.22"
+    "@storybook/addons": "7.0.0-alpha.23"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 97c51f6d152d..4947b885e1f0 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
@@ -42,9 +42,9 @@
   },
   "dependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
-    "@storybook/ui": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
+    "@storybook/ui": "7.0.0-alpha.23",
     "@types/ejs": "^3.1.1",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
     "browser-assert": "^1.2.1",
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index 9a625f59e695..acb6377e05d4 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,23 +34,23 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/channel-postmessage": "7.0.0-alpha.22",
-    "@storybook/channel-websocket": "7.0.0-alpha.22",
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
-    "@storybook/core-webpack": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
-    "@storybook/preview-web": "7.0.0-alpha.22",
-    "@storybook/router": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/channel-postmessage": "7.0.0-alpha.23",
+    "@storybook/channel-websocket": "7.0.0-alpha.23",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
+    "@storybook/preview-web": "7.0.0-alpha.23",
+    "@storybook/router": "7.0.0-alpha.23",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.22",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.23",
+    "@storybook/theming": "7.0.0-alpha.23",
     "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-named-exports-order": "^0.0.2",
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 6fffc6f6d76b..71dd620cbc33 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,9 +34,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "qs": "^6.10.0",
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index ba5282ebe51c..afa38797a39e 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "telejson": "^6.0.8"
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 478da74a389e..8a5f40c4fa2c 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 6268d70f70da..afbeffffd0d8 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.22"
+    "@storybook/cli": "7.0.0-alpha.23"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index cb44677bd80d..884407da18c6 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -28,7 +28,7 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.22"
+    "@storybook/cli": "7.0.0-alpha.23"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 9e071caa7d12..0c1bfc2850d9 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -48,13 +48,13 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/core-server": "7.0.0-alpha.22",
-    "@storybook/csf-tools": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/codemod": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/core-server": "7.0.0-alpha.23",
+    "@storybook/csf-tools": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.22",
+    "@storybook/telemetry": "7.0.0-alpha.23",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -81,7 +81,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.22",
+    "@storybook/client-api": "7.0.0-alpha.23",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
     "@types/prompts": "^2.0.9",
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index 6afdae4f31d4..59f10d55be12 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -34,13 +34,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/channel-postmessage": "7.0.0-alpha.22",
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/channel-postmessage": "7.0.0-alpha.23",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.23",
     "@types/qs": "^6.9.5",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 4c513cd4bbf8..f95fbea3147f 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 5f8ee35ef991..c3e8b697e404 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -45,8 +45,8 @@
     "@babel/types": "^7.12.11",
     "@mdx-js/mdx": "^1.6.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/csf-tools": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "cross-spawn": "^7.0.3",
     "globby": "^11.0.2",
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index 9ed2b9553db8..aa4e63cc55fc 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index ea4babb5c42f..bd437ce866e0 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,16 +34,16 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/channel-postmessage": "7.0.0-alpha.22",
-    "@storybook/channel-websocket": "7.0.0-alpha.22",
-    "@storybook/client-api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/channel-postmessage": "7.0.0-alpha.23",
+    "@storybook/channel-websocket": "7.0.0-alpha.23",
+    "@storybook/client-api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
-    "@storybook/ui": "7.0.0-alpha.22",
+    "@storybook/preview-web": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
+    "@storybook/ui": "7.0.0-alpha.23",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 5d9c6046e16e..4a8ce40b0ac7 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -69,7 +69,7 @@
     "@babel/preset-typescript": "^7.12.7",
     "@babel/register": "^7.12.1",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.23",
     "@storybook/semver": "^7.3.2",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index d1901ca3bbf0..5ee3a70212b5 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index d2fb22359486..ce2abc5afbe7 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -35,17 +35,17 @@
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.88",
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-manager": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/builder-manager": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.22",
+    "@storybook/csf-tools": "7.0.0-alpha.23",
     "@storybook/docs-mdx": "0.0.1-canary.12433cf.0",
-    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/node-logger": "7.0.0-alpha.23",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.22",
-    "@storybook/telemetry": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.23",
+    "@storybook/telemetry": "7.0.0-alpha.23",
     "@types/node": "^14.0.10 || ^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
@@ -77,7 +77,7 @@
     "ws": "^8.2.3"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.22",
+    "@storybook/builder-webpack5": "7.0.0-alpha.23",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 198f1af40794..daf5d43cfa49 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-common": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/core-common": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
     "@types/node": "^14.0.10 || ^16.0.0",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 65ae34126b18..5fa2ef734ed4 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index ec0adefae456..b29d48c7f9ed 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
@@ -36,7 +36,7 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 4afa91dca037..19f71962673c 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 60897368516c..50c2eeca14f0 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 4ac8a2ed6fbf..342188a38544 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 71e12092c6c2..40693b1c9936 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,13 +41,13 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/channel-postmessage": "7.0.0-alpha.22",
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/channel-postmessage": "7.0.0-alpha.23",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.23",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index febc9978b8df..7b93f78f1878 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -34,7 +34,7 @@
     "prepare": "ts-node ../../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index d890f91eaeba..62f46d7555a0 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -35,8 +35,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 081a8418f0d1..4b1e65224d00 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "dequal": "^2.0.2",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 92da5cc5322e..e11f78dd77ac 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
@@ -34,8 +34,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-common": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-common": "7.0.0-alpha.23",
     "chalk": "^4.1.0",
     "core-js": "^3.8.2",
     "detect-package-manager": "^2.0.1",
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index ee0a6ac53c4d..0757110314e1 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -47,7 +47,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3"
   },
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index ae5c673ba827..399b1355f5ec 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -54,18 +54,18 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/channel-postmessage": "7.0.0-alpha.22",
-    "@storybook/channel-websocket": "7.0.0-alpha.22",
-    "@storybook/channels": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/components": "7.0.0-alpha.22",
-    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/channel-postmessage": "7.0.0-alpha.23",
+    "@storybook/channel-websocket": "7.0.0-alpha.23",
+    "@storybook/channels": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/components": "7.0.0-alpha.23",
+    "@storybook/core-events": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.22",
+    "@storybook/router": "7.0.0-alpha.23",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.22",
+    "@storybook/theming": "7.0.0-alpha.23",
     "@testing-library/react": "^11.2.2",
     "copy-to-clipboard": "^3.3.1",
     "core-js": "^3.8.2",
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 7853d102e113..eadd14c2932c 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,7 +50,7 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.22",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "html-loader": "^3.1.0",
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 03ec38548ce6..266376302beb 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@storybook/core-webpack": "7.0.0-alpha.22",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index ad0cfe650d32..b21f5dcde689 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -74,10 +74,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.22",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
-    "@storybook/react": "7.0.0-alpha.22",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
+    "@storybook/react": "7.0.0-alpha.23",
     "@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/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index f4b7752fdf46..3a5ad07b019e 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -55,9 +55,9 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-server": "7.0.0-alpha.22",
-    "@storybook/core-webpack": "7.0.0-alpha.22",
-    "@storybook/server": "7.0.0-alpha.22",
+    "@storybook/core-server": "7.0.0-alpha.23",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
+    "@storybook/server": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 56ea23417207..63d29fd38137 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -65,8 +65,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.22",
-    "@storybook/node-logger": "7.0.0-alpha.22",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
+    "@storybook/node-logger": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index fce47e2e7161..7578eadd1034 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue-webpack",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -60,8 +60,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.22",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 41dffe49b093..2941def2d6f2 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -61,8 +61,8 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.22",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "core-js": "^3.8.2",
     "react": "16.14.0",
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 01372638049c..081cc738ff59 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-web-components-webpack",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -55,7 +55,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.22",
+    "@storybook/core-webpack": "7.0.0-alpha.23",
     "@types/node": "^14.14.20 || ^16.0.0",
     "babel-loader": "^7.0.0 || ^8.0.0",
     "babel-plugin-bundled-import-meta": "^0.3.1",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index f8ed1da5ca74..707013d70ff6 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/preview-web": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/preview-web": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 04c46f94833c..57edf68de9eb 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -50,10 +50,10 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/store": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 62097b07dc2f..d8a9126e5877 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -51,12 +51,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "acorn": "^7.4.1",
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 25991fa9058d..339fd9c18ea7 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -50,11 +50,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/preview-web": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index f279073becad..a1cd10c3b838 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -54,12 +54,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index ba9803540c22..255f5561fa6f 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 633ef1f7abd0..180d39afcbe9 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -51,11 +51,11 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 13deb6dfbeb9..e04684c5c054 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.22",
+  "version": "7.0.0-alpha.23",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -52,14 +52,14 @@
     "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.22",
-    "@storybook/api": "7.0.0-alpha.22",
-    "@storybook/client-logger": "7.0.0-alpha.22",
-    "@storybook/core-client": "7.0.0-alpha.22",
+    "@storybook/addons": "7.0.0-alpha.23",
+    "@storybook/api": "7.0.0-alpha.23",
+    "@storybook/client-logger": "7.0.0-alpha.23",
+    "@storybook/core-client": "7.0.0-alpha.23",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.22",
-    "@storybook/preview-web": "7.0.0-alpha.22",
-    "@storybook/store": "7.0.0-alpha.22",
+    "@storybook/docs-tools": "7.0.0-alpha.23",
+    "@storybook/preview-web": "7.0.0-alpha.23",
+    "@storybook/store": "7.0.0-alpha.23",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",

From 65e222d6191e4b269afbadded8646c2afbe10e0b Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 18 Aug 2022 20:35:40 +0800
Subject: [PATCH 261/266] Update git head to 7.0.0-alpha.23, update yarn.lock
 [ci skip]

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

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index aec8ec044caa..a2c3e076e0bc 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -105,7 +105,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 2cf0f8a0e708..23d80a5f4b42 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -73,7 +73,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index f0920b9efd0a..40ea81c45637 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -100,7 +100,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index f4c8f11d8ea8..65207a7489c0 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -93,7 +93,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 2407d2de5573..16800c0d752e 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -104,7 +104,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index a4647c0bc8cd..73167de5b5bf 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -99,5 +99,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 8791cb2e8b6c..0a9290701a2e 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -49,7 +49,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Highlight",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 7fb9a46760fa..785d41066ad8 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Interactions",
     "unsupportedFrameworks": [
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index c4338ade1621..df0006d8a35b 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -95,7 +95,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Jest",
     "icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index 336e72d77274..8ef24d9900ab 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -99,7 +99,7 @@
       "./src/react/index.ts"
     ]
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 765ab39920a2..d282049ee859 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -95,7 +95,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Measure",
     "unsupportedFrameworks": [
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 8c4f7ab7e806..252956864af8 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -99,7 +99,7 @@
       "./src/preset/preview.tsx"
     ]
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Outline",
     "unsupportedFrameworks": [
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index 89fc15692e05..af13f0ae8f01 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -144,7 +144,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Storyshots",
     "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index e7a3a86e8780..0d07b8325d56 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 56f4207627d5..3958eda9ff43 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -67,7 +67,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Storysource",
     "icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index adb13481d1d2..abd624753148 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -89,7 +89,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Toolbars",
     "icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 2a74c38f7369..494790baf732 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -65,7 +65,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Viewport",
     "icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 4d5280ddeb16..39bbe18c0394 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 2677b0c42a73..b0c91e79887f 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 0a3df2237790..acd01d03e28e 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -79,5 +79,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index ed2e96a63c66..286048776544 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 39e2d6d38370..d6e17ae59de3 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 0ddf475091f1..9e20a2a97374 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -75,5 +75,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 95a79df8b4f3..07f7f2559ed7 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index be10fc76b8e8..d6d925297e5c 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 1ddcde4ecbce..6c79da4ae0b7 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -83,5 +83,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 33fe25f5eff7..3c4cab8ccd91 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 3f0bb46cfc5a..187113cf715d 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index d71eab922a4d..1c9b2febb979 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 7a40ec216fbd..1f21556295cb 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -77,5 +77,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 4947b885e1f0..c8e6cb127058 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -68,5 +68,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index acb6377e05d4..d9830c9e0ad2 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -95,5 +95,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 71dd620cbc33..e5bcb84738b2 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index afa38797a39e..5e30e9824d39 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 8a5f40c4fa2c..03ec73f71529 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -57,5 +57,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index afbeffffd0d8..080e6875a0c3 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 884407da18c6..1886f6f489c5 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 0c1bfc2850d9..aa0f7b2d3629 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index 59f10d55be12..ef06c7f2fb6c 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index f95fbea3147f..037bf42779ff 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index c3e8b697e404..adf008272108 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index aa4e63cc55fc..c9618e7376c7 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "neutral"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index bd437ce866e0..08e1b9fa7f39 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 4a8ce40b0ac7..cee7e43afc6f 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -125,5 +125,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 5ee3a70212b5..20c3cdc40962 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -55,5 +55,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index ce2abc5afbe7..c19aa724f6db 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -101,5 +101,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index daf5d43cfa49..22dcc683ee62 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 5fa2ef734ed4..fb621f5b03db 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index b29d48c7f9ed..608443b30cf9 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -49,5 +49,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 19f71962673c..207d4f6d1809 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 50c2eeca14f0..d348092f81fd 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 342188a38544..5060bc7a7671 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 40693b1c9936..75cec5a954df 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index 7b93f78f1878..66d1d77964fd 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -58,5 +58,5 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.ts",
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 62f46d7555a0..8f90c2803ffd 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 4b1e65224d00..485186f4624b 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index e11f78dd77ac..5a67a53c9bb0 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 0757110314e1..857fe573f008 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -80,5 +80,5 @@
     ],
     "post": "./scripts/fix-theme-type-export.ts"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index 399b1355f5ec..f3f7ac9366eb 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -104,5 +104,5 @@
       "./src/runtime.ts"
     ]
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index eadd14c2932c..2e526c1189db 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -76,5 +76,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 266376302beb..4d2c10c6dcb5 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index b21f5dcde689..c66cdc4a4d27 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -123,5 +123,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 3a5ad07b019e..3ee7e60d78d7 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 63d29fd38137..0e35f3c10267 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 7578eadd1034..8daa0e231231 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -100,5 +100,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 2941def2d6f2..e7af72e400ed 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -98,5 +98,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 081cc738ff59..de13d64d7930 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -82,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 707013d70ff6..4b80d58847c1 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -81,5 +81,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 57edf68de9eb..dd8deb91e123 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -80,5 +80,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index d8a9126e5877..0c32507e4e66 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -101,5 +101,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 339fd9c18ea7..d2d8e7202ada 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -77,5 +77,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index a1cd10c3b838..1a4f1faad951 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -87,5 +87,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 255f5561fa6f..643e46a820a9 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 180d39afcbe9..ce52c5909256 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -85,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index e04684c5c054..80bf973d5d9d 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -86,5 +86,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58"
+  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
 }
diff --git a/code/yarn.lock b/code/yarn.lock
index e04773414255..2178493acd52 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6752,19 +6752,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-a11y@7.0.0-alpha.22, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
+"@storybook/addon-a11y@7.0.0-alpha.23, @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/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/channels": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.23
     "@testing-library/react": ^11.2.2
     axe-core: ^4.2.0
     core-js: ^3.8.2
@@ -6785,17 +6785,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-actions@7.0.0-alpha.22, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.23
     "@types/lodash": ^4.14.167
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -6820,17 +6820,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-backgrounds@7.0.0-alpha.22, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -6848,20 +6848,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-controls@7.0.0-alpha.22, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/blocks": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/blocks": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     core-js: ^3.8.2
     lodash: ^4.17.21
     ts-dedent: ^2.0.0
@@ -6876,7 +6876,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-docs@7.0.0-alpha.22, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@7.0.0-alpha.23, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-docs@workspace:addons/docs"
   dependencies:
@@ -6885,23 +6885,23 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@jest/transform": ^26.6.2
     "@mdx-js/react": ^1.6.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/blocks": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/blocks": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.22
-    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/csf-tools": 7.0.0-alpha.23
+    "@storybook/docs-tools": 7.0.0-alpha.23
     "@storybook/mdx1-csf": 0.0.5-canary.13.9ce928a.0
     "@storybook/mdx2-csf": 0.0.4-canary.14.04ffbe8.0
-    "@storybook/node-logger": 7.0.0-alpha.22
-    "@storybook/postinstall": 7.0.0-alpha.22
-    "@storybook/preview-web": 7.0.0-alpha.22
-    "@storybook/source-loader": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.23
+    "@storybook/postinstall": 7.0.0-alpha.23
+    "@storybook/preview-web": 7.0.0-alpha.23
+    "@storybook/source-loader": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     "@types/util-deprecate": ^1.0.0
     babel-loader: ^8.2.5
     core-js: ^3.8.2
@@ -6927,25 +6927,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-essentials@7.0.0-alpha.22, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
+"@storybook/addon-essentials@7.0.0-alpha.23, @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.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-controls": 7.0.0-alpha.22
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-measure": 7.0.0-alpha.22
-    "@storybook/addon-outline": 7.0.0-alpha.22
-    "@storybook/addon-toolbars": 7.0.0-alpha.22
-    "@storybook/addon-viewport": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/node-logger": 7.0.0-alpha.22
-    "@storybook/vue": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-controls": 7.0.0-alpha.23
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-measure": 7.0.0-alpha.23
+    "@storybook/addon-outline": 7.0.0-alpha.23
+    "@storybook/addon-toolbars": 7.0.0-alpha.23
+    "@storybook/addon-viewport": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
+    "@storybook/vue": 7.0.0-alpha.23
     "@types/jest": ^26.0.16
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -6980,12 +6980,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-highlight@7.0.0-alpha.22, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
+"@storybook/addon-highlight@7.0.0-alpha.23, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-highlight@workspace:addons/highlight"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -6993,22 +6993,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-interactions@7.0.0-alpha.22, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
+"@storybook/addon-interactions@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/instrumenter": 7.0.0-alpha.22
+    "@storybook/instrumenter": 7.0.0-alpha.23
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.23
     core-js: ^3.8.2
     formik: ^2.2.9
     global: ^4.4.0
@@ -7027,16 +7027,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-jest@7.0.0-alpha.22, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
+"@storybook/addon-jest@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     react-sizeme: ^3.0.1
@@ -7053,15 +7053,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-links@7.0.0-alpha.22, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
+"@storybook/addon-links@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.22
+    "@storybook/router": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     prop-types: ^15.7.2
@@ -7078,15 +7078,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-measure@7.0.0-alpha.22, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7102,15 +7102,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-outline@7.0.0-alpha.22, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7140,20 +7140,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.22, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
+"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.23, @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.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.23
     "@types/jest-image-snapshot": ^4.1.3
     "@types/puppeteer": ^5.4.0
     core-js: ^3.8.2
     jest-image-snapshot: ^4.3.0
     puppeteer: ^2.0.0 || ^3.0.0
   peerDependencies:
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
     puppeteer: ">=2.0.0"
   peerDependenciesMeta:
     puppeteer:
@@ -7161,7 +7161,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storyshots@7.0.0-alpha.22, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
+"@storybook/addon-storyshots@7.0.0-alpha.23, @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:
@@ -7169,18 +7169,18 @@ __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.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/angular": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/angular": 7.0.0-alpha.23
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 7.0.0-alpha.22
-    "@storybook/core-client": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/core-webpack": 7.0.0-alpha.22
+    "@storybook/client-api": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/core-webpack": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/react": 7.0.0-alpha.22
-    "@storybook/vue": 7.0.0-alpha.22
-    "@storybook/vue3": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.23
+    "@storybook/vue": 7.0.0-alpha.23
+    "@storybook/vue3": 7.0.0-alpha.23
     "@types/glob": ^7.1.3
     "@types/jest": ^26.0.16
     "@types/jest-specific-snapshot": ^0.5.3
@@ -7251,17 +7251,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storysource@7.0.0-alpha.22, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
+"@storybook/addon-storysource@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/router": 7.0.0-alpha.22
-    "@storybook/source-loader": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/router": 7.0.0-alpha.23
+    "@storybook/source-loader": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     "@types/react": ^16.14.23
     "@types/react-syntax-highlighter": 11.0.5
     core-js: ^3.8.2
@@ -7280,15 +7280,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-toolbars@7.0.0-alpha.22, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-toolbars@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     core-js: ^3.8.2
     typescript: ~4.6.3
   peerDependencies:
@@ -7302,16 +7302,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-viewport@7.0.0-alpha.22, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -7328,17 +7328,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@7.0.0-alpha.22, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
+"@storybook/addons@7.0.0-alpha.23, @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.22
-    "@storybook/channels": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/router": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7370,7 +7370,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/angular@7.0.0-alpha.22, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
+"@storybook/angular@7.0.0-alpha.23, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
   version: 0.0.0-use.local
   resolution: "@storybook/angular@workspace:frameworks/angular"
   dependencies:
@@ -7387,19 +7387,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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/builder-webpack5": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-client": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
-    "@storybook/core-server": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
+    "@storybook/core-server": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.23
     "@types/autoprefixer": ^9.7.2
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -7456,17 +7456,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@7.0.0-alpha.22, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
+"@storybook/api@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.22
+    "@storybook/router": 7.0.0-alpha.23
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.23
     "@types/lodash": ^4.14.167
     "@types/qs": ^6
     "@types/semver": ^7.3.4
@@ -7524,21 +7524,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@7.0.0-alpha.22, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
+"@storybook/blocks@7.0.0-alpha.23, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
   version: 0.0.0-use.local
   resolution: "@storybook/blocks@workspace:lib/blocks"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/channels": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/preview-web": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/preview-web": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     color-convert: ^2.0.1
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -7555,14 +7555,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-manager@7.0.0-alpha.22, @storybook/builder-manager@workspace:lib/builder-manager":
+"@storybook/builder-manager@7.0.0-alpha.23, @storybook/builder-manager@workspace:lib/builder-manager":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-manager@workspace:lib/builder-manager"
   dependencies:
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/node-logger": 7.0.0-alpha.22
-    "@storybook/ui": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
+    "@storybook/ui": 7.0.0-alpha.23
     "@types/ejs": ^3.1.1
     "@yarnpkg/esbuild-plugin-pnp": ^3.0.0-rc.10
     browser-assert: ^1.2.1
@@ -7577,28 +7577,28 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-webpack5@7.0.0-alpha.22, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
+"@storybook/builder-webpack5@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/channel-postmessage": 7.0.0-alpha.22
-    "@storybook/channel-websocket": 7.0.0-alpha.22
-    "@storybook/channels": 7.0.0-alpha.22
-    "@storybook/client-api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
-    "@storybook/core-webpack": 7.0.0-alpha.22
-    "@storybook/node-logger": 7.0.0-alpha.22
-    "@storybook/preview-web": 7.0.0-alpha.22
-    "@storybook/router": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/channel-postmessage": 7.0.0-alpha.23
+    "@storybook/channel-websocket": 7.0.0-alpha.23
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
+    "@storybook/core-webpack": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
+    "@storybook/preview-web": 7.0.0-alpha.23
+    "@storybook/router": 7.0.0-alpha.23
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.2.0
     "@types/webpack-dev-middleware": ^5.3.0
@@ -7637,13 +7637,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-postmessage@7.0.0-alpha.22, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
+"@storybook/channel-postmessage@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     qs: ^6.10.0
@@ -7652,12 +7652,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-websocket@7.0.0-alpha.22, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
+"@storybook/channel-websocket@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     telejson: ^6.0.8
@@ -7665,7 +7665,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@7.0.0-alpha.22, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@7.0.0-alpha.23, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
@@ -7687,20 +7687,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/cli@7.0.0-alpha.22, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@7.0.0-alpha.23, @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.22
-    "@storybook/codemod": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/core-server": 7.0.0-alpha.22
-    "@storybook/csf-tools": 7.0.0-alpha.22
-    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/client-api": 7.0.0-alpha.23
+    "@storybook/codemod": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/core-server": 7.0.0-alpha.23
+    "@storybook/csf-tools": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
     "@storybook/semver": ^7.3.2
-    "@storybook/telemetry": 7.0.0-alpha.22
+    "@storybook/telemetry": 7.0.0-alpha.23
     "@types/cross-spawn": ^6.0.2
     "@types/degit": ^2.8.3
     "@types/prompts": ^2.0.9
@@ -7739,17 +7739,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-api@7.0.0-alpha.22, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
+"@storybook/client-api@7.0.0-alpha.23, @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.22
-    "@storybook/channel-postmessage": 7.0.0-alpha.22
-    "@storybook/channels": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/channel-postmessage": 7.0.0-alpha.23
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.23
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
@@ -7769,7 +7769,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@7.0.0-alpha.22, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@7.0.0-alpha.23, @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:
@@ -7789,15 +7789,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/codemod@7.0.0-alpha.22, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@7.0.0-alpha.23, @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.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.22
-    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/csf-tools": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
     core-js: ^3.8.2
     cross-spawn: ^7.0.3
     globby: ^11.0.2
@@ -7811,14 +7811,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/components@7.0.0-alpha.22, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
+"@storybook/components@7.0.0-alpha.23, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
   version: 0.0.0-use.local
   resolution: "@storybook/components@workspace:lib/components"
   dependencies:
     "@popperjs/core": ^2.6.0
-    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.23
     "@testing-library/jest-dom": ^5.16.4
     "@types/color-convert": ^2.0.0
     "@types/lodash": ^4.14.182
@@ -7853,20 +7853,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-client@7.0.0-alpha.22, @storybook/core-client@workspace:lib/core-client":
+"@storybook/core-client@7.0.0-alpha.23, @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.22
-    "@storybook/channel-postmessage": 7.0.0-alpha.22
-    "@storybook/channel-websocket": 7.0.0-alpha.22
-    "@storybook/client-api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/channel-postmessage": 7.0.0-alpha.23
+    "@storybook/channel-websocket": 7.0.0-alpha.23
+    "@storybook/client-api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
-    "@storybook/ui": 7.0.0-alpha.22
+    "@storybook/preview-web": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
+    "@storybook/ui": 7.0.0-alpha.23
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7882,7 +7882,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@7.0.0-alpha.22, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@7.0.0-alpha.23, @storybook/core-common@workspace:lib/core-common":
   version: 0.0.0-use.local
   resolution: "@storybook/core-common@workspace:lib/core-common"
   dependencies:
@@ -7909,7 +7909,7 @@ __metadata:
     "@babel/preset-typescript": ^7.12.7
     "@babel/register": ^7.12.1
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.23
     "@storybook/semver": ^7.3.2
     "@types/babel__core": ^7.0.0
     "@types/compression": ^1.7.0
@@ -7953,7 +7953,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@7.0.0-alpha.22, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@7.0.0-alpha.23, @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:
@@ -7971,24 +7971,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-server@7.0.0-alpha.22, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@7.0.0-alpha.23, @storybook/core-server@workspace:lib/core-server":
   version: 0.0.0-use.local
   resolution: "@storybook/core-server@workspace:lib/core-server"
   dependencies:
     "@aw-web-design/x-default-browser": 1.4.88
     "@discoveryjs/json-ext": ^0.5.3
-    "@storybook/builder-manager": 7.0.0-alpha.22
-    "@storybook/builder-webpack5": 7.0.0-alpha.22
-    "@storybook/core-client": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/builder-manager": 7.0.0-alpha.23
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.22
+    "@storybook/csf-tools": 7.0.0-alpha.23
     "@storybook/docs-mdx": 0.0.1-canary.12433cf.0
-    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.23
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.22
-    "@storybook/telemetry": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.23
+    "@storybook/telemetry": 7.0.0-alpha.23
     "@types/compression": ^1.7.0
     "@types/ip": ^1.1.0
     "@types/node": ^14.0.10 || ^16.0.0
@@ -8036,12 +8036,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-webpack@7.0.0-alpha.22, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
+"@storybook/core-webpack@7.0.0-alpha.23, @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.22
-    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
     "@types/node": ^14.0.10 || ^16.0.0
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
@@ -8049,7 +8049,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@7.0.0-alpha.22, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@7.0.0-alpha.23, @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:
@@ -8134,13 +8134,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/docs-tools@7.0.0-alpha.22, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+"@storybook/docs-tools@7.0.0-alpha.23, @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.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.23
     core-js: ^3.8.2
     doctrine: ^3.0.0
     jest-specific-snapshot: ^4.0.0
@@ -8162,15 +8162,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ember@7.0.0-alpha.22, @storybook/ember@workspace:*, @storybook/ember@workspace:frameworks/ember":
+"@storybook/ember@7.0.0-alpha.23, @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.22
-    "@storybook/core-client": 7.0.0-alpha.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8203,14 +8203,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.22
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
-    "@storybook/addon-storysource": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/cli": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/react-webpack5": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/addon-essentials": 7.0.0-alpha.23
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
+    "@storybook/addon-storysource": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/cli": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/react-webpack5": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     "@types/babel__preset-env": ^7
     "@types/react": ^16.14.23
     "@types/react-dom": ^16.9.14
@@ -8218,7 +8218,7 @@ __metadata:
     lodash: ^4.17.21
     react: 16.14.0
     react-dom: 16.14.0
-    sb: 7.0.0-alpha.22
+    sb: 7.0.0-alpha.23
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8231,15 +8231,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.22
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
-    "@storybook/addon-storysource": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/cli": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/react": 7.0.0-alpha.22
-    "@storybook/react-webpack5": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/addon-essentials": 7.0.0-alpha.23
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
+    "@storybook/addon-storysource": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/cli": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/react": 7.0.0-alpha.23
+    "@storybook/react-webpack5": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     "@testing-library/dom": ^7.31.2
     "@testing-library/react": 12.1.2
     "@testing-library/user-event": ^13.1.9
@@ -8252,7 +8252,7 @@ __metadata:
     prop-types: 15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8272,15 +8272,15 @@ __metadata:
   resolution: "@storybook/external-docs@workspace:examples/external-docs"
   dependencies:
     "@babel/preset-env": ^7.17.10
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-essentials": 7.0.0-alpha.22
-    "@storybook/blocks": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-essentials": 7.0.0-alpha.23
+    "@storybook/blocks": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.22
-    "@storybook/react": 7.0.0-alpha.22
-    "@storybook/react-webpack5": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/preview-web": 7.0.0-alpha.23
+    "@storybook/react": 7.0.0-alpha.23
+    "@storybook/react-webpack5": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     "@types/babel__preset-env": ^7
@@ -8296,20 +8296,20 @@ __metadata:
     prop-types: ^15.8.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
   linkType: soft
 
-"@storybook/html-webpack5@7.0.0-alpha.22, @storybook/html-webpack5@workspace:*, @storybook/html-webpack5@workspace:frameworks/html-webpack5":
+"@storybook/html-webpack5@7.0.0-alpha.23, @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.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/html": 7.0.0-alpha.22
-    "@storybook/preset-html-webpack": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/html": 7.0.0-alpha.23
+    "@storybook/preset-html-webpack": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8321,16 +8321,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/html@7.0.0-alpha.22, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
+"@storybook/html@7.0.0-alpha.23, @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.22
-    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/preview-web": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/preview-web": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8342,13 +8342,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@7.0.0-alpha.22, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     typescript: ~4.6.3
@@ -8460,7 +8460,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/node-logger@7.0.0-alpha.22, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@7.0.0-alpha.23, @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:
@@ -8487,7 +8487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/postinstall@7.0.0-alpha.22, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@7.0.0-alpha.23, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
   version: 0.0.0-use.local
   resolution: "@storybook/postinstall@workspace:lib/postinstall"
   dependencies:
@@ -8499,14 +8499,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact-webpack5@7.0.0-alpha.22, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
+"@storybook/preact-webpack5@7.0.0-alpha.23, @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.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/preact": 7.0.0-alpha.22
-    "@storybook/preset-preact-webpack": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/preact": 7.0.0-alpha.23
+    "@storybook/preset-preact-webpack": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8519,14 +8519,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact@7.0.0-alpha.22, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
+"@storybook/preact@7.0.0-alpha.23, @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.22
-    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     preact: ^10.5.13
@@ -8558,11 +8558,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-html-webpack@7.0.0-alpha.22, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
+"@storybook/preset-html-webpack@7.0.0-alpha.23, @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.22
+    "@storybook/core-webpack": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     html-loader: ^3.1.0
@@ -8575,12 +8575,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-preact-webpack@7.0.0-alpha.22, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
+"@storybook/preset-preact-webpack@7.0.0-alpha.23, @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.22
+    "@storybook/core-webpack": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     preact: ^10.5.13
@@ -8593,17 +8593,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-react-webpack@7.0.0-alpha.22, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
+"@storybook/preset-react-webpack@7.0.0-alpha.23, @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.22
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/node-logger": 7.0.0-alpha.22
-    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/core-webpack": 7.0.0-alpha.23
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
+    "@storybook/react": 7.0.0-alpha.23
     "@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
@@ -8640,13 +8640,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-server-webpack@7.0.0-alpha.22, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
+"@storybook/preset-server-webpack@7.0.0-alpha.23, @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.22
-    "@storybook/core-webpack": 7.0.0-alpha.22
-    "@storybook/server": 7.0.0-alpha.22
+    "@storybook/core-server": 7.0.0-alpha.23
+    "@storybook/core-webpack": 7.0.0-alpha.23
+    "@storybook/server": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     fs-extra: ^9.0.1
@@ -8662,12 +8662,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-svelte-webpack@7.0.0-alpha.22, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
+"@storybook/preset-svelte-webpack@7.0.0-alpha.23, @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.22
-    "@storybook/node-logger": 7.0.0-alpha.22
+    "@storybook/core-webpack": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -8683,12 +8683,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue-webpack@7.0.0-alpha.22, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
+"@storybook/preset-vue-webpack@7.0.0-alpha.23, @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.22
-    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/core-webpack": 7.0.0-alpha.23
+    "@storybook/docs-tools": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -8711,12 +8711,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue3-webpack@7.0.0-alpha.22, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
+"@storybook/preset-vue3-webpack@7.0.0-alpha.23, @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.22
-    "@storybook/docs-tools": 7.0.0-alpha.22
+    "@storybook/core-webpack": 7.0.0-alpha.23
+    "@storybook/docs-tools": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": ^3.2.33
     core-js: ^3.8.2
@@ -8737,14 +8737,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-web-components-webpack@7.0.0-alpha.22, @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.23, @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.22
+    "@storybook/core-webpack": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     babel-loader: ^7.0.0 || ^8.0.0
     babel-plugin-bundled-import-meta: ^0.3.1
@@ -8758,17 +8758,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preview-web@7.0.0-alpha.22, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
+"@storybook/preview-web@7.0.0-alpha.23, @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.22
-    "@storybook/channel-postmessage": 7.0.0-alpha.22
-    "@storybook/channels": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/channel-postmessage": 7.0.0-alpha.23
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/store": 7.0.0-alpha.23
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8799,13 +8799,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-webpack5@7.0.0-alpha.22, @storybook/react-webpack5@workspace:*, @storybook/react-webpack5@workspace:frameworks/react-webpack5":
+"@storybook/react-webpack5@7.0.0-alpha.23, @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.22
-    "@storybook/preset-react-webpack": 7.0.0-alpha.22
-    "@storybook/react": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/preset-react-webpack": 7.0.0-alpha.23
+    "@storybook/react": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     jest-specific-snapshot: ^4.0.0
@@ -8822,17 +8822,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/react@7.0.0-alpha.22, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
+"@storybook/react@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
     "@types/estree": ^0.0.51
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/util-deprecate": ^1.0.0
@@ -9135,11 +9135,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@7.0.0-alpha.22, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@7.0.0-alpha.23, @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.22
+    "@storybook/client-logger": 7.0.0-alpha.23
     core-js: ^3.8.2
     dequal: ^2.0.2
     global: ^4.4.0
@@ -9186,14 +9186,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/server-webpack5@7.0.0-alpha.22, @storybook/server-webpack5@workspace:*, @storybook/server-webpack5@workspace:frameworks/server-webpack5":
+"@storybook/server-webpack5@7.0.0-alpha.23, @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.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/preset-server-webpack": 7.0.0-alpha.22
-    "@storybook/server": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/preset-server-webpack": 7.0.0-alpha.23
+    "@storybook/server": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9202,15 +9202,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/server@7.0.0-alpha.22, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
+"@storybook/server@7.0.0-alpha.23, @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.22
-    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/preview-web": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9220,12 +9220,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/source-loader@7.0.0-alpha.22, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     estraverse: ^5.2.0
@@ -9239,13 +9239,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/store@7.0.0-alpha.22, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
+"@storybook/store@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
     core-js: ^3.8.2
     dequal: ^2.0.2
@@ -9264,14 +9264,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte-webpack5@7.0.0-alpha.22, @storybook/svelte-webpack5@workspace:*, @storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5":
+"@storybook/svelte-webpack5@7.0.0-alpha.23, @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.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/preset-svelte-webpack": 7.0.0-alpha.22
-    "@storybook/svelte": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/preset-svelte-webpack": 7.0.0-alpha.23
+    "@storybook/svelte": 7.0.0-alpha.23
     core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -9285,16 +9285,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@7.0.0-alpha.22, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
+"@storybook/svelte@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9308,12 +9308,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/telemetry@7.0.0-alpha.22, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
+"@storybook/telemetry@7.0.0-alpha.23, @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.22
-    "@storybook/core-common": 7.0.0-alpha.22
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
     chalk: ^4.1.0
     core-js: ^3.8.2
     detect-package-manager: ^2.0.1
@@ -9353,7 +9353,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@7.0.0-alpha.22, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@7.0.0-alpha.23, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
   version: 0.0.0-use.local
   resolution: "@storybook/theming@workspace:lib/theming"
   dependencies:
@@ -9361,7 +9361,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.22
+    "@storybook/client-logger": 7.0.0-alpha.23
     "@types/fs-extra": ^9.0.6
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
@@ -9394,24 +9394,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ui@7.0.0-alpha.22, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
+"@storybook/ui@7.0.0-alpha.23, @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
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/channel-postmessage": 7.0.0-alpha.22
-    "@storybook/channel-websocket": 7.0.0-alpha.22
-    "@storybook/channels": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/channel-postmessage": 7.0.0-alpha.23
+    "@storybook/channel-websocket": 7.0.0-alpha.23
+    "@storybook/channels": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.22
+    "@storybook/router": 7.0.0-alpha.23
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.23
     "@testing-library/react": ^11.2.2
     copy-to-clipboard: ^3.3.1
     core-js: ^3.8.2
@@ -9441,14 +9441,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue-webpack5@7.0.0-alpha.22, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5":
+"@storybook/vue-webpack5@7.0.0-alpha.23, @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.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/preset-vue-webpack": 7.0.0-alpha.22
-    "@storybook/vue": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/preset-vue-webpack": 7.0.0-alpha.23
+    "@storybook/vue": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     react: 16.14.0
@@ -9467,14 +9467,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3-webpack5@7.0.0-alpha.22, @storybook/vue3-webpack5@workspace:*, @storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5":
+"@storybook/vue3-webpack5@7.0.0-alpha.23, @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.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/preset-vue3-webpack": 7.0.0-alpha.22
-    "@storybook/vue3": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/preset-vue3-webpack": 7.0.0-alpha.23
+    "@storybook/vue3": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": 3.0.0
     core-js: ^3.8.2
@@ -9490,16 +9490,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3@7.0.0-alpha.22, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
+"@storybook/vue3@7.0.0-alpha.23, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3@workspace:renderers/vue3"
   dependencies:
     "@digitak/esrun": ^3.2.2
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9514,16 +9514,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue@7.0.0-alpha.22, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
+"@storybook/vue@7.0.0-alpha.23, @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.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -9544,10 +9544,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.22
-    "@storybook/core-common": 7.0.0-alpha.22
-    "@storybook/preset-web-components-webpack": 7.0.0-alpha.22
-    "@storybook/web-components": 7.0.0-alpha.22
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/core-common": 7.0.0-alpha.23
+    "@storybook/preset-web-components-webpack": 7.0.0-alpha.23
+    "@storybook/web-components": 7.0.0-alpha.23
     "@types/node": ^14.14.20 || ^16.0.0
     core-js: ^3.8.2
     lit-html: 2.0.2
@@ -9559,18 +9559,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/web-components@7.0.0-alpha.22, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
+"@storybook/web-components@7.0.0-alpha.23, @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.22
-    "@storybook/api": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
-    "@storybook/core-client": 7.0.0-alpha.22
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/api": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
+    "@storybook/core-client": 7.0.0-alpha.23
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.22
-    "@storybook/preview-web": 7.0.0-alpha.22
-    "@storybook/store": 7.0.0-alpha.22
+    "@storybook/docs-tools": 7.0.0-alpha.23
+    "@storybook/preview-web": 7.0.0-alpha.23
+    "@storybook/store": 7.0.0-alpha.23
     core-js: ^3.8.2
     global: ^4.4.0
     lit-html: 2.0.2
@@ -12699,22 +12699,22 @@ __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.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-controls": 7.0.0-alpha.22
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-interactions": 7.0.0-alpha.22
-    "@storybook/addon-jest": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
-    "@storybook/addon-storysource": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/angular": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-controls": 7.0.0-alpha.23
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-interactions": 7.0.0-alpha.23
+    "@storybook/addon-jest": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
+    "@storybook/addon-storysource": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/angular": 7.0.0-alpha.23
     "@storybook/babel-plugin-require-context-hook": 1.0.1
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.23
     "@storybook/testing-library": 0.0.14-next.0
     "@types/core-js": ^2.5.4
     "@types/jest": ^26.0.16
@@ -12730,7 +12730,7 @@ __metadata:
     protractor: ~7.0.0
     rxjs: ^6.6.7
     sass: ^1.43.4
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
     storybook-addon-angular-ivy: ^0.0.1
     telejson: ^6.0.8
     ts-jest: ^26.4.4
@@ -17280,28 +17280,28 @@ __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.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-jest": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/builder-webpack5": 7.0.0-alpha.22
-    "@storybook/client-logger": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-jest": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/client-logger": 7.0.0-alpha.23
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.22
-    "@storybook/react-webpack5": 7.0.0-alpha.22
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.23
+    "@storybook/react-webpack5": 7.0.0-alpha.23
+    "@storybook/theming": 7.0.0-alpha.23
     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.22
+    storybook: 7.0.0-alpha.23
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -17310,15 +17310,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.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/builder-webpack5": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
+    "@storybook/addon-essentials": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.22
-    "@storybook/react-webpack5": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.23
+    "@storybook/react-webpack5": 7.0.0-alpha.23
     "@storybook/testing-library": ^0.0.9
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.23
     "@types/jest": ^26.0.16
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -17328,7 +17328,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -17339,16 +17339,16 @@ __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.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/builder-webpack5": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/builder-webpack5": 7.0.0-alpha.23
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.22
-    "@storybook/react-webpack5": 7.0.0-alpha.22
+    "@storybook/react": 7.0.0-alpha.23
+    "@storybook/react-webpack5": 7.0.0-alpha.23
     "@types/enzyme": ^3.10.8
     "@types/jest": 25.2.3
     "@types/node": ^14.14.20 || ^16.0.0
@@ -17363,7 +17363,7 @@ __metadata:
     react-dom: 16.14.0
     react-moment-proptypes: ^1.7.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -19706,19 +19706,19 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@ember/optional-features": ^2.0.0
-    "@storybook/addon-a11y": 7.0.0-alpha.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-controls": 7.0.0-alpha.22
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/addon-storysource": 7.0.0-alpha.22
-    "@storybook/addon-viewport": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/ember": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-controls": 7.0.0-alpha.23
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/addon-storysource": 7.0.0-alpha.23
+    "@storybook/addon-viewport": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/ember": 7.0.0-alpha.23
     "@storybook/ember-cli-storybook": ^0.2.1
-    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.23
     babel-loader: ^8.2.5
     broccoli-asset-rev: ^3.0.0
     browserify-zlib: ^0.2.0
@@ -19740,7 +19740,7 @@ __metadata:
     loader.js: ^4.7.0
     os-browserify: ^0.3.0
     shx: ^0.3.2
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
     stream-browserify: ^3.0.0
     vm-browserify: ^1.1.2
     webpack: 5
@@ -24558,31 +24558,31 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "html-kitchen-sink@workspace:examples/html-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-controls": 7.0.0-alpha.22
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-jest": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-controls": 7.0.0-alpha.23
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-jest": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
     "@storybook/addon-postcss": ^2.0.0
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
-    "@storybook/addon-storysource": 7.0.0-alpha.22
-    "@storybook/addon-viewport": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/client-api": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
-    "@storybook/html": 7.0.0-alpha.22
-    "@storybook/html-webpack5": 7.0.0-alpha.22
-    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
+    "@storybook/addon-storysource": 7.0.0-alpha.23
+    "@storybook/addon-viewport": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/client-api": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
+    "@storybook/html": 7.0.0-alpha.23
+    "@storybook/html-webpack5": 7.0.0-alpha.23
+    "@storybook/source-loader": 7.0.0-alpha.23
     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.22
+    storybook: 7.0.0-alpha.23
   languageName: unknown
   linkType: soft
 
@@ -33254,33 +33254,33 @@ __metadata:
   dependencies:
     "@emotion/jest": ^11.8.0
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/addon-a11y": 7.0.0-alpha.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-controls": 7.0.0-alpha.22
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-interactions": 7.0.0-alpha.22
-    "@storybook/addon-jest": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
-    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.22
-    "@storybook/addon-storysource": 7.0.0-alpha.22
-    "@storybook/addon-toolbars": 7.0.0-alpha.22
-    "@storybook/addon-viewport": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/cli": 7.0.0-alpha.22
-    "@storybook/components": 7.0.0-alpha.22
-    "@storybook/core-events": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-controls": 7.0.0-alpha.23
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-interactions": 7.0.0-alpha.23
+    "@storybook/addon-jest": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
+    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.23
+    "@storybook/addon-storysource": 7.0.0-alpha.23
+    "@storybook/addon-toolbars": 7.0.0-alpha.23
+    "@storybook/addon-viewport": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/cli": 7.0.0-alpha.23
+    "@storybook/components": 7.0.0-alpha.23
+    "@storybook/core-events": 7.0.0-alpha.23
     "@storybook/design-system": ^5.4.7
     "@storybook/jest": ^0.0.10
-    "@storybook/node-logger": 7.0.0-alpha.22
-    "@storybook/react": 7.0.0-alpha.22
-    "@storybook/react-webpack5": 7.0.0-alpha.22
-    "@storybook/router": 7.0.0-alpha.22
-    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/node-logger": 7.0.0-alpha.23
+    "@storybook/react": 7.0.0-alpha.23
+    "@storybook/react-webpack5": 7.0.0-alpha.23
+    "@storybook/router": 7.0.0-alpha.23
+    "@storybook/source-loader": 7.0.0-alpha.23
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.22
+    "@storybook/theming": 7.0.0-alpha.23
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     chromatic: ^6.0.2
@@ -33296,7 +33296,7 @@ __metadata:
     prop-types: ^15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
     terser-webpack-plugin: ^5.3.1
     uuid-browser: ^3.1.0
     webpack: 5
@@ -35662,18 +35662,18 @@ __metadata:
   resolution: "preact-example@workspace:examples/preact-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
-    "@storybook/addon-storysource": 7.0.0-alpha.22
-    "@storybook/addon-viewport": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
-    "@storybook/preact": 7.0.0-alpha.22
-    "@storybook/preact-webpack5": 7.0.0-alpha.22
-    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
+    "@storybook/addon-storysource": 7.0.0-alpha.23
+    "@storybook/addon-viewport": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
+    "@storybook/preact": 7.0.0-alpha.23
+    "@storybook/preact-webpack5": 7.0.0-alpha.23
+    "@storybook/source-loader": 7.0.0-alpha.23
     "@types/prop-types": ^15.7.3
     "@types/react": ^17
     "@types/react-dom": ^17
@@ -35688,7 +35688,7 @@ __metadata:
     raw-loader: ^4.0.2
     react: ^17.0.2
     react-dom: ^17.0.2
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
     svg-url-loader: ^7.1.1
     webpack: 5
     webpack-dev-server: ^4.8.1
@@ -39340,11 +39340,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sb@7.0.0-alpha.22, sb@workspace:lib/cli-sb":
+"sb@7.0.0-alpha.23, sb@workspace:lib/cli-sb":
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.22
+    "@storybook/cli": 7.0.0-alpha.23
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -39718,15 +39718,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "server-kitchen-sink@workspace:examples/server-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-controls": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/node-logger": 7.0.0-alpha.22
-    "@storybook/server": 7.0.0-alpha.22
-    "@storybook/server-webpack5": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-controls": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/node-logger": 7.0.0-alpha.23
+    "@storybook/server": 7.0.0-alpha.23
+    "@storybook/server-webpack5": 7.0.0-alpha.23
     concurrently: ^5.3.0
     cors: ^2.8.5
     express: ~4.17.1
@@ -39734,7 +39734,7 @@ __metadata:
     nodemon: ^2.0.7
     pug: ^3.0.0
     safe-identifier: ^0.4.1
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
   languageName: unknown
   linkType: soft
 
@@ -40643,15 +40643,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "standalone-preview@workspace:examples/standalone-preview"
   dependencies:
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/cli": 7.0.0-alpha.22
-    "@storybook/react": 7.0.0-alpha.22
-    "@storybook/react-webpack5": 7.0.0-alpha.22
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/cli": 7.0.0-alpha.23
+    "@storybook/react": 7.0.0-alpha.23
+    "@storybook/react-webpack5": 7.0.0-alpha.23
     cross-env: ^7.0.3
     parcel: 2.0.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
   languageName: unknown
   linkType: soft
 
@@ -40747,11 +40747,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"storybook@7.0.0-alpha.22, storybook@workspace:lib/cli-storybook":
+"storybook@7.0.0-alpha.23, storybook@workspace:lib/cli-storybook":
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.22
+    "@storybook/cli": 7.0.0-alpha.23
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -41499,25 +41499,25 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "svelte-example@workspace:examples/svelte-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-controls": 7.0.0-alpha.22
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-interactions": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
-    "@storybook/addon-storysource": 7.0.0-alpha.22
-    "@storybook/addon-viewport": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-controls": 7.0.0-alpha.23
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-interactions": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
+    "@storybook/addon-storysource": 7.0.0-alpha.23
+    "@storybook/addon-viewport": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.22
-    "@storybook/svelte": 7.0.0-alpha.22
-    "@storybook/svelte-webpack5": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.23
+    "@storybook/svelte": 7.0.0-alpha.23
+    "@storybook/svelte-webpack5": 7.0.0-alpha.23
     "@storybook/testing-library": 0.0.14-next.0
     global: ^4.4.0
-    storybook: 7.0.0-alpha.22
+    storybook: 7.0.0-alpha.23
     svelte-jester: ^2.3.2
     svelte-preprocess: ^4.10.6
   languageName: unknown
@@ -44363,22 +44363,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.22
-    "@storybook/addon-essentials": 7.0.0-alpha.22
-    "@storybook/addon-interactions": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-essentials": 7.0.0-alpha.23
+    "@storybook/addon-interactions": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue3": 7.0.0-alpha.22
-    "@storybook/vue3-webpack5": 7.0.0-alpha.22
+    "@storybook/vue3": 7.0.0-alpha.23
+    "@storybook/vue3-webpack5": 7.0.0-alpha.23
     "@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.22
+    storybook: 7.0.0-alpha.23
     typescript: ~4.6.3
     vue: ^3.0.0
     vue-jest: ^5.0.0-alpha.8
@@ -44399,17 +44399,17 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "vue-cli-example@workspace:examples/vue-cli"
   dependencies:
-    "@storybook/addon-controls": 7.0.0-alpha.22
-    "@storybook/addon-essentials": 7.0.0-alpha.22
+    "@storybook/addon-controls": 7.0.0-alpha.23
+    "@storybook/addon-essentials": 7.0.0-alpha.23
     "@storybook/preset-scss": ^1.0.3
-    "@storybook/source-loader": 7.0.0-alpha.22
-    "@storybook/vue": 7.0.0-alpha.22
-    "@storybook/vue-webpack5": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.23
+    "@storybook/vue": 7.0.0-alpha.23
+    "@storybook/vue-webpack5": 7.0.0-alpha.23
     "@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.22
+    storybook: 7.0.0-alpha.23
     typescript: ~4.6.3
     vue: ^2.6.12
     vue-class-component: ^7.2.6
@@ -44457,29 +44457,29 @@ __metadata:
   resolution: "vue-example@workspace:examples/vue-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.22
-    "@storybook/addon-actions": 7.0.0-alpha.22
-    "@storybook/addon-backgrounds": 7.0.0-alpha.22
-    "@storybook/addon-controls": 7.0.0-alpha.22
-    "@storybook/addon-docs": 7.0.0-alpha.22
-    "@storybook/addon-highlight": 7.0.0-alpha.22
-    "@storybook/addon-interactions": 7.0.0-alpha.22
-    "@storybook/addon-links": 7.0.0-alpha.22
-    "@storybook/addon-storyshots": 7.0.0-alpha.22
-    "@storybook/addon-storysource": 7.0.0-alpha.22
-    "@storybook/addon-viewport": 7.0.0-alpha.22
-    "@storybook/addons": 7.0.0-alpha.22
+    "@storybook/addon-a11y": 7.0.0-alpha.23
+    "@storybook/addon-actions": 7.0.0-alpha.23
+    "@storybook/addon-backgrounds": 7.0.0-alpha.23
+    "@storybook/addon-controls": 7.0.0-alpha.23
+    "@storybook/addon-docs": 7.0.0-alpha.23
+    "@storybook/addon-highlight": 7.0.0-alpha.23
+    "@storybook/addon-interactions": 7.0.0-alpha.23
+    "@storybook/addon-links": 7.0.0-alpha.23
+    "@storybook/addon-storyshots": 7.0.0-alpha.23
+    "@storybook/addon-storysource": 7.0.0-alpha.23
+    "@storybook/addon-viewport": 7.0.0-alpha.23
+    "@storybook/addons": 7.0.0-alpha.23
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.22
+    "@storybook/source-loader": 7.0.0-alpha.23
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue": 7.0.0-alpha.22
-    "@storybook/vue-webpack5": 7.0.0-alpha.22
+    "@storybook/vue": 7.0.0-alpha.23
+    "@storybook/vue-webpack5": 7.0.0-alpha.23
     "@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.22
+    storybook: 7.0.0-alpha.23
     svg-url-loader: ^7.1.1
     vue: ^2.6.12
     vue-loader: ^15.9.6

From 4fbb6e08cb375b5bf0d4133e7f412edee63f94ab Mon Sep 17 00:00:00 2001
From: Florian G <71769614+reech-florian@users.noreply.github.com>
Date: Fri, 19 Aug 2022 16:18:05 +0200
Subject: [PATCH 262/266] chore(docs): fix mistakes in ArgsTable customizing
 table

---
 docs/writing-docs/doc-block-argstable.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/writing-docs/doc-block-argstable.md b/docs/writing-docs/doc-block-argstable.md
index 5d850af92567..7260d261030e 100644
--- a/docs/writing-docs/doc-block-argstable.md
+++ b/docs/writing-docs/doc-block-argstable.md
@@ -73,8 +73,8 @@ Below is an abridged table and example featuring the available options.
 
 | Field                          | Description                                                                                                                                                                                         |
 |--------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `name`                         | The name of the property. <br/> `argTypes: { label: {} }`                                                                                                                                           |
-| `type.name`                    | Sets a type for the property. <br/> `argTypes: { label: { name: 'number' } }`                                                                                                                       |
+| `name`                         | The name of the property. <br/> `argTypes: { label: { name: 'Something' } }`                                                                                                                                           |
+| `type.name`                    | Sets a type for the property. <br/> `argTypes: { label: { type: { name: 'number' } } }`                                                                                                                       |
 | `type.required`                | Sets the property as optional or required. <br/> `argTypes: { label: { type: { required: true } }`                                                                                                  |
 | `description`                  | Sets a Markdown description for the property. <br/> `argTypes: { label: { description: 'Something' } }`                                                                                             |
 | `table.type.summary`         | Provide a  short version of the type. <br/> `argTypes: { label: { table: { type: { summary: 'a short summary' } }}}`                                                                                |

From fc02920c72a1c401300e33db0eb49e42a2bd6f12 Mon Sep 17 00:00:00 2001
From: Kyle Gach <kyle.gach@gmail.com>
Date: Fri, 19 Aug 2022 09:38:42 -0600
Subject: [PATCH 263/266] Determine `hasInteractiveStories` from rendererId

- Instead of framework
---
 code/lib/cli/src/generators/baseGenerator.ts | 28 ++++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/code/lib/cli/src/generators/baseGenerator.ts b/code/lib/cli/src/generators/baseGenerator.ts
index d87e1b919fdc..2227fbb5040c 100644
--- a/code/lib/cli/src/generators/baseGenerator.ts
+++ b/code/lib/cli/src/generators/baseGenerator.ts
@@ -51,6 +51,7 @@ const getFrameworkDetails = (
   builder?: string;
   framework?: string;
   renderer?: string;
+  rendererId: SupportedRenderers;
 } => {
   const frameworkPackage = `@storybook/${renderer}-${builder}`;
   const frameworkPackagePath = pnp ? wrapForPnp(frameworkPackage) : frameworkPackage;
@@ -68,6 +69,7 @@ const getFrameworkDetails = (
     return {
       packages: [rendererPackage],
       framework: rendererPackagePath,
+      rendererId: 'angular',
       type: 'framework',
     };
   }
@@ -76,6 +78,7 @@ const getFrameworkDetails = (
     return {
       packages: [frameworkPackage],
       framework: frameworkPackagePath,
+      rendererId: renderer,
       type: 'framework',
     };
   }
@@ -85,6 +88,7 @@ const getFrameworkDetails = (
       packages: [rendererPackage, builderPackage],
       builder: builderPackagePath,
       renderer: rendererPackagePath,
+      rendererId: renderer,
       type: 'renderer',
     };
   }
@@ -96,8 +100,8 @@ const getFrameworkDetails = (
 
 const stripVersions = (addons: string[]) => addons.map((addon) => getPackageDetails(addon)[0]);
 
-const hasInteractiveStories = (framework: SupportedRenderers) =>
-  ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(framework);
+const hasInteractiveStories = (rendererId: SupportedRenderers) =>
+  ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(rendererId);
 
 export async function baseGenerator(
   packageManager: JsPackageManager,
@@ -121,6 +125,16 @@ export async function baseGenerator(
     ...options,
   };
 
+  const {
+    packages: frameworkPackages,
+    type,
+    // @ts-ignore
+    renderer: rendererInclude, // deepscan-disable-line UNUSED_DECL
+    rendererId,
+    framework: frameworkInclude,
+    builder: builderInclude,
+  } = getFrameworkDetails(renderer, builder, pnp);
+
   // added to main.js
   const addons = [
     '@storybook/addon-links',
@@ -134,7 +148,7 @@ export async function baseGenerator(
     ...extraAddonPackages,
   ];
 
-  if (hasInteractiveStories(renderer)) {
+  if (hasInteractiveStories(rendererId)) {
     addons.push('@storybook/addon-interactions');
     addonPackages.push('@storybook/addon-interactions', '@storybook/testing-library');
   }
@@ -148,14 +162,6 @@ export async function baseGenerator(
   const installedDependencies = new Set(
     Object.keys({ ...packageJson.dependencies, ...packageJson.devDependencies })
   );
-  const {
-    packages: frameworkPackages,
-    type,
-    // @ts-ignore
-    renderer: rendererInclude, // deepscan-disable-line UNUSED_DECL
-    framework: frameworkInclude,
-    builder: builderInclude,
-  } = getFrameworkDetails(renderer, builder, pnp);
 
   // TODO: We need to start supporting this at some point
   if (type === 'renderer') {

From 33f48fd93ecb82f0985ec01dc2547f013b1841e8 Mon Sep 17 00:00:00 2001
From: Kyle Gach <kyle.gach@gmail.com>
Date: Fri, 19 Aug 2022 09:49:27 -0600
Subject: [PATCH 264/266] `generate-repros-next` runs `init` w/ `--yes`

---
 code/lib/cli/src/initiate.ts                     | 2 +-
 scripts/next-repro-generators/generate-repros.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/code/lib/cli/src/initiate.ts b/code/lib/cli/src/initiate.ts
index c3c60308856e..9015ff5fe528 100644
--- a/code/lib/cli/src/initiate.ts
+++ b/code/lib/cli/src/initiate.ts
@@ -307,7 +307,7 @@ export async function initiate(options: CommandOptions, pkg: Package): Promise<v
     packageManager.installDependencies();
   }
 
-  await automigrate({ yes: process.env.CI === 'true' });
+  await automigrate({ yes: options.yes || process.env.CI === 'true' });
 
   logger.log('\nTo run your Storybook, type:\n');
   codeLog([packageManager.getRunStorybookCommand()]);
diff --git a/scripts/next-repro-generators/generate-repros.ts b/scripts/next-repro-generators/generate-repros.ts
index c58681dd226f..d22b0728cc9d 100755
--- a/scripts/next-repro-generators/generate-repros.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -26,7 +26,7 @@ const sbInit = async (cwd: string) => {
   const sbCliBinaryPath = join(__dirname, `../../code/lib/cli/bin/index.js`);
   console.log(`🎁 Installing storybook`);
   const env = { STORYBOOK_DISABLE_TELEMETRY: 'true' };
-  await runCommand(`${sbCliBinaryPath} init`, { cwd, env });
+  await runCommand(`${sbCliBinaryPath} init --yes`, { cwd, env });
 };
 
 const LOCAL_REGISTRY_URL = 'http://localhost:6000';

From c10bc81c25dd18f27107cfb05b3de7e46c8f9abc Mon Sep 17 00:00:00 2001
From: jonniebigodes <joaocontadesenvolvimento@gmail.com>
Date: Fri, 19 Aug 2022 19:23:08 +0100
Subject: [PATCH 265/266] Minor tweaks to the composition docs

---
 docs/sharing/storybook-composition.md         | 58 +++++++++++++++----
 .../storybook-enable-buildstoriesjson.js.mdx  | 13 +++++
 .../storybook-storiesjsonflag-result.json.mdx | 33 +++++++++++
 3 files changed, 93 insertions(+), 11 deletions(-)
 create mode 100644 docs/snippets/common/storybook-enable-buildstoriesjson.js.mdx
 create mode 100644 docs/snippets/common/storybook-storiesjsonflag-result.json.mdx

diff --git a/docs/sharing/storybook-composition.md b/docs/sharing/storybook-composition.md
index 2ccb5570bc8b..96dc76b0c41f 100644
--- a/docs/sharing/storybook-composition.md
+++ b/docs/sharing/storybook-composition.md
@@ -30,12 +30,12 @@ In your [`.storybook/main.js`](../configure/overview.md#configure-story-renderin
 <!-- prettier-ignore-end -->
 
 <div class="aside">
- 💡 Limitation: Addons in composed Storybooks will not work as they normally do in non-composed Storybook.
+ 💡 Limitation: Addons in composed Storybooks will not work as they normally do in a non-composed Storybook.
 </div>
 
 ## Compose local Storybooks
 
-You can also compose multiple Storybooks that are running locally. For instance, if you have a React Storybook and a Angular Storybook running on different ports you can update your configuration file (i.e., `.storybook/main.js`) and reference them;
+You can also compose multiple Storybooks that are running locally. For instance, if you have a React Storybook and an Angular Storybook running on different ports, you can update your configuration file (i.e., `.storybook/main.js`) and reference them;
 
 <!-- prettier-ignore-start -->
 
@@ -47,11 +47,11 @@ You can also compose multiple Storybooks that are running locally. For instance,
 
 <!-- prettier-ignore-end -->
 
-Adding this configuration will combine both the React and Angular Storybooks into your current one. When either of these changes, you’ll see the changes being applied automatically. Enabling you to develop both frameworks in sync.
+Adding this configuration will combine React and Angular Storybooks into your current one. You’ll see the changes being applied automatically when either of these changes. Enabling you to develop both frameworks in sync.
 
 ## Compose Storybooks per environment
 
-You can also compose Storybooks based on the current development environment (e.g, development, staging, production). For instance if the project you're working on has already a published Storybook, but also includes a version with cutting edge features not yet released you can adjust the composition based on that. For example:
+You can also compose Storybooks based on the current development environment (e.g., development, staging, production). For instance, if the project you're working on already has a published Storybook but also includes a version with cutting-edge features not yet released, you can adjust the composition based on that. For example:
 
 <!-- prettier-ignore-start -->
 
@@ -69,9 +69,45 @@ You can also compose Storybooks based on the current development environment (e.
 
 </div>
 
-### Improve your Storybook composition
+## Improve your Storybook composition
 
-So far we've seen how we can use composition with local or published Storybooks. One thing worth mentioning as your Storybook will grow in time with your own stories, or through composition with other Storybooks, is that you can optimize the deployment process by including the following command in your workflow, run from your project root:
+So far, we've seen how we can use composition with local or published Storybooks. As your Storybook will grow in time with your stories or through composition with other Storybooks, you can optimize the deployment process using various methods.
+
+### With feature flags
+
+If you're using Storybook 6.4, or higher, you can optimize your composition via the `buildStoriesJson` feature flag, allowing you to generate a `stories.json` file with the required information, providing you with a seamless integration without the need for additional dependencies. For example:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-enable-buildstoriesjson.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+💡 If you already enabled automatic code splitting via the [`storyStoreV7`](https://storybook.js.org/docs/react/builders/webpack#code-splitting), you won't need this flag as it will automatically generate the `stories.json` file.
+
+</div>
+
+When you compose a Storybook featuring this flag, it will use the information retrieved from the file to populate the UI with your composed Storybook stories automatically. Here's an example of the output generated by the `stories.json` file:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-storiesjsonflag-result.json.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### With the CLI
+
+If you're working with an outdated Storybook version or have a project-specific requirement that prevents you from enabling the `buildStoriesJson` feature flag. In that case, you can use Storybook's CLI to automatically generate the `stories.json` file when you deploy your Storybook. For example:
 
 ```shell
 npx storybook extract
@@ -79,11 +115,11 @@ npx storybook extract
 
 <div class="aside">
 
-`storybook extract` uses [Puppeteer](https://www.npmjs.com/package/puppeteer), which downloads and installs Chromium. Set the environment `SB_CHROMIUM_PATH` to configure your local Chromium installation.
+💡 `storybook extract` uses [Puppeteer](https://www.npmjs.com/package/puppeteer), which downloads and installs Chromium. Set the environment `SB_CHROMIUM_PATH` to configure your local Chromium installation.
 
 </div>
 
-Running this command will generate a `stories.json` file in the default build directory (`storybook-static`) with the information related to your Storybook. Here’s an example of the file contents:
+Although a good approach to improve composition, it comes with a cost, as it will require an additional dependency being added and increased build times. Once it finishes executing, it will generate a `stories.json` file in the default build directory (`storybook-static`) with the information related to your Storybook. Here’s an example of the file contents:
 
 <!-- prettier-ignore-start -->
 
@@ -97,16 +133,16 @@ Running this command will generate a `stories.json` file in the default build di
 
 Linking to a Storybook deployed using this approach will yield all the stories and other relevant information displayed in the UI.
 
-If you need, you can also add additional arguments to this command. For instance, if you want to generate the stories.json file into a custom directory you can use the following:
+If you need, you can also add additional arguments to this command. For instance, if you want to generate the stories.json file into a custom directory, you can use the following:
 
 ```shell
 npx storybook extract my-built-storybook-directory my-other-directory/stories.json
 ```
 
-When executed it will lookup a built Storybook in the `my-built-storybook-directory` and create the `stories.json` file in the `my-other-directory` with all the necessary information.
+When executed, it will look up a built Storybook in the `my-built-storybook-directory` and create the `stories.json` file in the `my-other-directory` with all the necessary information.
 
 <div class="aside">
 
-💡 If you need to use the arguments, you’ll need to include both of them or the command will fail.
+💡 If you need to use the arguments, you’ll need to include both of them, or the command will fail.
 
 </div>
diff --git a/docs/snippets/common/storybook-enable-buildstoriesjson.js.mdx b/docs/snippets/common/storybook-enable-buildstoriesjson.js.mdx
new file mode 100644
index 000000000000..3adc209f2834
--- /dev/null
+++ b/docs/snippets/common/storybook-enable-buildstoriesjson.js.mdx
@@ -0,0 +1,13 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  stories: [],
+  addons: [
+    // Other Storybook addons
+  ],
+  features: {
+    buildStoriesJson: true, // 👈 Enable this to build the stories.json file
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-storiesjsonflag-result.json.mdx b/docs/snippets/common/storybook-storiesjsonflag-result.json.mdx
new file mode 100644
index 000000000000..02674afd4e92
--- /dev/null
+++ b/docs/snippets/common/storybook-storiesjsonflag-result.json.mdx
@@ -0,0 +1,33 @@
+```json
+{
+  "v": 3,
+  "stories": {
+    "components-mycomponent--simple": {
+      "id": "components-mycomponent--simple",
+      "title": "Components/MyComponent",
+      "name": "Simple",
+      "importPath": "./src/components/MyComponent.stories.jsx",
+      "kind": "Components/MyComponent",
+      "story": "Simple",
+      "parameters": {
+        "__id": "components-mycomponent--simple",
+        "docsOnly": false,
+        "fileName": "./src/components/MyComponent.stories.jsx"
+      }
+    },
+    "components-myothercomponent--simple": {
+      "id": "components-myothercomponent--simple",
+      "title": "Components/MyOtherComponent",
+      "name": "Simple",
+      "importPath": "./src/components/MyOtherComponent.stories.jsx",
+      "kind": "Example/Button",
+      "story": "Simple",
+      "parameters": {
+        "__id": "components-myothercomponent--simple",
+        "docsOnly": false,
+        "fileName": "./src/components/MyOtherComponent.stories.jsx"
+      }
+    }
+  }
+}
+```
\ No newline at end of file

From 91389d57a562d926daf9bc7bbb33e8047bf3af06 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 22 Aug 2022 16:19:58 +0800
Subject: [PATCH 266/266] Core: Fix frameworkOptions preset

---
 code/lib/builder-webpack5/src/index.ts            |  4 ++--
 code/lib/core-server/src/presets/common-preset.ts | 13 ++++---------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/code/lib/builder-webpack5/src/index.ts b/code/lib/builder-webpack5/src/index.ts
index 2d33a372308c..fd816c460add 100644
--- a/code/lib/builder-webpack5/src/index.ts
+++ b/code/lib/builder-webpack5/src/index.ts
@@ -41,7 +41,7 @@ export const getConfig: WebpackBuilder['getConfig'] = async (options) => {
   const { presets } = options;
   const typescriptOptions = await presets.apply('typescript', {}, options);
   const babelOptions = await presets.apply('babel', {}, { ...options, typescriptOptions });
-  const framework = await presets.apply<any>('framework', {}, options);
+  const frameworkOptions = await presets.apply<any>('frameworkOptions');
 
   return presets.apply(
     'webpack',
@@ -50,7 +50,7 @@ export const getConfig: WebpackBuilder['getConfig'] = async (options) => {
       ...options,
       babelOptions,
       typescriptOptions,
-      frameworkOptions: typeof framework === 'string' ? {} : framework?.options,
+      frameworkOptions,
     }
   ) as any;
 };
diff --git a/code/lib/core-server/src/presets/common-preset.ts b/code/lib/core-server/src/presets/common-preset.ts
index b6269f69208c..34e5c5755871 100644
--- a/code/lib/core-server/src/presets/common-preset.ts
+++ b/code/lib/core-server/src/presets/common-preset.ts
@@ -125,23 +125,18 @@ export const storyIndexers = async (indexers?: StoryIndexer[]) => {
 export const frameworkOptions = async (
   _: never,
   options: Options
-): Promise<StorybookConfig['framework']> => {
+): Promise<Record<string, any> | null> => {
   const config = await options.presets.apply<StorybookConfig['framework']>('framework');
 
   if (typeof config === 'string') {
-    return {
-      name: config,
-      options: {},
-    };
+    return {};
   }
+
   if (typeof config === 'undefined') {
     return null;
   }
 
-  return {
-    name: config.name,
-    options: config.options,
-  };
+  return config.options;
 };
 
 export const docs = (