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/278] 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 960687f9895..bc4ce66aa46 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 3836267b080..8ebecd5f383 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 609aa3e1856..12d48bfe82f 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 e9a98602e78..bd4ecd8a317 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 d4250754533..61600cccb4c 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 5c8025c03dc..277be46a016 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 71170dcfc27..16562248790 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 e9cca700354..2b9edab63de 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 bde7870db10..96808a2fc03 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 e49e89903ab..d4e9eea8ac6 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 c7eb673c635..625b99d3e64 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/278] 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 16562248790..dc9a1f0b2a0 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/278] 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 3a4ad4e7170..2fb00e6feea 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/278] 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 00000000000..79618730b30
--- /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 2fb00e6feea..6d835dffa1b 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/278] 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 1930000cc9a..00000000000
--- 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 00000000000..4c97235008e
--- /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 6d835dffa1b..34f84115113 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/278] 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 2d6e088674b..f46faeca93c 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 b65001b4e1c..953a9e6adbb 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 61600cccb4c..14066c7a014 100644
--- a/addons/interactions/src/mocks/index.ts
+++ b/addons/interactions/src/mocks/index.ts
@@ -3,10 +3,22 @@ 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: 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: [],
+      ancestors: ['story--id [3] step'],
       path: [],
       method: 'within',
       args: [{ __element__: { localName: 'div', id: 'root' } }],
@@ -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/278] 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 a46bcc13b11..a5b47696596 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 b449defce27..7da126b7ca5 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 00000000000..7ef59f7d482
--- /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 d4d74ea0ca4..9d13650d8c4 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
zcmeFZWmp}{wl0h_3BldnJxFk!1a}V(0fM_b1a~J8oDiG<!Cis`cXxMpyPbX3*?T|V
zS?jFt&;51xe7fnL-6gX|jT-tEVT$q+NU!i;K|nwtNlAj0At2y*As`^vL2$qmB}}Xg
z2#8lJ=3-)sQetAHiVn7>=2j*U5Rzd@De$TZ{n&mxFB4*-h@_-cm&@7^bUE;f9#~1S
zFzC{u2#~OcjODBEQR8xRSBpafN@U{1#TC)SVHjs|J}4>9{0u-!dh(Z;U2<La+*$h4
z@3r&ndc5d4GRWf!LHfW38=$I*?Z@F0%sM#}h);we^HTtp^}Gw3$zbS17|iABs<2<*
z;-jm(FTC)?g<Q3{{>$@ITR49@g%KpgPqHuV*p=g`Hex-F$-=3S5c}M@GyT6%WgS^M
zUx`u*fAUS=&ewY89ztM`q#m066yiZH3k#uO^d?9OB32enfHNWK(=D0YjzPcK#Vu%u
z{P5TMn>kP&xm8+nvfxl2h=BYW3ZhTa8G>nzMKIxcTS#O*t6w($)Jl&%;ATAxrf6{L
z#mxM<F8^!z&h@ASTo}V8Vn#Wga$6JK9whoU4I@IDF|lXu@x&n3gZLnu%qAXRuT_DD
z-v{gc_;w!o%{x{~pEtN`j)Q3KAw!j{0;*LSxuXe!y|QbMt?P-Pu*?BN$wxECuDosT
z1e}Hs(c*N5kQZE;=q-wb^kG?DH&>}EGZOKhX}c_U=eY4Tc#C#IQpbaLw>)0=%?e6C
zD7m<L2RxUlMU7bcPGb+LB$1M59hJSQJd{jRKUl*#aPQ2($ylTgUZP|gqk_C3v2Gz*
zP{RjnA^HUatLcq-(MFs)EXY{G(nY>f)J2JzoN8?ss9MTcT0#_@93R@d5xjAvA^Upl
zu6qx;iK{?*W76BqY={COmkz1e`nF=C3`Uq5#jgiBSu>TVL`>nu5CW|a0yZ0p!w;Di
z#<U%O7TRnTx!GR`1hqyA#|Y2Z4r?w9suE_Ng*X=>n}u`<bWlVn?ohIW`T`}Fjim#T
z(!n{3XcGu;fEwwCV?fvppMVOpM*0TquSzN>iSow3lnj6KmAja~A}uELPcbP}5_GYK
zQR+fe`hZ_Kfr?0%7*24F5Y8grqXHj6_<_s9S%#Rh0aymknk2P;=Bz}>eqC!OcIeIM
z!@(D;)^>C{up}V_Ylx?uw_N<7Ha{9g2&y1uQS+QZMUF%odJtBGG#Ek2QVF&YT@|Ys
zc`9HZyaYzd)yoyksr>jVEu2e?FYjp-?IX4al?RgtLnEO#=2B>DXlod;XiQ$4VIMAM
zBtj2DS3B4^o>eQ=OBP|9wE)r)!I6MHz&+-tQPOufP54q0F1Yl_p$?m$$6eFL3*WtG
z4G&?ELsU9Guj<%|a8olwr^GOH5%p&DUTwUyBRNxclWXQ&h9`;G*?7AybJ}~lbNX~^
zb}JRYC=#;@29bY9C_z|22mvvDBKU;XNvRb5QP_zr7$YH!AoOcD?>g1G*t#|y9i26u
zL=h@o=A=iFa#4b^Mt*R<VBDru52b=Kp_J_WJ6=%>iY1B`s)YXg53UZ3Jb}$oI%3D9
zLe##A1(NA9?D=!!2l)*71YaM%>i465xcspDX27J%MEZmLz+$XBolNXh%2lGtukxg_
zSOE$?Qa&<?xaxSsc$tI+dRN(U85>n%nhKT^rjg{4go@;oSdxNlT3$?rR}ocV4xtWV
zZ*u+ASQQOuDH$;7zbNi1;c6sm{7{Qj)%mKK<ECz}i10PPqFYf~ZNA(|dM|o>2X-HE
z7m*vWma$NKv~4x;T-3zXB-+8>q2=6qYlL1E%Qgu!DT7{)K1Ow{xTlz`SgZI!jisnn
zr||ozJDH_nN2dznNlAxAk426JkHwV5k_E;-{(kE|)YY3S<f{~XY5ZgSe*B;KI~+Y6
zbZO;j{6j`V7il9!;i|lxN$;gwB#CB}C(b9(Er}-g$I>RbMx#fU3w0}=Btr_tCZs0m
zrp;&YW~L@}OVdlVOFZ>svLz-q_K(I6CLgkGvq`?TX|+lDP72TY8OB;GTAq%^TJ4(F
zkAMGlnv6CbYMN;DW2A5fm#db28(#x=h1Fl~P|l6|LH1sjtsuI<Yl40Pl06=8iE*NI
z+Nw{dpMTUV&pqLe0Z}(XGa>^!1AB$>h*5<JMN9B|eBF87{KqMytDgDUG!tDz?}1>e
z4dd$Jg1POQvM{Dzm$oBazVIcZrXiOj7yTom!=P*DYh&a_<TGSXBDjyQei+QF&tpkM
z=7ntV_Nw<P$Y0Cj$$$IuY{%s&Z!fsb-`Hn>W;T{1-o-r6ESnO@99XV8<2D0b9%%F4
zMz)T=j^>#6*y^V1cx3n8<%fIwdj=F4lpKk`UU&tX5zb6&Jz5t13aAQVTlW*tiNi^+
z;Jl!eV2$8Lt4k|StF;eq8$?@%5A<tixCo^#+#A<Z{S99>KTK3?MdDM+QEo-t*(zMU
z!#1~>^$?lM<kJ)mSbx%YqvhEW9dI2CfxZYG!7w4JpZJk#UJW4~z0Uho2I9lM7F?w8
z^1KZMb%E@`p82vLbUw&!hR{|N<`#B*jM(KIn=w)~c4Hf=te@?h?W)9(X-PTO<3%^a
zNg;7H``l5bHqe+{!mOa{;}SIZYCC-5EcLeV*7!_6Rb-HU8w^EZXxqs>kWdqH6>v1n
zY#L*)!!7>BEQ~o!JS<O&S*j_%r`~1}{a7ZGrsB&D?;K0Rn>#US#b0rWMU#b-_Z(jD
zz2@;+`Gtaf*>owq)jYD=!Lcm3I(t7HZhqMt`kj6Up)+A{n$eQVDc8*^K4!SlPH<L}
zUl^-@nBG%!D7h_Z)F7x>uDaK%Rk)7f*(Fq$_bgXG4qnXRyyS$R5w*mauC18RN~yE?
z&~kF0M-WP&%%!vPv7z$gMw6UU`up?Ai|HLC-<=0t>sF^$R$qhai|t=0V=EV}Cv!&C
zU#$k}pj<kpL<c(KJ6W`~v@4zsuEh3GR2I<duB_@-T7BVN;C*{DGHm!_u=}x0aF9;k
zH<whVzSmKFw7Cgi(xs}UO7aZ#?Dm9{ftE=ha2jw)^rqWMUMW8<EL<t6bsbnnd6<2;
zziB$DC{e9oEPeFyb6q_aSqY3%yH}%{n%y7V{}w`y;`}W6P`Ukmf334iKjt*%H8GNa
zM`ce=!FK9=<x!1YS-s1l+v3?Wh8|7Y!QejfG{Y25CJfC_nyeShmx&A&$Zzus6Y?`p
zr8gJLaMEHT6qEIh_RV1n9J7QIi>^H{vYru+GF>d&ZG`4i7G>NeZY~cz>kZA0Dm&F9
z3O^9$_4FhgSr=P#pF|{_ddnina6Fk|bs8P!b{r&VS}q>3QW(l~<#o-<$IH2NtJ|h$
zt!I|(mX1BdV!RbLkU|KCTB2K+yd&<1ubQs(>-U^5&Y613EbCGhkDD;;caDV@+gEk3
zm&QDcZuC}0nuYERp2P;b0wk(pq=`!e%I~LkXYNHFI;zF=#Fi8~Gx>2%k=kzME*Dbb
zn!jy+qZ;AJnu>fMQyYC3c_pZS@3k4U`g3#Oab?SA<>A-q)QE5W%a{PMfZ+N2TaW#r
z={kDbnC5El89_Auvs>@^hkg`T5;Z~MC-B4M9nbznb$=;KJ<C`9sMcC9#M^5-dTR^m
zcFZ?s?;$bYtagJTmI*~XHgF+mCH3WXco(!sKpYRmsbr^FZnZC&Xr2(o@DQL8NYYbY
z2$L;IzKGitk!6^U58xA!0Rch(ZAvJ*b*Y(mTx=`Kg`34b(>U~o3*@PD@8sl%smaM1
z3(DCLh#zNWp7-Ws!pk^X+<pXFj&E}qP#(ohAD-GaZ%6QCB@7Usd0r46{Rl7u`)sKI
zi#OavQ_56M4uT%I2SLC<;zPg!caXp-2ubkI`*)DE5YYd44g~=bVh#cGM;UqG`uh_L
zoWJY**A+TG7y=&nh7O!=*--yo8jd#``oHfX*MWBsA}V51QovQk*ulia#_^-A6Mgo*
z2=D;GPEyMe0s<TOh1gV(Qp%L4K>IW1s+vxka<aU}w${vsA8d_GnBA=Hezya`@5T$<
zTAMf-lDb)2**NmL36TGz1TS#^`!NeS=|74%SqhMA$|;hH**chzaxt?qvyuzGA|)l|
zclcn+s|<ekM|I$v0QpBJCp%si7FSnSW><D*TL&{1HXa@x7S=Z`Z{9EgC72xDZJZ3<
zm~0#={;QGyZU=1QXzXBa=VWecL;Aa2LnB*fCjoNu-yQw)^IyNy#LfI)J=r+^F)Uz!
zEWh8duraf;{IhMKD*x}Nyo%;-CRSQtb8CQRKp%n}+;8~*QT~6t`B#tsR#Wp|HQ6|M
zIR3rrzrFhZR#kH}aS*e$2Ksao{MUT_QTg9r{!x*i<@eD4jTHYy=YKo}2rc-EpXHyE
zCin_@`w$<PM?!P3f+}zYxa=RFGvF^RaQ?mm=cU?Hx;h^OgfN5@SVYwg@-PGTi|Q0k
zFG_=xE927A5>o)JrlwymIlV8VDy9-Es<w!tsw$W*_W1Wl(;{Wt*VnbB+SYVsaQJX|
z!Efb^;$pky;kfDK!D#jIn1^QW*c;vkAqqy)?{AKHQvVNiiBui-j(wEEP=9lfV)D9S
z#6lqa?+2w86ee%{;n$6JslV%;*6Ea(6cYV^KP0PQXq_nMWP1G*{;q4q-Bp3V9YyR1
z1jSv+s+4GGn!oEhd$hyz@5UfW+K-++8ux*P2wwj02q>Hrc=LB-h!u{f63(IM*W*S0
z@;8$w=_d+*@^@n(^{15a6P1W>aU$gYo0*G+2tr<l{u?F`hLTE#2#Tik+~c<Uo0%hp
zd_~j@|Mxt|2$Yk$9=Bip+pYlyMET#j4|w|@2K;L}{=dh7B8~9Kgxsi#3S?wt@qDhw
ze%FQ@`7*10aTE?u_s;$CR1qJ3CDQF>h7R>nkdtq2_9uAAeEe7_hgjY?0U{LeP%YPO
zqW;WoHvO_<zB6(`^%v_cR3DIf0qqadW!mFaCIfyR#X1dDuZj7&v%P1z?J?Yr8+Kp<
zH1;QpOb%x&Z32(RzeW%WdTC~Q?9;iQcEB&yQeCk`;IJe=KRp~wr1ChLDhm-s3xQxV
z-M8`Ps?B2fuV;<VZ#QD#b0l0u{!-2?1ETG8xaWjPJtt4tA1a<qEExBONvkTq`Lq*}
ztrjuA0~pEX`p<}XYB~J=BnA!ArYdVxkZ|{Gn{Qjbbdq#|?C14qiXh~-gpUsC7}=xt
z>G}ql#D69?gmbCvF1F<|wBVp+Kfn1(sgSwIscwasto4ATo@KumA}XP?`&3t<wu{SZ
z;5S*W%Li(KTmCtt@5_WiEgM^`R`M%bBoOMv&$BzMJrs>%bFxU~9`^hfLq+|Scup4*
zeB0tSAomxyaZ<lY{MmS8X%X5Lq9WN3W-3xX^v9bE**`ztU1`Rd65^Q!81537;IXa=
zR?ZSpI4#yY>kjMkP_50dNDu$GqoNd_&(?*0MI<8TzTg7R*{E&#!OunjOrKS@9oC->
z6#{`<76Oex<(vFe0311Uv1$?dRIwVyZG}eJdn(JBa-?}s>{J18BXYn}PPBw33J;E^
zNV)DS4K&`2z4ywUBtTEA{Gc<}aQ$s`O|%1+1sIqcWY<(36(IQPwoJC9;{Hr4P&z=J
zs#IuIzeB{QQ_hbKfJKzP*dD4Gt+ZL<ovXJuRvd;vBXYmkp7MtO+C}Q*uz*OU9%p=1
z1glIhqqe77`fXDl2Oq{OPM4d`DSI2PGwOV^pJJ}c<br2=Hov^lX)m6T&qX%-Iw&|;
zT2eA}#CX=a+2gACaK1)HI*~T#KxMY(tQPrD{tI`GieOH;<nR}s7S5~2=U+(-RkkaF
zbUO9lXU-(R;9ah}^R0xz&+MK@1CG$cN257nycI;9&Eww`PUgBRPCC$e?Su^YL5N)q
z*{AN=*nI*fM-QDrhz^^5X#J^dd4jcb*oQ`&GZp$NOHHmazz@6hMsc3ik6<Fv+1cog
z8MwRHfpvCyY>^neaNOuYdU~WxwiB>xztd^;(waHwkD~}d*0@Z`Gv7Iw>*3kJH8eC-
zF4bhKGm8-oA?s84b0rlj1a(?N3@mRh+vQRf88x87Gje9TL}OVHGGAPt$wxD~xCUj#
zN_er|+v^2elkLIJ$|dSddlTPc9v@EH-dN9b%r&`Is4udv9?n(EjAROY6$ykZKcm>(
z4MY(fU0It1mva_6+o2PP4aLsrc@B9^Wud~oizcL#NoKUaim{{SX7s!{E)z$rBbvlv
z@43G^7?5FUp{zC=N#=3f-u+^WN}!mRtC%C2*)-<^U)}cdtev&fpFpE)y$WtSC~t!4
zgb3f#MEW_cbV_hNXO@M~9dXk3qE~CPR2&5Q!J<+SiTt@(F(<(0t#Qxm&m89QfZP#V
zO%1}LQwHn#J~`99|55mSeAnCHxN}**J)BXZ{~EW1?J$D;yui1bI4c;%BER`+T6<dV
z-YXUwWyAL$Lh9!wEbMS^BpyYHMg=x2E8G_5&A`QoP=&sZY0DkQ2Et|Ln}>9TMTXU8
zhb`%u7N}kx(UnZkV;=9Phntg%^bO+c8Ei&PQhl$pAeY#e=ZBNVtg$?a101$v8qMI>
zc=@_bF29AGL=(xNz0m;tgIN9DR*F8%%>4UEI?L(O@$ZIW-Yj!r+I^0<6AD6mm1*{?
z9>THBC#?_p-VfL1q6%Um$Vpn&rc!`h-^z;-d^42i{e0Sm^2YuAgEtC5!-uijbS$yp
z*JC4kLus5>-d58ajyuB{_YJjr45cBGGnK{?L+C34LyHX0f(!K|z0pJmjU;D>N%U&c
zyiU8MQ3P+XUlC<~y36=;(`-Ekf*QSRCVlo*FrU<FEf(*(%x3#fgy7M$yPd3oL^>6i
z=y%*;-^VivffB-K=fzad>%+LyQ#)^#cBz$8E%uhzJ2$-~zNIN_O@zos+(hgqzw&3+
zP`JVRK6fTFuH3GkSNmVhjJnvgYpt}HA`P$wz|e;%WO?Ed*yY~e4SHttr7&7h2+LWy
z^TtqK*@@Af^#-Gmlm{UbBK{&b9qS5<Ii&+3*`*;9^J|V5L=}H^xW6=a-^~eey0L9O
z3--Dgdi%b)oy{I;b@S()S%18EFcJYZs8>|UB@!hU&h%Rzk{h|h)=rl1^m?3gvmI(1
z;Bz#RaF?SQ2B5NpN`$`ez^x=6WY8$LTAKO^-z-2hg=%9&;q-WaP!aHA?_&@Y%gS9w
zb}ro9LDNn41yQifv|J<mCb0$uQzPVipu(58xst5Gf$%8%bB|jCDKqlk6t%GAPQsKA
zz#LxH_}K+Lz>De{Vto#@41PdUqWsQfJ-_QY&dbHv8-$XJMoPHu)73zhiy%rwUTEio
z+Jh<{RQWkqj(hujYhdfBZpB3xW3eO@qQh;BrqpR~{2bt|eG-gNa_+Z;&>P}8)Cz%p
z=Ri+Q#}z9+4?|py2sg*jDE!$C2Cq?#BSkQOI!1g%1}Cp(!b>==<m%ShEM3|U3T{sT
z%)-Bb8f-_*3MzJc9^`v9bCTh@Ja$8|tQ8}0or+yFXn!m9XF3e<RaO}xZza}Z0#IHF
zGTmYto(gq@U@!)T8r>uR)}lMLn7r#Mn-E?lqyC=<?Vfu+pt6>l=SJqCMN4rbHo2aZ
z6ZP3ecdkYTL8BQ;NS?v;*6u`YD(us9?~^%@>S7U=WU_DJFzXajfLXb?Im!aU@F+|#
z#GF3PReg2ZpOoSY8R9nPwYBQCvIG0Jn=e=B3%#|6DGFTW2=Tk<qlnp+1WkNX+ZFyr
z4X%AW@qL+)*Zm=)i48*p4sAC?GK3r>8xedcW%!EyrNRzQ472fO+0z*uut$=`Ettzp
zN@)nkKRku2hn^bO_Hm5-2pp_w%-KbgD%u;4#qgtx@QXe3v?ts;^e|3m(o#d}S@(5j
zKqyqJ0bC{gO!0SgvdA?(Lcn-<4!4Akh#G}NLofz&Am@JmZe{g&d-ncErwr~0%$G;?
z2t<-dA|<M=Ur7_|$(*`a-B4gn;mLMK1MlhMwih2J^nkkr1;ITRInr3Kt0|5927gq@
zt_MhD-%!%!PjFyUk!JR7rt{u>guud}oxc1l(G`}~+gxmEd`^q}6T}k9P)RgUf?M5c
zTCMfMG@-O_nkQ9(8Nmz=IZ37~f0mnXsu_v*2JXke2TXD-z;YUV6#etLjz;%OWwT!g
zAB6;<8Zx~@Zo{GuhVNQM>FmA%x`N4T%D%K;Kp;9}a#*F;3_|v;c%=-fmC@5P7Wzb%
z++KNP9$M?ijsZv0WVTP``w5v_KZQxVz*dwUapi(LH24-+l|NMQhE0s8*~qJ)<d=n!
z(6A(3KZQV=N1)2Bo7<&PKtbuSRWEU8mx;m?o}kL`cU3&!AF$j3VFRZWyDwdPhvt$K
zfj{_Gcj(l!nZE3+_trZ5HlwbV2Cr#`60@1!!l>*DuY@xC;To9P83a<~qOGRZrQxAW
z|J=?L#iz?Rdy|`@8-?pAFl28`;bfo>QgNe>oLIaJ84-GUoTwRM9w)2yBE1x0ta>M@
z6%%0sB3566%^k;3;Lk}XTS`^~RUadg4W*sG>f9_;%DZHbxwzy2eUyX^*)beQX3{&6
zqZnTFzFB(zo#Tm=b7{WD(wP#IJmc_n(Yjq*AX^Vq$7Jf2-r2R)MuV^gJ;(<Yl8kg7
z52o^~Ov=6-ChsB0p6D-(J242KH@7*fz5Xa5!MC#NAz4`BztHy37z5kJZ~FtL%yjM>
z%05MZLgj&2p?7L`w{iCIY~l{3|6cH&E&APHC-GYw9S(TG`;Mq^OhInqafYcf?U}NN
z)KAFZplm^y`;Jm8S`U|COny5f@+ahb4%42{AKZ3=+GdgITx{O>aga(ZyCdmW8k{7o
zo<v5GN^rpZbfXUz-f(~e+U=1pw%gw=A?N=LpujJMW-H7MErk%vr>=U%8LaR<2w8ta
zte9m{Ce%)Z3B5$opa)~Y^A~ril4Gt!46$CwSe>oD$Ol-)TG5a?%OF7|&jLW(@rpv+
zh_`rLeV=E!_z6D-3WW-|Af_vQWCJ4_GO~g-$(T}wOtB>S#ihTH<bqMr{2O@`gr0ts
zJj)u&z#u8l<Pa%;7ikZSg%?Z2?nbaZfn^s2VdC=TCfmKfG#OlEXw9_FZ}0SmKtm;u
zsk>POR*h35`=wk?7wR_6U(A34#4{P#x}7E%VVzbEf`nt5qH81!gC>9rbW4VzQh5Pp
zaQdX*Mr)`cFTIaxPU*OB6;JOTIua49NDdDdL;(8>_ceRD(j%WDd-S`>9o8C_!+YU;
zco@W{OLjH{qC%mw?Q~lUGj76SJBxWd!Xi6G@_4A~_NY6)cN5FU7+1urAaVaa2@>zg
z@-V%S&kulyG8$BS(y&9^GEDE34F?AUtH4f<G;M6kw@>4SKaTd<XbtcNuJBt7mr&$C
za)+OVeZ=6-5Xd+Vj+qdJKYpu2@rbfhO~(-fbv?Zc&7L{CtYViL$nz<(r?~ycTQMhy
zL?cbBAmqasRnz6ybY<DRT}mr8mKwH0mma=%q)^*2LeHZ!ZE7Xz?@zzKLR>};D5M8#
ztljy6CL5hCbqBh%J*$aF7{|RutiTrZ#-W?SVEFJJ6hdyrh}hL#JS{fwd#Ah21O+F2
zw#idAxHyCv5F8|W&}0jqMUZfVga^aL>+CY2n^zW~9HQK!(%u{XWVP4%qia$jD}NQU
z`$8J~F(}&FOk-dYI*(GUSXTM10s-CUui+Y%6lCJaI*A6ah+O0y4uT}20stF!{|Bd}
zzHv?Jr)cwug8pw=J{C(<Jtmt@>;a+n!95)B^fNk@qO{JQ@l7*~uXzUPomO?w?AOf;
zY5Y0lSSQtm*Q^w(d4t!QIh~PZ`9M;%iAaVZXTfYI^2LD(ezVJmb!dA^uAhDOvY5TW
z?1a*c<f!eCH($Py5vA0SHdLHx-qbXGL#2WU;U6ThoCpbv?YNl*5h?oG6E%ND6l<de
zAuAQXud#TK+0JWRxdojAij%w88F{O_M+-|k7Mk4o;-Vy@*k*rZUx6oP_)R*Aes6u1
zR@pYiVh{u?i3e-n2VTkMg12xIcJqUP6oKzVo^-){;yRM`pa%(17sK?z<D80wvw^Q}
z-+<q&d8idCikukF-#b>2isLJPy}Ni6>jp2Oz9I@{75Z~}llp)R(CHub3N-6EuY_u0
zCrZ8Ht5;?(lYlwEKnwY>-68a0uhLwZRE*7BqrRkUHg1$0KAQ$Br)!WfL~L?JRRCoB
z2Kl4!mmIdGPkjr)9D<>!g}{JihhW(c<-#*>QF&3Vp+eZZk-1CaxDbuo54}O;x4yfh
zIlPS&f`D#GCgUJg!&bJQDpHZaxfh9Z)4>6u+og2{0InogkQ7qzLA0vz@*o)Bz!TtO
z?%g<_f%MOwC^v(EQ?E0$-r4I^Wj;auna{Nx`9KT_n}U2Tje;rFES&ogehtx?7Modz
zmVnD@bUk4YW$yr$Cx|dqU2F+CRQfi@pB1taat5VFl(di(ANsYO7YMJA#AtqPS%NRs
zECaoZ<c8V}*Rb2es`|Ad{0zt_TJ4g<%R3CW{sfKlQ=;o`Z%U3L4~*z5qE=daf<G5G
zFewm^(ttxU^Gt$?7{Y>t;bhpS9w;^0@#Z$0|4F}NpO5Q_@_i08P4&$q_UHN&i8-{|
zVf91F*W~a$pH)90TdsY~&kvw@i+a(Ehp*yWfa~#aeWdIDXguF*6@!ukT_e<91P((F
zxYW!v_sjMG1fV)!V}`sgY$YtRaq}ld92nz3NfS<$K&XS}ujS`k%{@LYXhfQ}U^@LP
z_EF?G_E3JmpYL|teP})OvV|cT=ka^|?ir??<n6bNT}dY^G=F@ID_^Q|J<(&bLL%Uj
z#qq4Ow4Gj)fZ9RsfJ4)`g%laHANfc&`NhA`C_L;1aL@vtl|12d!`TiI*Pw6kmGwT0
zu4js(%%>+hX%e%WMvid2XK8z^!ZuCgFwgyodkB58Gsh)LryTiN)g;cd=><Uv`Gz4A
z>lM+l)$Ly-6~0hH_`a_4C9Qs)%fxDkg{NG45a{f6OQ#jd50SRq9lhDF+!rU~`C+<)
zt?GIbiZ1DE@sHO>j8tzlUS;2`a>y}?_5x9$A9)zgbc$J>6XfLNFi_Bg<*5y3o+BsE
z++qSZXOGWIt}FfezE4y?BXDpqsZqMWVDl>aLPwkEjOev^n4A6Bxn<pG)2_4esF^?`
zn(o{$4D*`@Wd`FtO47j~nu6i)#acl5&gV{@#_3af-dAcwNdC^1SiGx#5@m>dfuqnJ
z@SSk4^51?O6@DARK+<IV*|{DERm9)eqagf^^`T&y5qY^xgTvNh8ksnjvKkpVd@jts
zw*d)8gCV}y2a#V~`Q(AChVye_^0*Y^ks=1)&)K{`D_APIhMH0v!7n_y*T#___S0ld
z3dN(=#l9aHE?p-8q79-te;VKth8jlo)5kC$n<>{Vsh(=jnr(J>JUZbJ{}pKe0qjT`
z#TO9=FFB!d_z~kiwRkB`3!4xxWtALWo~jZ=M6DsDOxO{&&+|ZHES}ie?0(^-iDnv~
z{zG-vl#^Q_?p^Quymk_^!Wxt&6K*@t%iWxeD!W_2otiBFtQYbg1gd<q{bLl;1cOtA
zwPa-i&8o*>A9J;7LNugix$ktX3zjafH26}=paBR3weZf0!jpqz%Rx7wPuNW!G_>VW
zq0q(vVNoId*H>L?m`Ec<NV^ax(`xC;y%ZU!&4$02?v4q{UB+>S!;J8b%b5V-llPw0
z>p-Yr?B~AF<EdDYUQ44^nUH-9857pA2_|I-cbF$(r@z@Ry2-Q-o-~)e@vjrPAxn<d
zJ+C0qW(KQS2nhoa$i?jhI)1yx<&}3ARvU|a&inaUDEjLuVXY!Nn7lfn4S$gwipKDJ
zf%`16THQrC)lCWJ_C62ebxyk4EHjdrj{OqP<Lts?XYU#C&LQ=T3OfgyOe)nr>hqFa
zZ70I<9(Qm8Hv42(SC{jy^2u_`65(vBKum7GU9%Ck0AYI1qkV8%ZL6T1Dm-Bwu5FXc
z(IR0rs@Uo*pzc#5i3R4>nmWvLppCgWU$4Tvv!GWYftkTwN9zfkdq%|r*qfDDWfJez
z9z#X*I=YXd7<4WoIgH{1B(_x!^bJ}!Ep0n0%&P2Lemj1!YWwGygOBGAfZ*`kAfoGx
zMMtP%ii9Q}w3kPPZYMzYRUswn4f&a@psAVK+IBEi^6f;#(g`ZM$>+(#yEQbx?WE<#
z$r_W;76_dLT&kdU$DR++!{lDWkz0{+kaD1!7rpt==eM*t2-aI`w%6l^Z(<cnDF5}t
za;i9~6@HQT;RG?$5+q-bEU6Z3v>l4?uf?;T7Qkk)sX4R)cuUQ;E3M_Oue)&*G7-^?
z>uG-bE;AyGUq=nU4x0Q$h>is6l&3=|DK$KZ&wE?y-7W;EWHwG`=vcnbNo^VtTEYl$
z3$Ew~Yp*eJO09?9O#Xm`hD)vR`5G-^Y<q<%E721ceqtw|P76UeFnF$4X%xf^e!W9G
zZCD^^nq(aOkRulI!x(c|4MfhJ$>y7pQ_xbUz#TI-^M%LJ2?Lx>8u<!YC6v%^y^GZ)
zl24;t=ibu`L`0j2ydx-RXxADN9BeTL+j~;cjS@<Riu3)oL<5_?7ZAM6b=;WaIT(6&
z$+E+zcm+RbAQ=QB4>)29`Lm+<Z#2JKI%O;9Am+=7{$j=jgIGIUxvSPxL!g%z2P)Bc
zPX~nw{ql%=#hl<_puokc7hE;;m!yoo-N_@@M+;Y1VjZ@)pRfsWlw@foQOHo?L?Al-
z++9#PIY0EF>b`|Nu(Qpr1s%hK9B<M5TY#8<IfuPR&=v~jr%rDJtIfW+@?1qzBEd5+
za&PQhVFOy?W0{~{0mR@!w17%O9k<$2LVG4MMvt@#&zb5nPF?(Ej37ju=}vfM?X`N;
zw%BCkF<MMs{=GB4KUb{WG7uPZY+*PUo@*xoFK}=q31_;n#xST#vMU|CEal#mbbwMt
ztTgWFSg8>!lX{LuP)_K=XjI!hUEDtM1RQvi)76ghp=VxvV{~5DWWaRXTOUPbHb}J>
z@_BTdsr(KR@<th!%#6U)-&ly7?hGQ4Nn3q{HAHN|;yHS(F{WY*h#Cz5VbF4-N@{vY
z_Dw`A`uqdV>}<B44~&3WLx@;ZqPPL$ez3~X1FhZYWPU{YuDA@Dh_^d^)c@>oxkVeN
zG}w{2dfQ%L?KBtzFL%CrL@>fM8bq{<bAuMHAeJi1fmkkOxV89>jUv=Ab!$aGOz`{c
zD<azU7UN!I-8NVjBfAh0O%YwZ{FrlU(w<}#y?e=sAYMv0xYH$Ea6mK>-~PksMGz8k
zsN4K^!$8uOG&J&4hY-}DN>PY&69Lcb$(;zZqXCw-%lXNC|MTSKUyc$WMM;?&gAOR~
zvO$-{Hf|EoTNmuz>ZpTAvl);9YQe7*mWnL2FHKTSK;9&pYvxaL39)|cFst9vxb1TZ
zg?w}*98--pPoFwtpnc6)Uq6f7mRL*{qD3ADj7!90@Y+qM*y_ZWye*e3m{j7~4iw$s
zI)JGjR{-(=X3h`A;(m#I^>>b&eQU|#G=la9rUK*p2Eom0i=iWIvqXrGu~4*fX&f%;
z8_q;}s&=Jfk>}f&t`5TWf~$}@RF2z&_JWw7Fb1C`!0?}tOUQU3b8*O-9&74PI|hhv
zNV}2w8C;xM4|^c72uF~+QTc@s>~#-&V6mq!?DwC848l1KQi)<yGqw4s|4M7t@j>36
zuo~hCGTd6Q<`8}kU401X^GE18C4lW(g|C+BC5~)0o{)&g<TY~4T?~PdB(+C7rE;Py
zk8|Mo%fxByEds8H@kUP+Z|?74tH(IUyJ+iFa8%e}2P=rKb-WaQ1K0mjB!>d^y_F0U
zB`U}7Y+!Ia(VtHSknL$FlJgVoCGx&=Kc|ef`;BlQ^d$cL=TT)KgKk3uG-&g!q~DRu
zpArn@^U)hM3F-fQ75+|v8v(`9&wj3rO0K$4qoSda0XlaqC=Q5&y7FbwkNkxZ_d8YJ
zE&@~~{4`Mh=bp*G!6Ci?IE5~)*2BMuh5sw>|DPuRL(6}0!@qG5@bEuO^p|V?50d?7
z_5A->J+X)TQzdm@1YkV>7Su%wX$GR?^SWgXLN=SN()e@R^WPw8ApoYr4wtp*ZyUCY
zhOl(v?oAf>TbvrVte<E|m*1SgUkdO)Ku&&+fM)nllm8o;{zJ?EjXJ;i=s!&Kp9T4c
zJoz6mqyO8h=T^)BaO)hleqj|Ue+|!9$Xd?Qou!ULoo#UZ_S+K)$7Z4j&_gnmdF!l_
z?HR&uZuO-A;z{|NJQJtow9`tTEnt%SV6@wE`c$hF$kNqV&Rly6amjkX+%C&{%tTU9
z`}1W$tZ2L56SZFe68fKrUG&uUM(2agDGmK3066svMd*<f2yDo#qVYK1o?5=$ypPh3
zrx$mSN~dpNhY#D)W6`N6Rp3AS1O|iq0Bj%?u%q>iKcKKnx5Z1$Mz4*kUxhkh(p(vA
zy^4-N3k9V9<G*EkNCU`1QWD?CN^CWRV3=bkD4cQ~jgeqU{HyfD_fK4R#z5k;Iuf5#
z`nd6cd2gwyPN?a-93$vUBRX}84H&$@E>rwEo=2_c<3Wa|{kPV)6gE0>2X!`*#UJP>
z<-$>EMyp1^va5>S_6_z2ra#cOk^6fd$ncZ8>(=GHZK+xrI?w?Bf)W!zks*j@_R6tB
z*-0MH*9@F&;IQcFj2FlqxO#F?`U`_rS@HxtE@OYAt5#aQzuIr~_#YDQ)XLlhNd;D<
z?EBQVj7f&?NaE}Wwm6TjFJQef+c9_l;o)=F;3#f81oeJpyD907;{%<0y@lZ2Rh%^B
z5kX|nZ>Wv$%ag`&>x0eSREY*_W27^QP;<R1*RTLNR{B<gjs9d<WtR7W!az#Q(8STb
zyag4HD0_E33IU}x6p(I7@rQ=r-_0}Z3SO$swfJ5>K1J}>WbXO<$0aHaBd1nbGG$ho
z_f(6#6tWxj+&<aKY?NPB`?Kgqm(WcfLM`8#Y<28D9>GOeDp6{$`f3bZZ_Dzy-ZgsJ
z+v2(Bh!{4NFHL9gI!gl)8S=L_i>M%CAad)lVDscKlZ*4AH^|##Y98B|()d^5%1k&r
zN$lwX+Pq;~<K4#to4TuWu>rjlcN&d;@4NJ0qs6xO{4-|LuM_P<cHUWDw4ulJ5qxbD
z*S6JVdzwYxYq%C`DYjhm%(wmgO($LA@JT~({yOjZ+2!-Mt+37`orOc}_;pYA@*BNx
zUn_ofs#tD5Loscp(^o7QBDm?2&Iqm!H;5@BsHWPteW`b#exKz#Ma+ogs2)|D$q*p6
zD(`Cx8$#|$_8WML1^}uNkGY{1>TFYheE;&v#WRrE%vUW^_Nh~lM*60Z#SD)^oJcMn
zE?I3lwC=t8RB${Q{RJ7zLFPzQYyIgqY|W3|bTGCf5MCxnG-wk*vc<UeZp3?=eeKW~
z;0U+2<w!*5d6G%zbofa&=dvEJI+(7+t8u}in}8uIQDVqoG94|MV?3F6#^CfDzB&>c
zqIq>t(IyRG12Ha>U#afSHVy0U_G!^Re~R9FV3v8I+R4{zMZL?n->mk%97k%feWdG8
z<ZX~WNL2Y^PeQXxH4gvcGzHsGK%V{{ONv6x;cN5^<eJ{ma!b?UN}Il(`xcft0Jdx<
z7Ro`XH5kGBT(y<|K{7*h*+PrIXN~Yx6JyYF#PLT?KGD;5+Zk=92&t0s4)15Nl?;ZE
z5nZm3^M`8FkEUApZH+#4F%`iEcSE^P_jW9t%;XJky1h;|-WDuMAU@)+9}I=}KUmA$
zPfgF$D&|19&D<_sODx)OoY2j=7*+@_4s&5ps{G~^a+P`M+o*wfadB!ZTY+KT`~{CY
zf0K&-$Aprk(J|T9D3RS;hn<gF9v*=ay;bZ4FmZ6tAfkk5=2#kymXaIq#*Y$sipM+}
zLSn8jbSE}=<!va8D=LjR4I?!}He__IZ#O(nc*vY!9FC64p=W-QK!!%{l<Q5xH#=Mu
zGxD_Pv8e3YUE?qAoiLg0Rk@;*`tyYWaD1>wjqPG1^G^8}<?0sZKVYt_)syIZMO3%n
zOGV)wk|=tsSRR0+a6XWlYE7e@v$k!yN@mn=)xqboqP1;%a%s+zD3~$p`&#mLGd+4M
zU!rByO~}WHdzF2Jp8~+Cp?SINPtq-id<u=e*Z&-f{1O!HLZNOR0^~>CKMZ21J>u5^
zJaVuWhem{|z0Q|w+!sss#%7T_BhS0t57LLtu1YBz$P@6kx;bSMqmu);rd>Bj!_>%S
zd}eP8(|F<}3fN>{mrnx&7oGX;IUH|t)wpPss6MWk`0^L~EZFw@-GAPytWt^|xy7Gc
z@qJ<H3PDK$P^6ajoUPI6xX~ATi!JB#-PZ9cJaaKEIMwyGK>mR)j!tfK1;=Kwnd%#}
zZqmX2gl3!i&#esgj)x{ut*uodhvV?Q<*Trj!F1{G(sBHs^JS7cYnB;R8B(=Og;H)U
zzL)a4$y<20f>9iev*47uTn9V%qZ3l{x6R@n40^Tq+afe<b_GS18^5ImxCL0E76Nd!
zF9M$GyspQL0H75IeDU+rwX2>t9a<nIfAqP-#M=ohAwlKTjXAdFF6g|?&+N%e6z!S=
zy&-9FGE~3pDGws5Y`B)p;@G%V)*`5tn+`dOjoNW3qAk2srdCnfi>(OzF*4J4!L@cn
zioxx2_d`_~?ISAyW)40W(*;}_r;N#EZDQ`*q~C6(5fEdNC>`UeqxheIWVTZ+i{U6%
z^BXHHUOkUJDj?V@H!hgN9hoUALAVNQI5U*~cHrgtMo21?zu^&pYQ{5ZkJ}$pW9LwS
zQpnVGvvH3Apet<(vo1QnL=-;Nqfjk07O#=>y2yM{e=0`R&7w1&udRGhB74&D6&97l
zV_A2!kMkRux>si`5HNd_Mu*fnLDB4H!+l~X0{NCMUe9+s%B@~^xV>IY9H9}TXSLxF
zdn>%seSY1Q?|Du<qn2_fw5e3cBrh^6n64r|IAdyjM!^BW_<8JeBkD==27L!WM{WU&
zzFeZ=$f@5nHr}tMbx%Q|@xF^8W)gb3O!yQWyzlXzjfk&&csupJZK9SYe>84#Io-bH
z<_jt>RExfXK2pMQ34GtW%7ISP_UnFn!x>f8&7lJi-4L&+t&3k3(v6trI@a~5I=_Q^
z0}~py9oW3_^PU4Z1U3|abOscy;x6cuI{%NFa6(H3rdVaIV(D*20#vSze2%qE7=3h3
zV5P64Xg|rxl4V~-0x;@>OEm<x;924ec^qEZUzM@3sCaxXrKG%!IZQ<$qF&YT;`ufr
zjlID5{(GA9a5{TM*GqdIhqGXLZ8cu){M)!u*$i$UQA8r{ZyNgEYQWY58eq~=1ikOM
z?bE`lMgU00HcZ*@&0B5E1W4;I8L6T<#+mQ3P(^zIXe@ni3`q)2rkm(@!i1kwbA&1{
zuJhNQFnQZ~=~{lvAgUju{-9`^lKX+U&;(@`2^04!JNTlsn#fJL1hMiW1b<W^J-wID
z*&nYjev-u34LG$;5Qn(&>Axa63w|HK<YcfZwbz2>o9|8uP-Y?Hw~TTMIs!*0=VW{Z
zZ?EoTWbwOKEjGKWtQs(BemCHFB@s;+2bd8DSD|jF$;$|aj{w3Z2^t=`4*)$=0TE>n
zbq^rx=ggY|;H@PN78;=*ShQ<pza5JV+iliMoZ03phnwpU7WTNe?@yO8xSwyLZ4PDu
zxMyONSK{l7tk1dP5sk<MI62U=tiu3Uy;pMrYNH;&yO*CRmFw`#oRuL0S^NaRz}y#|
zq>=wJS`8ETDhF5<@$^Y8dA4J@;zsl86?(cevzj#)NmjGpMP^(f+JM}FWTTUkILi<l
zU}Vq&`%5_VO@RF*_g(<Rk(x=n)~W0*;?Y9gjmME(y0D<Hz9U#(r+$Ba>q=_DIVw7u
z{z<8&^SIi;(M*;Jr3h-GhgrXkt_z1`RG$EQWV?EHKkh<fv!X`Ac>x*AQ6{G}u4v^t
zGb|Q?Am-poVFqccNTSD@pZdZzD=v|~I5+v1^>U68aoejj;<oH#p`-)vr?`u%tyyuk
zM6M`Rbyx#Fwc(P8$u#?idoUQnbfMi4syFQIgL=k|n)CCJv}wwDF?Fy|tqxX|Zo#;+
ziA<I>vC7Z3GA@rRw1(XK3l1IlgtVWI1P%)o0&dGS9^F-eRa>{>-or7Tmoe`~rdTk`
zBrDAJ={NPW8lLh87o6Y49<*Bc%Z{rY?O4Cw#p%^4A0C(pFDBoQ3crgEz4KTTyjsRE
z*P{<f97qtclfRg%RQg7#(1U8O$dT?;rq*6Dk4oZo>OYvlr$Mh;NSft+{dvc3{qkw>
zE~3g~LC;*NTJ(pHP4PUkWdU)b_rXYC{}WEW!Ca|wl{_<@7DLJ{g;Qy!mvFg$l+O`E
z4K1np8*sta8UOAzRqxj9@kP9#WvFV~Lfvlb?TCPb?$>05vRJur)o8DmEKnPnWwgGd
zbJKCR8eZ*lZsM<GWe<%A#x$?vUvhiZq_WBkQyT*XTDmh3&Ww{__Y@`p2l3j>R%V`Y
z>XhrB6UCDv<QOgzea(R>TlMIQ4h1q~H5UcR@>CO2X^GPU6iuKu7a8i4uvn&V75&52
zGinc;%G93p=BlLNsNUy{1K#@g+)iu3gY&*xQEO?0ssrM0z9m-8sYoA?n^QI6CuBse
zV3B>J$W8UFe{4>R@{l>EPg5`6alz>ubpPygO~Oa@t&>?Y$Ox9onf~FxcpmQj4oE8P
zHogJC@kxMJ!XB$@yma0Dv*diHF)zT$9j8KP1`WY_U~8N%(nsZlvU$S-Yj~ag>zL_P
zc}AJVd8v?t2y)@vlZom*Me|!?^)@U?lTC9^`H+EbIU1dkonu}mjJH{_ugT~(Tc*cg
z!>)_<5^J(+IGvNsz#%0nH3qp*$4U<|NAIU<5O$oUGhErOd>XYgN&qZepQ2jZdZR~c
zNy!Qs*wU@~cRI~VQ19uvOu$Qzi`HjPH3R+8w1zHWV&|j?5B|F2?vM|I`SxibS+Hhv
z<jcFX!j%o|{fzKQJ@u}$R$a`y^r$O%wU)S%ouetadkzM`!TY3{E~A#@P$HsqvJ=&#
zu0)5Lv$5%WvwRM{vnhM4hUJ_fH=h*Kd^1=RQH0C0|JnIqS}q1J0rT``CzY{$*wpfc
z_I1nsq57PcPo0jk_~3vEJ#|f0Qp$G2QJ%*$KZjUnxn8Wg`~I(DcI^-AV|VdlL&3iF
z1`I{XHKp>fmk<8t4&3XXTquRKFMXc)tOTf&<LE64q=|mWVW|nZ+$Dy?V9;e0eNP<L
z1gC8mlQoEXy&NCcf7e&fSX!Se!<5fb*f&KvTzQMY<V4x+$&Sx0q|tq~e1Xa9qRUU}
zsD^e&^=-Q3fwDn$P)D>8YmXF9<=snNFrJZB#natEN`6nNgwtlvM$mCG3PUq3U4pp6
z1U$S~OM@;9CnYw=vr>40>q`@JkAGiGQ7`shqK5YHN!$-Q(R{D%^>IcGrlM>?0i+QC
z$Ef0*)=aM@EfZyR{o=z{k}Lhp%Pn@Irz@a<Y6ze~0xY{~e|^DVFwwt7<0;N0n%tnv
zU^|~PFUuU5?9Y42Fdi$a39wgJ^s*mrBTmgf82>ReA<VmJoBMEQzT%eAQzBbHK3>vI
z5wCV-Sz}_x^$RX(o56BlwlVcF*pY9Fy;)WuB%LY-J)CvfQ<YK{j$~$dUSH=^wD5}d
z^ah+U&-pz|a#^wZxXTrCligALr-Ff!ii4JLGf9V=wm_{Ich<*LS&b9HW=E95Eu%fe
z-5Z;QW~9j`j)<Bfy=Cvc*g?To9ov$mvVhks7cqyeZi@Tcg_H_7dxZ;;vkw)k_&f3m
zx{X+^5-SnY(SXGeKkhm3D`4Pv$`BO?un5*gSwbIrzV-PV=0VVXicZn@(RyEJLv$p&
zJ(9%&=&{KI8rf7*^NDx7;blnQ<kG2WCy_cjhU4jax4OeHVA(T|UPHm}>wn>MWu7+$
zAyl+nr%jgb35;-DvvVTFl8_j83v#n45O7)~ZVqQ?S42mQ8k*WuOpT_p8B@w6@A{5)
zhyd_DM&HXZ3FWf)oQ#dHgOK8iLB4l>q#Nd_#ER?`zR$b9=D?O5!VcL*Y^L{;KrFzy
z^`j*Tsv8^<K4uyBdEJUniCLER!u|Vemm}|^4NL7B1)Kritq*6ttIhB4lm+SvYT7i(
z8Itm#qCZP5l{8sb`?$N_%e&j&Gan7|F1CGs?!NBVmX~}$i-TIu#X0DM7OGI=8D-IS
zO)A|}?qAU@mNwpMJ~K^7%scEC;<Cu;u9idIdi)({FfZ%b9RSoRC9nr*N^aTr#XIZ9
zqlG19f0DLOM6ll5Tz{#t*7?~vBT~s|#9O-lu0#fF#)EOw%QD&F8qAY9^iKb0pFVz_
zTC2|Y5ss)c_QNjhF+zRy9O(7FrIm_t(Uh9%@rLn%OEXJpNGig)xwnWnG8Mjgd~&P1
zkwv)f`x*rZ4hJ!A-vgM>ABKNqj3JN7^H97fMN4nC-I%<~@7z&Q5ZEdy(qFKl{kEFy
z9b$4dEl_pShj0~R73bRI>cAjRV!xL5IO+NMP?LD8o-@PMttR(S&sqB4;vsD5i-Ieq
zLQ0(@;$cyyc@_9X3_T|)G3<d@|NXxJ#%#-!>89iRJslUMgRQPlE-Cni`+JGZ_Lx1r
zW`w2bAmO-Fu!v6tHzM_rFJp8Swp7SJOzPRP@Y1x|G*E6i=Eoz@A5CGXC=7Ipjrj(W
zI;E2Dn4VahmG?VV5C6*i-j|4DDj=v*<anUXm*7NqB49F|*pjkUb7!`-uBJoeI`9=H
zxgt?mg-`#|mt*B>M2e}j{>1PFX@_&Kwa~TqKI364tAXK1pHih;p(=x}>iN#)(d*ii
zIqxID;JLJgpMD1RZ`EQDFW!VMyaiz%O<o{N)J&0b5AG|;yhqX|+hNwnu^l$$j)EIn
zrg)lSw=9b=ybtJlj_GBP3Hx$9W7}D<;cyaTDO-&z)GMSlBo})svHQK&U-4ne+eEi_
zkKMk>>y2y7vo6nKTTvNqU=ONiI+AYrP5MN2vceb_muRm#6{--gMa$8Ntu+4({i`ib
zDnU2T1A&JbYX5p9n!1cREaBd(Pob+7SL$uHS>2}(*aSJo8)JwLG51S1%{Qc%vfc&3
zKQwN>R(Os?l3-Z2-mW7)$rB6tG#{-*$Z22TX_&F!^SB=6HrK8>;<<hxZhgnjEhJQS
ztIY9@im<&YF`-PWJnhXx_p2En+R$g~n%48feSe2Fk9te*5hE1owkn0DR^y!BG?WjA
zYjZXSrTVLf1bSCYMOj@>C%DsGc86C>mr>41de`4@8+POYncscmIdSm_eMdawIYRHm
zubBPSN$)I}K{pXkBJ6d}xmiXGl|G;a8LN@9DqF5etRJKVS9qi|X(#0c%Ws7&Q^t~o
zmIajsm(EJOlq>7_3&3b4N2=?C)g>z_ayzbC8V4q!Aa7~cBpg)^$u}`?SG3cE`))jY
zEewt1^G+yz=lj|QH2K_(OoTqWSXFMSENpWSmW#t4xJ>@=6J8ynH({m|QuUR1RWPtI
zy{UFp`cmZ^KiRLR6oI$)HupK|TrO$GWcIjiX&ByU@CTgO;{9%$Nvc=V0}I{f%GhSL
zdpaUK$EW0nHqL=!e40FqR$EUSn~WkB01ajIuzb$%qSKm}IS_FGXTH`~o>f}J{%a7f
zD_0l#M~0h||E1pB*&`zJdq2rD>#0`d5wSudSGV%)P){<d{Cw$5<u>0TK?SS^4d#`4
z`aEP=u98WC1SQkAPHk;}NO0H?#D7R|iQf_&#ERS0Ti55$)~mKV+u~Wr|MGY--x0kV
z<$2s7A))#yBm^;6<TNjw7TQ)6K9{KV@mwYfMg9o@_(}twt5ZG{Ir#Vf%NMr0y>D6j
zcoQyPfUO++gpZFGBMwLNoJC4`!I;4IO9_?Vdu(wQh<P0Hk4c`o#dq89mVi)dqwN==
z;e}zJ+co&RjTj*(Cqx(|5QRE>bw_2n&(l3GIV`&++M0i-ArR-AR-(Xl4SszL%NI53
z--iVLZt%_>*wf*}F*N>F#$>tK{a!J&$89YL=d$V!nv=}#wJ~je<Vh%b2j?lrBF%EH
zJO9G{#Z%T*@8*x69np*1saJQ3Q_a6BH;A7S#Kg(lrEEF5-)G)ACb)>69L#icIY9ZO
zqC@W><i2ezn!8(J_*TnSG72dIg<PGIju}_{OR82^9LJzX=vpR&yrI;iAv5#J_L?)R
zD}^w2=Xtrbt+Qde#YKcJlRe{5<Ke0PF_uB&VKKADdsse0(7O@)eiY4Ab>rTX9dktd
z7uKdv)`^+?_4*6j?P2Dd@e(D&y7G|1&s}IU<S%2@FNY=q3AjjJ2t=VCvrd<}C0S(Q
zQ`B3{rRt>B{A%B_EnBp9-&gz1ghtbcFAS@sIKha+b3*gBIB?4;R+qo1R<{_^%Emxl
zxdhMkrH)x!byta1sce;?fOp$V*M53-ZJKl1FzT!R^tQJZ0SD&P^M;ptRvY(5_Z!Cu
z6ucGtXth{hSy#YTE`;Zz7e?S|vNY_C?!zPP*Ox+3!tbf?SohTCCA&0pATRS~>;KSn
z&S90mQP=-XHQAb}CTp_olP67fO*SUmZYJBdZCfYXw$1lD&+|TicU^ULx?A_Y_g?F>
zlPnjTlj45LfBOQ~ipJV`7|viTB==01wWB&Mk;^vNx@g^7-W#&;-j`^ieKu(14`RsP
zx$Zx?R@sr{R><8+jnD7y?Oz=*>X3fcj~#o~Yc(8+7JCMFNFk6eHeAiJJ$VVwwzD{b
zjqs;@a(0dsL|ar637e@0m3PIJv9^8^8O)B2gHsJ1^BX|GRhTPjiu>d?{<%1frhb_r
zepe<Fgq+q%Y>%v!kV0Jo`GPB~B)KCXdq}b=kv!L~53P(xRxcYLNOD*jDPH5<Dof#7
z<M+bz#giy(r}!vZU*?LID!-PRL`PcGUXT~383>dsPmxJ<vo#1SjicFH!jkDF=0ZI>
zV`t7BM25sIy9!IQyd|^A*qP<#sQo$PaZ?x=)1pqK7Z2rftu=`@HwuFfh-59!1;etv
zJU=5MAk1_cneI50m&_zqNDiayOR4p-(Rp>`tT)fioxZJ6FK=6rYh@^R!X3mbe(U_a
z9)L``s^8{fviY$}4R29vr|-?~orzs0|I6b94~g7j`8&nSth?*LebGZdB9_qoMbM7h
zH^LRpInDTqt+4<4s>?`%v_%Ff9A69PY|u##FI%h6=bjaQgw_xIl!EMmLIjPyQE!7M
zTHZT^ywqLQ5ZE|jZ2Tbak(3U*cxr+E`7ICOA2$walK5+**#(1`upc6M<cRv>y76wK
zGpO>9uL9AXt|%(QG>?RD-vqps7vQ_!%@oKJjXp|G8fYpGhOmOQPf+0?s^Nojwp>|6
z*ACQFg+yuQ<<a;$Xn~&e=N+jw0o@JVrCG8d)f7x+d0HGt%zf44^<KWvjUEf?n1Pjc
zlYyJ7LBdg>zfu1k_V*;AMeU($cbU^-3%0?kai=OUV(1D@=2C`MpLum&Ij?FTem$?b
zm_|F}JSj2$Z$X76a4SzVuCI#Edvq>!Ax|ix<k~sC+uHMMHY7`ed;DS9y4>(ysdndy
zDJm;%E(x;^?N!yQt8GC_ai>B};RH#l=3DuBdr|Afzm9m!%t^jXh8sk%IU1V*K|LyR
z0AalDgIvPhfzzRvcQMz`lv12)Cuox$KgDPa=_=2-WfXZ5Sp<Ar(1X@XG=aiG&)FWG
zlsPG9^_Fz-9nDQ0uY6OwPQ+2<qle7^YeG`P;N3b4pu+^V?Z<|tMHl`KR5L@j22xr*
zc;~~BN_~Op{rk(g^x}V)BF*KEjA}QOpg^;oNE2Foln8T{kL3ps@FEG&T&1Q=n^Rbx
zd&xQJyX|&-TD@J>7do#wcJ#Va5BIhG+(%1~2l2L?JCDqXJ`XMEJZ_0Dv-O17sGog2
z7XqykQ>e|&wbsCQp4PZ;MI_Ygi;wYM$kpTY$GKg*DnC4=Y0hrgRnUHl=GnG**a?Rs
zg;00B!Cd_pasKqzYqIu5W&;R%JVZRDO7^DB?Z)DF!sa0Sa*@@gx@(HS6f}ehs|VZg
zg2dI1ppQ{V9f<THr|3nM$v|K35Cf>?jmDSCnGGK@QxHTF@@2del!g^jw5<eyKJ51O
zdJVoHtqMs!&bltD3#wzljd+~2o1;ua@e9m0!@AWC?%$t*XW>owpB^4|Xg20gY%_&y
zX%e!t!r+&3`+4#ddtV%WyxHX0B`8#Q0#^){i|+k*r_R?V=QN@oXy~h*;hu*dz7EZX
zm-m_VA#XxYUv?$2aEwlYX%!CgE7`wxXcI7vMN{?ry(&N~f{e&j0Sbom55V{~;etV@
z*YC^d9r6XZ3%Sax@F7HjF7iJr3AZSQow!E&QHZV24XRmAlpVZ0YzD~pXi&s~NCqQJ
zm;|0gmHr`_1C=Lgegqa;C7TqO3G<umWy^)2s|eo?0h3;+qawyu@PstM0T4}>bGr?B
z4(C`V!G+ZSj0l2)f-6lI@YX35|BsTVx(612vG5;oU_1Q$ql*#v-e&J_54x39RaM>!
zrBlC!@_B|oCcZW2eVZX%*Z!enp@CVrWh@~)=OD2=w%Ff(EO7>skH9FMjAmDcSAW#E
zYK+4VR(23SV@NPBT-sr~9+g8;bvVJ3ja49|ot!}9oUi7?YD@jV35adjD34JeLDQAz
zicu*J!L*6~)cJOw>g9y`6ma;x)qVArM`!#;hurv&fh064U!0~6L@NF3`_%GO+6!$}
z9<28IV4qKvU&j(Bx0=1R%pI~SO-_PFqGZqY2S{`0hY2krj^n5cq1hj}UzWHNRC-m+
z*L{Is_QQG4!J}*2L4>-phLG;3nL0_HS?DQqt+>pI-f9Ae)iPPT`@{UntBjuh+2-;c
zUX3f5I6lKXl87z3`qoT1PvHur(5$3497|UVL^II(nQn^%-JZJNmGfl>i@cMFvF0uh
zu!kr1DDRwff%uIqaf%?X?-M$AmFMp0sL|RVVTHUOPDgiA24!K!7xgLBsB*Y`Dq82B
z<NV~q!<VTF2D40bww5BE5xdcAvmb9wvIuPX2D0(+)Fbj|uBfCAd8!b@SbJ$6h1SNd
z(xJ#IttIm|oUSq@2a;zRZ|5=g*Rkki)A`aA-W##KXJ1V}^3a)3abjfPkixkS=Fi3^
zQ036#eI1k~8rcf8k%!T*H@fE7XR(er-{Y`(QUZd8<jQluu@s=3m}IeWqvkigb;+x@
z8f2dS%;cDJhfbh2f~V50%fjXZ*}w1?+&!v^DG|RD_{e#mAi3OcT{w%#BBfPJ34mP=
zK;PJcFeO|LNRY6`CYE@CS-KGGS44>K0Y6KHB&aw{eTn$c6!tx>LW`;zdhLL}->$-h
zX9x|WND#iF0Y~(2BW3t<8^Z54njvkW&wLtLUWpp<6I6;B6%`MS@4g$g9v5ROM{U+a
zFji7<)7(!rf`JiYx(u<R?qKsRuY3FYItjfqZ=V+SkT{`$-hF-~vfECj$b!E(0y$^w
zC1(;Whh`y*LfnG738?);FEVRX7vR-=uvK-~cHcz})2h9ra^0?c{4u(*^F?yQBdhm=
z9f@}K9p}6eOD+D9)8@~5?zu_pqa&ngJ;`00DOfh1HtqGGiZwtZlKU<ay>%+Z4L=(%
z^%AvZt@}C!$Tn;8K=I)hC`Qmtn^~VuD-w^CoNa%p+riu(eRR9`CY*<<ef@N>1B_4c
zzi`tABQEQEba42yAF4SS1|XjzQ(k4kx39XnIgP(uUu<!4W6eg)?^w++HlJm6Jldaa
z{TF1gag&4~TY>fs0~Ep(65y%a*JFX#iJFJ;T<zvvE4j>YPCg2@j8VWr80~Zvn1k@O
z$kh<UgarzDOFC<2W(`9~1uVAIk2<2i^B+oXMI1kzXIg~~&FU|?-d3~dVUPV6mk41B
z5#aL+<=@<K1N@=wTaP<*sh^T=spk6U`e5-xnvzxy-P^scrvkaDA$5aPTot*oO$!zp
z6%U#~>A8iqtFZW{P~vZW&$`X|ji6&Ptqovs$UxIcfl}<?^zUjXrN5xl-MMte>qCO=
zLro5+@!f7rAv{!a&3M_tCANb``#R8-xAbb_&_bPefTwz4&*3C-2ZM&F57W1{VJ`Xv
zTLv0znBTeeGO5f+oSwOuTN6NcOY~4VGHQR_Y9QPTPwyOFJ5K*QL_m2a>t@3>9PJ5M
zqR8lgHxK%y8+qK2uVMs1m{8&g`R0Sl<negv^Boz7Sp-!wicXXL?66)c{B!iq-Gc7I
z+j72F53~hf-H*xidX_}MWkMRDcIcbMjwasld`Q=<C6`JV;<;$cC6$drA5~NXXhY$*
z$5>A&5NQ^G{budn`}wHQ2#86w1i^`5@bp>=iTDYUfx@6Ho*8Z;t;+msznOKEH5iZM
zs{U4oRdBr#d;2`Gj65nSbJ&&C8o5+NO37&9G<qWcQ8dV|#=*vNZ^Fic9YM)yRA!9D
z&8<30*~zak+@j7vx`(BpE7Y}EnIrbc00A$W8Ll|?+8ACwN03zY2dxDq%iQVKe6Q-U
z@{E!O;x2t-Ef5AWCx(ak21TU{4WpCs5r80)LPP=)gi~vQoW5|wV6g<t9TLZR<7=Zw
zMjU_)%l`7rhAlFuW_2GiGp&$c<$HFzA`xaRXR>D5`VB7|vUZsGKiB0IMdu+H7UvT;
znvk#8#{b9n8h82F;yaAQ=dqV9EC6xmjH*^1X)BP)(US|`{D_YUoHHS)^jmNS(<RU$
zL`u$k9OZ4)u^+$fc=c)1$c=EUVIRf=V`7QWKwKhD>&_!9G7Fsti&~pEv#0GT*XKuu
zk0~Yigz&I}stAXilESN=)7t5ubA69{6%q%$0T7rZ;Icmd`bZjRf&=5V4Oo1&hhN1G
z%ti8XQD#;q+8tR6GRhx!N!Vg-XZ|h3_yeM0vKMosw2_J7=yKTKKkZ&o6*>Y0*XBkM
z4T}f2rxnL9Mw4Mfbsj9|s%(liZkfb5MU#4bi}@imHC_u|>aCuc-&7xBtF_cw%(`>!
zLP0U?eQ(XoR=fhleY#Cq)6YdiA|l_p^<2dF+)W}PmM`xo`e{EnC~X#k8|~Ru3CgZZ
zONZcQn*`0Ncusg+gFRT?8?k-C)J&Y|Zi9>JS^>zd?^Vcbd{H&W!^@woP7tyy`gb~s
zD?ORt)`hhZN{M420YgI7)q3|uI0J&nq2TS0!e|QzXNk|DaZwrA*uS;mJ9xx<;y16|
zYW1(ZG#@%^H=l)~+^Y5Tp4x<Qz-w>s1RFr6zrF2k|1cCTvP3CVg6hbOVw`+_WzBv5
z9?X05M^-8fR^#Tq(HiBRIW3%RZp;Z5?IOWl<)?7(#4^2`khn9^#ry8FZfnZd?B0}V
z7?v(wRhFqOq9FU_uMxGnqGqp(2N;=VMbhp!p&HQb3*I@og2;90xU43PM;kXRQM1Y!
zFVH9M9&H@{Z1YXG20%djc%dXD*Rpu+qx{p>*1J*Vv2d9w`^dQZ=~)wCH_=w@AVpn_
zih!%#)(iP=##xyfQD<776RxpWk*ff&JuNTV%7Bj<VjaSbtG>gxwoZ*WX2~hNfH8$f
z>rGUTJ}o6$6oMkc+phjBIXXWiI)k#l2AGn{ELQ5Y7KM2xw{{7XPdq&@#8;*wvG{;C
zmp5SwIa^IatmKanM&p18_ZyCQJ!(F5MC2Ff<5xY2{J>{kMqYOpXuf`QpldM5{p~cv
z=^`f4LBwDA=ar>F2Mmcr-(9;=1WqD2^Fd~I`^)oJ?Gxej4)DhNela&I3jIlLDoXKn
zkOTE3?{bCi#j`N9^<T_vV0a-EZe|Kx6nPEHliP9&UPgt^vk+@tc6|BnQ!lsAoyg;H
z2g-fwL?qRvy=t_pR2SuHSzGi#$ET4BaLoy|RQ-d(Eyl-EI||_rr*Wsk%iX@A%mrX_
z*^c}Mg2Ai8VdRT|(Te^bjcD}!RqxxI#KUy0i5y?<>}jw%45J5$!Y9#2`PZwhU_y2o
ztxVvJ4NTbR_4?+zM*RSAj!1yX8{&y|2<AWgqhq}6!d(|6iYbiz!};3hQ56>CQ;5&-
zrdRzfNV4RwMvy`FFpwu)sSTV!BdCG6Ulowgaf*eq9)<iLN4QiKNFQ`Wj!9IOe@TXu
zJP*fXawe;#^I?U?;lCbRswrx#nGBFDaM*cij#E4QIa5(Sr^;Lbq%e2WJYEj_Xiwc-
z#T$dIbtCC_6EXUx6r07O7LR3Qo4x3pztrs`qb4RYDQCnfV)TDSPcbYevN(Khb=nw>
zjv?%VZspn3@Y~5P(JU#^G5O=(Iq=izajy&l?Y|cdPB~$KLINa?q-?psG7dM;bfVN0
zmXur>%yZ$oQQSGk1>{i$pJRm1ek9XtWeODCDoY4MM$^3Rs5G!7PA$$JcQY&O6Wfg^
zp7FX!?^mqT2Fs@XW*g0&MiE*qQX^5CF1&hk_f20n;})Gr{}Uw^Sz;Q>KlPcrjeEnK
zRgylveVfHG-r_%V;;4`ayanr#mA{lyO+Qp;-t*z7>q=W$98SegjJj=F$xMjZdhHZw
z{*}5f^t_avR_$c}Ydc~&v@&oO8<MgI{|N6f+kHt`T3vScs)onEAs8VKWO4n1Io1(!
zZu((kST|bvL(42n1e>R{urHzahr^K;MY_i%(GS5V+5ENVUrVm>C4z=hjcw?DpHYOP
z?L_jsI;<0vm$Aa>gOaqjNgR^+FI{(M)zu53B9U5Anx-@IC8D)Pu&9X2%~j+69JNJ$
zdJ(uDB7Nq-uFsH;Bc6wuiBhS!^)60rYq!7B>3u=kKe80-gEEKj?r3W)<IS3;NPehr
zJ<!KffSG?WFJ8uebN;mQw_o&7Fsxs^WPd@syE;h1M`n<INNyD6=(}*pNvv{Tkco&$
zfSVKiZKOlf${PhMUJGdMkn>D&h-qigga{Ojc7RZlB2E)GskfL-*o!jeR*EbA9TP>5
z0HS@)+^a!Eg^;^Y^y6<OThu9axuGR(2Y@O%=gT7~%?n^nI%q#|ji6BAi0ZU)yGI*x
z-ZAXwXTkM4QGxkX8}awA0I%HoGOq~u+s2G>3{8Io8h1zeb3sIg;0sfU3$xvPZpD9T
z3j@-8Fq~mqjQ7S(7joKsrT7!3{<rFKl>}L-l~z~5D_`61wjyg+Rysn34nraz3L0-B
z!FRwZ!<@Q>7S6?Yt3)R>2fJ!jinF48YhX$iSRi1zlK<mwQCdy^J3qW6m`ORGL^zC4
zgyE}j7@3HwAZ!&pK7}3J!_ye_MoA(0u`AQ4%a@LJ*P=fH%yPH~W%LH-D9mduo+%xh
zZ55^F%tT@2y31)L4L!CCkE>3X*PoB7WQ$GXQmN-K5zP)d6#GjM3c-}4sqe?jqp<jq
zK@IV8H0^l{gkhZYbH<MIqbl-8<1)IVDAa5U4<rx6UDtfto@#*+_|!E-wc^!wtRl~}
zvn0MD_E~4FnMb97gK7JD-7a0^8@99+u}Ceg`L&`TACj_J`}!KQR;T#GI@?l%8rO7)
za^_pe`4_gZpOkQb1m{rqZ%h|-9y&fkT2+G&;&q}YvaN326vH8Nu=;2U&w!a7*Ld{X
zzcLX2pPk8}ydhniP7&o#3}P{}<QlJ4o?!yDPJcuI_Ww#DYP3(Bv;<4wEDylKoBrq}
zj!eNvg*`>|t`2D0Eca<%;|DA{(Ht8dEXx!?DXHJ}9sV>@JuqT%pF(_u8nZye3IP^x
zAW9!92k1?iSkCxn-G`WzP}Np8%FPm1&x0A!@R4v?qkuNI=*oDC@K-caz=;zvKTswS
z27(#TIob(q;qOy4hd#57r|(;=EJc<|oWgUcxP`o64Nb`DrFJNDDX!3j$C?SAtG>_u
zA#)e-L+^91KrHip@>Ypew(7toj9qf1S6Pi!DPTAr1}qS{nOGuceTEb<{V573dsmu!
z;ZHBO6}Axk8(C30VoFdsq^EWx?gW%Twbu%9^fi%fZ$6-~L~^C3nKu~k%-u2onTEz9
z*!Gt1c9gsQcr}>LiqxqJt=@L5Hu!+>;*&1B^*gnCt!JgRf(lnQo-!4wtGx)<wC7p4
z6)KKSF~6)e71misB8@~W{W*#MlK16X?cQYrqd1UK-T^x=48?Q;{S{_v@!QPtF+E4>
z{P*#Kp(n+}d>L@f^zjmNg;fT^_&YCgYj4G9C%&Boma-<~yop!RpCtnNw`0QuYpfg+
zD&B{FXW-o|PgT@FHPua+T4HW^n}kEfJnl-Ah^frRetPN)S7_K@U1~i=VH%u*D`3+>
z#x+Bp7$3P`y`r4Yj84VB9pWXYCi<;)0HAnEZ*a_BOf<ZS8xGVU+1>Y$x3`S0QIk+-
zUK|txZg9J!Y4T=(0JqnCkioL{`3}SE_3}>-AYIWlR5y4m4tR1VwaSb0NUx7OD=(ub
z&pb{tJ0uP+?wJILt!3V^KPQ)0TF*q4BjM|#iNu8C*n?6q`k^OgAjUbd%BN*T%liz0
zE{0WyCKXFVdRVd4!aXlF+rpM}YD<Sfw?-oTQTcM*aIpp69O8Hmi3oFRzKz4m)Q*$~
z0{(oQ$+`lk210@Rx;sJdg7<+awbE<)h$d^r0srr(2shjd8+^2%UnIKymFO4&TA|X8
zb~BBfXS;PzwCl7s97aDgW)!)M*Zj#POj>`D_@!e!zhBRcivP?L9-BXonNNf^f4-uY
zdSmLI(MWYLE&-r96V^7KWYF29{OhUf69W7Tc-g(0=IM&6J$b8tBHSdto3D{HK6qOs
z{eH1O3zu!zM5wW4?j@4OOrBN|XSXuDtJK6Lw*0u6M0C|VBjU*3$u_DyX<=DBk0fSW
z8A$M6Vh<GbEuxyu_08s=SZv9Zq*HDsrAW;;_eE6IA7EEb+}Vw<eb(ZA5PIg!i)Jwf
zm^C9@G!`Q8f)2jj#3+NWy`MElzr^dZX*U7wBZAL;ay+&0=%q?@nBbhldC&jVoEid-
zhS7b`{p5+U%=bSoyC)ff=4BA(Ae8g*4x@~iFX7^{1FWE6lQ`+OW^JQ`en@T*Of)y+
zDqdvKGILR?p9ZV!O8WJ>T?*+7kj#+a2BK_GM;hrNoMbF0@5EA(GO-XiVUn#q+E)D$
zeMEMfaXSEOE7E8*;RqM&dzuwnUUUgS0f|r(v_dRR=XF&8Jhf%2de{#4r}DLX<!5E1
zArgnn^`*e1v;iL97ZVCOXtMhEj+k~A7NpP!t%yxm*&WBJu^TvrO$r(*EDfLosm#YI
zwLqo{Tqec_A?1D}6+1LtZ)>IzjdyJ10c_jm-TZuzY>Fvy%Txx_ajdGYs|O_>=lIIR
zM*_-1W^%Rg_!4M->J?7d*CVXjMXzh~<h$hw{f-!%weX!BstjMi(X!XBd4$y`g<ex-
z%z{`h^(=W5ET3fxWz&yU3I{6qrhgODeYwuFd1o+E6(xV{VyyjITuR|sS@FJH9){Jy
zrMTIZ{BDV4rZdg&n6NJY7L5vU+gM4i$Q}Ot{CwP60=moCubkAAkqbU(HlHiW&~En3
zY;j1ZU29UT^k>wf^`^%kmv6E4(l+TXuO3fi3GUr%pI5v~5a%x<W?K$iu2W!v%G4%X
z!6tN;1_qqZaUN?%9sCXT1;O=RLz=Ogk`a?b5=g8f%amhZg9CLt^FPBti6E**;}yS;
z%Fj8=Csly2RL-OoNGx_OuciSv+PMQ2iF4hnSwMvTkFun45d`nk;J;stx~6Yhjt1ym
z$#bd2tWEe#(&LBSNuc@%Ow^yn(Cjct#m`V@QLl`Zy}2k%l%}r4mB*ue@788K)E?jp
zCV!vnH&GjQ>dqHG;}?RpXM?*D$0;x5FB-Mhy>*F4far||Pu%5;xmRNO4&uNyFg4i)
ztR%-3QSenhiO$x~3k9P_%9MjMOT0fq7v#QQ;ReOo+tv*lf=gKy9+9e8C;^2X%o9{N
zG`d)s^46R$mFO<{5QV3A$!?gXiBU#Dsh9fM3kA{ZMLsd8<PFCIIJ&b?9|)9h@y#Gc
z2LJ|(C+Qlomv~vw;DbTD&M9B~G}^+Dx%y0g%tVO}mbtN>t}gZlDEMi-FUjL=y-@Li
zz?{`}-96*L&!I%3^thBi^`GikPfut0&`m2m86+`T_CW)xqhR1uH=?L|VQq}&KH(s?
zWsXS|REsIAXwW-XcH@=WIj4K2Llwo|xQjeoK@ls`QOKaxN`^Nf`rbe%FZwsUIA`$x
zbf<0-P4_~^=72Es<nQEfZ(r<xBlukW<zo+&gh}6LJc%3s7F-E9C}Ej^l3IfK2p7&>
zKC7FjwP~ff=_)aYBqd9UMrCRPVz73Or(7mUxn}uiF!Xn=HP<IRH#QOBkl+qPWZS$=
z5GFh=nX5V5`)UjeS!r07M8yI=yg<cFziR;(GXM%|YN?;--B0+Ch=>{rWtPYcVEutg
zNvwd&f`(tj=L?I<<8K?vO;MFZV)y^`2G1hv<cDl4032&zzHN*gRBfZ1iDZbrP7WJA
z73*z3H=dSPw;2AKoeSFEW|k6t{mO!7zoF``xqM(zrV8e&Rv^%MZ>d149YEJMxrf_7
zNWWc&r{K63g&>Qn146v8+jlGOUg6TK54oqXnkF<(WZ2P=h2LWTeI!M_pHdn1{1*Jy
zLJoaq2tOYEV+l$8s{i1yi~v|F2Rh_h<XZ8qreIeoNu%X~TQk7v9;Q`wkA;{G8BGNX
z8E9)jw;QG;Z>vFCvIpd08VFPvQlAMPx07S2H4GSNzB`1_{}--AWGnlcb8N|*b8H1X
z)^av!;5*$?ln<*4+-e$H3*a#dT^&<&?tZsUU)#l!xGizt%+SAu)T4MO9E>HC5_&ym
zTZd`TWYp{MzA&1lZ%XjIc_B1s1^fa1a1q*ChBRS7fKSL&_}sQNOD$lUP4DOR{I(y%
z)aP~Ia+C?6u!*@H!v%m|h%=$vA#pothIrn4=<rX6Z~cQD#U#56%1m}@DYL~6Oh+T+
z2$H4*7k;z(Ri)F7-6HK^$P1<TmUNN}$@ZRW7!lYIG}+n1E<GZ(wiUau0Q_*<@YTni
z^tl?#Q+_HXrqtW_@=zm@64d>WT<Y;*?;pV{*c-ZSb3Ke8@uzRahSQ!?nZH|gyf?7v
zZD?U<Qc<IQhY)#A*w6lqab+1F97vPzT>L$5T}Z2C_EHUqfD#f3;b4InV2NiQ!mH0&
z05QHKJ3+>M-By=atGl`j)xX!gCz$RZejwl~?uV}f#}KD0(P@j6Bv6wiPZ!?J1-_p#
zZ$p1;k{H|xkokF$@9wRY+q#}LO|XPjHo(JiW-)X7ws&ONaDI_o!pOek_~Y==<c-O7
z^Pt{Mf<?Kds~{mR*f{Nfd~YaevDQBf-*iIDt73kHES9e?RkG2Q^h3<dF90tm@qcEy
zmfiy^MTIABAk&7R8s}1xBOGOHF_IAb%&}1CZ_A<!$9a4(T-x6_$>h|_)a-4z%XW3|
z9+`7(rjuS_{|Xc+8I*pk<-k~Ls(#b!?M@XuF7y#m$1PzM%k4_dRirQqWezkZq7vXE
zCh@4}ki)1uweQX79MlGVbG89ej<esSUV7QyuKUagXLbSx=#UZFvlP`?Nfb>v<0(ru
z_;SF$HSfvKWHkU8Gj`p<D-j&0^lm4LgdzfK*;yrb0nvT&ph0-l(SFBd`0&-$X4Kh@
z#oXILk*blozya)V+1)_6JDQ&B=nzz&Aq>P#<k0%Lbu9j3<xvQSG238=OrkA3Bs4NX
z)e!W2g<=M}y50{QW|gQo!LVF5LElO9WKYyjg^mi>|5o);JFH4x(Ag}6p8)y(b6$uK
zlMCL>+@hB6Uilbql(&=a7wwXYP<YfiIetF)pRXWAP^(l^vc88PRe$pH@wr{kZ$#B7
z%EtHs;q}nQn7TB6S`hphd`HQ`bF-ex@sXUq)OK^;4s4=%OmWBHQ7A68IPCwG?0iYN
zWNTL)H>{(rfptWiU!yF!P0&}~3|M$lv@n4ASAx^oa(_|4Pwrf?zsxJ1aQGQm09TXf
zUw|Z3FVb^J*OwRDskdRKP>zyYYhWCc+m;{ow`~Q0Nn&TYAtfape<DGFxwcXBi+Ec_
zA>cKIBCr%@mLjYFQ~4A=`5UN^yYCt_yZt_Y9<JXpSJ(X*?PDi&^!|J_*X5ef(%8`A
z(J1MqMQCnkN`%sHD?`F35i8j%Mf&)+AmRz@6sQKip$3C>5=exxlX~Ctbcj(FjiD)(
z6;xQQKej@5?~(At0uwHsIu@<*2{UkElvfW6LYICM1W#z8Uv}O1npA!TqmZSGUN0^F
z0g1C_H@P`v4FFCfdLVnjv|;bDv12X)iZI-@XoP7ckDW+ntG&ARIgFNpDdRh<U!K`5
zp+K^JX#;XJ@)P!rPrSgUAv^t#Ktli-6eYmFM0?Y@PVVYoBk^%mF0DpK<2>m3QA+Zc
zC(+?#rS_Oy4-Q}A(Uau0Md@dBj^KXL(#8u|Y@}i)TH(8tIaMJ6MuKB$ocb|TK`nnv
z0vsCm>2RM(38&u<kNV4o?9hHJ+H{4B7|sl{`2gQYd!^*SplQw3*fCs<C?6<|mUmm1
zN?<EwX)k$fwbla^7!gHE`KPH`xxc0qExJIRtd>EM^{06PO+^OiN&34ac!$eVr^TTd
z5r?_&^cesklj(MN$oA`7_VUp3@~+nN0f=~oI#c-t6EGHHjX@Ruy()NlI>$kpAy)X9
z4rU5_pKGyA_{LeODY~;)GXh1CDdK}HakAR<g365FE&ixqM8@qciK6qq?kWYcXfTdW
z%tOqj2x+8XcqqPL5gExu`B*H19PE~nxkKu}o0I)mU@Fl;{kdl7nZLTzfH!jQ?54BD
zAR3-P0wVHKpV7sSs4SjC3IN6Bp!bm{H9qjQ5i^-V?7Lnh|84L-C1{4_NoFf`W|~o<
z>n^<yXp#690kwTq-3N~^?AX8wQXyV{MgMCb8O4`zfA)?ueUK?PwjYPeeazqjy4T^{
zWpk}F`G|S82W6&8u0_U~UKqpTb5=6f@}zv)eLFL5_8KHjn<K|p3gYlLQMe^UnMg?F
z@Y<wsxShPTR22S_lD8H*?(LJtK4b+sl_gYBa=o(k6hou!6st=7@fTGgV<C4u=D@Hw
z8J`LCV`=nGOJH^P<r0%LM&Yo_`9A8MzO7ft@BMDl!_}#Gr9f&$<HLMncwOM-xq4Jj
zK^>#9H)<4$OQua-KU4GGi9t+<nK<)wWwRQ4rS`HL%hTv;_->lh+3~4)9p?VHx<V5I
zGoYByDwpD`s|u*oR<38g_%?@Exy)bvK{b1)^LCZ_i{HopU=aX&LNsEdZ{gxp!;nEr
zD`_e%a{BQX0HBD&!o@UsOlKI#x8&jxfL!<Y(+5DX)ri8xBQ7gbKUstk)<JafRVvp|
zj*8;ScB&1G*xdYeG?g2C#P34v`-o@LMqKQ$2?rqoyi_Xs?{6USc2|7xiq|mubSN6`
z@-VqK;c8v3wxRmd)`9t$;P+Zh4_=F(3>$bid%OLm+i{$$>lHKH#_=SfG`!!OP)w<<
zSQ$RI5w!Koi{m)~56O(6r4_j$ZQTmCV6ArrJ`D5`Zm$`68Y9U|Gcyh5#4+!NhI+2<
z(Ln-t=?H?k<St~tEXCZU^f2`j8#B(b@e~oq3JOvI_PW5dxlfm`{`;e&GGRDduuOBh
zlOFh)>v-->;Q{dYN$r2s$DA#spUiMI`RSbsgRq5HZ#DTGuqN($Q3T?EB^46M%tl%{
zwpw2oM~S$&+IZP7_zrQK2L2opjhFu{mu4zfpmzK3DIM8+xO($Op<Y?&=viLdoyGWV
z`UzGBn_rluQb!K(a5yZeyMDa8?k9PAn^BoW1dJv!&@LRT<6qDFwUXIS+%i2ITbbU^
z{9Y>T8F08uC@RyzsNzQe4>7d%7}>sAPS@*Glol-*fdV3ajl)fA+52~`+r(&d$A?mp
zX-`*auyyiLe^IVF)KSMMvG__i>a_@TND@Vm_UXMiGckv8?YmH#`J#3p@0C;2rgK8<
z)p$=EL0ZI0svLX?46QClVP)$L3jqZ+*EU(a0oAz2?Y=K$_F@-<*YgeJv%Rs11V+Ev
zPTmaSAI21otQr$814j9NWh662GWx*69GVGOagwBWu9>pCBeUzy?NTPQaiANoqs+Is
zbWjcq(5^8sn06q#w4}QpOsJ*Sgfn)m)5WsZZN}niph9o8C;N-T@RGoHJT<zC2_veP
zZ4WJ^47L3ZO{>{#=B~c)r$!~rhSaM@B|y+4K<QXowOA)EJ$s~&mLMR;B)xlX^Hjyz
z(K{^vTQ05~(2iz}M#9_o_=wBP5ssp5TGH<%uqaF%(N@{UTS`36JO17Q*q?bvw>b!S
zUG*+qfR#O0ou7Ck^*-8eccGiTMG0%o%-`hlbSg&f*QzThRSv7JzY$H*qn~pxm8SA1
zTp*9Jwkm)Q535d%)LqSM>n2onDdq@{XY&o$5+)D!&(~W2ZH{odD+kU#edW&uF#*kH
zbx<&t7}AypygBplByug6iAjMkuJX%8ji37%+z(40oMhu7ojonuzO$RjBJ7q(gs79i
zw{dz^y!gTqFB}Is!^BjQs)`@uWfzs*qcxNyP26{uWe^c6ozq2r`HPF%cyAEOJhW1E
z(9>;rci2^p&5pycR|Bm#H%?2;B5aP7x_B<v=$S!C@~(_>oow~jc|jA)4Gsiyt?lD)
zJUv_PwNPK_Ea#Kf*ef;hbkOSPa1D@#4Mh)LXm}N>DF}UQ%%7Vi!?Gb}?>-IPD1TGi
z#tAS%8zX2K*A0va;BOp*yC(d{7itm(o*xng2qs^6?DD{*OVfKXkYAkE9psQt9HLS2
zLaTu#Mi(h_W@q6cAyM?&ElB~(i`cr^kdDAs7)s!499xW=>sF1xs+JKTv2VjpJd0sx
z>%tNc0+M#8Y+VAuJVV*U1L@INSbT3N2DPd#`PJ%&4O}8oQ-%P6p}64}6vo1vM(C6n
z67gVi(|;RaI-aSi2`btvJLY3ShedZ+%<A5UX}4v%B4PqRyBD_fPkaAN*Vr&HZx5s!
z*`*43uTr}!-F{D)d5Xkso!lDV`2=bG)rF>ri}N1QQXf546Q(gHeW$h&Cr4%J#O-1`
zl2n)7?bbAz+tEA?W;EL68{E*!VcF6gcX&hK{zlTPi?V%)7^#Z6P6X_X?il9%t=QFk
zB%nE-1s73r*ypi!Pt2nUUVq!zE*jpP(7DTS6ow=NKK*%gVQv<h0$f#2@B4f(e-3{?
z_L(i56R#24@_iUbEK=Kdt`eI~=PL+pS;Gyb%qt_)NKszI>jsG<VN<FeQlI!-tnsKu
zoN`gpWl)nAMh1;O3!wa1f_}<7P`h9mh}3DLaO@N?zBaJ*Ao&RclcQmA*~`S`v6V9B
zMHCq~e&i)Pe|0(<0E>@{BdJj``6>D{++;ND+Dw5d^X&q5I#a556HnqS11jC(H(qa<
zly`?QvTqm4Y_&v7O@-|>n{}@ZFELloYU^B?hI1#o<L4^iXu4xAbWM7c+299oC4x$7
z0RTQB-(#zkLb_WIp_^)IG|*hh^nQ26Fs}jj+xTrj{;$+T${Y%E1^D|nVqW8(oo=X=
zrTtLBLoFlL>P>@AjoyK5=C?EF58;DM{lSi3_h4Mj=WJrhM~~m3VNycqS{k@Jo;IPW
zXzUKm&O;bw#LLlnrSt}a8{)K*(=PVTj{{+T=T_`1Ejyk1r702*rNV@mjcsK<!s55e
z35KXqqy9PND*Tqhma4yVppF6|&VDy0avs6JtsGZ)f_+cB{fwAR`SP)!0(P<CQ=41j
z8By-mBj*Rfl<c&JoG6q^u&Y1WDP_RB*P;~v`Ur==XDoCF>tLV!o1>quG%`%YV(^{}
z9<V@vNu@tEh8D)#ub}9hf0;CK1Y0DkW$)mmV+qhXWD`+c1o2P~ULFdXCUJWU6cD&a
z7wA$EJE+y3*yoLstgtcF&qzCFMxi&eWP@dPS^Gr3kET)hs=vG%xz+|m9B{PJ2oR>w
zbRJ5-igA+?Ix)T$vHsNC9JwnUNc}Gq%pekk5CFT|B4}sYI*I0SRmH0F7}w145`RQp
z8Rs=dsRF)0hQHwKloO3Rn2p^HONBveXw-NuJ3@&0Ns3cnNG!=?msE#hNxNgwan!ux
zQF;01M_wonvwWfcDuknuO{t<CbW_fMp(mtP<qppp&0v9OcXrdDV4!2d<#3dQXHr-b
z>S?{SB3(3DeKjU)e@66uYk7yjmiaWY%}eH{U-YAZGwT7@?$cJrwUcMLJEjidiBeQ8
zuk@?(p~Rv6XedtOKlEf*IS3#CFzZmYF8Y1~r{Y(Pc$FlyprGk3R_RqFo2gbFpSq<N
zw*kvpb{u`UWkE2!OsF+*!137)LB9GF`Pl`QNQj{g`_k@gl6WM4hMOPyVhgUy@kAx|
z&nvJzhn?W_ycaDvore-Y{wLtD7$<#ttTQt}#w7~`vH_G0m-2vQIo(bO3Q)>rSUx9G
z$`J?+l>qlUUNj6z0EckRC9qr%{yLs0Q9P61Q$OHc&?QRX{ZaT|3=AMrG-xW$3o0tW
z;yX<hn}9R+HS{*w=@T$P!E8S9T%P91&q_#UCAGgir6AAw+-<z7ZZn%_>d|UVnNsId
zmjaRFgx-;Mx2g~!f5OuF2|%Q^NfTADb}-rc3AKWi(|pDK*Lvv1h63hbj8?Dx#r~7X
z9C-1e6k(>RTltsA%kK0@#tI{?pU4>8O!4$NJ#%&6`zzp#^ZWCg0B2J(<`6EQ+DZ8u
zAX-jS2f4_5yIkpXsq?t)_jXk)l81s`BrXF0erALhoCf;Ot$Wk{Cc28HMz&YuEw^Xz
zBja!rotr+bg~VTTJZ6YyA<tp0ZQ9DvQ!<fwq?TwmQ<1r0P@&m_xTh|C6*SmZ=``|3
zu2JIt6^H!QG61f4k4BQ4o6QkS?y7FDT}PWDG|)I<_6+wadn$5}%p^#u=KSjQ_wzX=
zkZ9;80tx={={CsibW>CVr#KE)z+c;^wcBZ%AIMQEo`+He2txUO^@BRjtREsi^UG=f
zPGQyl-9IsN?jUF=e6DtghOIVf$K|E4vf-|_0W0brxi=>xj9NvP_eAhetxYdD3{Oa*
zUWo~AXw&`IdTqyyNt^2CIGq3D-=+TlFIGTMQLazBQw=#eYaNl?9wtdk3i2-b?ykf?
z2tUJ2)_*)H8ATp%o!C){=<A0qIaMV@>Ds0`qYB?rl}H4IO~b`3dF&TR@KA6m%*f#j
z&5!#(>l?04*^uC-#90gEppJ}5uQO$a9&qAW;v6mo+<d!^9?r`z(c1G{lpbETN6SEq
zFT7Hq4RZqF*WXySYN3&nzQ?c(cjvF|e$Hrp5vnQB$=_sEW>AH^mRyv;J3ehwEqQg*
zp^yn%=?kWP@JHFPXaq&*-*INdI>EMlK_!i_P&SJN9Z325Sr_h|yH$aH7C+U6&19w~
zqpAZ>Km_!#palH6pNh^KmrZ?8p@1iWnaly@*5%+WyGLaZuV?;4BOyxf?1yIm_*2K_
zib^aVG+z2SpXwGKjf$G;>%Ko_Tw^F_#vS^z>sDy}_2ftqSuYBfHMuYiZ>hie`Jco<
ztC&!3_h!R=5^G4eP%Q3KSLh&R57`#%_CYqHkmN(Ta{Mwqqx;kiDb7ydnYWLxNflW^
z@XPj|?k2zirG*1JGN2}+Tt`166_Y#XaDW``?ZDj|n{1{-Q`E20lB7FDQFAZ(PMG|5
z8g3yU^pys2yR&Mm{VU|93M|QPQ@5aVC3^a58w1g#42rg)@q4GnK9gBOVM3|)u8wJa
zQzBfd5~;Xr^7^JCM>ZH943&NM!fhiJ-gfTo%-d4ZImXj5;-S0wS6OkT%Ccg;_v?3{
z<m>iuj?p~qB6|Ol0);0ztLO4?w|?s@&CfaLk+I@ZrZk~4Qugv}GSu*!+4ur;xQKvA
zLKdYOPI5k-mI+Mf?hc2=Jvl&=${%xq@@n=@ajabu-lp;VyYU2t=~S8S#;N~{zDwI8
zMv1qMrw>|LnU`ldc=?m27;Z!cNtggUeyFRp`oS3aKa$>R*gqKWjk5pZ)j~JnIHB-3
z{JQsyot;YtMUM*c0B-=?Yc@6}rXerF{rMWr(R4n`6AOiO(ytOOIDD1IVqlG>lrO~R
zvH$3Jg%}?_0q~h(rG9@H1#A3F7Z>z(bZ*bcmCq&4CAHupWm_ED1PllcahNbx>W~p8
zWRGxc(;e8ehcDF~4yg~<ho|;@do+G}{s$+W557z+flkvHDj(qseUkmae;fg%A%wsD
zyA{;{td(J32$~98Z5>eIfeyQV(e>DzZFFwbA-%&k8@*jcxOc5I1B&eX38hbW@E0_#
zKXTvh80KAXv;HsR<U8qGLV^OHK>=~FZgftH9Axbey^X{FaC=BxSz0HjsulQ?Tb`1x
zR*MRVS)GplTcS^YgD)+w6*%D26lcy4$CYSk3{JX2kyc|^u|e#>9FCSB*&odl$hu&(
z3NSTALiFqI*|4#KPCUKiTPVLkKPL@fxiR7dr@bAdOj5dW!r`OykuDJ+2uSd0Fy1T;
zADfNYjgd5*D)c$3DlBa`L(Gzrxee8uPW)HtA9N^HkCM;=olVrSJ7p1!Dpqw?$q|7@
zL0%0Sbhbbl<)J=YJo6cNK<RWF4=}#MbmDI+Osk{G98~7j&Rp7G{<9#`C1(!$B^NFi
zfjs*Lkh7qkkT&C?FY5AG$<ky~2j1Q_In5fSUoHt*7!#SKG^kX_3$-{Mm60zvNtdpT
zSoLy|t@+N_9Oeeozclrs-m-y2V`s9r3RarokN7O{`o@$Q1>HOd?t-fiT+`=mm2K)X
z_Hc;;Hklo!)?)a(UVMHF;IDp2!aQsgB`Rmkzv3~DhUZxQ6nlD|FzsHwak&Qr=Xi7O
zYW9>--GTA=EslezUTInjKl|9M=0qtV$Z*p3Cv}swW$GxF%Ba`s&pU2cL$Rb&fx-*v
zHMBUsznI_zF(=bCVd}-M5sQfE;WPWE+kHVUSYEo>-d$?sk_4Sj`=uFiB%;LOWHE~R
z@Ck!02g0Nup^t+tHo&dS001`B+cav{1yu5z0MtE?`LNd!pJS`VPu5^JleA_`z4Po!
zr6w2A2ffYJm0vfkGUo5Ik*PBHycR!-e=2a>81M84nQ++Ab!}2rOA8}E*JKFTL^G&<
zbHExd2bVi=KpnwFD#aumQ<)@d1EF45%?A2ZaWC%@w=(c6HExGlc+hXZEv|qAc@NqS
z(4eR%KZz>Lx;LZC01*}MdcFHydT><a<&e+#u{=%CWb}T#y0NZL2a1#h0a}O>%q?G|
zY&%oAv-ZY*|K3{bXp&vWdvcj;J;9uZLIQD~iZPb^FL06R7Ea1oMs9z}j@6S}I6Cud
zg()%Q-X&7+3+{#6S34JFsw8En!xy{*B%4XB<E!67nStx)e2P~C0z+~)lfo#;l5|Oz
z{-|ZcR<OM{OXn9di(dnhsmlGtwtQZVyPPZGkzqF=Z_+%|)PTs;QYzgs{fmPjYLNQq
zkUXl}Q-CF3qbjonXBK~c=A=-kym2QmeM)|kXtLxOgBM>(LP{49zI8@2f=;|3rgQvn
zF40jw8`8f&<K8sd>H2rPDjx^s(m@|DM<RnR{ZPNLI#6MZk+GcA3eaPmOhr#xM83k@
zv3^0g2E8uX<_Vfsowm9C2DWAj@l2d4>Qz?FPT5)?DG#Z6yR{B8>7h(PRYT}t%(p`@
zWHBd)OGY@T-(?`PJ+SeL{E9v4IH7RhZQR0t+MDFXxQ6B8zx2Feh4o~Kq-8qGmi9%Q
z>SWuxo3i^Ym)MALtU9c+>=H^erjl<-p5Nh>H~{^TRz`py$h<$3Mxp*0Zbiz7ibNC=
z;`2H(Wrc{$vx|bgR9h(*#kPJS>4emcDEQEx@|aJ*lBH$&W7ii%ca}<)4ahoaC>nRv
z;`?yD%}7{PQB;hJS3FolD^v3mMfI!D9h9GVu%ao0OX*tUwldt*3zWV}=vZK$NI_4{
znMc(XJ&2ITn65Z`l;6(P{#WY%s{B@(>A$$IZRx+}AB5`pb$vK@)^AZ5fgI!Nf-d46
zhY(=JXA0r+<)11<eMpcDaVIn{-!ECvAh1-x8a+bzYc=#!IeSzZ<`yG?>n@s*3xy5z
z1zMZWR<lpvyi>0aPXIcZshEO|#paq01r;whP&R5lkUL~Wu>JgdXFQ%F`SJc%jawQR
z7>I*raCbZ>W?Q5BU#~{JLszzP>DP7oc`n)zo&RG2{7>!6Nzs=;rC2bO!e$|zf#x!!
zw(oFO?kP#^kVS{c{!8WX+23T(hhlEP2Xai)l&W^-Uhd_}Vh?OZIVQ+~-sTo0T8-s6
zI)zqZ1aoMqkC-98`qehzK)KNT$#Ju|W@Sv-9ZzjAYcjRg=>&26t>Rt7h!J*y=zH*L
zDQM&-g_5-4Qh8olU<@@KASrRe`Kzp`HO%sUL0|<3Dt?dXp?(g?Xg_6xfj&MU;FOaM
z79W2dG|>$bDnCmhTS!fxS|uWU#izA*N}IHBR_|fm2r~-tj$9gXk}8{IvXcyHdwp?o
zkL6$JyigD|vHD^gFKM0)=||R9yE%LZJTC?=$L#Pq;Z)hj_{kL4H5i75^>EPr1z1{q
zrC&A)m)eMCODCr~y9v>~=$~=b@6r=o!^|_naLUu2lC4Nv=wmh=DaYOJ8UpvO9@b0%
zev~EiQxh88dz(Nc8dOzhqnp}mMFw^?`9(uxJP@z6`ZZ~P8+5~L-uw9t83@)dB5y(H
zU=ebR(m$~@hf6KmECrT+jGUyD8mLr-B~Q)$O&k<9f;5Z@<8;cNEIFt{l<zj|Yq_C#
z;sQAnCv%nMgfXzN>bcqBP;mT;fu!L1RU>3c@HgYFYF%Ldz6pTbL>}A@hTjjTK$`59
zTnA^ZHj91Qp^FmjB^0VkyOc0;ZA++C!!OYvu<x{tS6_*2%~(<qAo?L}>H<1(b6Zk3
zDkFzJK!dl~KJFFU4U_<kDU7>#H46_E4x7yxy6rIVMp8Cy=x%J^sqey!8j-i`&B#T>
zvqc$Z<Aa_%LL&QB5382N2+-PYE+Z~kU4~XQxjJ1<T!U`>5_j6PDal1BDO@y&v5=pO
zhdxE3w7qQWyLbaDW;2P(upfJJq2^o7qOS7l8lwT7v)Wqj;5R7zqt&+INUJ44CMzB?
z=w~zWKvlE!;_pbaYZ6N#W4PJno6#D(#{zBl@_ti{_LY&-gd-pUw3tB|R?jh<SndfF
zvXc|<m!#Lv`{3P+9g8yK@h;sXT2Z4v$kzId&2Ke{WBioaJENYR!(DW_+KvXAIHk3P
z7j%oOCe;=nIvkSIOhauu9wBhV0r2VJb@6f~w^!;M**q98t9=2muk8jn=Xk3E@0P&N
zLAO7Pe#O%pIo>TZz5Yd1>;yuxYHv4a`=-3rH)Bh<5#Jf@pa{-dJ<844xP<WG_zy7y
z6(63J?IhzPZO-?@nENtP=t_f&dT16pv&q$ymZw=>XXUjRj?ZK+&{?!sYtB&X@26u)
zX6^N*E5{mme9lg@WBF;LJ3)14x70Z#-(SnBeBUw{o~kS~wN!|l5LfQ=_lq9I{TK-B
z+BwpJi9=%4K|(trpnj9c8Sy(0Z}fy_9oVphPNNkWzfrzelX{NwTKA#6@RtcIo#Z}r
z6N+QwMK3K!TENO<tvg;~*Q9pB;s5I&fd8KSuiT*ltK3VqtI5t8`k({A-B~bgFn0TY
zGQau@T>%`$R$kQW10ZM0+vfU-(~%Ga$4k1Y{9h%ii!&57GzIm3`^@iGN4z%b&3*_u
zWS5!E*DZ2?#}pfguU+5yJfh(OeV4K_Utn?k5>5&5#o74X3I2j3mMUn3Cz6CxQUYuH
zFF}`ckcb?=j8E9p)5E)Q5uf9R;)hMXV;0^&-=EQ-66m^YeFj{E?rCARshQ|i(2Teo
z)~DG1JY22eOiKpc2fKam2ntOe$QU4Mu1M$B`tqGs^qePdr}T)pwok><)~Er|VWryg
z@sN&N!)S4I^>JevDjp(5;TE-23dk4;o8&;1Z1i-PThyI~$yIemgo;aY>+N#cy*d0z
zj!n(7Ir1m;y5VKVitA|(THe(vU2#s?9KpzAEwLGwNHDW2%P{+$hm;vlu^%hCKk2Q?
zCoJ=@;)9Grjx@#0%L@O&Z6>Us&CpMgo#@A(ziJMF3LC5k*j*w>ys-k_-EcwUszc1W
zZ@s&yF1jRIM_+V3i2K8^Zj^Z?AB5Bv9lbig{rm)>=N?toY%1uhMyW*BfDxkE`O@<V
z<2hgBzQ(#X31j8H{HH)QSmuO-U;--};@?_oPTv!iU(x8EegCmt8+5(=N7B=T3#lDC
zjN$gGs0zl_Lu_V&n2Uwg!G2;9ahId0)7HI<I{2ic>aL7AROn|&j)b<y#d%)p1$rR9
z{Q~k4I#ip!wU|Miz|$B1HNZ=uq`1tpN=ZU~tM<Ftxi&-dz5~D0Zp6hdExhTw=xl9%
zom-O&Lc38VOeG;~$q<GjuOjgdPHfESsb}bg8!)N6;v*RShu!uO0FK_4oT|Sk0I&`D
z;`=|7D~@f)%42O^BBe)W%Isd%r?_Ppa1pS=Ejf+t^4J!BE<wR_>-V<!f7#Db7n{4o
zvBm`qJ^xKhbP>Y+BKZVu`nxiMfKOxd?-oh}=VKh}jNy7!(?0ffuoq<>N})qk`{icm
zUsa-OVPZMVvw2cR$77`%{2!9OFY~z$?zf!4$0+^174WHkmRgJ=7S01K$Bi&)z<Umn
z_CZTPYyNnXw?`I<dO`Tuyr?8g`tu)Ed1iv=1e;~a!=^pCFiKPg2;g6<|Kt~~^uIm7
zUJ?MypHK(WDHPZw;{=hEu6_`^SMxOFiUDENKU)2<byx|4nZSNBzwE68wz*R*NS#8d
z_2|NOks_~KU51QClX~fyzV3Znj9kh5PlU?_1tcMwG!n;3Mpl{Un#e2s)ZGfHf47=W
zDP#SIi_aq8uu<Vvt({e1=t~MA)Dt~u-ISu4xjDE);tKi7=l`+ymO*uV>$-1(ThIVO
zCho!AEx|3p-QC^Y-Q7vh;O<UvcXxMpxy^s=Tl?I)XPs5|+x@VMSyTcAJ!aGWj?wRU
zp63Tk^g%}5`5SQwmEr!BrPljEyVNl8KoyJzgZ%(h*HTMa%-!%j_}+St<iULGu8dx+
zztUSB-eq!+-bHtPA;Ma40KJYnM21o*_4jxTQS!?p0q{E>ZU!pt-U|sb^m|OohY%qk
zT=d!RgRLNe47l!}x2l7}0a%}gbuV7IDH@-W`qjtk@r}~4W$E`5RL|+7icdGS=itvR
zPxAvZikhrl$XdC<z4b7<WYMb^hTurkf*=9jdF;rcnDI*``}b%q2-wP)B(T8TCBLP6
zU`<gvnD9d8qvqqCfbhk`V=u!g7g$Nv3)a8<iR!<hf10;_*c-N7aJQ@{K!{tZ${!$U
zUXrf2dXy=b+rO95^33G^Cn4YaJsf-qppUF45_;<wk_OV)-(V8;)ki5Z_!*T&@G4T+
z-+Om!yuZz8NeEM~7WG*W=h3`tWjfZ*P!N^amFxfx-O9x}Wku!vcmUZ!qeGz)4n{)E
zT|zytEr9p7#zC8}vq<v?mUc2tK=$}*uTiRPL151&d0BcQd@4QX45)~NzyWH+>nGz5
z=lY(=uknpN%;1&x=uki&>j<3LSP%o!`{Csw)+ZRmc{q`2e+j-0PgXc14rEZCiY+mu
z-4=Wjk#y3WnBV_sB1f(;H;?$Q_l60!SN?tQ(xbrO#;3ZM_-u2=OqS8fJANohWift)
zIAv<BZA{mhFmuL9X#*E4FQ%<J)C|lD`=1{MECA3xLgce4JzI^F21&qtEED;yLh5}~
z!0X%$7})dUWyL=i05H0L|7rvBPtS#dp8gA5^8W<A{I6epPW=#o*xtr{jQd{$_;>O2
z(cW~x(cLFDc>ilO{~FW(?sGdCKqD%rL*n{3Fvb5K_j(v`bS?XasQ*Y_DF?Rg&X0z=
zNB=Fx38--YyzYsBqho?j|MkcG-;M8oPG`seoX-EbI{)pR{=QcD|8TQg_W@bKZ#PGH
zRsXpzk*o)FfP#?l^T#(J5!v2XCI83QJsV&Ref98|=lYLD2OlE&cQ-WdDbYWr^8a+(
zTfJA&r^gDX|E@#-rjYW!SJ96_&Hrn`{NMijISr^|Z*9EC|AuS--|x~J>Ai|}Y|#G4
zH}v*iMcd1f-2QVF^#hKMZ`}~~AFF8ldlfx9>R$cNRg?fY`v08H|Kl0$_@C4HKUe2}
z-`fB0O7{PsoBde?<{jo!rrt;dAUxtEQy5=FMjvn4M*tAbP^Dg9E+7Px&F1%6+RAmt
zs0aC+pIfW6d$#6EBuSgjm3b^>;L8L<$cBDcopClQ5Q`HAa^2HpgLZ60305KMtk!6C
zbaZ6@$Wsmg-SC#9YOr^?gNS$gon@<8FW$Scl?JHeVncDI?{$a21s2Hd`}y8(0JPeP
z<!z7Rrwv<?&h<85<zb>4$YSPR6Kaa&#CmIrECXo!7W=OD#)i;jxCw!1s@M=T^3`b{
z|Kg<bft!9WQiW755{<y=%G(UcS2c+D(5M4oWVr0s{O_@~#D8AvVb0CP2*`Y{l!%1d
zv10|+#15`kK4U%sJ5JlpXKitS##{^tLD`ZGFc2kx@_~=p_*I{&FPb1dnJ<o}=Ot^d
z++dx9fX}N=rSOLY;0xKvG7qo<bHH=@2d}e-2T0vJ;6JhNnfm%7!{GNg9}z@P7ploe
zSEy8~a`lIk8Af+hq9HcFec%&zyE!CvyE{z)(8!_y;bBXTXTm_qKRrg6SSi`j@wq%C
zei#(J&)Ujjy|-7qbGD*0nP({QkZ)&T^>?$j^#s#Q|8z9&QuGGw^5nO|rUDx!Toe|Q
zu;<&0QzH<twUd{mDIQ9Ow%n^kR~9`2FPLW=26j1JaHDHMt}mDDemgHHXW0=x8`~_p
zt9(?^Q7WYk1nD!H&(m*tFgqU4FDc4P{VBG;S#(foe3J~{l`Z<BL15-ena=YYu72QO
z;2(DyiAQGHQtjD$#jByqB%-pRR6m9XE(eS`A_}8tui~9!KBZC3$atAE8ge>js@>_D
zrMftB8F2uczOz_s2G&Vzwc29&bb`M~<00Uffy9u;y8IBQFNXHwS;}1>=P#leYi?5A
z-;~HVUu^TjCzw55;<l~6Erg|b!Eu0RpS7fdw7@Few!+tKj-#fRT{EoKSKI#7RIlH8
z!LoZb97voenW$Ulk@@vLVxiT|X`$V#9RZtJ6r06#TcziWH!G5zu6Eaf^@S>{wn5VB
zJf%1)ZR|A0ElDIKtn_jwj$!7h`PL=?!qNfEE|NBBkF`ZldTT%zq|e`IStf_we&*!j
z)Hk<#g|m|x13a2Jo!F^vobixTEenH@oNE#C1Da;rJeN#bFn~P}|IP%u;iyaa`CC{F
z5a;TCb(A>GVls-v<#ztz>+72fplc~T5&aBLSiw0!Uw7h~gsKbfFJ3mhy<TpT+<~p<
zchUR9<q(~m`?`%wzljO6Zk|BpmRCfcd}c$yNNU4l^f9~VPbz4`m{FEZj510N|HxUr
zx&9W7pTHKZhOFW~yZe1b3SpFwKcL@HyxbnJld~$ihXXyaHo=2jLi5wd8OXP*5Hvj%
zu|JE_;j>0Op5iw;OP!`U%2wq|kXGaO6Av)CyUWqVaNLWSjY;^sveqIF63krYOH3dx
zK(_)L;>4wD_0khtYsY>xh`gj;mRy7>Q+bI#rQ*Gd8Q+X(B_`@IoN1st!OzNouZbR2
zi9Nm0G3xu^^13Y?RkofKYLKLrI5)P{udrEgDMzX{t>L~U<O{^I*&W~Ut}>vnYTy>|
zwy*y3M`$m$Paj-_2O8xaz~<mdL-3LmhGQIP?=GeL#F9$`(0_WiL%p~p`D-;(F93nD
z3x<DMCDh-dkO7+T^%|pW+ajiemb=^$jY(X)PndYp47mPjW#O6ye5yMoGPrxn&J4<z
zFBE8GlF`#eFH2ij*E4pqj-#!+@l=L1lviotb{VU^Ok8<4u|^|%jt@A4{;J>9pBe<g
zUcVDuU&78gH7H#`lR7=lzl~<t=vQ*LvL0r7=HI_C)(B3wMqXi8JB9Lp2;d0$Z5VWt
z_4atig9BF<`vLYD`h7Vz74}-r$)xqB)E&M5W^yW8?3ZO@S8z8qbx~{yNT+(JM8XZU
zZh=sf)cLx$!R0?sP>8q`#fqh|y%9J=fWSRwvmoZ?rhOaeGcX>$!c7(n#C+y!<HM~G
ziNZt0#idr}J?{XgTqSk3XU5fWvG38?H|Fy!#iDo57WaHO2r;!ebg~7^+`U3B_Wb5z
zCQ*?SzeR=s?SxeLEs(_28zNwf5n4X}F)C7~nVMO{S42b{4)l_g9)n*OB+<U8lBYC7
z;j=TRv2l6W#WY!E428AEX=MAWsmLPf?J;<C`&B8Bb(kzFAqwwavPk*`xS-!jM3jmp
z$tX&4hYhdR=}{QRadWTpgf8~cFZ*hhVNZadC=*qM>HCXjgX4=9hs(vE?}w9B0;Ljz
zX{8b>_-L)v<>1dbM&&)m&}YL(RAu?n4nYvP5gghozpYtQ-b&tfv{l^BOQs+68#%H@
zUa-X;+$-UWo2Av`7x6`A1caVh+pKp|O^7|P?|#T3%UFNfG`m3Il+NO%$>4HI?C%%#
zVZ*<~yJv(0we4GLiNk^#w747&NnmPSzB)Vn*k5<rawO2k+(~49Q583$#6B`1%^Uae
zdr9&-`wN!_3CstU|1@gOFE^1InUtjapTEiJKOHz+iWaTPGOA7byIgcnNnOw`1Vk!n
zx(F=-ovKZb^CWQD{f0&*-J{vkOW-6){E;u(?!)(rPv@}8=+y8+;k2AZ|IWA=gy$+s
ztJy+vkH=y%xozn1*I^mBr^`awbn+Ht`V7_<L{l8C@QPx|OAiF_(K$SSR_gs|HNTY4
zi^u#R3)ek@!6}`=NeVFdDt1Zlm3SYv(TbESb;UCtrTC<E{Uh0?!S$`v_I)fwagXfJ
zU-Q=LQqC2fmI<rQADSlVDMYF=jT)UW;32%BT+{#3EpvucpaHo70P5#4_A`FdxOs1F
z2a8zAUy=QL;DQ|vzX$MV$?mF^pfo`dbN|<+Cpq!`4?8Ht!u`Nhs$<JUC=$nq1B8~e
zaUQFw!`}OiUueCyV$L1)*aFXH_2j^!!P8OWgs88@PmaXxk^54605exOGv9M|O0Av?
zP)wDB0wRqu*z`u=e16uNDxkF;8eS9T^gWlugB1HKuMeh%fZ9iPj@Z25SPTQ~hkRF9
zIg2v6&*svfLi5qhV=sK`W`J$A9`P@wN@Eg#Zdj0v+q!21)K45YCre7K07eGj#>4|{
zY0^HEM}ssmN_%B;V|@2BFC$p2Mb_7ixRScfs@(C)aqT87L6P_9%=t>a%N{ftm{~n0
zI8Y_Zqt%&=SdQM+?uhSzhEpLCm(AvP${z%lgd$eG=)cBom<q3w#iTm${Sniryl(C^
zWwm7Lfag7Hv-eiL$lQ?Fw(-xxxMh|59FnsgAg*HvkfHm2oCRQ8ea3vu%<=$e$f&M+
zt5eOHyy4>AUjL3k1dut=fSoE?<p6N-vuvopGar9jJV8xsHQMIEuK0a-3ATyaUW3W|
ztfuiVO3z$5-NV%$X3uaIgI?eP5-LFH8GqaS`+IASOnCnT+BK6}oq6SM4L@I*W~=F?
zn|$GqPS3@%8$jp2P@&@|_TA(8-lmgUz+dp)#Gfm5#64bbe;`{qI9sAJwLP!g>{trq
zZu9LTeK|jxulx-G@twT21~Hh=-tlbJ!Xq9?0GUdc2|*>zRVY?0JDDBixm(`4SyVIF
ztbVrfC<Fp}XB2jBu(+fmBcE8FfBNYHl%6XCF>)j`Uy~tP5zQo<A;jdU2#MY66mypA
zW%LJ^ZWOsXy&ZR1W)XScNsj{Bf$NdJ;aj6aOokkhd`n)cu-nX7=0k;_B6?{~CFy+9
zuu@SOb5AmQtyXY6<V%s7<GD3hxqryKJ+e)+#bnKHmgZ3LJ|<iEeMCb@cdj10X(>N^
zsHez~pfZ&XZ<wc&(r=dSmfabSSHzpzUUPiX(I`}(xaIyd*9kYW*@#qm!iLMex5(|e
zBd`D{xjFXwcos!+fR1%UOzs?$J^E((*ouoF#wiDBu!C0X4@DR0BbOua#lH+n2QDtE
zHd4P<bN#KNl4B$UuN%oHt0XOpqWP-V(=iSzV+u&T60au<ouyr>q;uGJ0-c{u>J0!-
zqim5Z=>rh|&(j=NI94#K5$(WrJCITP^{??>)2^d3-%+-|IVUOkZB|m(j-BX%t4p4J
zMhhxtj^4^JII0WFZf&`(5#c~I2NiYHo`4fAADPHqW}GC)q{K+GM^LgFE2%OOOO0fV
zI0tE=>Gai`^F51-7j@UnaqpIr!ErvkESVAZfd(;^$>qY=xxBSardVl(sIk;NYYp)2
z%JGm(S~V0`p}HU;@ze04?aWv#7W?S_>((Uwjm{xkNyvEak41Tw+MF)g_TKuUdgWL%
z-<^Bf8JX^5&EdnMR|<%0-Ki*(zLqjm#%n%pJr6s8)Rho3+R3hNwPtz0_X}ts4JHZ?
z?uipy_%e#qp2WpTE!l~6(F!qn8O?Bnj7N){gc`-CJ}g5r9<`J>-s1C6l8>b)iIc)f
zG}VmG^-<wu?c|EZNouCxa@h9AQ_5}1v2+?lX*E#sS#cA=Bspz}=U#|56bovib?v)(
zkZoWo6(~Dq5k}M<Ry(%sZZCXx)kNGseznDZg&B(wxz_OcA)JYUi$UvU&T+cfqAipB
zTzS)=FP){jYKkTo-5_!$w1B3%^i9dd)xH6H27Tyjw%_dA$-rTm277s&>niE>gMEEw
zF`J)L|CbRhl%ln>)JHtu`am{`!f~ITUBEM4zj4m-Ao2idoQc{}y_h((b>(4t1MXnW
zOIXkadDfnuGAY(+j+L9z7IijlL?!69@Tu>~-DH{zX9>x)Ee3FTFbO@@QqVpy7Sv-V
z9b(%S|Fi+<JY9}IDR~9^LU8U@|9~6q$loj6G!0Omd=&<=_G-guusAMLcy6ZU^2d^M
zz1PMnRdfR)*O1<5-uGDGR3t?GmKCHl1M|q)25+xAWmzSnrw3GiE<&<S8|e=lWz5u9
z6dUQUR?bvy3?p*bKIEp)ZO@T1p(j?U_~m+*4d#Q2OX^7<&tH7_4DJHJQC$!GA#z6v
zT$uLH08<krY|fR@`HLDK?@dg&lh-{8WlCc(^O)L@TGDdeR?91lhJGE7;<e>K^5V;?
zDxk5V=4ceC%UJqqL`*Br!E-0RATIs{CPi`rI=w4Z>wYA>-_+T`OhDQi$VSY6uBwo_
zJj!v&&q`tGbQfyn6-7vA^B7(uSm%>^3gk_nAX%!tNv$1FTJx_I6U!kcA`(1L!_z6z
zbiWWXSzC1?(vv}?eBhuAh`e8Ro8`c3|J9ftNzH<PMmH^6wa;=}lTg4q6lwQFqV#w?
z$y-smbPB#9VsJZQV7Rp9$``1?^VJJagX(M7>xA`mQJ!mL)g-MKF(qpBT50A~P{!Uj
z{fm&BDuuI^Z%L6y9&+E$R%C6xIx%8t6VBGCLt33C@V9+ctaT%B5%|b3iMmN;9&z*6
zMlNSr$MDmm=+ta&TT7<g@L$@$xD0R)oiCfF(4DRZ4_&9!Yi4O_+bCmw?oaO9&O4AV
zOgM<D-+FU5E?d|9lipf0J)$Dk{<LQ>`I=I8Ms&YcI#*`U#u+&_9()wTC{ez&TkUqe
zfMTBc75%1hg2)PV^?c4vJ17H_vb*T6oRy&G=f#?(Mg1Te-lqCut1zCBi>MJ$XVrVg
z^Tc73@!n^%gaYP!HovBB207X7j*S@a&w_o$<!w|Ji!~t=zk%nafeM}O;oF0$0*T)6
zpWuIQeF3Wj2FYRI`nrBH3j~|Vu(Km03~s-d&F%5Rmu5nemfJ-$+2*=C_NhXn9cF%a
z_iGdfYt78t6{j^Z01`303na$QQd|0C14*b^ByNs-J-Ujckhtf-_Y;6;#s&vi!f(ib
zVEA|m`kk@;p|^)Al*c{1v3IN^kwxgy?nb%J;(=%RWIpv{3;uPNv(`IZ5|LM6q8mB3
zb5qeeS_Mp9oNc!=_r@va(*lVNU!cloTP8b7jaOunhOj|}9Ua5rrz|VC3w#JE)oQD$
z)qMztAiU)+>PoNOx-HwWdy0=%2Vpn4Q*1cQP)%-CbGRQ(c9P0w@`?~wovX1pf81Vg
zj|fv-P{*l3d$k>?t1KGhdn^EJ_U!@kEM}oVB>dAWO{?<-I5ccXhJL<=f|7DWjVDg8
z=AWLjm3zGCmY%1oBekHfE<mzVXXd_-ky$~x{&u<K3T+k*Vr6J=6Zh3<1_M;vu^@C$
zOmn-snLn+Yp23x2EU@=2L5LoiZay9Rayfanq<h@OZ)85uKXsEr6I{yonj=m&aF$l>
z)Ms4KiYWa02RtFz>uiWR25!i5rRjkRyTD`4{)e?%zm7^hkMeB*-rR>kqHj%n>xt>F
zfE_hu+%4}|6`jZ0jAgab%3z`SHrHGenJPi;b94c3snLn8+O5@nkbhPL22N>4n=OEq
ztJCuQ(xCXQWQEX*ra^*n&)zdX=#=y8*&5#%^TJV>u&glTmw9z5?$wuaIYXYdx8nmv
zexd$-RV!+quWOdg6zFyZ2?yA>haoCDRog#?osfY%v4KVfx4t467spi-SY9*}3tO70
z!^TgAX$nn>*LaLaV;%sgN2p+@>mN{0G1w3cy73`~H74zkKP%<r;T4;j-4AG^X1yL0
zW06wLcSC@q3@7Hd?EsPNZ*v>U<i0!Y3cI0GHKlS*i&fD4BM|7zCGBio9@8L$OtE-$
z2LhjQ^joJdR|1*vIM$}O;!>^xZnC(|)`w0;<@V~^mM@BGUn;Ty^B!eF-^-)anyuvN
zi)*U__3Tbffms7AstsV;Hz1gfY$$IzVt;v^r^Kg)!DvxJM6x`k=*_0@S;f#(OmX$%
zQ|c=)PD9SoYliF5Xj|I8f0gn(t98w3$=~#=FVGyzs)y;ZXhn$JjsF0eLn9JYFRgD|
z;|<?=Nd$i8D&}fZVC^aM4$nVRg~xP&$5rdG>8|8ePj>|HXq#pZ08K8tXASd&+C)I;
zrAl*3nl^eGOCIJBEos6ySjZDsny)eB2G5#=qM&7md;LtdjpX7nWJFdFR_tp5=@;)e
z$Vbc*>NbXS+wG%r$tM-=@t``qN1f{1Usb*`{AJVEA^Cn5zs;j1eE#aU{D7kBtLby&
zO!(MN?h8}y8DEy@sQrSz+L4xqU*g<rD=q%<voP<<OY6Yd=7Q)A?#}iQwv}j3_)jl<
z=hMEugPgEjpp!IQ)@tz<O?US~c6OSK{M%Ru#H_Kj=~jQT<UoKM(v74MnyRgL;*WeK
zw{n*^^yk%9I)J>Or%Nm)e3|nUp00&}%kelmUn;FB^KF*bOO-5P9A(XIOt<228l%x@
zL1K675Mxbj!kgbL$!x*u%7~FcziG<@&gR1$h_!k{REm~IIZ_kRZsxD}ZH>ydnN;p7
zff9QC$t-lsmGI%+`b!2HsqB@5D|T#+mx^8V=P~(lyQCvK-BXR_qzuLVwKOVv=juHP
zUTUlOqtk{b^BzbSsrEP^7l8BhOt~V(UH$>x=g0ntv?d2}xy7rzA)d;nGKs|>X2!b5
z55$V>=*BhYlna0g>U#S7`dE^?s4DF#$`)t#YVe<z?VPUC<y7y&CA$^t1zXFgB}exT
zyK1ck@*PMXujYOPLu9%w)BU+<IG&YI@}TjU$@aTt>0o@Itc$Lby-VKWI^6JXk7we1
ze<;`?NwaSJi5-gT=ClMB4M5b#An<fx1vS6XI+61Ydg~_&9v<yERHp>GCKNytaprQr
zT`<b$`ZC>qRMs4h!@`ZeP6(JV9k2SfMesfJ4JFlH>gY}cp)YaWuSVE>u_S6uXJWIn
z3AUsvjmGfe%$H8{GXQMH-rc$%Qfi&eE4vl>(_wMBKF|~EZHDxP@<(Y_0l+?`KpJ5$
zF#z`2*zoBA8rnL&W)Lr<=?gqM1*G;JcHnr_$v;=K1;DqYs&)UusQ`Upj?adc8-NX$
zkQ^cs(8E%0F|~+Vf8zdh7s6(RH&$iy@O+g28`Tg;Tg2RM_|d(=H5>7`VGL%tG!y1a
zZaof^s;lIJE>zApC>Fcx^bU5(A{}_hRUDav<7YaDA4`nQ?^GXf!*W*m*h5ayI=NPO
z`YrsM$vkONGc5~k!xuG&(w&AK=<Nlqy40vI>PMRO74gGp1W&cAbH#{_y0vu9Wo2Uv
zMRvQx41)OBUE!wcURHtIjWCVA^Jih3U*cM~KSAL;QIONIQ0~rN8)tC1QxY8_6}%MC
zrKR*xtV`^B&vhpfW2&EoD=MnlpH~Uzm`|2!N|slUn_*raPW+T=JmGbjaQ<OGjWwQP
z-(k`;+LZYVK>CPEMnT+2{|o7}aGwyQU*B6C1z5dQx`%EvVvK6ml-sih{)O}*Y~+ju
zkUqafq6Pt^kD=o?<DP5*!IPd8J1WcLxQOO&B+s@rAAS-zAs)DBNz@zixk;WKMd;WD
z0RX8}bwTkW%)S6QCH<QkWLQmnvXrWVxG<x#$IqOJ&kagMv?3Z$ayc7S_LrJ=2wH-D
zJMb}#6$c1gMK)e<e<t^1P%U4oc!%%p!-k(s3-m`a1fa&OjQmlKm)scz+n&iES5wg4
z7o3?14xITH3v*@^a+G$GT|MQMkb(qNei^}dPErSbtwCR`f(MO+>PN>MjY-V39Mov4
z!Vbr)BBnQ!dEqxu*Ul7!JJ9$kiA@dkNugT%4<BlBRPREG83`H?!ag?X{XG81fKs;o
zIxK{9zPZmzE?z>J!V_UXOR`Biod&)+&_jc{6YLsC05N9;`fV4f+!x4iy9=C@x817h
z-RF%MSvLAsg<)zteNj@2nXtcAK-|i9LF3o$&7FOL-VXJJJmJPounppGO*M)W&NO4`
z9D1t;h4IUce*nv+=s`W^K#By4@bmHSvE@`wH?MM6wQ%{3%bGT{(SvOE)pwGQM1zpm
z#c;>l!!*2EF`}+l3q=pitSEiki&q4xNUt#&;iLMinbGytCfyCe(@U0KKK>aO!k>ED
zw56So!Fmfq2;@<bG_KD^*BKB<oGomuw-yuz@+Gwhjm!j+9Rxkxg?L`lx7$%~{kbeb
z5kLIw&dJ!bE!_hUxtVYxlua@pw5OZJqU9;0|Efn}9VWoYNPOvu{D=*JeAWSwPx;TY
zmY_e7aIYd<eWMyIje<Y;zAegEUG6+uD%kLlm+>AiLdhTpE6|gCLK?>Q$kJ0Iy-_SF
zzymlwZGzCKy-C<@{mWV$3g(AXB@M2X`V5-M#Mkc_A157u*GcDQU_K)#?_6%QivS=#
z^t7{%2UmvKpA6VmAL5pV&&9oXC^qJ3CF*KY3_OPLL21?ghzRRhlPVidht&I#kf~Td
zbyhDFe0|jCJvf`6t`1-HYAzN|@wZPvT4Fpm%f|7|O<14*h9B!C$)uzVGTDDXK`Ygy
zno)U7^57JHq2Y{c9GTp^c0o63Var53EUaz>9~nONI6R=&da78zS1lJ55j^a6+x!V4
z=_MfZ54bLx{JWpD7YKyH5b)up(^y=xMO&G+?kw^cAMG*H-eX>2trCLbHAd|@Lw2VX
zGfZB>)LZd%TIlJMPYxh;S#<HKUz>Kd59)xJ?9t@4bLy1F3hi4y!$bULR5Bb@>AF8D
zM+$D9m^az5Nw^19{ney+vSU%PRY!us?kLY`=~F)ILv!WWb%0AF+G5N8_5opPl^rx(
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
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/278] 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 d4e9eea8ac6..cfcec1b1c3b 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 c84bdd45180..6b5570b5e60 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/278] 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 cfcec1b1c3b..66ab8618ef3 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/278] 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 bd4ecd8a317..c5e62c0caf6 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/278] 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 a179c022939..e893e6d7912 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 8cf9ea0eb8b..b677bc6a745 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 66ab8618ef3..aaddd813ae4 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 6b5570b5e60..6e5fa497a8e 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/278] 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 aaddd813ae4..f4e064457c1 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/278] 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 dc9a1f0b2a0..b7994b8f35c 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/278] 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 277be46a016..a0a1a0e19d2 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 ac18a122a42..cfa0ddf2887 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/278] 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 f4e064457c1..83687a16172 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 db206b3e95a..998cbc1bf06 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/278] 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 83687a16172..32bff25cb61 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 9f44d2e1aeb7bf506bbd6a5dd9c05c2d163bd210 Mon Sep 17 00:00:00 2001
From: donotlb <donotlb@gmail.com>
Date: Sat, 16 Jul 2022 14:34:44 +0800
Subject: [PATCH 017/278] fix: avoid including line numbers when copying the
 code

---
 .../syntaxhighlighter/syntaxhighlighter.tsx   | 29 +++++++------------
 1 file changed, 11 insertions(+), 18 deletions(-)

diff --git a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
index ba338868ca4..46990d11d82 100644
--- a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
+++ b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
@@ -152,25 +152,18 @@ export const SyntaxHighlighter: FunctionComponent<SyntaxHighlighterProps> = ({
   const highlightableCode = formatter ? formatter(format, children) : children.trim();
   const [copied, setCopied] = useState(false);
 
-  const onClick = useCallback(
-    (e: MouseEvent<HTMLButtonElement> | ClipboardEvent<HTMLDivElement>) => {
-      e.preventDefault();
-
-      const selectedText = globalWindow.getSelection().toString();
-      const textToCopy = e.type !== 'click' && selectedText ? selectedText : highlightableCode;
-
-      copyToClipboard(textToCopy)
-        .then(() => {
-          setCopied(true);
-          globalWindow.setTimeout(() => setCopied(false), 1500);
-        })
-        .catch(logger.error);
-    },
-    []
-  );
+  const onClick = useCallback((e: MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault();
+    copyToClipboard(highlightableCode)
+      .then(() => {
+        setCopied(true);
+        globalWindow.setTimeout(() => setCopied(false), 1500);
+      })
+      .catch(logger.error);
+  }, []);
 
   return (
-    <Wrapper bordered={bordered} padded={padded} className={className} onCopyCapture={onClick}>
+    <Wrapper bordered={bordered} padded={padded} className={className}>
       <Scroller>
         <ReactSyntaxHighlighter
           padded={padded || bordered}
@@ -188,7 +181,7 @@ export const SyntaxHighlighter: FunctionComponent<SyntaxHighlighterProps> = ({
       </Scroller>
 
       {copyable ? (
-        <ActionBar actionItems={[{ title: copied ? 'Copied' : 'Copy', onClick }]} />
+        <ActionBar actionItems={[{ title: copied ? 'Copied123' : 'Copy', onClick }]} />
       ) : null}
     </Wrapper>
   );

From df8d5818143aec9c2d780c82784c0c24480df71b Mon Sep 17 00:00:00 2001
From: donotlb <donotlb@gmail.com>
Date: Sat, 16 Jul 2022 14:44:37 +0800
Subject: [PATCH 018/278] minor tweaks

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

diff --git a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
index 46990d11d82..da4ee831afa 100644
--- a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
+++ b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
@@ -181,7 +181,7 @@ export const SyntaxHighlighter: FunctionComponent<SyntaxHighlighterProps> = ({
       </Scroller>
 
       {copyable ? (
-        <ActionBar actionItems={[{ title: copied ? 'Copied123' : 'Copy', onClick }]} />
+        <ActionBar actionItems={[{ title: copied ? 'Copied' : 'Copy', onClick }]} />
       ) : null}
     </Wrapper>
   );

From f711a09b78fb8d7e6db697619d0460a7e3b655db Mon Sep 17 00:00:00 2001
From: donotlb <donotlb@gmail.com>
Date: Mon, 18 Jul 2022 22:26:43 +0800
Subject: [PATCH 019/278] remove unused imports

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

diff --git a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
index da4ee831afa..50e2988be71 100644
--- a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
+++ b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
@@ -1,4 +1,4 @@
-import React, { ClipboardEvent, FunctionComponent, MouseEvent, useCallback, useState } from 'react';
+import React, { FunctionComponent, MouseEvent, useCallback, useState } from 'react';
 import { logger } from '@storybook/client-logger';
 import { styled } from '@storybook/theming';
 import global from 'global';

From ecf85d1ef15501b60e405423c8b6a11bb9ce2f7f Mon Sep 17 00:00:00 2001
From: donotlb <donotlb@gmail.com>
Date: Sat, 23 Jul 2022 14:55:18 +0800
Subject: [PATCH 020/278] improve copy-pasting behavior

---
 .../syntaxhighlighter/syntaxhighlighter.tsx   | 59 ++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
index 50e2988be71..5d6417d9116 100644
--- a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
+++ b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
@@ -29,6 +29,8 @@ import typescript from 'react-syntax-highlighter/dist/esm/languages/prism/typesc
 
 // @ts-ignore
 import ReactSyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light';
+// @ts-ignore
+import { createElement } from 'react-syntax-highlighter/dist/esm/index';
 
 import { ActionBar } from '../ActionBar/ActionBar';
 import { ScrollArea } from '../ScrollArea/ScrollArea';
@@ -76,6 +78,7 @@ export function createCopyToClipboardFunction() {
 export interface WrapperProps {
   bordered?: boolean;
   padded?: boolean;
+  showLineNumbers?: boolean;
 }
 
 const Wrapper = styled.div<WrapperProps>(
@@ -91,6 +94,15 @@ const Wrapper = styled.div<WrapperProps>(
           borderRadius: theme.borderRadius,
           background: theme.background.content,
         }
+      : {},
+  ({ showLineNumbers }) =>
+    showLineNumbers
+      ? {
+          // use the before pseudo element to display line numbers
+          '.react-syntax-highlighter-line-number::before': {
+            content: 'attr(data-line-number)',
+          },
+        }
       : {}
 );
 
@@ -127,6 +139,45 @@ const Code = styled.div(({ theme }) => ({
   opacity: 1,
 }));
 
+/**
+ * A custom renderer used to process `span.linenumber` element in each line of code,
+ * which should only be enabled if `showLineNumbers = true`
+ */
+const renderer = ({
+  rows,
+  stylesheet,
+  useInlineStyles,
+}: {
+  rows: any[];
+  stylesheet: any;
+  useInlineStyles: any;
+}) => {
+  return rows.map((node: any, i: number) => {
+    const children = [...node.children];
+    const lineNumberNode = children[0];
+    const lineNumber = lineNumberNode.children[0].value;
+    const processedLineNumberNode = {
+      ...lineNumberNode,
+      // empty the line-number element
+      children: [],
+      properties: {
+        ...lineNumberNode.properties,
+        // add a data-line-number attribute to line-number element, so we can access the line number with `content: attr(data-line-number)`
+        'data-line-number': lineNumber,
+        // remove the 'userSelect: none' style, which will produce extra empty lines when copy-pasting in firefox
+        style: { ...lineNumberNode.properties.style, userSelect: 'auto' },
+      },
+    };
+    children[0] = processedLineNumberNode;
+    return createElement({
+      node: { ...node, children },
+      stylesheet,
+      useInlineStyles,
+      key: `code-segement${i}`,
+    });
+  });
+};
+
 export interface SyntaxHighlighterState {
   copied: boolean;
 }
@@ -163,7 +214,12 @@ export const SyntaxHighlighter: FunctionComponent<SyntaxHighlighterProps> = ({
   }, []);
 
   return (
-    <Wrapper bordered={bordered} padded={padded} className={className}>
+    <Wrapper
+      bordered={bordered}
+      padded={padded}
+      showLineNumbers={showLineNumbers}
+      className={className}
+    >
       <Scroller>
         <ReactSyntaxHighlighter
           padded={padded || bordered}
@@ -173,6 +229,7 @@ export const SyntaxHighlighter: FunctionComponent<SyntaxHighlighterProps> = ({
           useInlineStyles={false}
           PreTag={Pre}
           CodeTag={Code}
+          renderer={showLineNumbers ? renderer : undefined}
           lineNumberContainerStyle={{}}
           {...rest}
         >

From 68d403160c0c6f402f72855bd670c00c17c5cbd4 Mon Sep 17 00:00:00 2001
From: yang bo <yangbohnzz@gmail.com>
Date: Thu, 28 Jul 2022 23:12:53 +0800
Subject: [PATCH 021/278] fix: canvas support expand code for non-story

---
 code/lib/blocks/src/blocks/Canvas.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/code/lib/blocks/src/blocks/Canvas.tsx b/code/lib/blocks/src/blocks/Canvas.tsx
index 5c222527338..3641b422911 100644
--- a/code/lib/blocks/src/blocks/Canvas.tsx
+++ b/code/lib/blocks/src/blocks/Canvas.tsx
@@ -34,6 +34,7 @@ const getPreviewProps = (
       previewProps: {
         ...props,
         withSource: getSourceProps({ code: decodeURI(mdxSource) }, docsContext, sourceContext),
+        isExpanded: sourceState === SourceState.OPEN,
       },
     };
   }

From 4ea22da7367559b9e9344e28c49610e32bd0ff7c Mon Sep 17 00:00:00 2001
From: yang bo <yangbohnzz@gmail.com>
Date: Thu, 28 Jul 2022 23:28:16 +0800
Subject: [PATCH 022/278] fix: update withSource=open example

---
 .../stories/addon-docs/addon-docs-mdx.stories.mdx           | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx b/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
index e23e82ee242..2538ddc4d9c 100644
--- a/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
+++ b/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
@@ -196,6 +196,12 @@ Fixed layout requires custom `height` since it can't be determined.
   </Story>
 </Canvas>
 
+### withSource="open"
+
+<Canvas withSource="open">
+  <h2>source open</h2>
+</Canvas>
+
 ## Docs Disable
 
 <Story name="docs disable" parameters={{ docs: { disable: true } }}>

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 023/278] 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 1ff40b65251..94ac5cb4c9f 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 ff9ffcee435..1778633fe65 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 6facace48de..888f1a7e4ba 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 852f1c6217b..7b62abace14 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 16fc4450a7e..7bc30bcd0dc 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 9a043685492..2f1816b131e 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 90b8438c9e8..80d038134f7 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 2774e7d290d..4eab7e5c677 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 f18b4cdfb59..ceb998025f8 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 95b842a85ad..f15503cd24c 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 e898ba68953..d18efbcb982 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 2bbdd89def6..60b338b400b 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 60379031702..6aee8981736 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 28e5e50205a..160b1784532 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 49bbb60840e..2c127939272 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 33ae491f8f4..e9ddd06ffa9 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 b0fafaff029..8ce5b4dafb8 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 e07aad25f2b..2239de4e631 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 6e4c379596e..a6555636ab3 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 b7d1d77820f..fd5d25472c4 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 2d724e8fee5..bae04aed9c1 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 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 024/278] Initial icon update

---
 code/lib/components/src/icon/icon.stories.tsx |  134 +-
 code/lib/components/src/icon/icon.tsx         |   53 +-
 code/lib/components/src/icon/icons.tsx        | 1698 ++++++++++++++---
 3 files changed, 1493 insertions(+), 392 deletions(-)

diff --git a/code/lib/components/src/icon/icon.stories.tsx b/code/lib/components/src/icon/icon.stories.tsx
index 92892d5e9a1..f50e846bcac 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;
+`;
+
+export default {
+  title: 'Basics/Icon',
+  component: Icons,
+};
+
+export const Basic = (args) => <Icons {...args} />;
+Basic.args = { icon: 'watch' };
+
+export const Labels = () => (
+  <>
+    <Header>{Object.keys(icons).length} icons</Header>
+    <List>
+      {Object.keys(icons).map((key) => (
+        <Item key={key}>
+          <Icons icon={key as keyof typeof icons} aria-hidden />
+          <Meta>{key}</Meta>
+        </Item>
+      ))}
+    </List>
+  </>
 );
 
-const List = styled.div({
-  display: 'flex',
-  flexFlow: 'row wrap',
-});
-
-const list = Object.keys(icons).sort() as IconKey[];
-
-storiesOf('Basics/Icon', module)
-  .add('labels', () => (
+export const NoLabels = () => (
+  <>
+    <Header>{Object.keys(icons).length} icons</Header>
     <List>
-      {list.map((key) => (
-        <Item key={key}>
-          <Icons icon={key} /> <Meta>{key}</Meta>
-        </Item>
-      ))}
-    </List>
-  ))
-  .add('no labels', () => (
-    <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 d70111546fa..7740e96132c 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 f2a39cb16c1..12a0edb06e4 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 025/278] 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 7740e96132c..531d4f8b537 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 026/278] 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 f50e846bcac..128b9f73a32 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 531d4f8b537..aac07647181 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 29af6f0c6a9..04c47c70083 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 027/278] Updates per feedback

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

diff --git a/README.md b/README.md
index 94ac5cb4c9f..ffd1395b161 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 028/278] 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 d2b365fdeb9..af6005e13a8 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 6a3f6d629f1..eabd93b87dc 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 038985bac85..abeefe06cdf 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 5107df73a06..59a60495a17 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 078e007e622..4b6d18aa54d 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 029/278] 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 59a60495a17..e80b2897068 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 030/278] 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 3861e946540..48ae0ec3ded 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 eabd93b87dc..b223a396052 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 1a82ed14b16..3a53fad6b21 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 378c8f4f342..c111afd98b6 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 569a952247b..7d1601e685e 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 4e279fde172..52b43124465 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 fe91b55ce3f..3896d86295d 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 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 031/278] 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 4e2903fd234..60e3287d58a 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 032/278] 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 1f7682d3d82..c2dd3df27ea 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 033/278] 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 683f711178e..1e40d5bacb8 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 c111afd98b6..7ef58930d3a 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 034/278] 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 52b43124465..b15bde0c204 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 035/278] 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 662b4f4e5af..471826ebddd 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 7dc7cabc6a5..9c89d37b60d 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 dc2cc97c0ce..08308638e4a 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 036/278] 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 471826ebddd..8b3faa6763f 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 037/278] 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 12a0edb06e4..ae89c1c0b3f 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 038/278] 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 1096620ef8e..e15b4fc9fb2 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 039/278] 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 3896d86295d..c7432f958e7 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 040/278] 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 8b3faa6763f..41eadcf626f 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 041/278] 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 01c95af66b3..8a4882ff3aa 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 a4809b8c047..44b28f097d4 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 042/278] 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 9c89d37b60d..d87e1e317ba 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 043/278] 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 b78cbcb9611..183ad41f69f 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 c2dd3df27ea..a13fdcb6508 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 998cbc1bf06..a8082ff2365 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 044/278] 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 08308638e4a..f43aed16470 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 045/278] Update lockfile

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

diff --git a/code/yarn.lock b/code/yarn.lock
index ade6ce663fd..be862bd6176 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 046/278] 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 ae89c1c0b3f..efeb16eec65 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 0ff2813f0ea..c60dacfd295 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 203386b422e6968c23710389925c7bf9277909d5 Mon Sep 17 00:00:00 2001
From: ezmnysniper7 <102904781+ezmnysniper7@users.noreply.github.com>
Date: Tue, 9 Aug 2022 00:58:50 +0800
Subject: [PATCH 047/278] Build lib/client-logger with ts-up

---
 code/lib/client-logger/package.json | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index d0f4ae20960..376f1850d61 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -18,6 +18,23 @@
     "type": "opencollective",
     "url": "https://opencollective.com/storybook"
   },
+     "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/**/*",
+    "templates/**/*",
+    "*.js",
+    "*.d.ts"
+  ],
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -31,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "core-js": "^3.8.2",
@@ -43,5 +60,10 @@
   "publishConfig": {
     "access": "public"
   },
+    "bundler": {
+    "entries": [
+      "./src/index.ts",
+    ],
+    "platform": "node"
   "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
 }

From f3966def1b3bc2c77347f75f03eada4d210384ca Mon Sep 17 00:00:00 2001
From: ezmnysniper7 <102904781+ezmnysniper7@users.noreply.github.com>
Date: Tue, 9 Aug 2022 01:37:08 +0800
Subject: [PATCH 048/278] Update package.json

---
 code/lib/client-logger/package.json | 29 ++++++++++-------------------
 1 file changed, 10 insertions(+), 19 deletions(-)

diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 376f1850d61..d4aa8b66049 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -18,28 +18,19 @@
     "type": "opencollective",
     "url": "https://opencollective.com/storybook"
   },
-     "exports": { 
-    ".": { 
-      "require": "./dist/index.js", 
-      "import": "./dist/index.mjs", 
-      "types": "./dist/index.d.ts" 
+  "license": "MIT",
+  "sideEffects": false,
+    "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
     },
-    "./package.json": "./package.json" 
+    "./package.json": "./package.json"
   },
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "files": [
-    "dist/**/*",
-    "templates/**/*",
-    "*.js",
-    "*.d.ts"
-  ],
-  "license": "MIT",
-  "sideEffects": false,
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -63,7 +54,7 @@
     "bundler": {
     "entries": [
       "./src/index.ts",
-    ],
-    "platform": "node"
+    ]
+    },
   "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
 }

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 049/278] 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 849cf28105a..8ab818d6e4a 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 962a2e0c514..ac5915c5dae 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 00000000000..244b9c5ac08
--- /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 1aa3804c6dd..28bb064656f 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 785f7e156b7..56ad9ddbab5 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 050/278] 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 8ab818d6e4a..8bf7ec94706 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 051/278] 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 09a0a2699c5..45adcd256f1 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 244b9c5ac08..98eae061aae 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 ae5ce55b4b9..572bc39b951 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 052/278] 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 8bf7ec94706..654800d70f2 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 98eae061aae..0aeadb9a3a2 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 053/278] 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 00000000000..f6abb9027e1
--- /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 0aeadb9a3a2..24da90dcf07 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 054/278] 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       | 66 +++++++++++++++-----------
 scripts/utils/options.ts            | 73 ++++++++++++++---------------
 5 files changed, 106 insertions(+), 82 deletions(-)

diff --git a/scripts/multiplex-templates.test.ts b/scripts/multiplex-templates.test.ts
index f6abb9027e1..5aad9524176 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 24da90dcf07..69abc3bc2d8 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 28bb064656f..52d35d02dd8 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 c73cb1ac5a7..2ab3138be12 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';
+import { createOptions, getOptions, areOptionsSatisfied, getCommand } from './options';
+import type { OptionValues, MaybeOptionValues } from './options';
 
-const allOptions = {
+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 56ad9ddbab5..ef431098dc8 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 055/278] 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 5aad9524176..ba54b301650 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 056/278] 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 69abc3bc2d8..bbc359aedb9 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 057/278] 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 2ab3138be12..7909ac16c1f 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 ef431098dc8..31a8b90b7e7 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 058/278] 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 654800d70f2..73966b8d038 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 ac5915c5dae..2f03200814c 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 ba54b301650..e280e5015c7 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 059/278] Merge fix

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

diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index 52d35d02dd8..884e5ff863b 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 060/278] Refactor `runCommand` out

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

diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index bbc359aedb9..b87914d4acd 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 [yarnOrNpx, scriptName] = argv;
 
-  const { options } = await import(`./${scriptName}`);
+  try {
+    const { options } = await import(`./${scriptName}`);
 
-  const command = new Command(scriptName);
-  const values = getOptions(command, options as OptionSpecifier, ['yarn', ...argv]);
+    const command = new Command(scriptName);
+    const values = getOptions(command, options as OptionSpecifier, [yarnOrNpx, ...argv]);
 
-  return {
-    scriptName,
-    command: `yarn ${scriptName}`,
-    options,
-    values,
-  };
+    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;
 
-    console.log(`Running ${toRun}`);
+    if (command.options) {
+      toRun = getCommand(command.command, command.options, {
+        ...command.values,
+        template,
+      });
+    }
 
+    // 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 061/278] 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 73966b8d038..20fb381fd6b 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 062/278] 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 20fb381fd6b..d2197b962c0 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 b87914d4acd..5dac1c8b3be 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}`);
 
-    await execa.command(command, execaOptions);
+    const { all } = await execa.command(command, execaOptions);
 
-    console.log(`${template}: Done.`);
+    console.log(`${step} ${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 2edc8c1563e..3e48a5128fc 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 c7d72426e27..e6ead6e2d6b 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 063/278] Small fix

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

diff --git a/.circleci/config.yml b/.circleci/config.yml
index d2197b962c0..c71502fb062 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 064/278] 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 c71502fb062..6936176eba0 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 5dac1c8b3be..99f0464f8b8 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 065/278] 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 6936176eba0..e066920625b 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 99f0464f8b8..85c601ce4b8 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 066/278] 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 e066920625b..867b71f9c28 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 067/278] 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 867b71f9c28..07234b7fa0c 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 068/278] 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 07234b7fa0c..5e309ba492a 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 85c601ce4b8..52544b70289 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 069/278] 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 52544b70289..799f217aadd 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 070/278] 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 799f217aadd..b2e1812c060 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 071/278] 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 5e309ba492a..4b72d5f56fb 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 072/278] 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 4b72d5f56fb..fc2e7450fd2 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 073/278] 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 fc2e7450fd2..4b3b17220cf 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 074/278] 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 1c8684f7ba2..411dfb73fc8 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 075/278] add documentation for the removed default export

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

diff --git a/MIGRATION.md b/MIGRATION.md
index 411dfb73fc8..c9aef1deb6a 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 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 076/278] 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 79618730b30..d16c086e61e 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 f943f61889a..81ae1314eab 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 077/278] 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 00000000000..d033feea7ad
--- /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 dfc5ff357e7..dafb7dde0e5 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 078/278] 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 6b8b9d8f7a6..c17ca1fa131 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 a89175ebac8..3178ae7611f 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 a13fdcb6508..a59c8e909aa 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 079/278] 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 a59c8e909aa..70b6b8fd86a 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 a8082ff2365..d816fab56a2 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 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 080/278] 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 80316f0a5e7..1129908e7eb 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 193ada9a92e..ef192156c38 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 00000000000..39c877a9319
--- /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 2f03200814c..f6c1921ee55 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 00000000000..139ce346bea
--- /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 2272bd8a411..543ffc2773e 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 081/278] 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 4b3b17220cf..0e68a79fa6a 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 ef192156c38..8e7366b0163 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 f6c1921ee55..f16fdd59d91 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 139ce346bea..65bd48e564e 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 082/278] 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 39c877a9319..806717cc56a 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 083/278] Fix paths

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

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 0e68a79fa6a..e0e3d6ec2c9 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 084/278] 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 806717cc56a..f13c7910f96 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 085/278] 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 e0e3d6ec2c9..d5f449c53f4 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 086/278] 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 f13c7910f96..6caeddd4077 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 087/278] 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 f16fdd59d91..c28f190c098 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 00000000000..b52b9bb2d1f
--- /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 088/278] 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 d5f449c53f4..a6e75cc1d4c 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 b2e1812c060..628c1c2146d 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 089/278] 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 628c1c2146d..cc1b6a7b40d 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 090/278] 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 bbc359aedb9..b63635c5703 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 091/278] 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 73966b8d038..fe7aea4b858 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 2f03200814c..da0a70fa701 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 00000000000..6cf11ba3bb6
--- /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 b63635c5703..d6369883ba6 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 092/278] 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 884e5ff863b..25df07bdde9 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 093/278] Added migration guide for docs 2.0

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

diff --git a/MIGRATION.md b/MIGRATION.md
index 1c8684f7ba2..faa6ba423be 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 094/278] 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 faa6ba423be..29a6dfbd8b7 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 095/278] 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 29a6dfbd8b7..79ed95b9cfb 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 096/278] Apply @yannbf's suggestions

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

diff --git a/MIGRATION.md b/MIGRATION.md
index 79ed95b9cfb..940a2959140 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';
+import * as DesignSystem from 'your-design-system';
 
-export MyDocsContainer = (props) => (
-  <MDXProvider components={yourComponents}>
+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 097/278] 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 fe7aea4b858..6722c43e960 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 098/278] 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    | 122 +++++++++++++++++++-------------
 scripts/smoke-test-sandboxes.ts |  33 +++++++++
 8 files changed, 272 insertions(+), 106 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 1302835c45b..00822e0075f 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 6934236f649..d0d9fae82c4 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 ceeab6ca950..b4ab1ae38ce 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 00000000000..d8011d60637
--- /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 00000000000..8b75360911a
--- /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 00000000000..030e628aea4
--- /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 e511b13a4a2..e866a53f40f 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);
+    const commandOrOptions = templateCommand(template);
+    const { command, execaOptions: templateExecaOptions } =
+      typeof commandOrOptions === 'string'
+        ? { command: commandOrOptions, execaOptions: null }
+        : commandOrOptions;
 
-    // Also substitute environment variables into command
-    toRun = toRun.replace(/\$([A-Z_]+)/, (_, name) => process.env[name]);
+    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 00000000000..55b35f9c7c3
--- /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 099/278] 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 00822e0075f..f3d7079dd7a 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 540895b90ed..c58cf821130 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 d0d9fae82c4..103189ab361 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 030e628aea4..ab3d5e5baef 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 00000000000..b4422a8caa4
--- /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 100/278] 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 d8011d60637..653ccd71d55 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 101/278] 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 f3d7079dd7a..60e42ae7b85 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 ab3d5e5baef..b39402689b5 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 102/278] 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 e866a53f40f..dda2200590b 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 b4422a8caa4..7138f7fc82e 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 103/278] 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 b39402689b5..21854679e14 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 104/278] Add test-runner-sandboxes

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

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 60e42ae7b85..3654a4ad5ce 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 105/278] 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 1768e448679..6488be15096 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 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 106/278] 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 3654a4ad5ce..2d1bf771e73 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 107/278] 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 ce35ddd4c44..97c920c7993 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 108/278] add an example

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

diff --git a/MIGRATION.md b/MIGRATION.md
index c9aef1deb6a..fa4a435e22d 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 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 109/278] 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 34f84115113..9235a28dee0 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 d16c086e61e..8085ce725d3 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 e53cf4db9b46ca78ab0d5a57619f26625c577952 Mon Sep 17 00:00:00 2001
From: ezmnysniper7 <102904781+ezmnysniper7@users.noreply.github.com>
Date: Wed, 10 Aug 2022 21:16:52 +0800
Subject: [PATCH 110/278] Update package.json

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

diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index d4aa8b66049..ffc701e307e 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -53,7 +53,7 @@
   },
     "bundler": {
     "entries": [
-      "./src/index.ts",
+      "./src/index.ts"
     ]
     },
   "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"

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 111/278] 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 6fddcbce6f5..c87c7870b83 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 112/278] 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 9235a28dee0..34f84115113 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 8085ce725d3..d16c086e61e 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 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 113/278] 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 766d7db3035..e43ad3f2025 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 00000000000..8cce78e2b5e
--- /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 00000000000..75c4c16d7fc
--- /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 114/278] 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 a20325c8611..7e4b1e04537 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 ff812f7064d..605f2e4ea7a 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 acfcb7e7902..f72982ce812 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 2df15576bb9..79301873740 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 115/278] 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 7e4b1e04537..a20325c8611 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 605f2e4ea7a..ff812f7064d 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 f72982ce812..acfcb7e7902 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 79301873740..2df15576bb9 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 116/278] 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 75c4c16d7fc..dc7b076f7cf 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 117/278] 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 dc7b076f7cf..34a5b8f5920 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 118/278] 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 ecb0811946d..9a3d77e5c8a 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 f857728d2ed..04e34ebc71c 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 c14c82e13bf..dfa97b6c02a 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 a834ce1410b..00000000000
--- 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 dca1eab9023..b9d619ee701 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 e4e9a9a26ee..582264f180f 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 119/278] 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 8cce78e2b5e..b1a37d627b1 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 120/278] 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 04e34ebc71c..a9c0b61a1a8 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 121/278] 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 a9c0b61a1a8..8f97e385212 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 122/278] 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 8f97e385212..f61077dd050 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 123/278] 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 103189ab361..7780bcb8624 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 25df07bdde9..1daf2f71121 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 00000000000..8a215fb37ff
--- /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 00000000000..f41cf75356b
--- /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 00000000000..67988b8387d
--- /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 00000000000..f1f0303c9ce
--- /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 31a8b90b7e7..ec8313c9507 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 124/278] Ensure the sandbox exits cleanly if publishing

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

diff --git a/scripts/package.json b/scripts/package.json
index 3e48a5128fc..ff04825b90e 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 1daf2f71121..c60953bf5c3 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 8a215fb37ff..b6daa753c8a 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);
+  const {
+    task: taskKey,
+    template: templateKey,
+    force,
+    before,
+  } = await getOptionsOrPrompt('yarn task', options);
 
-  return runTask(taskKey, templateKey);
+  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 ba1a14d51db..b3e1af6c312 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 e6ead6e2d6b..533f51db594 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 125/278] 7.0.0-alpha.19 changelog

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 05cb669cfbe..45d59d9ba8a 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 126/278] 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 934f244406f..886cdc357b1 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 254f721cfec..a6322b24e3e 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 3dad6586dfa..9649f954af1 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 962a2e0c514..d862b7239a3 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 127/278] 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 00000000000..b98995fd96f
--- /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 128/278] 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 778afeb98f7..24281342ed7 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 94cfa33dae0..fa881884fbe 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 b83e685eb49..7196fbdd812 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 69145d90043..410081db784 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 6754ff8a07f..d6c505722a8 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 dc79caa2eef..440e037c351 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 81c61a3ee89..fb12d852684 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 11e9d7a876f..5cc0b3999f2 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 3f93dae279d..0f10012cb4e 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 c4d835e2aa9..c7a47c4081c 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 0612ec6b2d2..9add0531426 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 d5f0352d699..3ce0a7dbb78 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 d9d1e573df3..ca18461425d 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 886cdc357b1..1218ab54a69 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 ae06102e602..b49af8571ee 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 18dd68ab6e6..d5e48f78981 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 1c2f410de2b..afc84f7d6fb 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 63f533024e2..07731391d05 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 a294d95c32d..8b870c708a9 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 a4809b8c047..f9e05bb750e 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 e82a5a53a93..96f4de26b6f 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 7f41a86e080..94a959f5a97 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 1773b827c70..bda64103c05 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 45ea4cae4e1..39f5cedb3d2 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 424bfc448a4..cf683cbb9c6 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 7745dffa677..464ef1de0c6 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 2b0865fd1db..ceace462a3d 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 a1df138de38..112c7e19f01 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 12f6f3614d4..c5efae0f52d 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 a094b0c6e5f..6a18add5822 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 b6f3e5327af..9c2065eed75 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 54cf2061750..416262da2f2 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 19de2ab13d2..cde4061040b 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 4ceab0ad9e9..54a86fd03b6 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 c58271a5222..f29e0d6ec66 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 d7cf5c28e96..a741760dad4 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 0e73fca8fc4..311340c2bd6 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 41cc1e99e04..68e515f8be0 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 ccd36300780..40a4a6f461e 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 468d984bad6..93b3c007323 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 5522e4cf8b2..ad31de32732 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 8b7df1b4c83..f301cae3297 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 baf1af65002..c92f656e216 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 3d368db14b7..30c493d1b18 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 5aa70e05395..c1fdc1f6347 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 ddd8bede1d8..895fb00fa98 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 05f986a0407..1f41293e933 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 5b9d75e7395..466d86de97b 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 80122fd3543..755f86183b4 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 ecb0811946d..7a2bd8ed89c 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 fa7c306ea16..f8737d4bd88 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 225b893bca0..400d44c5c41 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 10a21acdbf6..a3e9b4e7e48 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 df81d753e6d..e3b0d550a32 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 b5bf249f9d5..d9af3e3b554 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 73ae6e6357c..a4e9dd99374 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 b65c09f49de..b82294296d3 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 d9bc9c9fe88..93241a3bbfa 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 d0f4ae20960..51e08a58b38 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 00ff88d317f..6e9107d6da6 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 993e0b9eea6..e78efb54f40 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 120ef8779d8..d804d174665 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 19cdee3147c..163ca94871e 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 7a1613f37c8..0f3760bbda7 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 0a86172436d..dda504c3e7a 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 e766ee942cc..58853b0052c 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 38e09a36acd..e091e74f76f 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 50dfa2b2d0b..b0bf437711b 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 4d77cbf316f..ed1b1dcfe0b 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 1611cd164c3..89bc93304c6 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 fe58e519c81..624b1b63b32 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 183ad41f69f..f4445a7f4ee 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 c95a4117e67..395e6381336 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 247dc830cb6..87fb19c8c08 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 b79046488f3..12ef43e9c64 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 7a5606d4838..c610f9ed330 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 c21e9d3e7e0..8adaa4b8a0a 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 53d393a206d..42a0ca5a86b 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 ae45c42ab66..528bdc32705 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 1bc1a9e2770..ff9d419f599 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 af9787cfd71..967dc7cee13 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 fbb4c036b6b..922c392ba88 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 51e9461c801..a584ab53710 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 40c16581ef2..65c97cd2469 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 66b43abe2a4..e9d52bc9d48 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 74fc0aba860..6b7c847ce0c 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 6919b0b915c..445c08ec11a 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 f247f4d6074..88b860fb0e2 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 02dd7890dc6..df9e4f88244 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 2e24a80fdba..d333323b97e 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 e5f2b27b057..6b0e2f7b933 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 4e9051e0aed..40ab01bbb58 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 9e0b9a537aa..b14e155d221 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 3cd9f7a69c7..76f331b22c3 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 129/278] 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 24281342ed7..bfdf650919c 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 fa881884fbe..2cacb6697ad 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 7196fbdd812..272ec6045a5 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 410081db784..fbe117ac3e5 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 d6c505722a8..562a7ad673a 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 440e037c351..0a902022685 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 fb12d852684..9549be82954 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 5cc0b3999f2..432b8e50292 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 0f10012cb4e..1e360e767f4 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 c7a47c4081c..d13e99b0468 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 9add0531426..204c8da5593 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 3ce0a7dbb78..dc797b9a9f1 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 ca18461425d..357d915fce3 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 1218ab54a69..738d91deeeb 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 b49af8571ee..fe71fcb4868 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 d5e48f78981..a9d6f8d1441 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 afc84f7d6fb..6e97da5a199 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 a741760dad4..47a10acc91d 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 311340c2bd6..c74346af58b 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 68e515f8be0..afbc7f8bc90 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 40a4a6f461e..d83770ec622 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 93b3c007323..aae2d5f8cfc 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 ad31de32732..f5df621c62f 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 f301cae3297..a81016522bd 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 c92f656e216..b4da7c56170 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 30c493d1b18..7f518562ee7 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 c1fdc1f6347..6ac08581306 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 1f41293e933..059c5f1471e 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 466d86de97b..608bef4f304 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 755f86183b4..40a132d1972 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 7a2bd8ed89c..e06a5d2d890 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 f8737d4bd88..5f97bba807b 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 400d44c5c41..7150cb97f0d 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 a3e9b4e7e48..74e54f26ec6 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 e3b0d550a32..19987aa5040 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 d9af3e3b554..71ba872a2ec 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 a4e9dd99374..85a5526403a 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 b82294296d3..9ec6f67d546 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 93241a3bbfa..ea9ba4eb570 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 51e08a58b38..971c50cd274 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 6e9107d6da6..750554619fe 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 e78efb54f40..19c4d9fb78f 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 d804d174665..9f754bff57f 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 163ca94871e..289525ffb4d 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 0f3760bbda7..f5270120f03 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 dda504c3e7a..34b2f0dd08e 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 58853b0052c..e4adc3097ad 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 e091e74f76f..dec5a569021 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 b0bf437711b..345c8c50dd5 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 ed1b1dcfe0b..3b3112174a2 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 89bc93304c6..ecef8c72e25 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 624b1b63b32..860d8e4f889 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 f4445a7f4ee..d2bd995c35d 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 395e6381336..fe50f0e8e51 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 87fb19c8c08..3fabb327a3c 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 12ef43e9c64..f7c17bd5a84 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 c610f9ed330..090d1351ddf 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 8adaa4b8a0a..ed9b73cf401 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 42a0ca5a86b..a18c307a0fe 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 528bdc32705..824a896e3d1 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 ff9d419f599..5189c38e50d 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 967dc7cee13..84968c6f18b 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 922c392ba88..09e907114fd 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 a584ab53710..23ce53b5d04 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 65c97cd2469..b8bb7edd3ea 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 e9d52bc9d48..9dc2005607f 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 6b7c847ce0c..de60848030c 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 445c08ec11a..fb2dc326155 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 88b860fb0e2..360b1b18b49 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 df9e4f88244..86dd4e1eee9 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 d333323b97e..31de1b3f6f3 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 6b0e2f7b933..24eb431564e 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 40ab01bbb58..53709aa7625 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 b14e155d221..0630ec2927a 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 76f331b22c3..a1b048d8717 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 e4e9a9a26ee..a09a09792fc 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 130/278] 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 2d1bf771e73..f8abbb42ac9 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 7780bcb8624..c161e9fe7a1 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 b6daa753c8a..fbfe9d256ce 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 131/278] 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 f8abbb42ac9..2c13b92807e 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 fbfe9d256ce..023bbd91c4c 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 00000000000..eb603e5957f
--- /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 132/278] 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 2c13b92807e..2510a422489 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 023bbd91c4c..428deb68aee 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 00000000000..6ca28069da0
--- /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 eb603e5957f..d87ea323c3f 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 133/278] 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 2510a422489..867bd7cb424 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 c60953bf5c3..84d86d04adf 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 428deb68aee..541f02d3487 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 00000000000..e09b24301b6
--- /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 00000000000..cba7ae8f98f
--- /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 00000000000..fe10bc9f2e4
--- /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 134/278] 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 867bd7cb424..80f3f46764a 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 541f02d3487..5b0882b68dd 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 6ca28069da0..b7335c2492a 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 00000000000..234e205c106
--- /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 e09b24301b6..fec0d753415 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 135/278] 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 5b0882b68dd..3312fe1c345 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 00000000000..55633b6b07c
--- /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 fec0d753415..ecf11f748dd 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 136/278] 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 c161e9fe7a1..fe815f44607 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 b4ab1ae38ce..00000000000
--- 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 653ccd71d55..00000000000
--- 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 8b75360911a..00000000000
--- 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 21854679e14..00000000000
--- 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 e280e5015c7..00000000000
--- 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 dda2200590b..00000000000
--- 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 55b35f9c7c3..00000000000
--- 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 7138f7fc82e..00000000000
--- 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 137/278] 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 b98995fd96f..e370fa16425 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 138/278] 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 e370fa16425..6e28ea1d258 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 139/278] 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 6e28ea1d258..3a64a6fe115 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 140/278] 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 3312fe1c345..7017f51eb03 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 ecf11f748dd..82db5bca969 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 141/278] 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 3a64a6fe115..3b95316a302 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 142/278] 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 7017f51eb03..5169dc38d67 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 143/278] 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 67988b8387d..19bbbc4ca0b 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 144/278] 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 84d86d04adf..640bc6fa716 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 b7335c2492a..1424d9af6f4 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 145/278] 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 640bc6fa716..2a024e7698f 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 19bbbc4ca0b..67988b8387d 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 146/278] 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 2a024e7698f..640bc6fa716 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 5169dc38d67..7805f900802 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 147/278] 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 234e205c106..25412e3939e 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 148/278] 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 80f3f46764a..72cf96a8a44 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 149/278] 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 72cf96a8a44..2245dcaa2c1 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 25412e3939e..605344fc77c 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 150/278] 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 605344fc77c..1d5197f6918 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 151/278] 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 125c1157c1c..a7fcbf4a4e8 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 1ff5710b11d..12182a5d961 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 a3430706744..fbd5d981a4b 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 125c1157c1c..a7fcbf4a4e8 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 1ff5710b11d..12182a5d961 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 152/278] Apply suggestions from code review

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

diff --git a/MIGRATION.md b/MIGRATION.md
index fa4a435e22d..51d6b4103a3 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 153/278] 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 51d6b4103a3..c2e1b784f04 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 154/278] 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 f61077dd050..55a519b2802 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 00000000000..07c963e19c8
--- /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 155/278] 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 55a519b2802..28dbbb8df04 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 156/278] 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 28dbbb8df04..9b1d9632326 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 07c963e19c8..56c6204ead5 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 157/278] 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 34a5b8f5920..016e05a6614 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 158/278] 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 1e3f319f27c..b667a36248a 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 9f3b0d93a95..58d0090046f 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 e1b780cc2d6..9ac279239c2 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 00cdb73c479..4b3aa8fa8c9 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 159/278] 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 20ce598c423..101f2e97735 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 670ecdfd63e..ad64cdd91d6 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 160/278] 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 04c47c70083..9503ec4c372 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 161/278] 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 cffa249cfbd..98e78a40431 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 162/278] 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 a5dfeeec481..2a4c369ef05 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 163/278] 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 9503ec4c372..04c47c70083 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 164/278] 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 98e78a40431..cffa249cfbd 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 165/278] 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 2a4c369ef05..a5dfeeec481 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 166/278] 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 c7432f958e7..55a3bc8e70b 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 167/278] 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 fcfd6f56ac0..80a56744f71 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 ff1cd848c88..81e6f6ceec7 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 9ec6f67d546..b1278cab3dc 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 5f1eaf32ce4..00000000000
--- 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 09a0a2699c5..57d6cfd8967 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 d862b7239a3..274b90923f4 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 59bf9eee663..43e1f9f9e29 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 50b9f3d0b5a..5d2f66dfff2 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 f1a9cba08cd..f3975c993a0 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 ae5ce55b4b9..00000000000
--- 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 ffeee660fe1..5765771f9fd 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 168/278] 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 5765771f9fd..4adb10be7ce 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 169/278] 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 80a56744f71..278c7c131de 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 170/278] 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 00000000000..efdfa76ce32
--- /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 00000000000..2a30899a612
--- /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 171/278] 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 00000000000..3cb70f8031a
--- /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 172/278] 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 4ece51f1e4a..0227fc65f49 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 173/278] 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 2a30899a612..132f51fca0d 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 174/278] 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 00000000000..a49f7cbeb48
--- /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 132f51fca0d..e9aef15095c 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 175/278] 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 00000000000..d4ddbaeec1a
--- /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 176/278] 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 00000000000..52a517ce679
--- /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 177/278] 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 00000000000..a5935b4db2c
--- /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 178/278] 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 d4ddbaeec1a..2be60673da1 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 55633b6b07c..ea72790736d 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 179/278] 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 2245dcaa2c1..142d6b4ea8b 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 180/278] 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 7558e16786b..0d6f0ed986c 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 181/278] 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 640bc6fa716..afa99e8dff2 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 182/278] 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 00000000000..3d0efd6af2f
--- /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 00000000000..dc91dc76370
--- /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 00000000000..5ae9ef153d8
--- /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 00000000000..4666ec952ad
--- /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 00000000000..1f4b61b9bec
--- /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 00000000000..f49ce1bb187
--- /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 183/278] 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 142d6b4ea8b..19f045eb2f5 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 184/278] 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 19f045eb2f5..b384479d14e 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 4026a9e4430..d85493b8c14 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 185/278] 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 afa99e8dff2..d3ec2519675 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 186/278] 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 58bd8bde338..084c9f53883 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 187/278] 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 1ac95d379df..eac83af9000 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 188/278] 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 ec8313c9507..29e041157b7 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 189/278] 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 29e041157b7..09774c698a1 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 190/278] 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 b1a37d627b1..482389d3bf8 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 016e05a6614..9b96b69793e 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 191/278] 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 a20325c8611..0eab9bca3d9 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 192/278] 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 9b96b69793e..efa09e619ce 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 193/278] 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 efa09e619ce..f288787485b 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 194/278] 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 bc4ce66aa46..8c56755a00f 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 195/278] 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 8c56755a00f..8c5152fee16 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 196/278] 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 8888e092cd8..7ad25af69a3 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 197/278] 7.0.0-alpha.20 changelog

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 45d59d9ba8a..84a2a8635d9 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 198/278] 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 f288787485b..24864113d31 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 199/278] 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 738d91deeeb..8ccab53f3d5 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 a6322b24e3e..4e28b620d92 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 9649f954af1..69a51c4eedb 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 3286bd071b8..2086cc26476 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 200/278] 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 bfdf650919c..5d6c4626f31 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 2cacb6697ad..ec210c9407b 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 272ec6045a5..aa1c0b55490 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 fbe117ac3e5..0e34d57545f 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 562a7ad673a..32297bc41bd 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 0a902022685..32313a9fb94 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 9549be82954..9337ede3b99 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 432b8e50292..03457d94c40 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 1e360e767f4..3b602c1dbde 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 d13e99b0468..7eb8337383f 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 204c8da5593..df2316a2920 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 dc797b9a9f1..5177442945a 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 357d915fce3..d4e58415e5e 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 8ccab53f3d5..ff8353b43a6 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 fe71fcb4868..bb708b848af 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 a9d6f8d1441..f922ea80dea 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 6e97da5a199..6b6b768fbb4 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 07731391d05..a91eaa594c3 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 8b870c708a9..c1ada759e82 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 f9e05bb750e..81d1531be4f 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 96f4de26b6f..fd96d74e9cb 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 94a959f5a97..d61238b26f0 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 bda64103c05..388b46e3f00 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 39f5cedb3d2..356f2080463 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 cf683cbb9c6..3f7a99cef01 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 464ef1de0c6..1b0b0278ca2 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 ceace462a3d..db0289d49ee 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 112c7e19f01..7a11c94a141 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 c5efae0f52d..843084261e0 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 6a18add5822..4da01557133 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 9c2065eed75..137d71afbc3 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 416262da2f2..8693ebe591e 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 cde4061040b..0009d1426e2 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 54a86fd03b6..620363008f7 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 f29e0d6ec66..52b6111d87b 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 47a10acc91d..74f39a8a9fe 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 c74346af58b..30cd27961a2 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 afbc7f8bc90..bbcc8cecb9b 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 d83770ec622..668b1b62b48 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 aae2d5f8cfc..76c65ed9408 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 f5df621c62f..6c9f87ae436 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 a81016522bd..86c1da189bb 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 b4da7c56170..992d6a462d8 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 7f518562ee7..e153066df42 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 6ac08581306..689d916f820 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 895fb00fa98..599aa6c26c9 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 059c5f1471e..734515b149d 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 608bef4f304..4d6cf2e7e50 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 40a132d1972..bd6c68423a3 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 3649daef14a..81028bf6efb 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 5f97bba807b..8938e26f899 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 7150cb97f0d..3411a10da24 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 74e54f26ec6..0e4d6970025 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 19987aa5040..210af254218 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 71ba872a2ec..2b23b9cd7a3 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 85a5526403a..eaf62ab2c45 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 b1278cab3dc..c4457fef850 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 ea9ba4eb570..131d9441bb1 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 971c50cd274..ba61fa28c95 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 750554619fe..ce5a2dde01e 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 19c4d9fb78f..727ba28d2dd 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 9f754bff57f..2ee652b19b0 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 289525ffb4d..1257041ef87 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 2c17594850c..831918de78a 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 34b2f0dd08e..633fb58ce0a 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 e4adc3097ad..4b5aaae39b4 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 dec5a569021..7b03fb8ea38 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 345c8c50dd5..140f4de215f 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 3b3112174a2..d6484792c54 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 ecef8c72e25..ead07128e0b 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 860d8e4f889..a79689379a1 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 d2bd995c35d..27bb91268ad 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 fe50f0e8e51..147ef5b267f 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 3fabb327a3c..2562b427857 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 f7c17bd5a84..9e9e11f8601 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 090d1351ddf..f3bf5ccba41 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 ed9b73cf401..11a1422759b 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 a18c307a0fe..d56228693b1 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 824a896e3d1..8888785b2a6 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 5189c38e50d..1e42d046f60 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 84968c6f18b..3e964e043d6 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 09e907114fd..2d703ec7505 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 23ce53b5d04..55f5b9b46da 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 b8bb7edd3ea..aa29f911e61 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 9dc2005607f..8503f47950c 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 de60848030c..ca858307d8b 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 fb2dc326155..099084c6af9 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 360b1b18b49..aa838c33033 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 86dd4e1eee9..778bc649762 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 31de1b3f6f3..aec2e9f9d9a 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 24eb431564e..6ae4dab08df 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 53709aa7625..9372416b3d0 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 0630ec2927a..58474462786 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 a1b048d8717..5323d0ac90d 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 201/278] 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 5d6c4626f31..90a01ba89f2 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 ec210c9407b..74a826e7564 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 aa1c0b55490..e13d89a8143 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 0e34d57545f..bcf7db55fe7 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 32297bc41bd..86b83245b88 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 32313a9fb94..35b341f1106 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 9337ede3b99..380044aa37c 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 03457d94c40..5d51c7e2ba2 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 3b602c1dbde..c0c7ee2b8d8 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 7eb8337383f..fb31fc38867 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 df2316a2920..411dc55dfdc 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 5177442945a..9d1439bc76b 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 d4e58415e5e..be87c4940c3 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 ff8353b43a6..863c93e7de2 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 bb708b848af..e1379adad8b 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 f922ea80dea..c248b9c5f4e 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 6b6b768fbb4..26e8fc70062 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 74f39a8a9fe..507e4d372f5 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 30cd27961a2..e72d3cbcd61 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 bbcc8cecb9b..ab502367bc2 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 668b1b62b48..cab8c09d038 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 76c65ed9408..118a1870488 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 6c9f87ae436..15fe8555165 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 86c1da189bb..eef159eb6cf 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 992d6a462d8..d7202a37832 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 e153066df42..12bdc4581ae 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 689d916f820..6fe34a17bc8 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 734515b149d..9494b9a3765 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 4d6cf2e7e50..3a14426f57f 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 bd6c68423a3..89ae9ce261b 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 81028bf6efb..0f6ff512ea3 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 8938e26f899..8cea7d42b40 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 3411a10da24..cf040416574 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 0e4d6970025..fec6dac9763 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 210af254218..fdea6ce50a3 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 2b23b9cd7a3..5122fac0f56 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 eaf62ab2c45..3d7b341a176 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 c4457fef850..8170321b4ed 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 131d9441bb1..08c1091c4df 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 ba61fa28c95..8bd061912f0 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 ce5a2dde01e..dde5b9e149c 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 727ba28d2dd..a69f0f51304 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 2ee652b19b0..f9a2f933d2e 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 1257041ef87..977736a7a85 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 831918de78a..e3e3a4911d5 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 633fb58ce0a..b729ce9eb3b 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 4b5aaae39b4..f4139ad8ad0 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 7b03fb8ea38..f7d63fbc4ac 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 140f4de215f..3c1f212600a 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 d6484792c54..c97c18621da 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 ead07128e0b..f5f85478381 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 a79689379a1..550d56efc0f 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 27bb91268ad..0ef9cd69ef6 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 147ef5b267f..559857abeb0 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 2562b427857..953c09b2813 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 9e9e11f8601..5b20a014bed 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 f3bf5ccba41..5b377cecd54 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 11a1422759b..4a0c550ba8c 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 d56228693b1..c3dcba6bbb2 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 8888785b2a6..30e246de985 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 1e42d046f60..1476cce3d45 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 3e964e043d6..7a9985e3f54 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 2d703ec7505..b3044752c23 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 55f5b9b46da..938924636a8 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 aa29f911e61..76097e3b93c 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 8503f47950c..6298927f099 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 ca858307d8b..b7c1adc75c5 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 099084c6af9..0b12acd717b 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 aa838c33033..7fb425c7b7c 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 778bc649762..4df3506af67 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 aec2e9f9d9a..58365b2db0e 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 6ae4dab08df..4e3cb2a4531 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 9372416b3d0..651c6c2afbc 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 58474462786..f772b2f25f5 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 5323d0ac90d..3d7db15f728 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 f486dffc253..9d98e70f6a3 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 202/278] 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 df264724180..05d15aa1a36 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 9d83e30be6b..6caf23f682e 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 d6b5269db69..cf207cc0813 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 82230e673a2..02ce7481645 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 7887e91d879..c3c60308856 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 e9d517b715a..3090983aee3 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 789e1f6ee53..e04fea08cc6 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 e013783745e..00000000000
--- 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 c6655cd597b..a95f74e1ed1 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 30c90f9be32..09798191699 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 13cc52f4ed0..3a2b877d503 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 203/278] 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 3090983aee3..442d2699876 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 e04fea08cc6..49cc2bf1aea 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 5c9f76aaae5..d89726f9d7d 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 a95f74e1ed1..9afa55a4dc1 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 88368e3f0ea..789499084c8 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 09798191699..11f8749ab72 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 133c384e00b..63736283424 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 204/278] 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 8c5152fee16..ce114dc9b05 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 7ad25af69a3..72f2f39c77d 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 dee82be36ef..f4f0e61f329 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 205/278] 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 ce114dc9b05..b93bc0f2d9c 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 206/278] 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 442d2699876..7ee879b75f5 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 49cc2bf1aea..9350b0eae96 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 d89726f9d7d..6728901a5d8 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 9afa55a4dc1..90a7df8b9b8 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 789499084c8..2cb60e27578 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 11f8749ab72..93faad9aa82 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 63736283424..fffc7fa773a 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 207/278] 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 5d2f66dfff2..3c696a92818 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;
+    });
+
+  runGenerators(generatorConfigs, localRegistry);
 };
 
-program.description('Create a reproduction from a set of possible templates');
-program.parse(process.argv);
-
-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 208/278] 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 efeb16eec65..2a24d9f3948 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 209/278] 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 1c8684f7ba2..4e4105b6c25 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 55a3bc8e70b..b7375d2b331 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 210/278] 7.0.0-alpha.21 changelog

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 84a2a8635d9..d640b8cba42 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 211/278] 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 863c93e7de2..9469ae37bef 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 4e28b620d92..a307a30fa83 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 69a51c4eedb..bb2738ce1b0 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 2086cc26476..e6f093a570e 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 212/278] 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 90a01ba89f2..29b3e198fda 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 74a826e7564..125ecffdc49 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 e13d89a8143..1b77dde2820 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 bcf7db55fe7..4c4e4a5a45d 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 86b83245b88..c3816722134 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 35b341f1106..c82406b0bae 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 380044aa37c..f1085911752 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 5d51c7e2ba2..e9a59cb86ed 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 c0c7ee2b8d8..f7aa585e931 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 fb31fc38867..b19aa6ae99f 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 411dc55dfdc..aa350a5b5ea 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 9d1439bc76b..7c54306f2a2 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 be87c4940c3..0a779fc5483 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 9469ae37bef..7695385dae8 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 e1379adad8b..0dd669e4c91 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 c248b9c5f4e..b3abdd1a3b5 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 26e8fc70062..5e731bbe8d0 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 a91eaa594c3..c8a68c44919 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 c1ada759e82..5acd24cdc79 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 81d1531be4f..129ec8a326e 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 fd96d74e9cb..945601b3876 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 d61238b26f0..9ebb695aab5 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 388b46e3f00..5ffc2afee37 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 356f2080463..38124639260 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 3f7a99cef01..fb407cb9601 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 1b0b0278ca2..6e7b72868ec 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 db0289d49ee..9718da38547 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 7a11c94a141..96f400db8c5 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 843084261e0..6639e8ac6bf 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 4da01557133..3d7fa82ea03 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 137d71afbc3..b5e43abb3ec 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 8693ebe591e..b3b7c099f90 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 0009d1426e2..18ae2d2f327 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 620363008f7..07fe0ff72c7 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 52b6111d87b..df0b72c875a 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 507e4d372f5..13a3d64e3c1 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 e72d3cbcd61..08f5a7add16 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 ab502367bc2..35305254882 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 cab8c09d038..5fd951432df 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 118a1870488..b37ad107d24 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 15fe8555165..7d0c9336ee6 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 eef159eb6cf..fd3ce798660 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 d7202a37832..6610e82a5b3 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 12bdc4581ae..57ba5fc7ba8 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 6fe34a17bc8..cc6fe3c7d9d 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 599aa6c26c9..4906debb0d0 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 9494b9a3765..888aec412f7 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 3a14426f57f..458ca33f003 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 89ae9ce261b..8c9f5832a39 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 0f6ff512ea3..2f9eec90354 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 8cea7d42b40..de7f82b4780 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 cf040416574..1890116c00b 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 fec6dac9763..8fe446295cb 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 fdea6ce50a3..5ff4cc216b3 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 5122fac0f56..c100332c9fc 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 3d7b341a176..fd2dac53c9d 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 8170321b4ed..5f2f17000dc 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 08c1091c4df..9ae7eafac43 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 8bd061912f0..28c114bda11 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 dde5b9e149c..5cd9919d738 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 a69f0f51304..a351693f47c 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 f9a2f933d2e..0e936a839e3 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 977736a7a85..1030ae04915 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 e3e3a4911d5..60adb51d51d 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 b729ce9eb3b..671fc79ce78 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 f4139ad8ad0..601a782bec8 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 f7d63fbc4ac..c9530d0b07c 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 3c1f212600a..921e5dd372b 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 c97c18621da..0989845b516 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 f5f85478381..8faa74ad842 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 550d56efc0f..ad709c08b7b 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 0ef9cd69ef6..3e40a6df074 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 559857abeb0..cf01f3176b4 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 953c09b2813..3111c5e6552 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 5b20a014bed..f73706f976d 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 5b377cecd54..9aa4a8a508b 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 4a0c550ba8c..ca4e8c165d4 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 c3dcba6bbb2..0f485841b11 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 30e246de985..9f07aaefd6a 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 1476cce3d45..d7b35381002 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 7a9985e3f54..b1b1f5e9d00 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 b3044752c23..921023cfc09 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 938924636a8..08cbcdc4425 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 76097e3b93c..0daf12248d7 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 6298927f099..000d44d9827 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 b7c1adc75c5..335b6a14cbe 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 0b12acd717b..684aa8c01ce 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 7fb425c7b7c..d41be61a203 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 4df3506af67..5efc0753800 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 58365b2db0e..ac9b810b1e3 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 4e3cb2a4531..b9c499b7457 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 651c6c2afbc..71900790a67 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 f772b2f25f5..20109fb0f66 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 3d7db15f728..c266b0b53a4 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 213/278] 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 29b3e198fda..49302e41bf8 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 125ecffdc49..274d35d49c4 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 1b77dde2820..a14f2f0705a 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 4c4e4a5a45d..cdd10b2e806 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 c3816722134..10f00dca4ed 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 c82406b0bae..59e76334069 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 f1085911752..3995a57d1f8 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 e9a59cb86ed..24d547002d5 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 f7aa585e931..d9ae2101bcb 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 b19aa6ae99f..e821ded47e0 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 aa350a5b5ea..cb79e283e9a 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 7c54306f2a2..7584ba4252d 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 0a779fc5483..58e195a80b1 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 7695385dae8..53b0643b7f2 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 0dd669e4c91..3c86a609f48 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 b3abdd1a3b5..27d9652e9a5 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 5e731bbe8d0..0388ad327a8 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 13a3d64e3c1..d7926bcab7a 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 08f5a7add16..da07fe0cbf9 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 35305254882..1f1f874500d 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 5fd951432df..4857f112d52 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 b37ad107d24..8bcf983d0a4 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 7d0c9336ee6..212a3e07943 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 fd3ce798660..c59e38a6d0e 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 6610e82a5b3..eda338d37bf 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 57ba5fc7ba8..250130b58e4 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 cc6fe3c7d9d..29dc9af6c51 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 888aec412f7..3e4c5c5182e 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 458ca33f003..d52a2f74471 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 8c9f5832a39..57ff8269926 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 2f9eec90354..5e1c124efee 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 de7f82b4780..622cabd9a0b 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 1890116c00b..8a43c058f7b 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 8fe446295cb..1bc5766e7e7 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 5ff4cc216b3..03c944452de 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 c100332c9fc..411fdcda7a0 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 fd2dac53c9d..64ad0f8cdba 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 5f2f17000dc..069476866e6 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 9ae7eafac43..decec4b741d 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 28c114bda11..de6cc396ba3 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 5cd9919d738..f864a8bd238 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 a351693f47c..bac21fa0f57 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 0e936a839e3..77b492d3bb5 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 1030ae04915..64dc401aff5 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 60adb51d51d..43b3f7c2452 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 671fc79ce78..34acf2221cc 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 601a782bec8..c3fe5d1a29b 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 c9530d0b07c..769a77ef0cc 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 921e5dd372b..28afebb51e8 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 0989845b516..b93d3ade0b0 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 8faa74ad842..33bc1611e0d 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 ad709c08b7b..71f1c175af3 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 3e40a6df074..6d710782b26 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 cf01f3176b4..41404c84cf8 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 3111c5e6552..ea141d86c47 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 f73706f976d..60016fffa73 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 9aa4a8a508b..10d0c8b24d1 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 ca4e8c165d4..6dec6fbe0f2 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 0f485841b11..492124e5acd 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 9f07aaefd6a..13008b4bb24 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 d7b35381002..6587d6bb3eb 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 b1b1f5e9d00..06fdde91d55 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 921023cfc09..e0f163350cf 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 08cbcdc4425..4c07511b687 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 0daf12248d7..c2aee2735d2 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 000d44d9827..327921f213b 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 335b6a14cbe..78fe556d49d 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 684aa8c01ce..009021e85e8 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 d41be61a203..02ceacfa71b 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 5efc0753800..01171030e5f 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 ac9b810b1e3..cef147a8f4d 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 b9c499b7457..4fa82748ac1 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 71900790a67..bcffbdc7831 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 20109fb0f66..696f5bf0329 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 c266b0b53a4..15cf29d6517 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 9d98e70f6a3..353c33f0b49 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 214/278] 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 7ee879b75f5..6f9ee273038 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 6a7c9d38840..5ebd71e51ad 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 215/278] 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 6f9ee273038..6de34be77e6 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 6728901a5d8..db2f9ce3cc6 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 2cb60e27578..bcb0c01ae21 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 fffc7fa773a..4ab59b903d4 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 216/278] 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 3c696a92818..c58681dd226 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 217/278] 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 6488be15096..966e7881528 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 };
+      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 payload: SyncPayload = { controlStates, logItems, pausedAt };
       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 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 218/278] 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 b93bc0f2d9c..2585c506f4d 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 72f2f39c77d..a982ad3d6fc 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 f4f0e61f329..71f8b83d882 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 219/278] 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 60e3287d58a..06a1e727812 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 220/278] 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 5ebd71e51ad..371720418c8 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 f14a58fd9e8..538021a9161 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 221/278] 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 d3ec2519675..8aa3455e60f 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 222/278] 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 db2f9ce3cc6..64edffa7a6b 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 223/278] 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 6de34be77e6..4f7e553a5de 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 224/278] 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 a5dfeeec481..fa0ed7de5a2 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 046d109199e..8e9974e3370 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" />
     <% }); %>
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</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 6418925b013..1ece8cb4ccc 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 6fe6dfed7a3..4dc8dddec59 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 225/278] 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 fa0ed7de5a2..a5dfeeec481 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 1ece8cb4ccc..fae614ed50d 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 226/278] 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 fae614ed50d..49c9be5d085 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 227/278] 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 49c9be5d085..b1cd7c7b6a7 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 4dc8dddec59..35cd32c4d41 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 228/278] 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 02ed05e9376..7dcb3f9ab9a 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 229/278] 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 e15b4fc9fb2..d0151e41969 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 230/278] 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 b1cd7c7b6a7..7cc44ef9627 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 231/278] 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 7017231c1e8..7d9ec9d3f0f 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 c5abe034dca..edced8199cb 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 d0151e41969..e6051c73b70 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 232/278] 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 ef005c420c1..8a998e4c1d1 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 233/278] 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 edced8199cb..f73a5fe661e 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 234/278] 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 f73a5fe661e..2968056caf6 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 235/278] 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 8e9974e3370..1eaad092f2a 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 236/278] 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 642d6e7bfb2..77104c4f632 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 237/278] 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 2968056caf6..d10e49d3dfb 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 e6051c73b70..01730871edb 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 238/278] 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 7d9ec9d3f0f..74f9db84ea2 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 239/278] 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 74f9db84ea2..c6642b5f9c2 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 240/278] 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 d10e49d3dfb..9f8ea483352 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 241/278] 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 9f8ea483352..db41e333f27 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 242/278] 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 db41e333f27..8cf9c966103 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 243/278] 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 638d31b1af8..5c0ae631a5a 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 244/278] 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 5c0ae631a5a..e4e0ef7fa7d 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 245/278] 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 8cf9c966103..0d158a0327f 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 246/278] 7.0.0-alpha.22 changelog

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d640b8cba42..c13857af7ed 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 247/278] 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 53b0643b7f2..de75496aacf 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 a307a30fa83..f3e86d702df 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 bb2738ce1b0..748dd67a638 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 e6f093a570e..e8127668977 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 248/278] 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 49302e41bf8..4b1860302ea 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 274d35d49c4..597f33e41d6 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 a14f2f0705a..f31e502d35d 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 cdd10b2e806..befe35ea785 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 10f00dca4ed..347fe3b44ff 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 59e76334069..f9a34fd595c 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 3995a57d1f8..cc91f9fe550 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 24d547002d5..51b1701b6f5 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 d9ae2101bcb..47756e645ba 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 e821ded47e0..fbd0291c75c 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 cb79e283e9a..58490641786 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 7584ba4252d..84103202016 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 58e195a80b1..5a879528ba9 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 de75496aacf..33db3a3c70e 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 3c86a609f48..1decd03ca87 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 27d9652e9a5..8fc6b7234de 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 0388ad327a8..af612c59c19 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 c8a68c44919..eb3406cd79f 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 5acd24cdc79..9365eb969fa 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 129ec8a326e..212c05f2194 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 945601b3876..2a1f04157d6 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 9ebb695aab5..66d9a8e0d3a 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 5ffc2afee37..651dcfd40af 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 38124639260..138ea2693a1 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 fb407cb9601..119d90db518 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 6e7b72868ec..45073c274b6 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 9718da38547..8f4b521a1bc 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 96f400db8c5..502c1d266d2 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 6639e8ac6bf..1615ac387e3 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 3d7fa82ea03..8ce45303059 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 b5e43abb3ec..aa92b3559e7 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 b3b7c099f90..b0f5077ae91 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 18ae2d2f327..9835adbbc57 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 07fe0ff72c7..01b5fd1d981 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 df0b72c875a..b93e2f9cdf3 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 d7926bcab7a..fb3bf162dcd 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 da07fe0cbf9..e0ee487f471 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 1f1f874500d..c59d785e9bb 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 4857f112d52..de603f549bb 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 8bcf983d0a4..53477743658 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 212a3e07943..c10234001d8 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 c59e38a6d0e..54b14ef8b5b 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 eda338d37bf..2e4dc33f630 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 250130b58e4..13be411a4ee 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 29dc9af6c51..49b3b84e33b 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 4906debb0d0..3be71e2708e 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 3e4c5c5182e..cbecdfeca92 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 d52a2f74471..a4bc79ba324 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 57ff8269926..2a3a924f159 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 5e1c124efee..4574790148e 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 622cabd9a0b..7218a3d96e6 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 8a43c058f7b..929ff82aef2 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 1bc5766e7e7..fd48bc1f39b 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 03c944452de..b556ae68e7d 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 411fdcda7a0..e8d728e55c2 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 64ad0f8cdba..f9d253fbecb 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 069476866e6..c88d2fc70a5 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 decec4b741d..12c023abe02 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 de6cc396ba3..8c4c4fce4d3 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 f864a8bd238..f7d2b036bac 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 bac21fa0f57..38362e5f12b 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 77b492d3bb5..c63a89ccc5f 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 64dc401aff5..4ee5555c6a9 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 43b3f7c2452..e96a42c7da8 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 34acf2221cc..c46a1a6cdec 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 c3fe5d1a29b..629326ff6cf 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 769a77ef0cc..ddbb51cf983 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 28afebb51e8..9726346af74 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 b93d3ade0b0..d9170428873 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 33bc1611e0d..291da9c8d0f 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 71f1c175af3..1d2255a3118 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 6d710782b26..b46dceb918f 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 41404c84cf8..428d9a9f9ba 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 ea141d86c47..d01edaaeafd 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 60016fffa73..0e715c765de 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 10d0c8b24d1..4a0bcad693e 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 6dec6fbe0f2..84cd1bfa25a 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 492124e5acd..b7ff9cdf796 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 13008b4bb24..1c38ea93f73 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 6587d6bb3eb..b5bacd9962d 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 06fdde91d55..35efe1e8118 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 e0f163350cf..784f168d1ad 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 4c07511b687..2d3479ad845 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 c2aee2735d2..d9ccd74910e 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 327921f213b..ef159d2e2b2 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 78fe556d49d..30a44f819be 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 009021e85e8..f9fa8a3f35e 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 02ceacfa71b..996b0ba14a8 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 01171030e5f..90e0e5c70ce 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 cef147a8f4d..eaa2cc1f3ae 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 4fa82748ac1..04486d20b69 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 bcffbdc7831..91918da72c6 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 696f5bf0329..5c574b1718f 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 15cf29d6517..bfda97dd299 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 249/278] 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 4b1860302ea..9285b6ed340 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 597f33e41d6..0d5f849372f 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 f31e502d35d..82e6c00e14d 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 befe35ea785..9d2015e6532 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 347fe3b44ff..0d1ff2e221b 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 f9a34fd595c..c3d44ddf270 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 cc91f9fe550..7ae1dc7d1f2 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 51b1701b6f5..bcb1e48681e 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 47756e645ba..dce625f8190 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 fbd0291c75c..ce03ea2513c 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 58490641786..8f9fb4f107e 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 84103202016..2d46061cd6d 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 5a879528ba9..09110fe7032 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 33db3a3c70e..e2b106e53bf 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 1decd03ca87..22e83234c3d 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 8fc6b7234de..cd6d037505f 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 af612c59c19..d7f18f005c3 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 fb3bf162dcd..71e9bdb9d14 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 e0ee487f471..aa6cba6b764 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 c59d785e9bb..2a74507144c 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 de603f549bb..5abed2989c7 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 53477743658..99287a457f7 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 c10234001d8..538d6783954 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 54b14ef8b5b..6ce6272a7b3 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 2e4dc33f630..b3cdf5f0092 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 13be411a4ee..4d4bd68b645 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 49b3b84e33b..1dc60348617 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 cbecdfeca92..2e45c1e1510 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 a4bc79ba324..ce2a2196075 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 2a3a924f159..69dcdcaea0f 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 4574790148e..97c51f6d152 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 7218a3d96e6..9a625f59e69 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 929ff82aef2..6fffc6f6d76 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 fd48bc1f39b..ba5282ebe51 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 b556ae68e7d..478da74a389 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 e8d728e55c2..6268d70f70d 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 f9d253fbecb..cb44677bd80 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 c88d2fc70a5..9e071caa7d1 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 12c023abe02..6afdae4f31d 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 8c4c4fce4d3..4c513cd4bbf 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 f7d2b036bac..5f8ee35ef99 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 38362e5f12b..9ed2b9553db 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 c63a89ccc5f..ea4babb5c42 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 4ee5555c6a9..5d9c6046e16 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 e96a42c7da8..d1901ca3bbf 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 c46a1a6cdec..d2fb2235948 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 629326ff6cf..198f1af4079 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 ddbb51cf983..65ae34126b1 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 9726346af74..ec0adefae45 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 d9170428873..4afa91dca03 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 291da9c8d0f..60897368516 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 1d2255a3118..4ac8a2ed6fb 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 b46dceb918f..71e12092c6c 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 428d9a9f9ba..febc9978b8d 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 d01edaaeafd..d890f91eaeb 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 0e715c765de..081a8418f0d 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 4a0bcad693e..92da5cc5322 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 84cd1bfa25a..ee0a6ac53c4 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 b7ff9cdf796..ae5c673ba82 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 1c38ea93f73..7853d102e11 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 b5bacd9962d..03ec38548ce 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 35efe1e8118..ad0cfe650d3 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 784f168d1ad..f4b7752fdf4 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 2d3479ad845..56ea2341720 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 d9ccd74910e..fce47e2e716 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 ef159d2e2b2..41dffe49b09 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 30a44f819be..01372638049 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 f9fa8a3f35e..f8ed1da5ca7 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 996b0ba14a8..04c46f94833 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 90e0e5c70ce..62097b07dc2 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 eaa2cc1f3ae..25991fa9058 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 04486d20b69..f279073beca 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 91918da72c6..ba9803540c2 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 5c574b1718f..633ef1f7abd 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 bfda97dd299..13deb6dfbeb 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 353c33f0b49..e0477341425 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 250/278] 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 c13857af7ed..4089eebcf3a 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 251/278] 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 e2b106e53bf..b9d1823a649 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 f3e86d702df..393ae7f6556 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 748dd67a638..aaa60eaee37 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 e8127668977..3a07e408d34 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 252/278] 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 9285b6ed340..aec8ec044ca 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 0d5f849372f..2cf0f8a0e70 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 82e6c00e14d..f0920b9efd0 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 9d2015e6532..f4c8f11d8ea 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 0d1ff2e221b..2407d2de557 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 c3d44ddf270..a4647c0bc8c 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 7ae1dc7d1f2..8791cb2e8b6 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 bcb1e48681e..7fb9a46760f 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 dce625f8190..c4338ade162 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 ce03ea2513c..336e72d7727 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 8f9fb4f107e..765ab39920a 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 2d46061cd6d..8c4f7ab7e80 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 09110fe7032..89fc15692e0 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 b9d1823a649..e7a3a86e878 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 22e83234c3d..56f4207627d 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 cd6d037505f..adb13481d1d 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 d7f18f005c3..2a74c38f736 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 eb3406cd79f..5ca23e990b4 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 9365eb969fa..303f8400475 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 212c05f2194..97a9d064cc2 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 2a1f04157d6..3a8ba5bc97d 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 66d9a8e0d3a..492169197a8 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 651dcfd40af..c99dbe99691 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 138ea2693a1..414fc2fbf0e 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 119d90db518..260b27d95dc 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 45073c274b6..41e0c8a5b32 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 8f4b521a1bc..36ea950a5ad 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 502c1d266d2..d1320c777f9 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 1615ac387e3..d50272f9c0e 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 8ce45303059..9c9f818b439 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 aa92b3559e7..4957373ba17 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 b0f5077ae91..024ed471e2f 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 9835adbbc57..5620dead0c8 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 01b5fd1d981..7d5e784769d 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 b93e2f9cdf3..9e38870d667 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 71e9bdb9d14..4d5280ddeb1 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 aa6cba6b764..2677b0c42a7 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 2a74507144c..0a3df223779 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 5abed2989c7..ed2e96a63c6 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 99287a457f7..39e2d6d3837 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 538d6783954..0ddf475091f 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 6ce6272a7b3..95a79df8b4f 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 b3cdf5f0092..be10fc76b8e 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 4d4bd68b645..1ddcde4ecbc 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 1dc60348617..33fe25f5eff 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 3be71e2708e..bf295ef75c2 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 2e45c1e1510..3f0bb46cfc5 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 ce2a2196075..d71eab922a4 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 69dcdcaea0f..7a40ec216fb 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 97c51f6d152..4947b885e1f 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 9a625f59e69..acb6377e05d 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 6fffc6f6d76..71dd620cbc3 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 ba5282ebe51..afa38797a39 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 478da74a389..8a5f40c4fa2 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 6268d70f70d..afbeffffd0d 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 cb44677bd80..884407da18c 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 9e071caa7d1..0c1bfc2850d 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 6afdae4f31d..59f10d55be1 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 4c513cd4bbf..f95fbea3147 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 5f8ee35ef99..c3e8b697e40 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 9ed2b9553db..aa4e63cc55f 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 ea4babb5c42..bd437ce866e 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 5d9c6046e16..4a8ce40b0ac 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 d1901ca3bbf..5ee3a70212b 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 d2fb2235948..ce2abc5afbe 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 198f1af4079..daf5d43cfa4 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 65ae34126b1..5fa2ef734ed 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 ec0adefae45..b29d48c7f9e 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 4afa91dca03..19f71962673 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 60897368516..50c2eeca14f 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 4ac8a2ed6fb..342188a3854 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 71e12092c6c..40693b1c993 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 febc9978b8d..7b93f78f187 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 d890f91eaeb..62f46d7555a 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 081a8418f0d..4b1e65224d0 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 92da5cc5322..e11f78dd77a 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 ee0a6ac53c4..0757110314e 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 ae5c673ba82..399b1355f5e 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 7853d102e11..eadd14c2932 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 03ec38548ce..266376302be 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 ad0cfe650d3..b21f5dcde68 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 f4b7752fdf4..3a5ad07b019 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 56ea2341720..63d29fd3813 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 fce47e2e716..7578eadd103 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 41dffe49b09..2941def2d6f 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 01372638049..081cc738ff5 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 f8ed1da5ca7..707013d70ff 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 04c46f94833..57edf68de9e 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 62097b07dc2..d8a9126e587 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 25991fa9058..339fd9c18ea 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 f279073beca..a1cd10c3b83 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 ba9803540c2..255f5561fa6 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 633ef1f7abd..180d39afcbe 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 13deb6dfbeb..e04684c5c05 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 253/278] 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 aec8ec044ca..a2c3e076e0b 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 2cf0f8a0e70..23d80a5f4b4 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 f0920b9efd0..40ea81c4563 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 f4c8f11d8ea..65207a7489c 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 2407d2de557..16800c0d752 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 a4647c0bc8c..73167de5b5b 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 8791cb2e8b6..0a9290701a2 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 7fb9a46760f..785d41066ad 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 c4338ade162..df0006d8a35 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 336e72d7727..8ef24d9900a 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 765ab39920a..d282049ee85 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 8c4f7ab7e80..252956864af 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 89fc15692e0..af13f0ae8f0 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 e7a3a86e878..0d07b8325d5 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 56f4207627d..3958eda9ff4 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 adb13481d1d..abd62475314 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 2a74c38f736..494790baf73 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 4d5280ddeb1..39bbe18c039 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 2677b0c42a7..b0c91e79887 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 0a3df223779..acd01d03e28 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 ed2e96a63c6..28604877654 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 39e2d6d3837..d6e17ae59de 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 0ddf475091f..9e20a2a9737 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 95a79df8b4f..07f7f2559ed 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 be10fc76b8e..d6d925297e5 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 1ddcde4ecbc..6c79da4ae0b 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 33fe25f5eff..3c4cab8ccd9 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 3f0bb46cfc5..187113cf715 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 d71eab922a4..1c9b2febb97 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 7a40ec216fb..1f21556295c 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 4947b885e1f..c8e6cb12705 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 acb6377e05d..d9830c9e0ad 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 71dd620cbc3..e5bcb84738b 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 afa38797a39..5e30e9824d3 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 8a5f40c4fa2..03ec73f7152 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 afbeffffd0d..080e6875a0c 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 884407da18c..1886f6f489c 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 0c1bfc2850d..aa0f7b2d362 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 59f10d55be1..ef06c7f2fb6 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 f95fbea3147..037bf42779f 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 c3e8b697e40..adf00827210 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 aa4e63cc55f..c9618e7376c 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 bd437ce866e..08e1b9fa7f3 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 4a8ce40b0ac..cee7e43afc6 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 5ee3a70212b..20c3cdc4096 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 ce2abc5afbe..c19aa724f6d 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 daf5d43cfa4..22dcc683ee6 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 5fa2ef734ed..fb621f5b03d 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 b29d48c7f9e..608443b30cf 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 19f71962673..207d4f6d180 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 50c2eeca14f..d348092f81f 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 342188a3854..5060bc7a767 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 40693b1c993..75cec5a954d 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 7b93f78f187..66d1d77964f 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 62f46d7555a..8f90c2803ff 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 4b1e65224d0..485186f4624 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 e11f78dd77a..5a67a53c9bb 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 0757110314e..857fe573f00 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 399b1355f5e..f3f7ac9366e 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 eadd14c2932..2e526c1189d 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 266376302be..4d2c10c6dcb 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 b21f5dcde68..c66cdc4a4d2 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 3a5ad07b019..3ee7e60d78d 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 63d29fd3813..0e35f3c1026 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 7578eadd103..8daa0e23123 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 2941def2d6f..e7af72e400e 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 081cc738ff5..de13d64d793 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 707013d70ff..4b80d58847c 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 57edf68de9e..dd8deb91e12 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 d8a9126e587..0c32507e4e6 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 339fd9c18ea..d2d8e7202ad 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 a1cd10c3b83..1a4f1faad95 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 255f5561fa6..643e46a820a 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 180d39afcbe..ce52c590925 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 e04684c5c05..80bf973d5d9 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 e0477341425..2178493acd5 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 38b2de0ceaa9297f0730d929c55edeabcb55caf7 Mon Sep 17 00:00:00 2001
From: Len Woodward <Len@ProjektGopher.com>
Date: Thu, 18 Aug 2022 14:28:54 -0700
Subject: [PATCH 254/278] fix string check

---
 code/renderers/vue/src/docs/extractArgTypes.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/renderers/vue/src/docs/extractArgTypes.ts b/code/renderers/vue/src/docs/extractArgTypes.ts
index d2838be75cd..509b1439d3a 100644
--- a/code/renderers/vue/src/docs/extractArgTypes.ts
+++ b/code/renderers/vue/src/docs/extractArgTypes.ts
@@ -11,7 +11,7 @@ const SECTIONS = ['props', 'events', 'slots', 'methods'];
 function isEnum(propDef: PropDef, docgenInfo: DocgenInfo): false | PropDef {
   // cast as any, since "values" doesn't exist in DocgenInfo type
   const { type, values } = docgenInfo as any;
-  const matched = Array.isArray(values) && values.length && type?.name !== 'enum';
+  const matched = Array.isArray(values) && values.length && type?.name === 'enum';
 
   if (!matched) {
     return false;

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 255/278] 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 5d850af9256..7260d261030 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 256/278] 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 d87e1b919fd..2227fbb5040 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 257/278] `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 c3c60308856..9015ff5fe52 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 c58681dd226..d22b0728cc9 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 258/278] 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 2ccb5570bc8..96dc76b0c41 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 00000000000..3adc209f283
--- /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 00000000000..02674afd4e9
--- /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 c265e670e66b203004b6dc64a1516bd6358f8f3d Mon Sep 17 00:00:00 2001
From: donotlb <donotlb@gmail.com>
Date: Sun, 21 Aug 2022 12:32:02 +0800
Subject: [PATCH 259/278] make sure handling of line number will not be
 overridden by parent component

---
 .../syntaxhighlighter-types.ts                |  4 +-
 .../syntaxhighlighter/syntaxhighlighter.tsx   | 72 +++++++++++--------
 2 files changed, 45 insertions(+), 31 deletions(-)

diff --git a/code/lib/components/src/syntaxhighlighter/syntaxhighlighter-types.ts b/code/lib/components/src/syntaxhighlighter/syntaxhighlighter-types.ts
index 7548a537a72..7b90c5ed909 100644
--- a/code/lib/components/src/syntaxhighlighter/syntaxhighlighter-types.ts
+++ b/code/lib/components/src/syntaxhighlighter/syntaxhighlighter-types.ts
@@ -7,6 +7,8 @@ export interface SyntaxHighlighterRendererProps {
   useInlineStyles: boolean;
 }
 
+export type SyntaxHighlighterRenderer = (props: SyntaxHighlighterRendererProps) => ReactNode;
+
 export interface SyntaxHighlighterCustomProps {
   language: string;
   copyable?: boolean;
@@ -15,7 +17,7 @@ export interface SyntaxHighlighterCustomProps {
   format?: SyntaxHighlighterFormatTypes;
   formatter?: (type: SyntaxHighlighterFormatTypes, source: string) => string;
   className?: string;
-  renderer?: (props: SyntaxHighlighterRendererProps) => ReactNode;
+  renderer?: SyntaxHighlighterRenderer;
 }
 
 export type SyntaxHighlighterFormatTypes = boolean | 'dedent' | BuiltInParserName;
diff --git a/code/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx b/code/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
index f04c6a1977a..ec55a4059a2 100644
--- a/code/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
+++ b/code/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
@@ -35,7 +35,11 @@ import { createElement } from 'react-syntax-highlighter/dist/esm/index';
 import { ActionBar } from '../ActionBar/ActionBar';
 import { ScrollArea } from '../ScrollArea/ScrollArea';
 
-import type { SyntaxHighlighterProps } from './syntaxhighlighter-types';
+import type {
+  SyntaxHighlighterProps,
+  SyntaxHighlighterRenderer,
+  SyntaxHighlighterRendererProps,
+} from './syntaxhighlighter-types';
 
 const { navigator, document, window: globalWindow } = global;
 
@@ -143,38 +147,34 @@ const Code = styled.div(({ theme }) => ({
   opacity: 1,
 }));
 
+const processLineNumber = (row: any) => {
+  const children = [...row.children];
+  const lineNumberNode = children[0];
+  const lineNumber = lineNumberNode.children[0].value;
+  const processedLineNumberNode = {
+    ...lineNumberNode,
+    // empty the line-number element
+    children: [],
+    properties: {
+      ...lineNumberNode.properties,
+      // add a data-line-number attribute to line-number element, so we can access the line number with `content: attr(data-line-number)`
+      'data-line-number': lineNumber,
+      // remove the 'userSelect: none' style, which will produce extra empty lines when copy-pasting in firefox
+      style: { ...lineNumberNode.properties.style, userSelect: 'auto' },
+    },
+  };
+  children[0] = processedLineNumberNode;
+  return { ...row, children };
+};
+
 /**
- * A custom renderer used to process `span.linenumber` element in each line of code,
- * which should only be enabled if `showLineNumbers = true`
+ * A custom renderer for handling `span.linenumber` element in each line of code,
+ * which is enabled by default if no renderer is passed in from the parent component
  */
-const renderer = ({
-  rows,
-  stylesheet,
-  useInlineStyles,
-}: {
-  rows: any[];
-  stylesheet: any;
-  useInlineStyles: any;
-}) => {
+const defaultRenderer: SyntaxHighlighterRenderer = ({ rows, stylesheet, useInlineStyles }) => {
   return rows.map((node: any, i: number) => {
-    const children = [...node.children];
-    const lineNumberNode = children[0];
-    const lineNumber = lineNumberNode.children[0].value;
-    const processedLineNumberNode = {
-      ...lineNumberNode,
-      // empty the line-number element
-      children: [],
-      properties: {
-        ...lineNumberNode.properties,
-        // add a data-line-number attribute to line-number element, so we can access the line number with `content: attr(data-line-number)`
-        'data-line-number': lineNumber,
-        // remove the 'userSelect: none' style, which will produce extra empty lines when copy-pasting in firefox
-        style: { ...lineNumberNode.properties.style, userSelect: 'auto' },
-      },
-    };
-    children[0] = processedLineNumberNode;
     return createElement({
-      node: { ...node, children },
+      node: processLineNumber(node),
       stylesheet,
       useInlineStyles,
       key: `code-segement${i}`,
@@ -182,6 +182,17 @@ const renderer = ({
   });
 };
 
+const wrapRenderer = (renderer: SyntaxHighlighterRenderer, showLineNumbers: boolean) => {
+  if (!showLineNumbers) {
+    return renderer;
+  }
+  if (renderer) {
+    return ({ rows, ...rest }: SyntaxHighlighterRendererProps) =>
+      renderer({ rows: rows.map((row) => processLineNumber(row)), ...rest });
+  }
+  return defaultRenderer;
+};
+
 export interface SyntaxHighlighterState {
   copied: boolean;
 }
@@ -216,6 +227,7 @@ export const SyntaxHighlighter: FC<SyntaxHighlighterProps> = ({
       })
       .catch(logger.error);
   }, []);
+  const renderer = wrapRenderer(rest.renderer, showLineNumbers);
 
   return (
     <Wrapper
@@ -233,9 +245,9 @@ export const SyntaxHighlighter: FC<SyntaxHighlighterProps> = ({
           useInlineStyles={false}
           PreTag={Pre}
           CodeTag={Code}
-          renderer={showLineNumbers ? renderer : undefined}
           lineNumberContainerStyle={{}}
           {...rest}
+          renderer={renderer}
         >
           {highlightableCode}
         </ReactSyntaxHighlighter>

From 857e692c08f2f3cb1b3facb39f247c09e6a3a402 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 22 Aug 2022 11:21:54 +0800
Subject: [PATCH 260/278] CLI: Fix local repro publishing

---
 .../src/js-package-manager/JsPackageManager.ts    | 15 +++++++++++++--
 code/lib/cli/src/js-package-manager/NPMProxy.ts   | 13 -------------
 code/lib/cli/src/js-package-manager/Yarn1Proxy.ts | 13 -------------
 code/lib/cli/src/js-package-manager/Yarn2Proxy.ts | 13 -------------
 4 files changed, 13 insertions(+), 41 deletions(-)

diff --git a/code/lib/cli/src/js-package-manager/JsPackageManager.ts b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
index 4f7e553a5de..46414f43b48 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManager.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
@@ -39,9 +39,20 @@ export abstract class JsPackageManager {
 
   public abstract getRunCommand(command: string): string;
 
-  public abstract setRegistryURL(url: string): void;
+  // NOTE: for some reason yarn prefers the npm registry in
+  // local development, so always use npm
+  setRegistryURL(url: string) {
+    if (url) {
+      this.executeCommand('npm', ['config', 'set', 'registry', url]);
+    } else {
+      this.executeCommand('npm', ['config', 'delete', 'registry']);
+    }
+  }
 
-  public abstract getRegistryURL(): string;
+  getRegistryURL() {
+    const url = this.executeCommand('npm', ['config', 'get', 'registry']).trim();
+    return url === 'undefined' ? undefined : url;
+  }
 
   public readonly cwd?: string;
 
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.ts b/code/lib/cli/src/js-package-manager/NPMProxy.ts
index 64edffa7a6b..d89726f9d7d 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.ts
@@ -61,19 +61,6 @@ export class NPMProxy extends JsPackageManager {
     return this.uninstallArgs;
   }
 
-  setRegistryURL(url: string) {
-    if (url) {
-      this.executeCommand('npm', ['config', 'set', 'registry', url]);
-    } else {
-      this.executeCommand('npm', ['config', 'delete', 'registry']);
-    }
-  }
-
-  getRegistryURL() {
-    const url = this.executeCommand('npm', ['config', 'get', 'registry']).trim();
-    return url === 'undefined' ? undefined : url;
-  }
-
   protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
     return {
       overrides: {
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
index bcb0c01ae21..789499084c8 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
@@ -16,19 +16,6 @@ export class Yarn1Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
-  setRegistryURL(url: string) {
-    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>) {
     return {
       resolutions: {
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
index 4ab59b903d4..63736283424 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
@@ -16,19 +16,6 @@ export class Yarn2Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
-  setRegistryURL(url: string) {
-    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>) {
     return {
       resolutions: {

From a2d4e74e0c5cf411e037b0a261e467edcdd2cb7a Mon Sep 17 00:00:00 2001
From: luciana-mendonca <luciana.dev.js@gmail.com>
Date: Tue, 16 Aug 2022 11:35:44 +0200
Subject: [PATCH 261/278] build(addon-viewport): use ts-up to build
 addon-viewport

---
 code/addons/viewport/manager.js   |  2 +-
 code/addons/viewport/package.json | 39 +++++++++++++++++++++++++++----
 code/addons/viewport/src/index.ts |  3 +++
 3 files changed, 39 insertions(+), 5 deletions(-)
 create mode 100644 code/addons/viewport/src/index.ts

diff --git a/code/addons/viewport/manager.js b/code/addons/viewport/manager.js
index 4e287d25b15..8a2eae4ffce 100644
--- a/code/addons/viewport/manager.js
+++ b/code/addons/viewport/manager.js
@@ -1 +1 @@
-import './dist/esm/manager';
+import './dist/manager';
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 494790baf73..b043feefae8 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -22,9 +22,32 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/preview.js",
-  "module": "dist/esm/preview.js",
-  "types": "dist/types/preview.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.ts",
+      "import": "./dist/preview.mjs",
+      "types": "./dist/preview.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",
@@ -33,7 +56,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
@@ -65,6 +88,14 @@
   "publishConfig": {
     "access": "public"
   },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/models/index.ts",
+      "./src/manager.tsx",
+      "./src/preview.ts"
+    ]
+  },
   "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
   "storybook": {
     "displayName": "Viewport",
diff --git a/code/addons/viewport/src/index.ts b/code/addons/viewport/src/index.ts
new file mode 100644
index 00000000000..341f696ad7b
--- /dev/null
+++ b/code/addons/viewport/src/index.ts
@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './defaults';
+export * from './shortcuts';

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 262/278] 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 2d33a372308..fd816c460ad 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 b6269f69208..34e5c575587 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 = (

From 3f21366145a06960a446359d0b63fef1de39a3e4 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 22 Aug 2022 16:33:45 +0800
Subject: [PATCH 263/278] Build: Rename prepare to prep for npm8 and verdaccio

---
 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 +-
 code/addons/storyshots/storyshots-core/package.json    |  2 +-
 .../storyshots/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 +-
 code/frameworks/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/nx.json                                           |  4 ++--
 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 +-
 code/presets/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 +-
 scripts/bootstrap.js                                   | 10 +++++-----
 77 files changed, 82 insertions(+), 82 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index a2c3e076e0b..d97bd81bbb8 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -59,7 +59,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addon-highlight": "7.0.0-alpha.23",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 23d80a5f4b4..faa3b59edfc 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 40ea81c4563..97b407e22c3 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -59,7 +59,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 65207a7489c..32d2119ceaf 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -54,7 +54,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 16800c0d752..c30b22d53c3 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -46,7 +46,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 73167de5b5b..846f8b2f4b6 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -30,7 +30,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addon-actions": "7.0.0-alpha.23",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 0a9290701a2..38849055a44 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -34,7 +34,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 785d41066ad..46f070e6d98 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index df0006d8a35..e65f7de6739 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -56,7 +56,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index 8ef24d9900a..9c79eb620b3 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -60,7 +60,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index d282049ee85..3cac2cab052 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -58,7 +58,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 252956864af..62ae398883b 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -61,7 +61,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index af13f0ae8f0..f1f72a6eb03 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -33,7 +33,7 @@
   "scripts": {
     "build-storybook": "sb build",
     "example": "jest storyshot.test",
-    "prepare": "node ../../../../scripts/prepare.js",
+    "prep": "node ../../../../scripts/prepare.js",
     "storybook": "yarn sb dev -p 6006"
   },
   "dependencies": {
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 0d07b8325d5..41f26cf315c 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -30,7 +30,7 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../../../scripts/prepare.js"
+    "prep": "node ../../../../scripts/prepare.js"
   },
   "dependencies": {
     "@axe-core/puppeteer": "^4.2.0",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 3958eda9ff4..ef519a903cf 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index abd62475314..ffe656021a9 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -54,7 +54,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 494790baf73..b238f4c2276 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -33,7 +33,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 39bbe18c039..a26cf4117b7 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index b0c91e79887..e87a3f6803c 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -27,7 +27,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index acd01d03e28..1822d1741f5 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 28604877654..1c239bdce89 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index d6e17ae59de..6d712f530a8 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 9e20a2a9737..4fa0140de49 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 07f7f2559ed..008933b4ae0 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index d6d925297e5..68e58b8436b 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 6c79da4ae0b..4c39ba8b92e 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 3c4cab8ccd9..c0c0e4319a1 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -49,7 +49,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/preset-env": "^7.12.11",
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 187113cf715..a1d76ac3806 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/api": "7.0.0-alpha.23",
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 1c9b2febb97..1618eb1da56 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -29,7 +29,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/channels": "7.0.0-alpha.23",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 1f21556295c..0db0297d51c 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -38,7 +38,7 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/api": "7.0.0-alpha.23",
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index c8e6cb12705..24704eadf43 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -38,7 +38,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index d9830c9e0ad..92367609726 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -30,7 +30,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index e5bcb84738b..6c056299480 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/channels": "7.0.0-alpha.23",
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index 5e30e9824d3..d2d0939d1ce 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/channels": "7.0.0-alpha.23",
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 03ec73f7152..e62c92dea5e 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -39,7 +39,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "core-js": "^3.8.2",
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 080e6875a0c..66825de3933 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -22,7 +22,7 @@
   "bin": "./index.js",
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/cli": "7.0.0-alpha.23"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 1886f6f489c..315e919d36e 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -25,7 +25,7 @@
   },
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/cli": "7.0.0-alpha.23"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index aa0f7b2d362..ce0e33dc709 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -42,7 +42,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js",
+    "prep": "node ../../../scripts/prepare.js",
     "test": "jest test/**/*.test.js"
   },
   "dependencies": {
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index ef06c7f2fb6..2f6e81d285c 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 037bf42779f..c43f9eccb99 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "core-js": "^3.8.2",
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index adf00827210..b5b9f08bdbc 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -39,7 +39,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/types": "^7.12.11",
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index c9618e7376c..a85970d5c47 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/client-logger": "7.0.0-alpha.23",
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index 08e1b9fa7f3..8aaed9af2aa 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index cee7e43afc6..cd55e328ddb 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -43,7 +43,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 20c3cdc4096..c2c68017425 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -39,7 +39,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "core-js": "^3.8.2"
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index c19aa724f6d..33d22c282a5 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -30,7 +30,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.88",
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 22dcc683ee6..b071050ac8b 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/core-common": "7.0.0-alpha.23",
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index fb621f5b03d..30a20528ea6 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 608443b30cf..e9974a51e51 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 207d4f6d180..a58e3cae957 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -38,7 +38,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index d348092f81f..7fb2cfd000d 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@types/npmlog": "^4.1.2",
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 5060bc7a767..fe6f1e4d67b 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "core-js": "^3.8.2"
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 75cec5a954d..9295852a3f5 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -38,7 +38,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index 66d1d77964f..033b17399e1 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "ts-node ../../../scripts/prebundle.ts"
+    "prep": "ts-node ../../../scripts/prebundle.ts"
   },
   "dependencies": {
     "@storybook/client-logger": "7.0.0-alpha.23",
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 8f90c2803ff..a231d7551a5 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 485186f4624..d0d9b718cab 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -38,7 +38,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 5a67a53c9bb..2cf4b20c898 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/client-logger": "7.0.0-alpha.23",
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 857fe573f00..e5b9163b78d 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -44,7 +44,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/client-logger": "7.0.0-alpha.23",
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index f3f7ac9366e..47f0b8ba91e 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -49,7 +49,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/nx.json b/code/nx.json
index 238750d72ca..249f9a30dec 100644
--- a/code/nx.json
+++ b/code/nx.json
@@ -10,8 +10,8 @@
     "default": {
       "runner": "@nrwl/nx-cloud",
       "options": {
-        "cacheableOperations": ["build", "test", "lint", "package", "prepare"],
-        "strictlyOrderedTargets": ["build", "package", "prepare"],
+        "cacheableOperations": ["build", "test", "lint", "package", "prep"],
+        "strictlyOrderedTargets": ["build", "package", "prep"],
         "accessToken": "NGVmYTkxMmItYzY3OS00MjkxLTk1ZDktZDFmYTFmNmVlNGY4fHJlYWQ=",
         "canTrackAnalytics": false,
         "showUsageWarnings": true
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 2e526c1189d..3915c80a8e3 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "7.0.0-alpha.23",
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 4d2c10c6dcb..5370b851f84 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index c66cdc4a4d2..ccf5f3ac483 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -68,7 +68,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/preset-flow": "^7.12.1",
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 3ee7e60d78d..eb39d659a38 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -52,7 +52,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-server": "7.0.0-alpha.23",
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 0e35f3c1026..42951b02af8 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -62,7 +62,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "7.0.0-alpha.23",
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 8daa0e23123..7443bc21291 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -57,7 +57,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "7.0.0-alpha.23",
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index e7af72e400e..b37b5a2720d 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -58,7 +58,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "7.0.0-alpha.23",
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index de13d64d793..335e8b941b1 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -49,7 +49,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 4b80d58847c..6a1482b02cd 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index dd8deb91e12..163270d82fc 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 0c32507e4e6..4ec41fabc55 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index d2d8e7202ad..829f4de94f2 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 1a4f1faad95..965f142203d 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -51,7 +51,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 643e46a820a..c18d6966dbe 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index ce52c590925..f46c603c656 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 80bf973d5d9..278830d1419 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -49,7 +49,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/scripts/bootstrap.js b/scripts/bootstrap.js
index 0ebde034104..6423dc13964 100755
--- a/scripts/bootstrap.js
+++ b/scripts/bootstrap.js
@@ -74,9 +74,9 @@ function run() {
       defaultValue: true,
       option: '--prep',
       command: () => {
-        log.info(prefix, 'prepare');
+        log.info(prefix, 'prep');
         spawn(
-          `nx run-many --target="prepare" --all --parallel --exclude=@storybook/addon-storyshots,@storybook/addon-storyshots-puppeteer -- --reset`
+          `nx run-many --target="prep" --all --parallel --exclude=@storybook/addon-storyshots,@storybook/addon-storyshots-puppeteer -- --reset`
         );
       },
       order: 2,
@@ -86,9 +86,9 @@ function run() {
       defaultValue: true,
       option: '--retry',
       command: () => {
-        log.info(prefix, 'prepare');
+        log.info(prefix, 'core');
         spawn(
-          `nx run-many --target=prepare --all --parallel --only-failed ${
+          `nx run-many --target="prep" --all --parallel --only-failed ${
             process.env.CI ? `--max-parallel=${maxConcurrentTasks}` : ''
           }`
         );
@@ -131,7 +131,7 @@ function run() {
       command: () => {
         log.info(prefix, 'build');
         spawn(
-          `nx run-many --target="prepare" --all --parallel=8 ${
+          `nx run-many --target="prep" --all --parallel=8 ${
             process.env.CI ? `--max-parallel=${maxConcurrentTasks}` : ''
           } -- --reset --optimized`
         );

From 8bccb081990400607fb0747a238732c07f760be9 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 22 Aug 2022 16:36:22 +0800
Subject: [PATCH 264/278] Build: Remove unused bootstrap --cleanup

---
 code/package.json    |   2 -
 code/yarn.lock       | 124 ++-----------------------------------------
 scripts/bootstrap.js |  11 +---
 3 files changed, 5 insertions(+), 132 deletions(-)

diff --git a/code/package.json b/code/package.json
index 3a07e408d34..f16fe38ec2e 100644
--- a/code/package.json
+++ b/code/package.json
@@ -59,7 +59,6 @@
     "changelog": "pr-log --sloppy --cherry-pick",
     "changelog:next": "pr-log --sloppy --since-prerelease",
     "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",
@@ -276,7 +275,6 @@
     "core-js": "^3.21.1",
     "cross-env": "^7.0.3",
     "danger": "^10.6.2",
-    "del-cli": "^4.0.1",
     "detect-port": "^1.3.0",
     "dts-bundle-generator": "^6.2.0",
     "ejs-lint": "^1.2.2",
diff --git a/code/yarn.lock b/code/yarn.lock
index dbe50caa995..76e37da4c9d 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -9014,7 +9014,6 @@ __metadata:
     cross-env: ^7.0.3
     cypress: 8.7.0
     danger: ^10.6.2
-    del-cli: ^4.0.1
     detect-port: ^1.3.0
     dts-bundle-generator: ^6.2.0
     ejs-lint: ^1.2.2
@@ -15633,18 +15632,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"camelcase-keys@npm:^7.0.0":
-  version: 7.0.2
-  resolution: "camelcase-keys@npm:7.0.2"
-  dependencies:
-    camelcase: ^6.3.0
-    map-obj: ^4.1.0
-    quick-lru: ^5.1.1
-    type-fest: ^1.2.1
-  checksum: ae86a51168643e9e8a2f2c7bfa17850729979ec3dafc5253056a7d97931cbb0e3ef5b4185e59d54b7a56c54405dee2874b0c82033498d8626e512ff9034cb05c
-  languageName: node
-  linkType: hard
-
 "camelcase@npm:^2.0.0":
   version: 2.1.1
   resolution: "camelcase@npm:2.1.1"
@@ -15666,7 +15653,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"camelcase@npm:^6.0.0, camelcase@npm:^6.2.0, camelcase@npm:^6.2.1, camelcase@npm:^6.3.0":
+"camelcase@npm:^6.0.0, camelcase@npm:^6.2.0, camelcase@npm:^6.2.1":
   version: 6.3.0
   resolution: "camelcase@npm:6.3.0"
   checksum: 0d701658219bd3116d12da3eab31acddb3f9440790c0792e0d398f0a520a6a4058018e546862b6fba89d7ae990efaeb97da71e1913e9ebf5a8b5621a3d55c710
@@ -18202,13 +18189,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"decamelize@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "decamelize@npm:5.0.1"
-  checksum: 3da71022bc1e85487810fa0833138effb599fa331ca21e179650e93a765d0c4dabeb1ecdd6ad1474fa0bacd2457953c63ea335afb6e53b35f2b4bf779514e2a3
-  languageName: node
-  linkType: hard
-
 "decimal.js@npm:^10.2.1, decimal.js@npm:^10.3.1":
   version: 10.3.1
   resolution: "decimal.js@npm:10.3.1"
@@ -18482,19 +18462,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"del-cli@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "del-cli@npm:4.0.1"
-  dependencies:
-    del: ^6.0.0
-    meow: ^10.1.0
-  bin:
-    del: cli.js
-    del-cli: cli.js
-  checksum: 01d314de214e7d96159f99d385186d90a71e0494a9262d98b8da15d144a22b894e0fae4d99d7c707cf3a50990f0513263c0e5b5b72ce5ad92f1ab1c7140e0f70
-  languageName: node
-  linkType: hard
-
 "del@npm:^2.2.0":
   version: 2.2.2
   resolution: "del@npm:2.2.2"
@@ -25373,13 +25340,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"indent-string@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "indent-string@npm:5.0.0"
-  checksum: 8ee77b57d92e71745e133f6f444d6fa3ed503ad0e1bcd7e80c8da08b42375c07117128d670589725ed07b1978065803fa86318c309ba45415b7fe13e7f170220
-  languageName: node
-  linkType: hard
-
 "infer-owner@npm:^1.0.3, infer-owner@npm:^1.0.4":
   version: 1.0.4
   resolution: "infer-owner@npm:1.0.4"
@@ -30285,7 +30245,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"map-obj@npm:^4.0.0, map-obj@npm:^4.1.0":
+"map-obj@npm:^4.0.0":
   version: 4.3.0
   resolution: "map-obj@npm:4.3.0"
   checksum: 1c19e1c88513c8abdab25c316367154c6a0a6a0f77e3e8c391bb7c0e093aefed293f539d026dc013d86219e5e4c25f23b0003ea588be2101ccd757bacc12d43b
@@ -30841,26 +30801,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"meow@npm:^10.1.0":
-  version: 10.1.3
-  resolution: "meow@npm:10.1.3"
-  dependencies:
-    "@types/minimist": ^1.2.2
-    camelcase-keys: ^7.0.0
-    decamelize: ^5.0.0
-    decamelize-keys: ^1.1.0
-    hard-rejection: ^2.1.0
-    minimist-options: 4.1.0
-    normalize-package-data: ^3.0.2
-    read-pkg-up: ^8.0.0
-    redent: ^4.0.0
-    trim-newlines: ^4.0.2
-    type-fest: ^1.2.2
-    yargs-parser: ^20.2.9
-  checksum: 83370487875a4280268fcffc0d979ce4f90c1c020c6f5523890a5aae363712c00e1f692a81a625b289801a1555f8a2a7101521af498ef89de575aab53c54ef24
-  languageName: node
-  linkType: hard
-
 "meow@npm:^3.3.0":
   version: 3.7.0
   resolution: "meow@npm:3.7.0"
@@ -31520,7 +31460,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"min-indent@npm:^1.0.0, min-indent@npm:^1.0.1":
+"min-indent@npm:^1.0.0":
   version: 1.0.1
   resolution: "min-indent@npm:1.0.1"
   checksum: 7e207bd5c20401b292de291f02913230cb1163abca162044f7db1d951fa245b174dc00869d40dd9a9f32a885ad6a5f3e767ee104cf278f399cb4e92d3f582d5c
@@ -32702,7 +32642,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"normalize-package-data@npm:^3.0.0, normalize-package-data@npm:^3.0.2":
+"normalize-package-data@npm:^3.0.0":
   version: 3.0.3
   resolution: "normalize-package-data@npm:3.0.3"
   dependencies:
@@ -37374,17 +37314,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-pkg-up@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "read-pkg-up@npm:8.0.0"
-  dependencies:
-    find-up: ^5.0.0
-    read-pkg: ^6.0.0
-    type-fest: ^1.0.1
-  checksum: cf3905ccbe5cd602f23192cc7ca65ed17561bab117eadb9aed817441d5bfc6b9a11215c2a3e9505f501d046818f3c4180dbea61fa83c42083e0b4e407d5cc745
-  languageName: node
-  linkType: hard
-
 "read-pkg@npm:^1.0.0":
   version: 1.1.0
   resolution: "read-pkg@npm:1.1.0"
@@ -37430,18 +37359,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-pkg@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "read-pkg@npm:6.0.0"
-  dependencies:
-    "@types/normalize-package-data": ^2.4.0
-    normalize-package-data: ^3.0.2
-    parse-json: ^5.2.0
-    type-fest: ^1.0.1
-  checksum: b51ee5eed75324f4fac34c9a40b5e4b403de4c532242be01959c9bbdb1ff9db1c6c2aefaba569622fec49d1ead866e97ba856ab145f6e11039b11f7bec1318ba
-  languageName: node
-  linkType: hard
-
 "read@npm:1, read@npm:~1.0.1":
   version: 1.0.7
   resolution: "read@npm:1.0.7"
@@ -37652,16 +37569,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"redent@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "redent@npm:4.0.0"
-  dependencies:
-    indent-string: ^5.0.0
-    strip-indent: ^4.0.0
-  checksum: a9b640c8f4b2b5b26a1a908706475ff404dd50a97d6f094bc3c59717be922622927cc7d601d4ae2857d897ad243fd979bd76d751a0481cee8be7024e5fb4c662
-  languageName: node
-  linkType: hard
-
 "redeyed@npm:~1.0.0":
   version: 1.0.1
   resolution: "redeyed@npm:1.0.1"
@@ -41185,15 +41092,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-indent@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "strip-indent@npm:4.0.0"
-  dependencies:
-    min-indent: ^1.0.1
-  checksum: 6b1fb4e22056867f5c9e7a6f3f45922d9a2436cac758607d58aeaac0d3b16ec40b1c43317de7900f1b8dd7a4107352fa47fb960f2c23566538c51e8585c8870e
-  languageName: node
-  linkType: hard
-
 "strip-json-comments@npm:^2.0.0, strip-json-comments@npm:~2.0.1":
   version: 2.0.1
   resolution: "strip-json-comments@npm:2.0.1"
@@ -42674,13 +42572,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"trim-newlines@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "trim-newlines@npm:4.0.2"
-  checksum: 48d022e9d14f27cf8b71983691af61cd8ce511d159ed0962452d2fa23f58298398d905e1ff982566f9034f93df3ef676868c1c14d13bcd849e7500dbfbd6101b
-  languageName: node
-  linkType: hard
-
 "trim-repeated@npm:^1.0.0":
   version: 1.0.0
   resolution: "trim-repeated@npm:1.0.0"
@@ -43103,13 +42994,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^1.0.1, type-fest@npm:^1.2.1, type-fest@npm:^1.2.2":
-  version: 1.4.0
-  resolution: "type-fest@npm:1.4.0"
-  checksum: a3c0f4ee28ff6ddf800d769eafafcdeab32efa38763c1a1b8daeae681920f6e345d7920bf277245235561d8117dab765cb5f829c76b713b4c9de0998a5397141
-  languageName: node
-  linkType: hard
-
 "type-fest@npm:^2.17.0":
   version: 2.17.0
   resolution: "type-fest@npm:2.17.0"
diff --git a/scripts/bootstrap.js b/scripts/bootstrap.js
index 0ebde034104..c20e1f2bd72 100755
--- a/scripts/bootstrap.js
+++ b/scripts/bootstrap.js
@@ -95,15 +95,6 @@ function run() {
       },
       order: 1,
     }),
-    cleanup: createTask({
-      name: `Remove compiled dist directories ${chalk.gray('(cleanup)')}`,
-      defaultValue: false,
-      option: '--cleanup',
-      command: () => {
-        spawn('npm run clean:dist');
-      },
-      order: 0,
-    }),
     reset: createTask({
       name: `Clean repository ${chalk.red('(reset)')}`,
       defaultValue: false,
@@ -161,7 +152,7 @@ function run() {
   const groups = {
     main: ['prep', 'core'],
     buildtasks: ['install', 'build'],
-    devtasks: ['dev', 'registry', 'cleanup', 'reset'],
+    devtasks: ['dev', 'registry', 'reset'],
   };
 
   Object.keys(tasks)

From d6c968c42cb13318480f479cd0c1653ff2eb316a Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 22 Aug 2022 17:14:40 +0800
Subject: [PATCH 265/278] Fix unit tests

---
 code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts | 4 ++--
 code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

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 90a7df8b9b8..c9087095df6 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
@@ -27,10 +27,10 @@ describe('Yarn 1 Proxy', () => {
 
       yarn1Proxy.setRegistryURL('https://foo.bar');
 
-      expect(executeCommandSpy).toHaveBeenCalledWith('yarn', [
+      expect(executeCommandSpy).toHaveBeenCalledWith('npm', [
         'config',
         'set',
-        'npmRegistryServer',
+        'registry',
         'https://foo.bar',
       ]);
     });
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 93faad9aa82..561c957257d 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
@@ -37,10 +37,10 @@ describe('Yarn 2 Proxy', () => {
 
       yarn2Proxy.setRegistryURL('https://foo.bar');
 
-      expect(executeCommandSpy).toHaveBeenCalledWith('yarn', [
+      expect(executeCommandSpy).toHaveBeenCalledWith('npm', [
         'config',
         'set',
-        'npmRegistryServer',
+        'registry',
         'https://foo.bar',
       ]);
     });

From 58e361dcc7669865c4d27b75d742027cb2fb6cb2 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 22 Aug 2022 17:40:30 +0800
Subject: [PATCH 266/278] Build: Run verdaccio on 6001 to enable web UI

---
 .circleci/config.yml                          | 20 +++++++++----------
 code/lib/cli/src/repro-generators/scripts.ts  |  2 +-
 code/package.json                             |  2 +-
 docs/contribute/code.md                       |  2 +-
 scripts/bootstrap.js                          |  2 +-
 .../next-repro-generators/generate-repros.ts  |  2 +-
 scripts/run-e2e.ts                            |  2 +-
 scripts/run-registry.ts                       |  2 +-
 scripts/utils/serve-packages.ts               |  2 +-
 scripts/utils/yarn.ts                         |  2 +-
 10 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index b384479d14e..18ad245f250 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -195,13 +195,13 @@ jobs:
           name: running local registry
           command: |
             cd code
-            yarn local-registry --port 6000 --open
+            yarn local-registry --port 6001 --open
           background: true
       - run:
           name: Wait for registry
           command: |
             cd code
-            yarn wait-on http://localhost:6000
+            yarn wait-on http://localhost:6001
       - run:
           name: Run E2E (extended) tests
           command: |
@@ -225,13 +225,13 @@ jobs:
           name: Running local registry
           command: |
             cd code
-            yarn local-registry --port 6000 --open
+            yarn local-registry --port 6001 --open
           background: true
       - run:
           name: Wait for registry
           command: |
             cd code
-            yarn wait-on http://localhost:6000
+            yarn wait-on http://localhost:6001
       - run:
           name: Run E2E (core) tests
           # Do not test CRA here because it's done in PnP part
@@ -265,11 +265,11 @@ jobs:
   #         at: .
   #     - run:
   #         name: Running local registry
-  #         command: yarn local-registry --port 6000 --open
+  #         command: yarn local-registry --port 6001 --open
   #         background: true
   #     - run:
   #         name: Wait for registry
-  #         command: yarn wait-on http://localhost:6000
+  #         command: yarn wait-on http://localhost:6001
   #     - run:
   #         name: Run smoke tests
   #         command: yarn test:e2e-framework angular_modern_inline_rendering --test-runner --docs-mode
@@ -293,13 +293,13 @@ jobs:
           name: Running local registry
           command: |
             cd code
-            yarn local-registry --port 6000 --open
+            yarn local-registry --port 6001 --open
           background: true
       - run:
           name: Wait for registry
           command: |
             cd code
-            yarn wait-on http://localhost:6000
+            yarn wait-on http://localhost:6001
       - run:
           name: set up cra repro, skip tests
           command: |
@@ -324,13 +324,13 @@ jobs:
           name: Running local registry
           command: |
             cd code
-            yarn local-registry --port 6000 --open
+            yarn local-registry --port 6001 --open
           background: true
       - run:
           name: Wait for registry
           command: |
             cd code
-            yarn wait-on http://localhost:6000
+            yarn wait-on http://localhost:6001
       - run:
           name: run e2e tests cra
           command: |
diff --git a/code/lib/cli/src/repro-generators/scripts.ts b/code/lib/cli/src/repro-generators/scripts.ts
index 1558be57817..e0868768810 100644
--- a/code/lib/cli/src/repro-generators/scripts.ts
+++ b/code/lib/cli/src/repro-generators/scripts.ts
@@ -144,7 +144,7 @@ const installYarn2 = async ({ cwd, pnp, name }: Options) => {
 const configureYarn2ForE2E = async ({ cwd }: Options) => {
   const command = [
     // ⚠️ Need to set registry because Yarn 2 is not using the conf of Yarn 1 (URL is hardcoded in CircleCI config.yml)
-    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6000/" } }'`,
+    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`,
     // Some required magic to be able to fetch deps from local registry
     `yarn config set unsafeHttpWhitelist --json '["localhost"]'`,
     // Disable fallback mode to make sure everything is required correctly
diff --git a/code/package.json b/code/package.json
index 3a07e408d34..fbf227ee100 100644
--- a/code/package.json
+++ b/code/package.json
@@ -75,7 +75,7 @@
     "lint:md": "remark -q .",
     "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",
+    "local-registry": "ts-node --project=../scripts/tsconfig.json ../scripts/run-registry.ts --port 6001",
     "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/docs/contribute/code.md b/docs/contribute/code.md
index 0aca843f604..a6c596d709e 100644
--- a/docs/contribute/code.md
+++ b/docs/contribute/code.md
@@ -101,7 +101,7 @@ Unit tests ensure that Storybook doesn't break accidentally. If your code can re
 Storybook's monorepo is set up to rely on end-to-end testing with [Cypress](https://www.cypress.io/) during CI. To help with testing, we encourage running this test suite before submitting your contribution. Detailed below are some steps you can take:
 
 1. Ensure you have Storybook successfully built in your local branch (i.e., run `yarn bootstrap --core`)
-2. Open a terminal and run `yarn local-registry --port 6000 --open --publish` to publish Storybook's packages into a local registry.
+2. Open a terminal and run `yarn local-registry --port 6001 --open --publish` to publish Storybook's packages into a local registry.
 3. In a second terminal, set up a reproduction using the local registry and run the Cypress tests with `yarn test:e2e-framework`.
 
 ## Submit a pull request
diff --git a/scripts/bootstrap.js b/scripts/bootstrap.js
index 0ebde034104..928a8bb803c 100755
--- a/scripts/bootstrap.js
+++ b/scripts/bootstrap.js
@@ -143,7 +143,7 @@ function run() {
       defaultValue: false,
       option: '--reg',
       command: () => {
-        spawn('yarn local-registry --publish --open --port 6000');
+        spawn('yarn local-registry --publish --open --port 6001');
       },
       order: 11,
     }),
diff --git a/scripts/next-repro-generators/generate-repros.ts b/scripts/next-repro-generators/generate-repros.ts
index d22b0728cc9..89c3d66df9c 100755
--- a/scripts/next-repro-generators/generate-repros.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -29,7 +29,7 @@ const sbInit = async (cwd: string) => {
   await runCommand(`${sbCliBinaryPath} init --yes`, { cwd, env });
 };
 
-const LOCAL_REGISTRY_URL = 'http://localhost:6000';
+const LOCAL_REGISTRY_URL = 'http://localhost:6001';
 const withLocalRegistry = async (packageManager: JsPackageManager, action: () => Promise<void>) => {
   const prevUrl = packageManager.getRegistryURL();
   try {
diff --git a/scripts/run-e2e.ts b/scripts/run-e2e.ts
index 8e629914fbf..e25504aeb0c 100644
--- a/scripts/run-e2e.ts
+++ b/scripts/run-e2e.ts
@@ -163,7 +163,7 @@ const runTests = async ({ name, ...rest }: Parameters) => {
       targetFolder,
       `--renderer ${options.renderer}`,
       `--template ${options.name}`,
-      `--registry http://localhost:6000`,
+      `--registry http://localhost:6001`,
       '--e2e',
     ];
 
diff --git a/scripts/run-registry.ts b/scripts/run-registry.ts
index 44cf43c8b86..4837e5fa111 100755
--- a/scripts/run-registry.ts
+++ b/scripts/run-registry.ts
@@ -43,7 +43,7 @@ const startVerdaccio = (port: number): Promise<any> => {
         });
       };
 
-      startVerdaccioServer(config, 6000, cache, '1.0.0', 'verdaccio', onReady);
+      startVerdaccioServer(config, 6001, cache, '1.0.0', 'verdaccio', onReady);
     }),
     new Promise((_, rej) => {
       setTimeout(() => {
diff --git a/scripts/utils/serve-packages.ts b/scripts/utils/serve-packages.ts
index cba7ae8f98f..58dd5adc998 100644
--- a/scripts/utils/serve-packages.ts
+++ b/scripts/utils/serve-packages.ts
@@ -14,7 +14,7 @@ export async function servePackages({ dryRun, debug }: { dryRun?: boolean; debug
     // 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 });
+  await exec('yarn wait-on http://localhost:6001', { cwd: codeDir }, { dryRun, debug });
 
   return controller;
 }
diff --git a/scripts/utils/yarn.ts b/scripts/utils/yarn.ts
index fc8f95732bc..948fd77acfb 100644
--- a/scripts/utils/yarn.ts
+++ b/scripts/utils/yarn.ts
@@ -50,7 +50,7 @@ export const configureYarn2ForVerdaccio = async ({ cwd, dryRun, debug }: YarnOpt
     `yarn config set enableGlobalCache false`,
     `yarn config set enableMirror false`,
     // ⚠️ Need to set registry because Yarn 2 is not using the conf of Yarn 1 (URL is hardcoded in CircleCI config.yml)
-    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6000/" } }'`,
+    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`,
     // Some required magic to be able to fetch deps from local registry
     `yarn config set unsafeHttpWhitelist --json '["localhost"]'`,
     // Disable fallback mode to make sure everything is required correctly

From 47fc954b5945f08a85b527bcb9cd4eb1c780719c Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 22 Aug 2022 18:51:22 +0800
Subject: [PATCH 267/278] Build: Fix yarn build to use new prep script

---
 scripts/build-package.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/build-package.js b/scripts/build-package.js
index f9df57b1f7c..70468be2e0e 100644
--- a/scripts/build-package.js
+++ b/scripts/build-package.js
@@ -113,7 +113,7 @@ async function run() {
   }
 
   selection?.filter(Boolean).forEach(async (v) => {
-    const commmand = (await readJSON(resolve(v.location, 'package.json'))).scripts.prepare;
+    const commmand = (await readJSON(resolve(v.location, 'package.json'))).scripts.prep;
     const cwd = resolve(__dirname, '..', 'code', v.location);
     const sub = require('execa').command(
       `${commmand}${watchMode ? ' --watch' : ''}${prodMode ? ' --optimized' : ''}`,

From 45d40512736ad354c58a6e7fbc5931abe7859cb1 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Mon, 22 Aug 2022 12:56:32 +0200
Subject: [PATCH 268/278] remove refs in example

---
 code/examples/angular-cli/.storybook/main.ts | 18 ------------------
 1 file changed, 18 deletions(-)

diff --git a/code/examples/angular-cli/.storybook/main.ts b/code/examples/angular-cli/.storybook/main.ts
index ebf6ad5b584..68356aa901e 100644
--- a/code/examples/angular-cli/.storybook/main.ts
+++ b/code/examples/angular-cli/.storybook/main.ts
@@ -20,24 +20,6 @@ const mainConfig: import('@storybook/angular').StorybookConfig = {
     disableTelemetry: true,
   },
   // These are just here to test composition. They could be added to any storybook example project
-  refs: {
-    react: {
-      title: 'ReactTS',
-      url: 'http://localhost:9011',
-    },
-    first: {
-      title: 'Composition test one',
-      url: 'https://storybookjs.netlify.app/cra-ts-essentials',
-    },
-    second: {
-      title: 'Composition test two',
-      url: 'https://storybookjs.netlify.app/cra-ts-essentials',
-    },
-    third: {
-      title: 'Composition test three',
-      url: 'https://storybookjs.netlify.app/cra-ts-essentials',
-    },
-  },
   staticDirs: ['../src/assets'],
   features: {
     buildStoriesJson: false,

From 95679f0ab8058315bdf660a4fd11e9ca3dacc25e Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 22 Aug 2022 20:01:07 +0800
Subject: [PATCH 269/278] Revert "Build: Rename prepare to prep for npm8 and
 verdaccio"

---
 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 +-
 code/addons/storyshots/storyshots-core/package.json    |  2 +-
 .../storyshots/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 +-
 code/frameworks/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/nx.json                                           |  4 ++--
 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 +-
 code/presets/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 +-
 scripts/bootstrap.js                                   | 10 +++++-----
 77 files changed, 82 insertions(+), 82 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index d97bd81bbb8..a2c3e076e0b 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -59,7 +59,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addon-highlight": "7.0.0-alpha.23",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index faa3b59edfc..23d80a5f4b4 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 97b407e22c3..40ea81c4563 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -59,7 +59,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 32d2119ceaf..65207a7489c 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -54,7 +54,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index c30b22d53c3..16800c0d752 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -46,7 +46,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 846f8b2f4b6..73167de5b5b 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -30,7 +30,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addon-actions": "7.0.0-alpha.23",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 38849055a44..0a9290701a2 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -34,7 +34,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 46f070e6d98..785d41066ad 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index e65f7de6739..df0006d8a35 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -56,7 +56,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index 9c79eb620b3..8ef24d9900a 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -60,7 +60,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 3cac2cab052..d282049ee85 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -58,7 +58,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 62ae398883b..252956864af 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -61,7 +61,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index f1f72a6eb03..af13f0ae8f0 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -33,7 +33,7 @@
   "scripts": {
     "build-storybook": "sb build",
     "example": "jest storyshot.test",
-    "prep": "node ../../../../scripts/prepare.js",
+    "prepare": "node ../../../../scripts/prepare.js",
     "storybook": "yarn sb dev -p 6006"
   },
   "dependencies": {
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 41f26cf315c..0d07b8325d5 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -30,7 +30,7 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prep": "node ../../../../scripts/prepare.js"
+    "prepare": "node ../../../../scripts/prepare.js"
   },
   "dependencies": {
     "@axe-core/puppeteer": "^4.2.0",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index ef519a903cf..3958eda9ff4 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index ffe656021a9..abd62475314 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -54,7 +54,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index b238f4c2276..494790baf73 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -33,7 +33,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index a26cf4117b7..39bbe18c039 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index e87a3f6803c..b0c91e79887 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -27,7 +27,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 1822d1741f5..acd01d03e28 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 1c239bdce89..28604877654 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 6d712f530a8..d6e17ae59de 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 4fa0140de49..9e20a2a9737 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 008933b4ae0..07f7f2559ed 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index 68e58b8436b..d6d925297e5 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 4c39ba8b92e..6c79da4ae0b 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "7.0.0-alpha.23",
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index c0c0e4319a1..3c4cab8ccd9 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -49,7 +49,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/preset-env": "^7.12.11",
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index a1d76ac3806..187113cf715 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/api": "7.0.0-alpha.23",
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 1618eb1da56..1c9b2febb97 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -29,7 +29,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/channels": "7.0.0-alpha.23",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 0db0297d51c..1f21556295c 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -38,7 +38,7 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/api": "7.0.0-alpha.23",
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 24704eadf43..c8e6cb12705 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -38,7 +38,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index 92367609726..d9830c9e0ad 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -30,7 +30,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index 6c056299480..e5bcb84738b 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/channels": "7.0.0-alpha.23",
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index d2d0939d1ce..5e30e9824d3 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/channels": "7.0.0-alpha.23",
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index e62c92dea5e..03ec73f7152 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -39,7 +39,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "core-js": "^3.8.2",
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 66825de3933..080e6875a0c 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -22,7 +22,7 @@
   "bin": "./index.js",
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/cli": "7.0.0-alpha.23"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 315e919d36e..1886f6f489c 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -25,7 +25,7 @@
   },
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/cli": "7.0.0-alpha.23"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index ce0e33dc709..aa0f7b2d362 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -42,7 +42,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js",
+    "prepare": "node ../../../scripts/prepare.js",
     "test": "jest test/**/*.test.js"
   },
   "dependencies": {
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index 2f6e81d285c..ef06c7f2fb6 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index c43f9eccb99..037bf42779f 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "core-js": "^3.8.2",
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index b5b9f08bdbc..adf00827210 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -39,7 +39,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/types": "^7.12.11",
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index a85970d5c47..c9618e7376c 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/client-logger": "7.0.0-alpha.23",
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index 8aaed9af2aa..08e1b9fa7f3 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index cd55e328ddb..cee7e43afc6 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -43,7 +43,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index c2c68017425..20c3cdc4096 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -39,7 +39,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "core-js": "^3.8.2"
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index 33d22c282a5..c19aa724f6d 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -30,7 +30,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.88",
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index b071050ac8b..22dcc683ee6 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/core-common": "7.0.0-alpha.23",
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 30a20528ea6..fb621f5b03d 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index e9974a51e51..608443b30cf 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index a58e3cae957..207d4f6d180 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -38,7 +38,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 7fb2cfd000d..d348092f81f 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@types/npmlog": "^4.1.2",
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index fe6f1e4d67b..5060bc7a767 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "core-js": "^3.8.2"
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 9295852a3f5..75cec5a954d 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -38,7 +38,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index 033b17399e1..66d1d77964f 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "ts-node ../../../scripts/prebundle.ts"
+    "prepare": "ts-node ../../../scripts/prebundle.ts"
   },
   "dependencies": {
     "@storybook/client-logger": "7.0.0-alpha.23",
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index a231d7551a5..8f90c2803ff 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index d0d9b718cab..485186f4624 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -38,7 +38,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 2cf4b20c898..5a67a53c9bb 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/client-logger": "7.0.0-alpha.23",
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index e5b9163b78d..857fe573f00 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -44,7 +44,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/client-logger": "7.0.0-alpha.23",
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index 47f0b8ba91e..f3f7ac9366e 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -49,7 +49,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
diff --git a/code/nx.json b/code/nx.json
index 249f9a30dec..238750d72ca 100644
--- a/code/nx.json
+++ b/code/nx.json
@@ -10,8 +10,8 @@
     "default": {
       "runner": "@nrwl/nx-cloud",
       "options": {
-        "cacheableOperations": ["build", "test", "lint", "package", "prep"],
-        "strictlyOrderedTargets": ["build", "package", "prep"],
+        "cacheableOperations": ["build", "test", "lint", "package", "prepare"],
+        "strictlyOrderedTargets": ["build", "package", "prepare"],
         "accessToken": "NGVmYTkxMmItYzY3OS00MjkxLTk1ZDktZDFmYTFmNmVlNGY4fHJlYWQ=",
         "canTrackAnalytics": false,
         "showUsageWarnings": true
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 3915c80a8e3..2e526c1189d 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "7.0.0-alpha.23",
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 5370b851f84..4d2c10c6dcb 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index ccf5f3ac483..c66cdc4a4d2 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -68,7 +68,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/preset-flow": "^7.12.1",
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index eb39d659a38..3ee7e60d78d 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -52,7 +52,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-server": "7.0.0-alpha.23",
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 42951b02af8..0e35f3c1026 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -62,7 +62,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "7.0.0-alpha.23",
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 7443bc21291..8daa0e23123 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -57,7 +57,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "7.0.0-alpha.23",
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index b37b5a2720d..e7af72e400e 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -58,7 +58,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "7.0.0-alpha.23",
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 335e8b941b1..de13d64d793 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -49,7 +49,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 6a1482b02cd..4b80d58847c 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 163270d82fc..dd8deb91e12 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 4ec41fabc55..0c32507e4e6 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 829f4de94f2..d2d8e7202ad 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 965f142203d..1a4f1faad95 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -51,7 +51,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index c18d6966dbe..643e46a820a 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -47,7 +47,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index f46c603c656..ce52c590925 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 278830d1419..80bf973d5d9 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -49,7 +49,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.23",
diff --git a/scripts/bootstrap.js b/scripts/bootstrap.js
index 43473a08653..4fc16a11063 100755
--- a/scripts/bootstrap.js
+++ b/scripts/bootstrap.js
@@ -74,9 +74,9 @@ function run() {
       defaultValue: true,
       option: '--prep',
       command: () => {
-        log.info(prefix, 'prep');
+        log.info(prefix, 'prepare');
         spawn(
-          `nx run-many --target="prep" --all --parallel --exclude=@storybook/addon-storyshots,@storybook/addon-storyshots-puppeteer -- --reset`
+          `nx run-many --target="prepare" --all --parallel --exclude=@storybook/addon-storyshots,@storybook/addon-storyshots-puppeteer -- --reset`
         );
       },
       order: 2,
@@ -86,9 +86,9 @@ function run() {
       defaultValue: true,
       option: '--retry',
       command: () => {
-        log.info(prefix, 'core');
+        log.info(prefix, 'prepare');
         spawn(
-          `nx run-many --target="prep" --all --parallel --only-failed ${
+          `nx run-many --target=prepare --all --parallel --only-failed ${
             process.env.CI ? `--max-parallel=${maxConcurrentTasks}` : ''
           }`
         );
@@ -122,7 +122,7 @@ function run() {
       command: () => {
         log.info(prefix, 'build');
         spawn(
-          `nx run-many --target="prep" --all --parallel=8 ${
+          `nx run-many --target="prepare" --all --parallel=8 ${
             process.env.CI ? `--max-parallel=${maxConcurrentTasks}` : ''
           } -- --reset --optimized`
         );

From a4031817fb9d7bb7387268f46002b475c9cbe9a4 Mon Sep 17 00:00:00 2001
From: Michael Arestad <marestad@gmail.com>
Date: Mon, 22 Aug 2022 08:42:24 -0600
Subject: [PATCH 270/278] Update code/examples/angular-cli/.storybook/main.ts

---
 code/examples/angular-cli/.storybook/main.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/code/examples/angular-cli/.storybook/main.ts b/code/examples/angular-cli/.storybook/main.ts
index 68356aa901e..4fd2b7f8817 100644
--- a/code/examples/angular-cli/.storybook/main.ts
+++ b/code/examples/angular-cli/.storybook/main.ts
@@ -19,7 +19,6 @@ const mainConfig: import('@storybook/angular').StorybookConfig = {
     channelOptions: { allowFunction: false, maxDepth: 10 },
     disableTelemetry: true,
   },
-  // These are just here to test composition. They could be added to any storybook example project
   staticDirs: ['../src/assets'],
   features: {
     buildStoriesJson: false,

From 9608ef52d57cdfb7094a7e8af5cb96257c6ecbd3 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 23 Aug 2022 08:22:16 +0800
Subject: [PATCH 271/278] Generate-repros: Run local registry on
 `--local-registry` option

---
 .github/workflows/generate-repros-next.yml       |  4 ++--
 scripts/next-repro-generators/generate-repros.ts | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/generate-repros-next.yml b/.github/workflows/generate-repros-next.yml
index 278c7c131de..a1774867b6c 100644
--- a/.github/workflows/generate-repros-next.yml
+++ b/.github/workflows/generate-repros-next.yml
@@ -2,7 +2,7 @@ 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:
@@ -26,7 +26,7 @@ jobs:
         run: yarn bootstrap --prep
         working-directory: ./code
       - name: Generate repros
-        run: yarn generate-repros-next
+        run: yarn generate-repros-next --local-registry
         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/scripts/next-repro-generators/generate-repros.ts b/scripts/next-repro-generators/generate-repros.ts
index 89c3d66df9c..c71f5d4a455 100755
--- a/scripts/next-repro-generators/generate-repros.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -6,6 +6,8 @@ import pLimit from 'p-limit';
 import prettyTime from 'pretty-hrtime';
 import { copy, emptyDir, ensureDir, rename, writeFile } from 'fs-extra';
 import { program } from 'commander';
+import { AbortController } from 'node-abort-controller';
+
 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';
@@ -17,6 +19,8 @@ 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';
+import { servePackages } from '../utils/serve-packages';
+import { publish } from '../tasks/publish';
 
 const OUTPUT_DIRECTORY = join(__dirname, '..', '..', 'repros');
 const BEFORE_DIR_NAME = 'before-storybook';
@@ -32,11 +36,21 @@ const sbInit = async (cwd: string) => {
 const LOCAL_REGISTRY_URL = 'http://localhost:6001';
 const withLocalRegistry = async (packageManager: JsPackageManager, action: () => Promise<void>) => {
   const prevUrl = packageManager.getRegistryURL();
+  let controller: AbortController;
   try {
+    // @ts-ignore
+    await publish.run();
+    console.log(`⚙️ Starting local registry: ${LOCAL_REGISTRY_URL}`);
+    controller = await servePackages({});
+
     console.log(`📦 Configuring local registry: ${LOCAL_REGISTRY_URL}`);
     packageManager.setRegistryURL(LOCAL_REGISTRY_URL);
     await action();
   } finally {
+    if (controller) {
+      console.log(`🛑 Stopping local registry: ${LOCAL_REGISTRY_URL}`);
+      controller.abort();
+    }
     console.log(`📦 Restoring registry: ${prevUrl}`);
     packageManager.setRegistryURL(prevUrl);
   }

From 8850ad9e5be4c8833cd73deb0b59c5f794afb026 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 23 Aug 2022 09:30:25 +0800
Subject: [PATCH 272/278] Guild generate-repros GH action on node14

---
 .github/workflows/generate-repros.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.github/workflows/generate-repros.yml b/.github/workflows/generate-repros.yml
index d66fbbe3724..43b11ccfcce 100644
--- a/.github/workflows/generate-repros.yml
+++ b/.github/workflows/generate-repros.yml
@@ -15,6 +15,9 @@ jobs:
     env:
       YARN_ENABLE_IMMUTABLE_INSTALLS: false
     steps:
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 14
       - uses: actions/checkout@v2
       - name: Setup git user
         run: |

From 8a8d628e51861eec2956bf44823c97b46ae77789 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 23 Aug 2022 17:42:58 +0800
Subject: [PATCH 273/278] Build: Fix local-registry to always run addUser

---
 scripts/run-registry.ts | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/scripts/run-registry.ts b/scripts/run-registry.ts
index 4837e5fa111..f364994544d 100755
--- a/scripts/run-registry.ts
+++ b/scripts/run-registry.ts
@@ -94,18 +94,18 @@ const publish = (packages: { name: string; location: string }[], url: string) =>
   );
 };
 
-// const addUser = (url: string) =>
-//   new Promise((res, rej) => {
-//     logger.log(`👤 add temp user to verdaccio`);
+const addUser = (url: string) =>
+  new Promise((res, rej) => {
+    logger.log(`👤 add temp user to verdaccio`);
 
-//     exec(`npx npm-cli-adduser -r "${url}" -a -u user -p password -e user@example.com`, (e) => {
-//       if (e) {
-//         rej(e);
-//       } else {
-//         res();
-//       }
-//     });
-//   });
+    exec(`npx npm-cli-adduser -r "${url}" -a -u user -p password -e user@example.com`, (e) => {
+      if (e) {
+        rej(e);
+      } else {
+        res();
+      }
+    });
+  });
 
 const run = async () => {
   const port = await freePort(program.port);
@@ -135,8 +135,12 @@ const run = async () => {
 
   logger.log(`🌿 verdaccio running on ${verdaccioUrl}`);
 
-  // first time running, you might need to enable this
-  // await addUser(verdaccioUrl);
+  // in some environments you need to add a dummy user. always try to add & catch on failure
+  try {
+    await addUser(verdaccioUrl);
+  } catch (e) {
+    //
+  }
 
   logger.log(`📦 found ${packages.length} storybook packages at version ${chalk.blue(version)}`);
 

From 0e025c559fc6f244df503e1e7346ec4dc843ecdc Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 23 Aug 2022 17:43:22 +0800
Subject: [PATCH 274/278] Build: Always run yarn1 in repro generation

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

diff --git a/scripts/next-repro-generators/utils/yarn.ts b/scripts/next-repro-generators/utils/yarn.ts
index 0227fc65f49..61d4990b312 100644
--- a/scripts/next-repro-generators/utils/yarn.ts
+++ b/scripts/next-repro-generators/utils/yarn.ts
@@ -9,6 +9,8 @@ interface SetupYarnOptions {
 }
 
 export async function setupYarn({ cwd, pnp = false, version = 'classic' }: SetupYarnOptions) {
+  // force yarn
+  await runCommand(`touch yarn.lock`, { cwd });
   await runCommand(`yarn set version ${version}`, { cwd });
   if (version === 'berry' && !pnp) {
     await runCommand('yarn config set nodeLinker node-modules', { cwd });

From ffecbd15c2da50d7954c874c0b16858dbd30ff3e Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 23 Aug 2022 17:45:00 +0800
Subject: [PATCH 275/278] Build: Only publish once per generate-repros-next run

---
 .../next-repro-generators/generate-repros.ts  | 26 +++++++++++--------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/scripts/next-repro-generators/generate-repros.ts b/scripts/next-repro-generators/generate-repros.ts
index c71f5d4a455..0e5adaa879e 100755
--- a/scripts/next-repro-generators/generate-repros.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -36,21 +36,11 @@ const sbInit = async (cwd: string) => {
 const LOCAL_REGISTRY_URL = 'http://localhost:6001';
 const withLocalRegistry = async (packageManager: JsPackageManager, action: () => Promise<void>) => {
   const prevUrl = packageManager.getRegistryURL();
-  let controller: AbortController;
   try {
-    // @ts-ignore
-    await publish.run();
-    console.log(`⚙️ Starting local registry: ${LOCAL_REGISTRY_URL}`);
-    controller = await servePackages({});
-
     console.log(`📦 Configuring local registry: ${LOCAL_REGISTRY_URL}`);
     packageManager.setRegistryURL(LOCAL_REGISTRY_URL);
     await action();
   } finally {
-    if (controller) {
-      console.log(`🛑 Stopping local registry: ${LOCAL_REGISTRY_URL}`);
-      controller.abort();
-    }
     console.log(`📦 Restoring registry: ${prevUrl}`);
     packageManager.setRegistryURL(prevUrl);
   }
@@ -115,7 +105,15 @@ const runGenerators = async (
 
   const limit = pLimit(maxConcurrentTasks);
 
-  return Promise.all(
+  let controller: AbortController;
+  if (localRegistry) {
+    // @ts-ignore
+    await publish.run();
+    console.log(`⚙️ Starting local registry: ${LOCAL_REGISTRY_URL}`);
+    controller = await servePackages({ debug: true });
+  }
+
+  await Promise.all(
     generators.map(({ dirName, name, script }) =>
       limit(async () => {
         const time = process.hrtime();
@@ -146,6 +144,12 @@ const runGenerators = async (
       })
     )
   );
+
+  if (controller) {
+    console.log(`🛑 Stopping local registry: ${LOCAL_REGISTRY_URL}`);
+    controller.abort();
+    console.log(`✅ Stopped`);
+  }
 };
 
 const generate = async ({

From e16781352c7ea56a75a1f7a482a00f963dfdd575 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 23 Aug 2022 17:46:17 +0800
Subject: [PATCH 276/278] Build: Force exit generate-repros

---
 scripts/next-repro-generators/generate-repros.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/scripts/next-repro-generators/generate-repros.ts b/scripts/next-repro-generators/generate-repros.ts
index 0e5adaa879e..a2e532aca5f 100755
--- a/scripts/next-repro-generators/generate-repros.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -150,6 +150,11 @@ const runGenerators = async (
     controller.abort();
     console.log(`✅ Stopped`);
   }
+
+  // FIXME: Kill dangling processes. For some reason in CI,
+  // the abort signal gets executed but the child process kill
+  // does not succeed?!?
+  process.exit(0);
 };
 
 const generate = async ({

From 3617a62a6e029871b8a9a3ca70c0ae1fe3330ea1 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 23 Aug 2022 17:46:55 +0800
Subject: [PATCH 277/278] Build: Fix prepare script in build command

---
 scripts/build-package.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/build-package.js b/scripts/build-package.js
index 70468be2e0e..f9df57b1f7c 100644
--- a/scripts/build-package.js
+++ b/scripts/build-package.js
@@ -113,7 +113,7 @@ async function run() {
   }
 
   selection?.filter(Boolean).forEach(async (v) => {
-    const commmand = (await readJSON(resolve(v.location, 'package.json'))).scripts.prep;
+    const commmand = (await readJSON(resolve(v.location, 'package.json'))).scripts.prepare;
     const cwd = resolve(__dirname, '..', 'code', v.location);
     const sub = require('execa').command(
       `${commmand}${watchMode ? ' --watch' : ''}${prodMode ? ' --optimized' : ''}`,

From 19a76d9b2d2529300c9ebe2a7a30b53488eb9f94 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Tue, 23 Aug 2022 17:47:22 +0800
Subject: [PATCH 278/278] Build: Update check-package for new repo structure

---
 scripts/check-package.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/check-package.js b/scripts/check-package.js
index 1b9e0f2f425..42fac6081ed 100644
--- a/scripts/check-package.js
+++ b/scripts/check-package.js
@@ -5,7 +5,7 @@ const { resolve } = require('path');
 const { readJSON } = require('fs-extra');
 
 const getStorybookPackages = async () => {
-  const workspaceJSON = await readJSON(resolve(__dirname, '..', 'workspace.json'));
+  const workspaceJSON = await readJSON(resolve(__dirname, '..', 'code', 'workspace.json'));
   return Object.entries(workspaceJSON.projects).map(([k, v]) => ({
     location: v.root,
     name: k,