From 615db423a000e7c59f186bb2c72a347c9ed51dcd Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Thu, 3 Aug 2023 10:43:40 +0200
Subject: [PATCH 01/29] Don't assign values to all slots (rollback to v7.0.27)

---
 code/renderers/vue3/src/render.ts | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/code/renderers/vue3/src/render.ts b/code/renderers/vue3/src/render.ts
index 552438220600..a8873bb67772 100644
--- a/code/renderers/vue3/src/render.ts
+++ b/code/renderers/vue3/src/render.ts
@@ -3,7 +3,6 @@ import type { App } from 'vue';
 import { createApp, h, reactive, isVNode, isReactive } from 'vue';
 import type { ArgsStoryFn, RenderContext } from '@storybook/types';
 import type { Args, StoryContext } from '@storybook/csf';
-
 import type { StoryFnVueReturnType, StoryID, VueRenderer } from './types';
 
 export const render: ArgsStoryFn<VueRenderer> = (props, context) => {
@@ -14,7 +13,7 @@ export const render: ArgsStoryFn<VueRenderer> = (props, context) => {
     );
   }
 
-  return () => h(Component, props, generateSlots(context));
+  return () => h(Component, props, getSlots(props, context));
 };
 
 // set of setup functions that will be called when story is created
@@ -36,7 +35,6 @@ const map = new Map<
   {
     vueApp: ReturnType<typeof createApp>;
     reactiveArgs: Args;
-    reactiveSlots?: Args;
   }
 >();
 
@@ -93,20 +91,16 @@ export function renderToCanvas(
 
 /**
  * generate slots for default story without render function template
- * @param context
  */
-
-function generateSlots(context: StoryContext<VueRenderer, Args>) {
+function getSlots(props: Args, context: StoryContext<VueRenderer, Args>) {
   const { argTypes } = context;
-  const slots = Object.entries(argTypes)
-    .filter(([key, value]) => argTypes[key]?.table?.category === 'slots')
-    .map(([key, value]) => {
-      const slotValue = context.args[key];
-      return [key, typeof slotValue === 'function' ? slotValue : () => slotValue];
-    });
-
-  return reactive(Object.fromEntries(slots));
+  const slots = Object.entries(props)
+    .filter(([key]) => argTypes[key]?.table?.category === 'slots')
+    .map(([key, value]) => [key, typeof value === 'function' ? value : () => value]);
+
+  return Object.fromEntries(slots);
 }
+
 /**
  * get the args from the root element props if it is a vnode otherwise from the context
  * @param element is the root element of the story

From 04a0270f6ba9dddc7a4dbbe8ca47682736681f54 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Wed, 9 Aug 2023 12:33:48 +0200
Subject: [PATCH 02/29] Improve Link component

---
 .../components/src/new/Link/Link.stories.tsx  | 54 ++++++---------
 code/ui/components/src/new/Link/Link.tsx      | 68 +++++++++----------
 2 files changed, 53 insertions(+), 69 deletions(-)

diff --git a/code/ui/components/src/new/Link/Link.stories.tsx b/code/ui/components/src/new/Link/Link.stories.tsx
index 356329f8e53c..c8ca067b2671 100644
--- a/code/ui/components/src/new/Link/Link.stories.tsx
+++ b/code/ui/components/src/new/Link/Link.stories.tsx
@@ -1,7 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
-
-import { Icon } from '@storybook/components/experimental';
 import { Link } from './Link';
 
 const meta: Meta<typeof Link> = {
@@ -26,8 +24,24 @@ export const Variants: Story = {
       <Link href="https://storybook.js.org/" variant="secondary">
         Secondary
       </Link>
-      <Link href="https://storybook.js.org/" variant="tertiary">
-        Tertiary
+    </div>
+  ),
+};
+
+export const Underline: Story = {
+  render: () => (
+    <div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
+      <Link href="https://storybook.js.org/" variant="primary" underline="hover">
+        Primary
+      </Link>
+      <Link href="https://storybook.js.org/" variant="primary" underline="always">
+        Secondary
+      </Link>
+      <Link href="https://storybook.js.org/" variant="secondary" underline="hover">
+        Secondary
+      </Link>
+      <Link href="https://storybook.js.org/" variant="secondary" underline="always">
+        Secondary
       </Link>
     </div>
   ),
@@ -36,15 +50,12 @@ export const Variants: Story = {
 export const WithIcon: Story = {
   render: () => (
     <div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
-      <Link href="https://storybook.js.org/" variant="primary" icon={<Icon.FaceHappy />}>
+      <Link href="https://storybook.js.org/" variant="primary" icon="FaceHappy">
         Primary
       </Link>
-      <Link href="https://storybook.js.org/" variant="secondary" icon={<Icon.FaceHappy />}>
+      <Link href="https://storybook.js.org/" variant="secondary" icon="FaceHappy">
         Secondary
       </Link>
-      <Link href="https://storybook.js.org/" variant="tertiary" icon={<Icon.FaceHappy />}>
-        Tertiary
-      </Link>
     </div>
   ),
 };
@@ -59,35 +70,14 @@ export const WithArrow: Story = {
         <Link href="https://storybook.js.org/" variant="secondary" withArrow>
           Secondary
         </Link>
-        <Link href="https://storybook.js.org/" variant="tertiary" withArrow>
-          Tertiary
-        </Link>
       </div>
       <div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
-        <Link
-          href="https://storybook.js.org/"
-          variant="primary"
-          icon={<Icon.FaceHappy />}
-          withArrow
-        >
+        <Link href="https://storybook.js.org/" variant="primary" icon="FaceHappy" withArrow>
           Primary
         </Link>
-        <Link
-          href="https://storybook.js.org/"
-          variant="secondary"
-          icon={<Icon.FaceHappy />}
-          withArrow
-        >
+        <Link href="https://storybook.js.org/" variant="secondary" icon="FaceHappy" withArrow>
           Secondary
         </Link>
-        <Link
-          href="https://storybook.js.org/"
-          variant="tertiary"
-          icon={<Icon.FaceHappy />}
-          withArrow
-        >
-          Tertiary
-        </Link>
       </div>
     </div>
   ),
diff --git a/code/ui/components/src/new/Link/Link.tsx b/code/ui/components/src/new/Link/Link.tsx
index a1da0f81733d..11eb79e782fa 100644
--- a/code/ui/components/src/new/Link/Link.tsx
+++ b/code/ui/components/src/new/Link/Link.tsx
@@ -1,15 +1,17 @@
-import type { MouseEvent, ReactNode } from 'react';
+import type { MouseEvent } from 'react';
 import React, { forwardRef } from 'react';
 import { styled } from '@storybook/theming';
-import { darken } from 'polished';
+import type { Icons } from '@storybook/icons';
 import { Icon } from '../Icon/Icon';
 import type { PropsOf } from '../utils/types';
 
 export interface LinkProps<T extends React.ElementType = React.ElementType> {
   as?: T;
   children: string;
-  variant?: 'primary' | 'secondary' | 'tertiary';
-  icon?: ReactNode;
+  variant?: 'primary' | 'secondary';
+  weight?: 'regular' | 'medium' | 'bold';
+  underline?: 'hover' | 'always';
+  icon?: Icons;
   onClick?: (e: MouseEvent) => void;
   withArrow?: boolean;
 }
@@ -20,11 +22,12 @@ export const Link: {
   ): JSX.Element;
   displayName?: string;
 } = forwardRef(
-  ({ as, children, icon, withArrow, ...props }: LinkProps, ref: React.Ref<HTMLAnchorElement>) => {
+  ({ children, icon, withArrow, ...props }: LinkProps, ref: React.Ref<HTMLAnchorElement>) => {
+    const LocalIcon = Icon[icon];
     return (
-      <StyledLink as={as} ref={ref} {...props}>
+      <StyledLink ref={ref} {...props}>
         <StyledLeft>
-          {icon}
+          {icon && <LocalIcon />}
           {children}
         </StyledLeft>
         {withArrow && <Icon.ChevronRight size={8} />}
@@ -35,39 +38,30 @@ export const Link: {
 
 Link.displayName = 'Link';
 
-const StyledLink = styled.a<Omit<LinkProps, 'children'>>(({ theme, variant = 'primary' }) => ({
-  display: 'inline-flex',
-  gap: 4,
-  alignItems: 'center',
-  transition: 'all 150ms ease-out',
-  textDecoration: 'none',
-  lineHeight: 1,
-  color: `${(() => {
-    if (variant === 'primary') return theme.color.secondary;
-    if (variant === 'secondary') return theme.textMutedColor;
-    if (variant === 'tertiary') return theme.color.dark;
-    return theme.color.secondary;
-  })()}`,
-
-  '&:hover, &:focus': {
-    cursor: 'pointer',
+const StyledLink = styled.a<Omit<LinkProps, 'children'>>(
+  ({ theme, variant = 'primary', underline = 'hover' }) => ({
+    display: 'inline-flex',
+    gap: 4,
+    alignItems: 'center',
+    transition: 'all 150ms ease-out',
+    textDecoration: 'none',
+    lineHeight: 1,
     color: `${(() => {
-      if (variant === 'primary') return darken(0.07, theme.color.secondary);
-      if (variant === 'secondary') return theme.color.dark;
-      if (variant === 'tertiary') return theme.color.darkest;
-      return darken(0.07, theme.color.secondary);
+      if (variant === 'primary') return theme.color.secondary;
+      if (variant === 'secondary') return theme.textMutedColor;
+      return theme.color.secondary;
     })()}`,
-  },
+    textDecorationLine: `${underline === 'always' ? 'underline' : 'none'}`,
+    textDecorationStyle: 'solid',
+    textDecorationThickness: '1px',
+    textUnderlineOffset: '2px',
 
-  '&:active': {
-    color: `${(() => {
-      if (variant === 'primary') return darken(0.1, theme.color.secondary);
-      if (variant === 'secondary') return theme.color.darker;
-      if (variant === 'tertiary') return theme.textMutedColor;
-      return darken(0.1, theme.color.secondary);
-    })()}`,
-  },
-}));
+    '&:hover, &:focus': {
+      cursor: 'pointer',
+      textDecorationLine: 'underline',
+    },
+  })
+);
 
 const StyledLeft = styled.span(({ theme }) => ({
   display: 'inline-flex',

From af247074865cd56c39f2fa76a8b6cc0f3eb104e5 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Wed, 9 Aug 2023 12:34:05 +0200
Subject: [PATCH 03/29] Fix exports

---
 code/ui/components/src/experimental.ts | 1 +
 code/ui/manager/src/globals/exports.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/code/ui/components/src/experimental.ts b/code/ui/components/src/experimental.ts
index 47764d881891..7280862f230f 100644
--- a/code/ui/components/src/experimental.ts
+++ b/code/ui/components/src/experimental.ts
@@ -12,3 +12,4 @@ export { Input } from './new/Input/Input';
 export { Select } from './new/Select/Select';
 export { Link } from './new/Link/Link';
 export { Icon } from './new/Icon/Icon';
+export { IconButton } from './new/IconButton/IconButton';
diff --git a/code/ui/manager/src/globals/exports.ts b/code/ui/manager/src/globals/exports.ts
index ffd247fdd30d..6ad6218c0fff 100644
--- a/code/ui/manager/src/globals/exports.ts
+++ b/code/ui/manager/src/globals/exports.ts
@@ -114,7 +114,7 @@ export default {
     'resetComponents',
     'withReset',
   ],
-  '@storybook/components/experimental': ['Button', 'Icon', 'Input', 'Link', 'Select'],
+  '@storybook/components/experimental': ['Button', 'Icon', 'IconButton', 'Input', 'Link', 'Select'],
   '@storybook/channels': [
     'Channel',
     'PostMessageTransport',

From 06ab5039dfbbff7627fdc6f4e864eca758ba4a28 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Wed, 9 Aug 2023 12:34:16 +0200
Subject: [PATCH 04/29] Update Empty.tsx

---
 .../blocks/src/components/ArgsTable/Empty.tsx | 23 ++-----------------
 1 file changed, 2 insertions(+), 21 deletions(-)

diff --git a/code/ui/blocks/src/components/ArgsTable/Empty.tsx b/code/ui/blocks/src/components/ArgsTable/Empty.tsx
index 7962d475acf8..ea8e3c2f17fc 100644
--- a/code/ui/blocks/src/components/ArgsTable/Empty.tsx
+++ b/code/ui/blocks/src/components/ArgsTable/Empty.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React, { useEffect, useState } from 'react';
 import { styled } from '@storybook/theming';
-import { Icon, Link } from '@storybook/components/experimental';
+import { Link } from '@storybook/components/experimental';
 
 interface EmptyProps {
   inAddonPanel?: boolean;
@@ -53,16 +53,6 @@ const Divider = styled.div(({ theme }) => ({
   backgroundColor: theme.appBorderColor,
 }));
 
-const VideoIcon = styled.div(({ theme }) => ({
-  width: 22,
-  height: 16,
-  borderRadius: theme.appBorderRadius,
-  border: `1px solid ${theme.color.secondary}`,
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-}));
-
 export const Empty: FC<EmptyProps> = ({ inAddonPanel }) => {
   const [isLoading, setIsLoading] = useState(true);
 
@@ -95,16 +85,7 @@ export const Empty: FC<EmptyProps> = ({ inAddonPanel }) => {
       <Links>
         {inAddonPanel && (
           <>
-            <Link
-              href="https://youtu.be/0gOfS6K0x0E"
-              target="_blank"
-              icon={
-                <VideoIcon>
-                  <Icon.Play size={8} />
-                </VideoIcon>
-              }
-              withArrow
-            >
+            <Link href="https://youtu.be/0gOfS6K0x0E" target="_blank" icon="Video" withArrow>
               Watch 5m video
             </Link>
             <Divider />

From 764b20f7dc1e7ca531f1a55ed0648faf18a98a3e Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Wed, 9 Aug 2023 12:50:21 +0200
Subject: [PATCH 05/29] Fix weight on Link

---
 .../components/src/new/Link/Link.stories.tsx  | 19 +++++++++++++++++++
 code/ui/components/src/new/Link/Link.tsx      | 11 ++++++++---
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/code/ui/components/src/new/Link/Link.stories.tsx b/code/ui/components/src/new/Link/Link.stories.tsx
index c8ca067b2671..0fee3e095b8a 100644
--- a/code/ui/components/src/new/Link/Link.stories.tsx
+++ b/code/ui/components/src/new/Link/Link.stories.tsx
@@ -47,6 +47,25 @@ export const Underline: Story = {
   ),
 };
 
+export const Weight: Story = {
+  render: () => (
+    <div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
+      <Link href="https://storybook.js.org/" variant="primary" weight="regular">
+        Primary
+      </Link>
+      <Link href="https://storybook.js.org/" variant="primary" weight="bold">
+        Secondary
+      </Link>
+      <Link href="https://storybook.js.org/" variant="secondary" weight="regular">
+        Secondary
+      </Link>
+      <Link href="https://storybook.js.org/" variant="secondary" weight="bold">
+        Secondary
+      </Link>
+    </div>
+  ),
+};
+
 export const WithIcon: Story = {
   render: () => (
     <div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
diff --git a/code/ui/components/src/new/Link/Link.tsx b/code/ui/components/src/new/Link/Link.tsx
index 11eb79e782fa..3422ac6a7f31 100644
--- a/code/ui/components/src/new/Link/Link.tsx
+++ b/code/ui/components/src/new/Link/Link.tsx
@@ -9,7 +9,7 @@ export interface LinkProps<T extends React.ElementType = React.ElementType> {
   as?: T;
   children: string;
   variant?: 'primary' | 'secondary';
-  weight?: 'regular' | 'medium' | 'bold';
+  weight?: 'regular' | 'bold';
   underline?: 'hover' | 'always';
   icon?: Icons;
   onClick?: (e: MouseEvent) => void;
@@ -39,7 +39,7 @@ export const Link: {
 Link.displayName = 'Link';
 
 const StyledLink = styled.a<Omit<LinkProps, 'children'>>(
-  ({ theme, variant = 'primary', underline = 'hover' }) => ({
+  ({ theme, variant = 'primary', underline = 'hover', weight = 'regular' }) => ({
     display: 'inline-flex',
     gap: 4,
     alignItems: 'center',
@@ -48,9 +48,14 @@ const StyledLink = styled.a<Omit<LinkProps, 'children'>>(
     lineHeight: 1,
     color: `${(() => {
       if (variant === 'primary') return theme.color.secondary;
-      if (variant === 'secondary') return theme.textMutedColor;
+      if (variant === 'secondary') return theme.color.defaultText;
       return theme.color.secondary;
     })()}`,
+    fontWeight: `${(() => {
+      if (weight === 'regular') return theme.typography.weight.regular;
+      if (weight === 'bold') return theme.typography.weight.bold;
+      return theme.typography.weight.bold;
+    })()}`,
     textDecorationLine: `${underline === 'always' ? 'underline' : 'none'}`,
     textDecorationStyle: 'solid',
     textDecorationThickness: '1px',

From 03625362ccf9378b9e7fd8fa08f879e87227f2cc Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Wed, 9 Aug 2023 13:09:37 +0200
Subject: [PATCH 06/29] Update IconButton.tsx

---
 .../src/new/IconButton/IconButton.tsx         | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/code/ui/components/src/new/IconButton/IconButton.tsx b/code/ui/components/src/new/IconButton/IconButton.tsx
index 9a0e1ad98ea9..ae20fa9e38ad 100644
--- a/code/ui/components/src/new/IconButton/IconButton.tsx
+++ b/code/ui/components/src/new/IconButton/IconButton.tsx
@@ -35,7 +35,7 @@ export const IconButton: {
 IconButton.displayName = 'IconButton';
 
 const StyledButton = styled.button<Omit<ButtonProps, 'icon'>>(
-  ({ theme, variant = 'primary', size = 'medium', disabled = false, active = false }) => ({
+  ({ theme, variant = 'solid', size = 'medium', disabled = false, active = false }) => ({
     border: 0,
     cursor: disabled ? 'not-allowed' : 'pointer',
     display: 'inline-flex',
@@ -64,41 +64,41 @@ const StyledButton = styled.button<Omit<ButtonProps, 'icon'>>(
     fontWeight: theme.typography.weight.bold,
     lineHeight: '1',
     background: `${(() => {
-      if (variant === 'primary') return theme.color.secondary;
-      if (variant === 'secondary') return theme.button.background;
-      if (variant === 'tertiary' && active) return theme.background.hoverable;
+      if (variant === 'solid') return theme.color.secondary;
+      if (variant === 'outline') return theme.button.background;
+      if (variant === 'ghost' && active) return theme.background.hoverable;
       return 'transparent';
     })()}`,
     color: `${(() => {
-      if (variant === 'primary') return theme.color.lightest;
-      if (variant === 'secondary') return theme.input.color;
-      if (variant === 'tertiary' && active) return theme.color.secondary;
-      if (variant === 'tertiary') return theme.color.mediumdark;
+      if (variant === 'solid') return theme.color.lightest;
+      if (variant === 'outline') return theme.input.color;
+      if (variant === 'ghost' && active) return theme.color.secondary;
+      if (variant === 'ghost') return theme.color.mediumdark;
       return theme.input.color;
     })()}`,
-    boxShadow: variant === 'secondary' ? `${theme.button.border} 0 0 0 1px inset` : 'none',
+    boxShadow: variant === 'outline' ? `${theme.button.border} 0 0 0 1px inset` : 'none',
     borderRadius: theme.input.borderRadius,
 
     '&:hover': {
-      color: variant === 'tertiary' ? theme.color.secondary : null,
+      color: variant === 'ghost' ? theme.color.secondary : null,
       background: `${(() => {
         let bgColor = theme.color.secondary;
-        if (variant === 'primary') bgColor = theme.color.secondary;
-        if (variant === 'secondary') bgColor = theme.button.background;
+        if (variant === 'solid') bgColor = theme.color.secondary;
+        if (variant === 'outline') bgColor = theme.button.background;
 
-        if (variant === 'tertiary') return transparentize(0.86, theme.color.secondary);
+        if (variant === 'ghost') return transparentize(0.86, theme.color.secondary);
         return theme.base === 'light' ? darken(0.02, bgColor) : lighten(0.03, bgColor);
       })()}`,
     },
 
     '&:active': {
-      color: variant === 'tertiary' ? theme.color.secondary : null,
+      color: variant === 'ghost' ? theme.color.secondary : null,
       background: `${(() => {
         let bgColor = theme.color.secondary;
-        if (variant === 'primary') bgColor = theme.color.secondary;
-        if (variant === 'secondary') bgColor = theme.button.background;
+        if (variant === 'solid') bgColor = theme.color.secondary;
+        if (variant === 'outline') bgColor = theme.button.background;
 
-        if (variant === 'tertiary') return theme.background.hoverable;
+        if (variant === 'ghost') return theme.background.hoverable;
         return theme.base === 'light' ? darken(0.02, bgColor) : lighten(0.03, bgColor);
       })()}`,
     },

From facb2a2c6b9e3032248bde5d9358a61a82f6a610 Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Wed, 9 Aug 2023 15:36:25 +0200
Subject: [PATCH 07/29] Remove patch label checking

---
 scripts/dangerfile.ts | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/scripts/dangerfile.ts b/scripts/dangerfile.ts
index 7b87377c0cd3..754686981c80 100644
--- a/scripts/dangerfile.ts
+++ b/scripts/dangerfile.ts
@@ -50,14 +50,6 @@ const checkRequiredLabels = (labels: string[]) => {
     fail(`Please choose only one of these labels: ${JSON.stringify(foundRequiredLabels)}`);
   }
 
-  const labelsForPatchStatus = ['patch:no', 'patch:yes'];
-  const foundPatchLabels = intersection(labelsForPatchStatus, labels);
-  if (isEmpty(foundPatchLabels)) {
-    fail(`PR is not labeled with one of: ${JSON.stringify(labelsForPatchStatus)}`);
-  } else if (foundPatchLabels.length > 1) {
-    fail(`Please choose only one of these labels: ${JSON.stringify(foundPatchLabels)}`);
-  }
-
   const foundCILabels = intersection(ciLabels, labels);
   if (isEmpty(foundCILabels)) {
     fail(`PR is not labeled with one of: ${JSON.stringify(ciLabels)}`);

From 4a9e3ecc96085157d331b4667e37bd32395d8a6f Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Wed, 9 Aug 2023 13:46:42 +0000
Subject: [PATCH 08/29] Write changelog for 7.2.2-alpha.1

---
 CHANGELOG.prerelease.md | 9 +++++++++
 code/package.json       | 3 ++-
 docs/versions/next.json | 7 +------
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index 53ddf862c349..18b151809ed3 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,12 @@
+## 7.2.2-alpha.1
+
+- CSF-Tools: Remove prettier from printConfig - [#23766](https://github.com/storybookjs/storybook/pull/23766), thanks [@kasperpeulen](https://github.com/kasperpeulen)!
+- UI: Improve Link component - [#23767](https://github.com/storybookjs/storybook/pull/23767), thanks [@cdedreuille](https://github.com/cdedreuille)!
+- UI: Improve new `Button` component - [#23765](https://github.com/storybookjs/storybook/pull/23765), thanks [@cdedreuille](https://github.com/cdedreuille)!
+- UI: Update Button types to allow for no children on iconOnly buttons - [#23735](https://github.com/storybookjs/storybook/pull/23735), thanks [@cdedreuille](https://github.com/cdedreuille)!
+- UI: Upgrade Icon component - [#23680](https://github.com/storybookjs/storybook/pull/23680), thanks [@cdedreuille](https://github.com/cdedreuille)!
+- WebpackBuilder: Remove need for `react` as peerDependency - [#23496](https://github.com/storybookjs/storybook/pull/23496), thanks [@ndelangen](https://github.com/ndelangen)!
+
 ## 7.2.2-alpha.0
 
 - Indexer: Introduce new experimental `indexer` API - #23691, thanks [@JReinhold](https://github.com/jreinhold)!
diff --git a/code/package.json b/code/package.json
index 7fd9c897bb52..2013de5f4248 100644
--- a/code/package.json
+++ b/code/package.json
@@ -326,5 +326,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "7.2.2-alpha.1"
 }
diff --git a/docs/versions/next.json b/docs/versions/next.json
index 63e92dde8084..c23698d4d4ef 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1,6 +1 @@
-{
-  "version": "7.2.2-alpha.0",
-  "info": {
-    "plain": "- Indexer: Introduce new experimental `indexer` API - #23691, thanks [@JReinhold](https://github.com/jreinhold)!\n- Addon-docs, Core, Server: Use new `indexer` API - #23660, thanks [@JReinhold](https://github.com/jreinhold)!\n- Server: Add support for tags - #23660, thanks [@JReinhold](https://github.com/jreinhold)! \n- Core-server: Improve internal types - #23632, thanks [@JReinhold](https://github.com/jreinhold)!"
-  }
-}
+{"version":"7.2.2-alpha.1","info":{"plain":"- CSF-Tools: Remove prettier from printConfig - [#23766](https://github.com/storybookjs/storybook/pull/23766), thanks [@kasperpeulen](https://github.com/kasperpeulen)!\n- UI: Improve Link component - [#23767](https://github.com/storybookjs/storybook/pull/23767), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- UI: Improve new `Button` component - [#23765](https://github.com/storybookjs/storybook/pull/23765), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- UI: Update Button types to allow for no children on iconOnly buttons - [#23735](https://github.com/storybookjs/storybook/pull/23735), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- UI: Upgrade Icon component - [#23680](https://github.com/storybookjs/storybook/pull/23680), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- WebpackBuilder: Remove need for `react` as peerDependency - [#23496](https://github.com/storybookjs/storybook/pull/23496), thanks [@ndelangen](https://github.com/ndelangen)!"}}

From a1406c739b17607c2fd763376a9a383145bb18a7 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Wed, 9 Aug 2023 14:12:44 +0000
Subject: [PATCH 09/29] Update CHANGELOG.md for v7.2.2 [skip ci]

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 029cacbefcc0..c3d2cc1933c5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 7.2.2
+
+- CSF-Tools: Remove prettier from printConfig - [#23766](https://github.com/storybookjs/storybook/pull/23766), thanks [@kasperpeulen](https://github.com/kasperpeulen)!
+
 ## 7.2.1
 
 - Addon docs: Add safe check in Webpack preset - [#23687](https://github.com/storybookjs/storybook/pull/23687), thanks [@yannbf](https://github.com/yannbf)!

From 4d1de6b0d507312c92010ac09ce9ccd56b847eb3 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Thu, 10 Aug 2023 11:07:50 +0800
Subject: [PATCH 10/29] Build: Benchmark Vite-React-TS with docs disabled

---
 .circleci/config.yml                  | 12 +++----
 code/lib/cli/src/sandbox-templates.ts | 12 +++++++
 scripts/bench/browse.ts               |  8 ++---
 scripts/task.ts                       | 10 +++++-
 scripts/tasks/bench.ts                |  5 +--
 scripts/tasks/sandbox-parts.ts        | 49 ++++++++++++++++++++++-----
 6 files changed, 74 insertions(+), 22 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index b011deeaefab..f25da2b8ea12 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -489,11 +489,11 @@ workflows:
           requires:
             - unit-tests
       - create-sandboxes:
-          parallelism: 11
+          parallelism: 12
           requires:
             - build
       - build-sandboxes:
-          parallelism: 11
+          parallelism: 12
           requires:
             - create-sandboxes
       - chromatic-sandboxes:
@@ -513,7 +513,7 @@ workflows:
           requires:
             - build-sandboxes
       - bench:
-          parallelism: 2
+          parallelism: 3
           requires:
             - build-sandboxes
       # TODO: reenable once we find out the source of flakyness
@@ -545,11 +545,11 @@ workflows:
           requires:
             - unit-tests
       - create-sandboxes:
-          parallelism: 20
+          parallelism: 21
           requires:
             - build
       - build-sandboxes:
-          parallelism: 20
+          parallelism: 21
           requires:
             - create-sandboxes
       - chromatic-sandboxes:
@@ -569,7 +569,7 @@ workflows:
           requires:
             - build-sandboxes
       - bench:
-          parallelism: 2
+          parallelism: 3
           requires:
             - build-sandboxes
       # TODO: reenable once we find out the source of flakyness
diff --git a/code/lib/cli/src/sandbox-templates.ts b/code/lib/cli/src/sandbox-templates.ts
index 5b19a3d8d4ad..95aa9bf029a3 100644
--- a/code/lib/cli/src/sandbox-templates.ts
+++ b/code/lib/cli/src/sandbox-templates.ts
@@ -62,6 +62,7 @@ export type Template = {
   modifications?: {
     skipTemplateStories?: boolean;
     mainConfig?: Partial<StorybookConfig>;
+    disableDocs?: boolean;
   };
   /**
    * Flag to indicate that this template is a secondary template, which is used mainly to test rather specific features.
@@ -526,6 +527,16 @@ const benchTemplates = {
     },
     skipTasks: ['e2e-tests-dev', 'test-runner', 'test-runner-dev', 'e2e-tests', 'chromatic'],
   },
+  'bench/react-vite-default-ts-nodocs': {
+    ...baseTemplates['react-vite/default-ts'],
+    name: 'Bench (react-vite/default-ts, no docs)',
+    isInternal: true,
+    modifications: {
+      skipTemplateStories: true,
+      disableDocs: true,
+    },
+    skipTasks: ['e2e-tests-dev', 'test-runner', 'test-runner-dev', 'e2e-tests', 'chromatic'],
+  },
 } satisfies Record<`bench/${string}`, Template & { isInternal: true }>;
 
 export const allTemplates: Record<TemplateKey, Template> = {
@@ -546,6 +557,7 @@ export const normal: TemplateKey[] = [
   'nextjs/default-ts',
   'bench/react-vite-default-ts',
   'bench/react-webpack-18-ts',
+  'bench/react-vite-default-ts-nodocs',
 ];
 export const merged: TemplateKey[] = [
   ...normal,
diff --git a/scripts/bench/browse.ts b/scripts/bench/browse.ts
index d101f27e8c47..c063fed1ff8d 100644
--- a/scripts/bench/browse.ts
+++ b/scripts/bench/browse.ts
@@ -10,7 +10,7 @@ interface Result {
   mdxVisible?: number;
 }
 
-export const browse = async (url: string) => {
+export const browse = async (url: string, { disableDocs }: { disableDocs?: boolean }) => {
   const result: Result = {};
 
   /* Heat up time for playwright and the builder
@@ -21,13 +21,13 @@ export const browse = async (url: string) => {
    * We instantiate a new browser for each run to avoid any caching happening in the browser itself
    */
   const x = await benchStory(url);
-  await benchAutodocs(url);
+  if (!disableDocs) await benchAutodocs(url);
 
   result.storyVisibleUncached = x.storyVisible;
 
-  Object.assign(result, await benchMDX(url));
+  if (!disableDocs) Object.assign(result, await benchMDX(url));
   Object.assign(result, await benchStory(url));
-  Object.assign(result, await benchAutodocs(url));
+  if (!disableDocs) Object.assign(result, await benchAutodocs(url));
 
   return result;
 };
diff --git a/scripts/task.ts b/scripts/task.ts
index 66314121768a..67a70ae30a86 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -176,6 +176,11 @@ export const options = createOptions({
     description: 'Do not include template stories and their addons',
     promptType: false,
   },
+  disableDocs: {
+    type: 'boolean',
+    description: 'Disable addon-docs from essentials',
+    promptType: false,
+  },
 });
 
 type PassedOptionValues = Omit<OptionValues<typeof options>, 'task' | 'startFrom' | 'junit'>;
@@ -304,7 +309,10 @@ async function runTask(task: Task, details: TemplateDetails, optionValues: Passe
   try {
     let updatedOptions = optionValues;
     if (details.template?.modifications?.skipTemplateStories) {
-      updatedOptions = { ...optionValues, skipTemplateStories: true };
+      updatedOptions = { ...updatedOptions, skipTemplateStories: true };
+    }
+    if (details.template?.modifications?.disableDocs) {
+      updatedOptions = { ...updatedOptions, disableDocs: true };
     }
     const controller = await task.run(details, updatedOptions);
 
diff --git a/scripts/tasks/bench.ts b/scripts/tasks/bench.ts
index e1b1fec753ea..25325e1090e0 100644
--- a/scripts/tasks/bench.ts
+++ b/scripts/tasks/bench.ts
@@ -16,6 +16,7 @@ export const bench: Task = {
   async run(details, options) {
     const controllers: AbortController[] = [];
     try {
+      const { disableDocs } = options;
       const { browse } = await import('../bench/browse');
       const { saveBench, loadBench } = await import('../bench/utils');
       const { default: prettyBytes } = await dynamicImport('pretty-bytes');
@@ -26,7 +27,7 @@ export const bench: Task = {
         throw new Error('dev: controller is null');
       }
       controllers.push(devController);
-      const devBrowseResult = await browse(`http://localhost:${devPort}`);
+      const devBrowseResult = await browse(`http://localhost:${devPort}`, { disableDocs });
       devController.abort();
 
       const serveController = await serve.run(details, { ...options, debug: false });
@@ -34,7 +35,7 @@ export const bench: Task = {
         throw new Error('serve: controller is null');
       }
       controllers.push(serveController);
-      const buildBrowseResult = await browse(`http://localhost:${servePort}`);
+      const buildBrowseResult = await browse(`http://localhost:${servePort}`, { disableDocs });
       serveController.abort();
 
       await saveBench(
diff --git a/scripts/tasks/sandbox-parts.ts b/scripts/tasks/sandbox-parts.ts
index d08360a22ebe..fadbdf41c901 100644
--- a/scripts/tasks/sandbox-parts.ts
+++ b/scripts/tasks/sandbox-parts.ts
@@ -283,13 +283,13 @@ function updateStoriesField(mainConfig: ConfigFile, isJs: boolean) {
 }
 
 // Add a stories field entry for the passed symlink
-function addStoriesEntry(mainConfig: ConfigFile, path: string) {
+function addStoriesEntry(mainConfig: ConfigFile, path: string, disableDocs: boolean) {
   const stories = mainConfig.getFieldValue(['stories']) as string[];
 
   const entry = {
     directory: slash(join('../template-stories', path)),
     titlePrefix: slash(path),
-    files: '**/*.@(mdx|stories.@(js|jsx|ts|tsx))',
+    files: disableDocs ? '**/*.stories.@(js|jsx|ts|tsx)' : '**/*.@(mdx|stories.@(js|jsx|ts|tsx))',
   };
 
   mainConfig.setFieldValue(['stories'], [...stories, entry]);
@@ -302,7 +302,12 @@ function getStoriesFolderWithVariant(variant?: string, folder = 'stories') {
 // packageDir is eg 'renderers/react', 'addons/actions'
 async function linkPackageStories(
   packageDir: string,
-  { mainConfig, cwd, linkInDir }: { mainConfig: ConfigFile; cwd: string; linkInDir?: string },
+  {
+    mainConfig,
+    cwd,
+    linkInDir,
+    disableDocs,
+  }: { mainConfig: ConfigFile; cwd: string; linkInDir?: string; disableDocs: boolean },
   variant?: string
 ) {
   const storiesFolderName = variant ? getStoriesFolderWithVariant(variant) : 'stories';
@@ -320,7 +325,7 @@ async function linkPackageStories(
   await ensureSymlink(source, target);
 
   if (!linkInDir) {
-    addStoriesEntry(mainConfig, packageDir);
+    addStoriesEntry(mainConfig, packageDir, disableDocs);
   }
 
   // Add `previewAnnotation` entries of the form
@@ -373,7 +378,7 @@ async function addExtraDependencies({
 
 export const addStories: Task['run'] = async (
   { sandboxDir, template, key },
-  { addon: extraAddons, dryRun, debug }
+  { addon: extraAddons, dryRun, debug, disableDocs }
 ) => {
   logger.log('💃 adding stories');
   const cwd = sandboxDir;
@@ -385,7 +390,8 @@ export const addStories: Task['run'] = async (
   // Ensure that we match the right stories in the stories directory
   updateStoriesField(
     mainConfig,
-    (await detectLanguage(packageManager)) === SupportedLanguage.JAVASCRIPT
+    (await detectLanguage(packageManager)) === SupportedLanguage.JAVASCRIPT,
+    disableDocs
   );
 
   const isCoreRenderer =
@@ -409,6 +415,7 @@ export const addStories: Task['run'] = async (
       mainConfig,
       cwd,
       linkInDir: resolve(cwd, storiesPath),
+      disableDocs,
     });
 
     if (
@@ -422,6 +429,7 @@ export const addStories: Task['run'] = async (
           mainConfig,
           cwd,
           linkInDir: resolve(cwd, storiesPath),
+          disableDocs,
         },
         sandboxSpecificStoriesFolder
       );
@@ -439,6 +447,7 @@ export const addStories: Task['run'] = async (
         mainConfig,
         cwd,
         linkInDir: resolve(cwd, storiesPath),
+        disableDocs,
       });
     }
 
@@ -453,6 +462,7 @@ export const addStories: Task['run'] = async (
           mainConfig,
           cwd,
           linkInDir: resolve(cwd, storiesPath),
+          disableDocs,
         },
         sandboxSpecificStoriesFolder
       );
@@ -465,6 +475,7 @@ export const addStories: Task['run'] = async (
     await linkPackageStories(await workspacePath('core package', '@storybook/preview-api'), {
       mainConfig,
       cwd,
+      disableDocs,
     });
   }
 
@@ -475,7 +486,10 @@ export const addStories: Task['run'] = async (
       if (!match) return acc;
       const suffix = match[1];
       if (suffix === 'essentials') {
-        return [...acc, ...essentialsAddons];
+        const essentials = disableDocs
+          ? essentialsAddons.filter((a) => a !== 'docs')
+          : essentialsAddons;
+        return [...acc, ...essentials];
       }
       return [...acc, suffix];
     },
@@ -494,7 +508,7 @@ export const addStories: Task['run'] = async (
   if (isCoreRenderer) {
     const existingStories = await filterExistsInCodeDir(addonDirs, join('template', 'stories'));
     for (const packageDir of existingStories) {
-      await linkPackageStories(packageDir, { mainConfig, cwd });
+      await linkPackageStories(packageDir, { mainConfig, cwd, disableDocs });
     }
 
     // Add some extra settings (see above for what these do)
@@ -509,7 +523,7 @@ export const addStories: Task['run'] = async (
   await writeConfig(mainConfig);
 };
 
-export const extendMain: Task['run'] = async ({ template, sandboxDir }) => {
+export const extendMain: Task['run'] = async ({ template, sandboxDir }, { disableDocs }) => {
   logger.log('📝 Extending main.js');
   const mainConfig = await readMainConfig({ cwd: sandboxDir });
   const templateConfig = template.modifications?.mainConfig || {};
@@ -527,6 +541,23 @@ export const extendMain: Task['run'] = async ({ template, sandboxDir }) => {
 
   Object.entries(configToAdd).forEach(([field, value]) => mainConfig.setFieldValue([field], value));
 
+  // Simulate Storybook Lite
+  if (disableDocs) {
+    const addons = mainConfig.getFieldValue(['addons']);
+    const addonsNoDocs = addons.map((addon: any) =>
+      addon !== '@storybook/addon-essentials' ? addon : { name: addon, options: { docs: false } }
+    );
+    mainConfig.setFieldValue(['addons'], addonsNoDocs);
+
+    // remove the docs options so that docs tags are ignored
+    mainConfig.setFieldValue(['docs'], {});
+    mainConfig.setFieldValue(['typescript'], { reactDocgen: false });
+
+    let updatedStories = mainConfig.getFieldValue(['stories']) as string[];
+    updatedStories = updatedStories.filter((specifier) => !specifier.endsWith('.mdx'));
+    mainConfig.setFieldValue(['stories'], updatedStories);
+  }
+
   if (template.expected.builder === '@storybook/builder-vite') setSandboxViteFinal(mainConfig);
   await writeConfig(mainConfig);
 };

From 2842b799d7f014c3415c71a08c8f01bb3fc7c0d2 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 10 Aug 2023 09:47:42 +0200
Subject: [PATCH 11/29] make the test-runner tests fail on console.error

---
 scripts/tasks/test-runner-build.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/scripts/tasks/test-runner-build.ts b/scripts/tasks/test-runner-build.ts
index 546bb6c5aa38..b57d4c803233 100644
--- a/scripts/tasks/test-runner-build.ts
+++ b/scripts/tasks/test-runner-build.ts
@@ -12,7 +12,12 @@ export const testRunnerBuild: Task & { port: number } = {
   },
   async run({ sandboxDir, junitFilename, template }, { dryRun, debug }) {
     const execOptions = { cwd: sandboxDir };
-    const flags = [`--url http://localhost:${this.port}`, '--junit', '--maxWorkers=2'];
+    const flags = [
+      `--url http://localhost:${this.port}`,
+      '--junit',
+      '--maxWorkers=2',
+      '--failOnConsole',
+    ];
 
     // index-json mode is only supported in ssv7
     if (template.modifications?.mainConfig?.features?.storyStoreV7 !== false) {

From 6ffb2c3e89593f7dcead318dcf3c43399c352d77 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Thu, 10 Aug 2023 10:43:29 +0000
Subject: [PATCH 12/29] Bump version from "7.2.2-alpha.0" to "7.2.2-alpha.1"
 [skip ci]

---
 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/gfm/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-core/package.json      |   2 +-
 code/addons/storyshots-puppeteer/package.json |   2 +-
 code/addons/storysource/package.json          |   2 +-
 code/addons/themes/package.json               |   2 +-
 code/addons/toolbars/package.json             |   2 +-
 code/addons/viewport/package.json             |   2 +-
 code/builders/builder-manager/package.json    |   2 +-
 code/builders/builder-vite/package.json       |   2 +-
 code/builders/builder-webpack5/package.json   |   2 +-
 code/deprecated/addons/package.json           |   2 +-
 .../channel-postmessage/package.json          |   2 +-
 .../deprecated/channel-websocket/package.json |   2 +-
 code/deprecated/client-api/package.json       |   2 +-
 code/deprecated/core-client/package.json      |   2 +-
 code/deprecated/manager-api-shim/package.json |   2 +-
 code/deprecated/preview-web/package.json      |   2 +-
 code/deprecated/store/package.json            |   2 +-
 code/frameworks/angular/package.json          |   2 +-
 code/frameworks/ember/package.json            |   2 +-
 code/frameworks/html-vite/package.json        |   2 +-
 code/frameworks/html-webpack5/package.json    |   2 +-
 code/frameworks/nextjs/package.json           |   2 +-
 code/frameworks/preact-vite/package.json      |   2 +-
 code/frameworks/preact-webpack5/package.json  |   2 +-
 code/frameworks/react-vite/package.json       |   2 +-
 code/frameworks/react-webpack5/package.json   |   2 +-
 code/frameworks/server-webpack5/package.json  |   2 +-
 code/frameworks/svelte-vite/package.json      |   2 +-
 code/frameworks/svelte-webpack5/package.json  |   2 +-
 code/frameworks/sveltekit/package.json        |   2 +-
 code/frameworks/vue-vite/package.json         |   2 +-
 code/frameworks/vue-webpack5/package.json     |   2 +-
 code/frameworks/vue3-vite/package.json        |   2 +-
 code/frameworks/vue3-webpack5/package.json    |   2 +-
 .../web-components-vite/package.json          |   2 +-
 .../web-components-webpack5/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/cli/src/versions.ts                  | 188 +++++++++---------
 code/lib/client-logger/package.json           |   2 +-
 code/lib/codemod/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-plugin/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/manager-api/package.json             |   2 +-
 code/lib/manager-api/src/version.ts           |   2 +-
 code/lib/node-logger/package.json             |   2 +-
 code/lib/postinstall/package.json             |   2 +-
 code/lib/preview-api/package.json             |   2 +-
 code/lib/preview/package.json                 |   2 +-
 code/lib/react-dom-shim/package.json          |   2 +-
 code/lib/router/package.json                  |   2 +-
 code/lib/source-loader/package.json           |   2 +-
 code/lib/telemetry/package.json               |   2 +-
 code/lib/theming/package.json                 |   2 +-
 code/lib/types/package.json                   |   2 +-
 code/package.json                             |   5 +-
 code/presets/create-react-app/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/ui/blocks/package.json                   |   2 +-
 code/ui/components/package.json               |   2 +-
 code/ui/manager/package.json                  |   2 +-
 97 files changed, 191 insertions(+), 192 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index f0fc38af7eb4..405241bfb0b0 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 0b0e2f3a5b2c..ee3b33e7a4a4 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 6e653fe4f18a..1e062ca1ae9c 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index ac577fa48761..7fb30e0e78b5 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 398e0a6e5183..db1f750050c2 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 868757892e7c..d602e9b915a1 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index bafed10477dc..df2469e220cb 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index c9a0b6a9a0ab..09a29705a5db 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index e5686ec715ac..6bb39cc41bab 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 45db226093dd..404c1c1d4619 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index c9915a4d7a92..ac68feb39d34 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index bcad0ce14769..3dd32f977916 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 67a572183153..1d34b12004e4 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/storyshots-core/package.json b/code/addons/storyshots-core/package.json
index c4e3acbe4929..23a2cf1b13ad 100644
--- a/code/addons/storyshots-core/package.json
+++ b/code/addons/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
diff --git a/code/addons/storyshots-puppeteer/package.json b/code/addons/storyshots-puppeteer/package.json
index 8598b02d0b62..6662febccb9f 100644
--- a/code/addons/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Image snapshots addition to StoryShots based on puppeteer",
   "keywords": [
     "addon",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 820c5b2af605..b354ef17c028 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
index 16be2bb0fc4e..ca376134d031 100644
--- a/code/addons/themes/package.json
+++ b/code/addons/themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Switch between multiple themes for you components in Storybook",
   "keywords": [
     "css",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index e20663d5fe93..e239c1ef8fca 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index bcc1036bf580..5c578517ee1c 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
diff --git a/code/builders/builder-manager/package.json b/code/builders/builder-manager/package.json
index 7c54121e1fae..f3c3f6bead9d 100644
--- a/code/builders/builder-manager/package.json
+++ b/code/builders/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index 756e28fc54dd..6028a6b9fd99 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index 1af2435ef428..f94a9ef43917 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/addons/package.json b/code/deprecated/addons/package.json
index d4cc1c599695..980de983f727 100644
--- a/code/deprecated/addons/package.json
+++ b/code/deprecated/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channel-postmessage/package.json b/code/deprecated/channel-postmessage/package.json
index f9b5167635ca..a4dcc0cefc18 100644
--- a/code/deprecated/channel-postmessage/package.json
+++ b/code/deprecated/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channel-websocket/package.json b/code/deprecated/channel-websocket/package.json
index 5c42b2217eaf..532504e574e0 100644
--- a/code/deprecated/channel-websocket/package.json
+++ b/code/deprecated/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/client-api/package.json b/code/deprecated/client-api/package.json
index f2a6623edc9a..9e1c6a6433f1 100644
--- a/code/deprecated/client-api/package.json
+++ b/code/deprecated/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-client/package.json b/code/deprecated/core-client/package.json
index 8f7a30dffdea..6276e96ccc1e 100644
--- a/code/deprecated/core-client/package.json
+++ b/code/deprecated/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager-api-shim/package.json b/code/deprecated/manager-api-shim/package.json
index 916608494af1..95a8504b599c 100644
--- a/code/deprecated/manager-api-shim/package.json
+++ b/code/deprecated/manager-api-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook Manager API (facade)",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview-web/package.json b/code/deprecated/preview-web/package.json
index 0ccd29281d7a..ac8ff273d28a 100644
--- a/code/deprecated/preview-web/package.json
+++ b/code/deprecated/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/store/package.json b/code/deprecated/store/package.json
index 4b1a7baae822..915defd1d61a 100644
--- a/code/deprecated/store/package.json
+++ b/code/deprecated/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index da0b539ef608..7d2724cf94ce 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 78b99d05d9a6..4d3bfdd975a2 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index 95ee2c885b10..de8eddb06581 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-vite",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 062b42020485..c557b6b8e275 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index 531c04b78799..e8509e4e723a 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index 97605674ac10..7a636d9ff637 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-vite",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index df8979925d9d..7b40dfacaa98 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index 79ff83dbc921..79cf62a786b1 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index fe22ef8cdd3a..84b9fbbbdac8 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index ac8e72a4ba5d..389f15e73037 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index e1a3bbe3dd91..37b535a15ff6 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index b54212d3d6b2..d8a52eb1e699 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index b45cbf7311ce..90d40815197e 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/vue-vite/package.json b/code/frameworks/vue-vite/package.json
index 916ee61075fc..d764e4d69982 100644
--- a/code/frameworks/vue-vite/package.json
+++ b/code/frameworks/vue-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-vite",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Vue2 and Vite: Develop Vue2 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index 45dc487b5789..8a9595210afe 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index 035c15599301..0baa2e498039 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 8236167c189d..55710f577353 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index a08d76ae3909..9cdcc72b743f 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-vite",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 637d93fb4cae..4a7a59dbd490 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index abbfede9a5a8..1b7be6591afa 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 8ebff80df3cd..90ddd4c4624d 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 508c84eff23e..8f0909422939 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index c910696354ce..b0adeda320e2 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index c889bd159956..d2c2e010c5e4 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -1,97 +1,97 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.2.2-alpha.0',
-  '@storybook/addon-actions': '7.2.2-alpha.0',
-  '@storybook/addon-backgrounds': '7.2.2-alpha.0',
-  '@storybook/addon-controls': '7.2.2-alpha.0',
-  '@storybook/addon-docs': '7.2.2-alpha.0',
-  '@storybook/addon-essentials': '7.2.2-alpha.0',
-  '@storybook/addon-highlight': '7.2.2-alpha.0',
-  '@storybook/addon-interactions': '7.2.2-alpha.0',
-  '@storybook/addon-jest': '7.2.2-alpha.0',
-  '@storybook/addon-links': '7.2.2-alpha.0',
-  '@storybook/addon-mdx-gfm': '7.2.2-alpha.0',
-  '@storybook/addon-measure': '7.2.2-alpha.0',
-  '@storybook/addon-outline': '7.2.2-alpha.0',
-  '@storybook/addon-themes': '7.2.2-alpha.0',
-  '@storybook/addon-storyshots': '7.2.2-alpha.0',
-  '@storybook/addon-storyshots-puppeteer': '7.2.2-alpha.0',
-  '@storybook/addon-storysource': '7.2.2-alpha.0',
-  '@storybook/addon-toolbars': '7.2.2-alpha.0',
-  '@storybook/addon-viewport': '7.2.2-alpha.0',
-  '@storybook/addons': '7.2.2-alpha.0',
-  '@storybook/angular': '7.2.2-alpha.0',
-  '@storybook/api': '7.2.2-alpha.0',
-  '@storybook/blocks': '7.2.2-alpha.0',
-  '@storybook/builder-manager': '7.2.2-alpha.0',
-  '@storybook/builder-vite': '7.2.2-alpha.0',
-  '@storybook/builder-webpack5': '7.2.2-alpha.0',
-  '@storybook/channel-postmessage': '7.2.2-alpha.0',
-  '@storybook/channel-websocket': '7.2.2-alpha.0',
-  '@storybook/channels': '7.2.2-alpha.0',
-  '@storybook/cli': '7.2.2-alpha.0',
-  '@storybook/client-api': '7.2.2-alpha.0',
-  '@storybook/client-logger': '7.2.2-alpha.0',
-  '@storybook/codemod': '7.2.2-alpha.0',
-  '@storybook/components': '7.2.2-alpha.0',
-  '@storybook/core-client': '7.2.2-alpha.0',
-  '@storybook/core-common': '7.2.2-alpha.0',
-  '@storybook/core-events': '7.2.2-alpha.0',
-  '@storybook/core-server': '7.2.2-alpha.0',
-  '@storybook/core-webpack': '7.2.2-alpha.0',
-  '@storybook/csf-plugin': '7.2.2-alpha.0',
-  '@storybook/csf-tools': '7.2.2-alpha.0',
-  '@storybook/docs-tools': '7.2.2-alpha.0',
-  '@storybook/ember': '7.2.2-alpha.0',
-  '@storybook/html': '7.2.2-alpha.0',
-  '@storybook/html-vite': '7.2.2-alpha.0',
-  '@storybook/html-webpack5': '7.2.2-alpha.0',
-  '@storybook/instrumenter': '7.2.2-alpha.0',
-  '@storybook/manager': '7.2.2-alpha.0',
-  '@storybook/manager-api': '7.2.2-alpha.0',
-  '@storybook/nextjs': '7.2.2-alpha.0',
-  '@storybook/node-logger': '7.2.2-alpha.0',
-  '@storybook/postinstall': '7.2.2-alpha.0',
-  '@storybook/preact': '7.2.2-alpha.0',
-  '@storybook/preact-vite': '7.2.2-alpha.0',
-  '@storybook/preact-webpack5': '7.2.2-alpha.0',
-  '@storybook/preset-create-react-app': '7.2.2-alpha.0',
-  '@storybook/preset-html-webpack': '7.2.2-alpha.0',
-  '@storybook/preset-preact-webpack': '7.2.2-alpha.0',
-  '@storybook/preset-react-webpack': '7.2.2-alpha.0',
-  '@storybook/preset-server-webpack': '7.2.2-alpha.0',
-  '@storybook/preset-svelte-webpack': '7.2.2-alpha.0',
-  '@storybook/preset-vue-webpack': '7.2.2-alpha.0',
-  '@storybook/preset-vue3-webpack': '7.2.2-alpha.0',
-  '@storybook/preset-web-components-webpack': '7.2.2-alpha.0',
-  '@storybook/preview': '7.2.2-alpha.0',
-  '@storybook/preview-api': '7.2.2-alpha.0',
-  '@storybook/preview-web': '7.2.2-alpha.0',
-  '@storybook/react': '7.2.2-alpha.0',
-  '@storybook/react-dom-shim': '7.2.2-alpha.0',
-  '@storybook/react-vite': '7.2.2-alpha.0',
-  '@storybook/react-webpack5': '7.2.2-alpha.0',
-  '@storybook/router': '7.2.2-alpha.0',
-  '@storybook/server': '7.2.2-alpha.0',
-  '@storybook/server-webpack5': '7.2.2-alpha.0',
-  '@storybook/source-loader': '7.2.2-alpha.0',
-  '@storybook/store': '7.2.2-alpha.0',
-  '@storybook/svelte': '7.2.2-alpha.0',
-  '@storybook/svelte-vite': '7.2.2-alpha.0',
-  '@storybook/svelte-webpack5': '7.2.2-alpha.0',
-  '@storybook/sveltekit': '7.2.2-alpha.0',
-  '@storybook/telemetry': '7.2.2-alpha.0',
-  '@storybook/theming': '7.2.2-alpha.0',
-  '@storybook/types': '7.2.2-alpha.0',
-  '@storybook/vue': '7.2.2-alpha.0',
-  '@storybook/vue-vite': '7.2.2-alpha.0',
-  '@storybook/vue-webpack5': '7.2.2-alpha.0',
-  '@storybook/vue3': '7.2.2-alpha.0',
-  '@storybook/vue3-vite': '7.2.2-alpha.0',
-  '@storybook/vue3-webpack5': '7.2.2-alpha.0',
-  '@storybook/web-components': '7.2.2-alpha.0',
-  '@storybook/web-components-vite': '7.2.2-alpha.0',
-  '@storybook/web-components-webpack5': '7.2.2-alpha.0',
-  sb: '7.2.2-alpha.0',
-  storybook: '7.2.2-alpha.0',
+  '@storybook/addon-a11y': '7.2.2-alpha.1',
+  '@storybook/addon-actions': '7.2.2-alpha.1',
+  '@storybook/addon-backgrounds': '7.2.2-alpha.1',
+  '@storybook/addon-controls': '7.2.2-alpha.1',
+  '@storybook/addon-docs': '7.2.2-alpha.1',
+  '@storybook/addon-essentials': '7.2.2-alpha.1',
+  '@storybook/addon-highlight': '7.2.2-alpha.1',
+  '@storybook/addon-interactions': '7.2.2-alpha.1',
+  '@storybook/addon-jest': '7.2.2-alpha.1',
+  '@storybook/addon-links': '7.2.2-alpha.1',
+  '@storybook/addon-mdx-gfm': '7.2.2-alpha.1',
+  '@storybook/addon-measure': '7.2.2-alpha.1',
+  '@storybook/addon-outline': '7.2.2-alpha.1',
+  '@storybook/addon-themes': '7.2.2-alpha.1',
+  '@storybook/addon-storyshots': '7.2.2-alpha.1',
+  '@storybook/addon-storyshots-puppeteer': '7.2.2-alpha.1',
+  '@storybook/addon-storysource': '7.2.2-alpha.1',
+  '@storybook/addon-toolbars': '7.2.2-alpha.1',
+  '@storybook/addon-viewport': '7.2.2-alpha.1',
+  '@storybook/addons': '7.2.2-alpha.1',
+  '@storybook/angular': '7.2.2-alpha.1',
+  '@storybook/api': '7.2.2-alpha.1',
+  '@storybook/blocks': '7.2.2-alpha.1',
+  '@storybook/builder-manager': '7.2.2-alpha.1',
+  '@storybook/builder-vite': '7.2.2-alpha.1',
+  '@storybook/builder-webpack5': '7.2.2-alpha.1',
+  '@storybook/channel-postmessage': '7.2.2-alpha.1',
+  '@storybook/channel-websocket': '7.2.2-alpha.1',
+  '@storybook/channels': '7.2.2-alpha.1',
+  '@storybook/cli': '7.2.2-alpha.1',
+  '@storybook/client-api': '7.2.2-alpha.1',
+  '@storybook/client-logger': '7.2.2-alpha.1',
+  '@storybook/codemod': '7.2.2-alpha.1',
+  '@storybook/components': '7.2.2-alpha.1',
+  '@storybook/core-client': '7.2.2-alpha.1',
+  '@storybook/core-common': '7.2.2-alpha.1',
+  '@storybook/core-events': '7.2.2-alpha.1',
+  '@storybook/core-server': '7.2.2-alpha.1',
+  '@storybook/core-webpack': '7.2.2-alpha.1',
+  '@storybook/csf-plugin': '7.2.2-alpha.1',
+  '@storybook/csf-tools': '7.2.2-alpha.1',
+  '@storybook/docs-tools': '7.2.2-alpha.1',
+  '@storybook/ember': '7.2.2-alpha.1',
+  '@storybook/html': '7.2.2-alpha.1',
+  '@storybook/html-vite': '7.2.2-alpha.1',
+  '@storybook/html-webpack5': '7.2.2-alpha.1',
+  '@storybook/instrumenter': '7.2.2-alpha.1',
+  '@storybook/manager': '7.2.2-alpha.1',
+  '@storybook/manager-api': '7.2.2-alpha.1',
+  '@storybook/nextjs': '7.2.2-alpha.1',
+  '@storybook/node-logger': '7.2.2-alpha.1',
+  '@storybook/postinstall': '7.2.2-alpha.1',
+  '@storybook/preact': '7.2.2-alpha.1',
+  '@storybook/preact-vite': '7.2.2-alpha.1',
+  '@storybook/preact-webpack5': '7.2.2-alpha.1',
+  '@storybook/preset-create-react-app': '7.2.2-alpha.1',
+  '@storybook/preset-html-webpack': '7.2.2-alpha.1',
+  '@storybook/preset-preact-webpack': '7.2.2-alpha.1',
+  '@storybook/preset-react-webpack': '7.2.2-alpha.1',
+  '@storybook/preset-server-webpack': '7.2.2-alpha.1',
+  '@storybook/preset-svelte-webpack': '7.2.2-alpha.1',
+  '@storybook/preset-vue-webpack': '7.2.2-alpha.1',
+  '@storybook/preset-vue3-webpack': '7.2.2-alpha.1',
+  '@storybook/preset-web-components-webpack': '7.2.2-alpha.1',
+  '@storybook/preview': '7.2.2-alpha.1',
+  '@storybook/preview-api': '7.2.2-alpha.1',
+  '@storybook/preview-web': '7.2.2-alpha.1',
+  '@storybook/react': '7.2.2-alpha.1',
+  '@storybook/react-dom-shim': '7.2.2-alpha.1',
+  '@storybook/react-vite': '7.2.2-alpha.1',
+  '@storybook/react-webpack5': '7.2.2-alpha.1',
+  '@storybook/router': '7.2.2-alpha.1',
+  '@storybook/server': '7.2.2-alpha.1',
+  '@storybook/server-webpack5': '7.2.2-alpha.1',
+  '@storybook/source-loader': '7.2.2-alpha.1',
+  '@storybook/store': '7.2.2-alpha.1',
+  '@storybook/svelte': '7.2.2-alpha.1',
+  '@storybook/svelte-vite': '7.2.2-alpha.1',
+  '@storybook/svelte-webpack5': '7.2.2-alpha.1',
+  '@storybook/sveltekit': '7.2.2-alpha.1',
+  '@storybook/telemetry': '7.2.2-alpha.1',
+  '@storybook/theming': '7.2.2-alpha.1',
+  '@storybook/types': '7.2.2-alpha.1',
+  '@storybook/vue': '7.2.2-alpha.1',
+  '@storybook/vue-vite': '7.2.2-alpha.1',
+  '@storybook/vue-webpack5': '7.2.2-alpha.1',
+  '@storybook/vue3': '7.2.2-alpha.1',
+  '@storybook/vue3-vite': '7.2.2-alpha.1',
+  '@storybook/vue3-webpack5': '7.2.2-alpha.1',
+  '@storybook/web-components': '7.2.2-alpha.1',
+  '@storybook/web-components-vite': '7.2.2-alpha.1',
+  '@storybook/web-components-webpack5': '7.2.2-alpha.1',
+  sb: '7.2.2-alpha.1',
+  storybook: '7.2.2-alpha.1',
 };
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 2d22166aa99b..dc83b8cf7ccd 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index eee088fa1937..0783c5f37d51 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 23bf3839be45..e512cbc30cd0 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index afd331dfdecf..1c2372e3207a 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "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 6f41a3ed87d1..4206ab50164f 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index e47fa3e89bef..64b7c9414f53 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index 3a34106c7a98..de1b30119e09 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-plugin",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Enrich CSF files via static analysis",
   "keywords": [
     "storybook"
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 7ab953b8d7d8..69434d110324 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Parse and manipulate CSF and Storybook config files",
   "keywords": [
     "storybook"
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 4d9f59d99ce6..8c3088f6b949 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 13d9e187c5e7..963edeb98304 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/manager-api/package.json b/code/lib/manager-api/package.json
index 5228f3d1b442..65c2e212b356 100644
--- a/code/lib/manager-api/package.json
+++ b/code/lib/manager-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-api",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
diff --git a/code/lib/manager-api/src/version.ts b/code/lib/manager-api/src/version.ts
index 55d3cd58e73d..1e509af31c36 100644
--- a/code/lib/manager-api/src/version.ts
+++ b/code/lib/manager-api/src/version.ts
@@ -1 +1 @@
-export const version = '7.2.2-alpha.0';
+export const version = '7.2.2-alpha.1';
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 91cac3c031e8..17090344ca26 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index e5767369da45..813bfa3dee5b 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/code/lib/preview-api/package.json b/code/lib/preview-api/package.json
index 63360435ff81..602cfd09e87e 100644
--- a/code/lib/preview-api/package.json
+++ b/code/lib/preview-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/preview/package.json b/code/lib/preview/package.json
index 17640147d4d6..b0b831845e85 100644
--- a/code/lib/preview/package.json
+++ b/code/lib/preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index 61891b19bb92..ef2e879a9495 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index a0d90d3c9722..f781481b5179 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 5ced6d58ea11..396e07c186b9 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Source loader",
   "keywords": [
     "lib",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 94baf024d9e6..88bcb92ea40e 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 9f2f5d3f2f59..ae8b8190755f 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/lib/types/package.json b/code/lib/types/package.json
index 37aa5e722f69..6f711e61b46b 100644
--- a/code/lib/types/package.json
+++ b/code/lib/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/types",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
diff --git a/code/package.json b/code/package.json
index 2013de5f4248..0f9ba134d090 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "private": true,
   "description": "Storybook root",
   "homepage": "https://storybook.js.org/",
@@ -326,6 +326,5 @@
         "Dependency Upgrades"
       ]
     ]
-  },
-  "deferredNextVersion": "7.2.2-alpha.1"
+  }
 }
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index d03d838dbac3..b73a34c2d615 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-create-react-app",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Create React App preset",
   "keywords": [
     "storybook"
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 40f2a73df8c8..98c1cc4ed201 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index e5fa57078583..86c329925bd5 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 1d5fadfa76b2..5bdab67f066e 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 43ce64d92ce9..8c43af3c7557 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index e35c561c9027..01252e033569 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index bba0446fb4ad..530fec7a4dac 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 0b681973d19e..9c8ce38391c3 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index d072a21948b1..e02b964b5c4d 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 2e439e37dcd2..0634c9d4c309 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 2ffc96db935f..f9443024552b 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index baac72ad3f46..dd710739925e 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 4d0945f95927..3228aa30867a 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 9d514c1c9237..4afaf9b38687 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 6818e855ca4d..a24e51876845 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 3dba3f7495dd..27121f55deff 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index d0aecddb51eb..6efbc9f197c1 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.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",
diff --git a/code/ui/blocks/package.json b/code/ui/blocks/package.json
index 49c29abb70ec..eb27ae5cabeb 100644
--- a/code/ui/blocks/package.json
+++ b/code/ui/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
diff --git a/code/ui/components/package.json b/code/ui/components/package.json
index 86e7eae05e97..b46cd262b0a7 100644
--- a/code/ui/components/package.json
+++ b/code/ui/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/ui/manager/package.json b/code/ui/manager/package.json
index 8ff9e1fdc10c..c746c3bb5e09 100644
--- a/code/ui/manager/package.json
+++ b/code/ui/manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "7.2.2-alpha.0",
+  "version": "7.2.2-alpha.1",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"

From d89dee3b8367bdafd8c71fcce3759ec1bd8913f0 Mon Sep 17 00:00:00 2001
From: Shaun Lloyd <shaun@chromatic.com>
Date: Thu, 10 Aug 2023 09:57:38 -0400
Subject: [PATCH 13/29] Update postinstall to look for addon script

---
 code/lib/cli/src/add.ts | 61 ++++++++++++-----------------------------
 1 file changed, 18 insertions(+), 43 deletions(-)

diff --git a/code/lib/cli/src/add.ts b/code/lib/cli/src/add.ts
index 7b9aca413e16..7f2f55ce812d 100644
--- a/code/lib/cli/src/add.ts
+++ b/code/lib/cli/src/add.ts
@@ -1,11 +1,6 @@
-import path from 'path';
-import fs from 'fs';
-import { sync as spawnSync } from 'cross-spawn';
-
 import { getStorybookInfo } from '@storybook/core-common';
 import { readConfig, writeConfig } from '@storybook/csf-tools';
 
-import { commandLog } from './helpers';
 import {
   JsPackageManagerFactory,
   useNpmWarning,
@@ -15,43 +10,23 @@ import { getStorybookVersion } from './utils';
 
 const logger = console;
 
-const LEGACY_CONFIGS = ['addons', 'config', 'presets'];
-
-const postinstallAddon = async (addonName: string, isOfficialAddon: boolean) => {
-  let skipMsg = null;
-  if (!isOfficialAddon) {
-    skipMsg = 'unofficial addon';
-  } else if (!fs.existsSync('.storybook')) {
-    skipMsg = 'no .storybook config';
-  } else {
-    skipMsg = 'no codmods found';
-    LEGACY_CONFIGS.forEach((config) => {
-      try {
-        const codemod = require.resolve(
-          // @ts-expect-error (it is broken)
-          `${getPackageName(addonName, isOfficialAddon)}/postinstall/${config}.js`
-        );
-        commandLog(`Running postinstall script for ${addonName}`)();
-        let configFile = path.join('.storybook', `${config}.ts`);
-        if (!fs.existsSync(configFile)) {
-          configFile = path.join('.storybook', `${config}.js`);
-          if (!fs.existsSync(configFile)) {
-            fs.writeFileSync(configFile, '', 'utf8');
-          }
-        }
-        spawnSync('npx', ['jscodeshift', '-t', codemod, configFile], {
-          stdio: 'inherit',
-          shell: true,
-        });
-        skipMsg = null;
-      } catch (err) {
-        // resolve failed, skip
-      }
-    });
-  }
+const postinstallAddon = async (addonName: string) => {
+  try {
+    const modulePath = require.resolve(`${addonName}/postinstall`, { paths: [process.cwd()] });
+    // eslint-disable-next-line import/no-dynamic-require, global-require
+    const postinstall = require(modulePath);
 
-  if (skipMsg) {
-    commandLog(`Skipping postinstall for ${addonName}, ${skipMsg}`)();
+    try {
+      logger.log(`Running postinstall script for ${addonName}`);
+      await postinstall();
+    } catch (e) {
+      logger.error(`Error running postinstall script for ${addonName}`);
+      logger.error(e);
+    }
+  } catch (e) {
+    // no postinstall script
+    logger.log(`No postinstall script for ${addonName}`);
+    logger.log(e);
   }
 };
 
@@ -109,7 +84,7 @@ export async function add(
   main.appendValueToArray(['addons'], addonName);
   await writeConfig(main);
 
-  if (!options.skipPostinstall) {
-    await postinstallAddon(addon, isStorybookAddon);
+  if (!options.skipPostinstall && isStorybookAddon) {
+    await postinstallAddon(addonName);
   }
 }

From d4ca02a5db54be37a028858f8a3cf43a884dfd96 Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Thu, 10 Aug 2023 16:02:31 +0200
Subject: [PATCH 14/29] Deprecate key in addon render function as it is not
 available anymore

---
 code/lib/types/src/modules/addons.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/code/lib/types/src/modules/addons.ts b/code/lib/types/src/modules/addons.ts
index 463c2c0e3b99..f55efcd29983 100644
--- a/code/lib/types/src/modules/addons.ts
+++ b/code/lib/types/src/modules/addons.ts
@@ -307,7 +307,11 @@ export type BaseStory<TArgs, StoryFnReturnType> =
 
 export interface Addon_RenderOptions {
   active: boolean;
-  key: string;
+  /**
+   * @deprecated You should not use key anymore as of Storybook 7.2 this render method is invoked as a React component.
+   * This property will be removed in 8.0.
+   * */
+  key?: unknown;
 }
 
 /**

From 9550c42ea34ef99b8e4a44fac4b878a18039c11d Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Thu, 10 Aug 2023 16:18:47 +0200
Subject: [PATCH 15/29] Fix TS checks

---
 .../src/legacy/tabs/tabs.stories.tsx          | 32 ++++---------------
 .../src/components/layout/app.mockdata.tsx    | 14 ++------
 .../src/components/panel/panel.stories.tsx    | 29 +++--------------
 3 files changed, 14 insertions(+), 61 deletions(-)

diff --git a/code/ui/components/src/legacy/tabs/tabs.stories.tsx b/code/ui/components/src/legacy/tabs/tabs.stories.tsx
index 77d357acf0b9..cac0a76b4deb 100644
--- a/code/ui/components/src/legacy/tabs/tabs.stories.tsx
+++ b/code/ui/components/src/legacy/tabs/tabs.stories.tsx
@@ -47,18 +47,12 @@ type Panels = Record<string, Omit<ChildrenList[0], 'id'>>;
 const panels: Panels = {
   test1: {
     title: 'Tab title #1',
-    render: ({ active, key }) =>
-      active ? (
-        <div id="test1" key={key}>
-          CONTENT 1
-        </div>
-      ) : null,
+    render: ({ active }) => (active ? <div id="test1">CONTENT 1</div> : null),
   },
   test2: {
     title: 'Tab title #2',
-    render: ({ active, key }) => (
+    render: ({ active }) => (
       <div
-        key={key}
         id="test2"
         style={{
           background: 'hotpink',
@@ -72,9 +66,9 @@ const panels: Panels = {
   },
   test3: {
     title: 'Tab title #3',
-    render: ({ active, key }) =>
+    render: ({ active }) =>
       active ? (
-        <div id="test3" key={key}>
+        <div id="test3">
           {colours.map((colour, i) => (
             <div
               key={colour}
@@ -89,27 +83,15 @@ const panels: Panels = {
   },
   test4: {
     title: 'Tab title #4',
-    render: ({ active, key }) =>
-      active ? (
-        <div key={key} id="test4">
-          CONTENT 4
-        </div>
-      ) : null,
+    render: ({ active }) => (active ? <div id="test4">CONTENT 4</div> : null),
   },
   test5: {
     title: 'Tab title #5',
-    render: ({ active, key }) =>
-      active ? (
-        <div key={key} id="test5">
-          CONTENT 5
-        </div>
-      ) : null,
+    render: ({ active }) => (active ? <div id="test5">CONTENT 5</div> : null),
   },
   test6: {
     title: 'Tab title #6',
-    render: ({ active, key }) => (
-      <TabWrapper key={key} active={active} render={() => <div>CONTENT 6</div>} />
-    ),
+    render: ({ active }) => <TabWrapper active={active} render={() => <div>CONTENT 6</div>} />,
   },
 };
 
diff --git a/code/ui/manager/src/components/layout/app.mockdata.tsx b/code/ui/manager/src/components/layout/app.mockdata.tsx
index 32b22148adfb..1cb665508b7b 100644
--- a/code/ui/manager/src/components/layout/app.mockdata.tsx
+++ b/code/ui/manager/src/components/layout/app.mockdata.tsx
@@ -42,22 +42,12 @@ export const panels: Addon_Collection<Addon_BaseType> = {
   test1: {
     title: 'Test 1',
     type: Addon_TypesEnum.PANEL,
-    render: ({ active, key }) =>
-      active ? (
-        <div id="test1" key={key}>
-          TEST 1
-        </div>
-      ) : null,
+    render: ({ active }) => (active ? <div id="test1">TEST 1</div> : null),
   },
   test2: {
     title: 'Test 2',
     type: Addon_TypesEnum.PANEL,
-    render: ({ active, key }) =>
-      active ? (
-        <div id="test2" key={key}>
-          TEST 2
-        </div>
-      ) : null,
+    render: ({ active }) => (active ? <div id="test2">TEST 2</div> : null),
   },
 };
 
diff --git a/code/ui/manager/src/components/panel/panel.stories.tsx b/code/ui/manager/src/components/panel/panel.stories.tsx
index 9d29a9c07b9e..6fe0f00f833e 100644
--- a/code/ui/manager/src/components/panel/panel.stories.tsx
+++ b/code/ui/manager/src/components/panel/panel.stories.tsx
@@ -37,12 +37,7 @@ export const JSXTitles = () => {
         'function-string': {
           type: Addon_TypesEnum.PANEL,
           title: () => 'Test 1',
-          render: ({ active, key }) =>
-            active ? (
-              <div id="test1" key={key}>
-                TEST as string
-              </div>
-            ) : null,
+          render: ({ active }) => (active ? <div id="test1">TEST as string</div> : null),
         },
         'function-jsx': {
           type: Addon_TypesEnum.PANEL,
@@ -54,12 +49,7 @@ export const JSXTitles = () => {
               </Spaced>
             </div>
           ),
-          render: ({ active, key }) =>
-            active ? (
-              <div id="test1" key={key}>
-                TEST with label
-              </div>
-            ) : null,
+          render: ({ active }) => (active ? <div id="test1">TEST with label</div> : null),
         },
         'function-jsx-icon': {
           type: Addon_TypesEnum.PANEL,
@@ -71,12 +61,7 @@ export const JSXTitles = () => {
               </Spaced>
             </div>
           ),
-          render: ({ active, key }) =>
-            active ? (
-              <div id="test1" key={key}>
-                TEST with label
-              </div>
-            ) : null,
+          render: ({ active }) => (active ? <div id="test1">TEST with label</div> : null),
         },
         'function-jsx-state': {
           type: Addon_TypesEnum.PANEL,
@@ -125,12 +110,8 @@ export const JSXTitles = () => {
               </div>
             );
           },
-          render: ({ active, key }) => {
-            return active ? (
-              <div id="test1" key={key}>
-                TEST with timer
-              </div>
-            ) : null;
+          render: ({ active }) => {
+            return active ? <div id="test1">TEST with timer</div> : null;
           },
         },
       }}

From 910b671ce6fbd7c974be3eca933239f309235a97 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Thu, 10 Aug 2023 17:26:50 +0200
Subject: [PATCH 16/29] Improve Icon component

---
 .../src/new/IconButton/IconButton.stories.tsx | 14 ++++++
 .../src/new/IconButton/IconButton.tsx         | 46 +++++++++++++++----
 2 files changed, 52 insertions(+), 8 deletions(-)

diff --git a/code/ui/components/src/new/IconButton/IconButton.stories.tsx b/code/ui/components/src/new/IconButton/IconButton.stories.tsx
index 4d4b82cf7e22..4e239b9fb1b3 100644
--- a/code/ui/components/src/new/IconButton/IconButton.stories.tsx
+++ b/code/ui/components/src/new/IconButton/IconButton.stories.tsx
@@ -52,6 +52,20 @@ export const Disabled: Story = {
   },
 };
 
+export const Animated: Story = {
+  args: {
+    ...Base.args,
+    icon: 'FaceHappy',
+  },
+  render: () => (
+    <div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
+      <IconButton icon="FaceHappy" onClickAnimation="glow" />
+      <IconButton icon="FaceHappy" onClickAnimation="rotate360" />
+      <IconButton icon="FaceHappy" onClickAnimation="jiggle" />
+    </div>
+  ),
+};
+
 export const WithHref: Story = {
   render: () => (
     <div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
diff --git a/code/ui/components/src/new/IconButton/IconButton.tsx b/code/ui/components/src/new/IconButton/IconButton.tsx
index ae20fa9e38ad..18385bf3609d 100644
--- a/code/ui/components/src/new/IconButton/IconButton.tsx
+++ b/code/ui/components/src/new/IconButton/IconButton.tsx
@@ -1,32 +1,53 @@
-import React, { forwardRef } from 'react';
+import type { SyntheticEvent } from 'react';
+import React, { forwardRef, useEffect, useState } from 'react';
 import { styled } from '@storybook/theming';
 import { darken, lighten, rgba, transparentize } from 'polished';
 import type { Icons } from '@storybook/icons';
 import type { PropsOf } from '../utils/types';
 import { Icon } from '../Icon/Icon';
 
-interface ButtonProps<T extends React.ElementType = React.ElementType> {
+interface IconButtonProps<T extends React.ElementType = React.ElementType> {
   icon: Icons;
   as?: T;
   size?: 'small' | 'medium';
   variant?: 'solid' | 'outline' | 'ghost';
-  onClick?: () => void;
+  onClick?: (event: SyntheticEvent) => void;
   disabled?: boolean;
   active?: boolean;
+  onClickAnimation?: 'none' | 'rotate360' | 'glow' | 'jiggle';
 }
 
 export const IconButton: {
   <E extends React.ElementType = 'button'>(
-    props: ButtonProps<E> & Omit<PropsOf<E>, keyof ButtonProps>
+    props: IconButtonProps<E> & Omit<PropsOf<E>, keyof IconButtonProps>
   ): JSX.Element;
   displayName?: string;
 } = forwardRef(
-  ({ as, icon = 'FaceHappy', ...props }: ButtonProps, ref: React.Ref<HTMLButtonElement>) => {
+  (
+    { as, icon = 'FaceHappy', onClickAnimation = 'none', onClick, ...props }: IconButtonProps,
+    ref: React.Ref<HTMLButtonElement>
+  ) => {
     const LocalIcon = Icon[icon];
+    const [isAnimating, setIsAnimating] = useState(false);
+
+    const handleClick = (event: SyntheticEvent) => {
+      if (onClick) onClick(event);
+      if (onClickAnimation === 'none') return;
+      setIsAnimating(true);
+    };
+
+    useEffect(() => {
+      const timer = setTimeout(() => {
+        if (isAnimating) setIsAnimating(false);
+      }, 1000);
+      return () => clearTimeout(timer);
+    }, [isAnimating]);
 
     return (
-      <StyledButton as={as} ref={ref} {...props}>
-        {icon && <LocalIcon />}
+      <StyledButton as={as} ref={ref} {...props} onClick={handleClick}>
+        <IconWrapper isAnimating={isAnimating} animation={onClickAnimation}>
+          <LocalIcon />
+        </IconWrapper>
       </StyledButton>
     );
   }
@@ -34,7 +55,7 @@ export const IconButton: {
 
 IconButton.displayName = 'IconButton';
 
-const StyledButton = styled.button<Omit<ButtonProps, 'icon'>>(
+const StyledButton = styled.button<Omit<IconButtonProps, 'icon'>>(
   ({ theme, variant = 'solid', size = 'medium', disabled = false, active = false }) => ({
     border: 0,
     cursor: disabled ? 'not-allowed' : 'pointer',
@@ -109,3 +130,12 @@ const StyledButton = styled.button<Omit<ButtonProps, 'icon'>>(
     },
   })
 );
+
+const IconWrapper = styled.div<{
+  isAnimating: boolean;
+  animation: IconButtonProps['onClickAnimation'];
+}>(({ theme, isAnimating, animation }) => ({
+  width: 14,
+  height: 14,
+  animation: isAnimating && animation !== 'none' && `${theme.animation[animation]} 1000ms ease-out`,
+}));

From d964d59de7c4830a4f876746092c33ec0aa7412d Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Thu, 10 Aug 2023 17:27:18 +0200
Subject: [PATCH 17/29] Added the new Toolbar component

---
 code/ui/components/package.json               |   1 +
 code/ui/components/src/experimental.ts        |   1 +
 .../src/new/Toolbar/Toolbar.stories.tsx       | 117 +++++++++++++++++
 .../ui/components/src/new/Toolbar/Toolbar.tsx |  83 ++++++++++++
 code/ui/manager/src/globals/exports.ts        |  10 +-
 code/yarn.lock                                | 123 ++++++++++++++++++
 6 files changed, 334 insertions(+), 1 deletion(-)
 create mode 100644 code/ui/components/src/new/Toolbar/Toolbar.stories.tsx
 create mode 100644 code/ui/components/src/new/Toolbar/Toolbar.tsx

diff --git a/code/ui/components/package.json b/code/ui/components/package.json
index b46cd262b0a7..b5e51b7b6de7 100644
--- a/code/ui/components/package.json
+++ b/code/ui/components/package.json
@@ -68,6 +68,7 @@
   },
   "dependencies": {
     "@radix-ui/react-select": "^1.2.2",
+    "@radix-ui/react-toolbar": "^1.0.4",
     "@storybook/client-logger": "workspace:*",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
diff --git a/code/ui/components/src/experimental.ts b/code/ui/components/src/experimental.ts
index 7280862f230f..a210f26c37a6 100644
--- a/code/ui/components/src/experimental.ts
+++ b/code/ui/components/src/experimental.ts
@@ -13,3 +13,4 @@ export { Select } from './new/Select/Select';
 export { Link } from './new/Link/Link';
 export { Icon } from './new/Icon/Icon';
 export { IconButton } from './new/IconButton/IconButton';
+export { Toolbar } from './new/Toolbar/Toolbar';
diff --git a/code/ui/components/src/new/Toolbar/Toolbar.stories.tsx b/code/ui/components/src/new/Toolbar/Toolbar.stories.tsx
new file mode 100644
index 000000000000..d50a8f2bab23
--- /dev/null
+++ b/code/ui/components/src/new/Toolbar/Toolbar.stories.tsx
@@ -0,0 +1,117 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
+
+import { Toolbar } from './Toolbar';
+import { IconButton } from '../IconButton/IconButton';
+import { Button } from '../Button/Button';
+
+const meta: Meta<typeof Toolbar.Root> = {
+  title: 'Toolbar',
+  component: Toolbar.Root,
+  tags: ['autodocs'],
+};
+
+export default meta;
+type Story = StoryObj<typeof Toolbar.Root>;
+
+export const Base: Story = {
+  args: {
+    hasPadding: true,
+    borderTop: false,
+    borderBottom: true,
+  },
+  render: (_, { args }) => (
+    <Toolbar.Root {...args}>
+      <Toolbar.Left>
+        <Toolbar.ToogleGroup type="single">
+          <Toolbar.ToggleItem value="item1">
+            <IconButton icon="Sync" size="small" variant="ghost" onClickAnimation="rotate360" />
+          </Toolbar.ToggleItem>
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="Zoom" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="ZoomOut" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="ZoomReset" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+        </Toolbar.ToogleGroup>
+        <Toolbar.Separator />
+        <Toolbar.ToogleGroup type="single">
+          <Toolbar.ToggleItem value="item1">
+            <IconButton icon="Photo" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="Grid" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="Grow" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+        </Toolbar.ToogleGroup>
+        <Toolbar.Separator />
+        <Toolbar.ToogleGroup type="single">
+          <Toolbar.ToggleItem value="item1">
+            <Button icon="CircleHollow" size="small" variant="ghost">
+              Theme
+            </Button>
+          </Toolbar.ToggleItem>
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="Ruler" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="Outline" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+        </Toolbar.ToogleGroup>
+      </Toolbar.Left>
+      <Toolbar.Right>
+        <Toolbar.ToogleGroup type="single">
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="Expand" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="ShareAlt" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+          <Toolbar.ToggleItem value="item2">
+            <IconButton icon="Link" size="small" variant="ghost" />
+          </Toolbar.ToggleItem>
+        </Toolbar.ToogleGroup>
+      </Toolbar.Right>
+    </Toolbar.Root>
+  ),
+};
+
+export const NoMargin: Story = {
+  args: {
+    ...Base.args,
+    hasPadding: false,
+  },
+  render: Base.render,
+};
+
+export const BorderTop: Story = {
+  args: {
+    ...Base.args,
+    borderTop: true,
+    borderBottom: false,
+  },
+  render: Base.render,
+};
+
+export const BorderBottom: Story = {
+  args: {
+    ...Base.args,
+    borderTop: false,
+    borderBottom: true,
+  },
+  render: Base.render,
+};
+
+export const BorderTopBottom: Story = {
+  args: {
+    ...Base.args,
+    borderTop: true,
+    borderBottom: true,
+  },
+  render: Base.render,
+};
diff --git a/code/ui/components/src/new/Toolbar/Toolbar.tsx b/code/ui/components/src/new/Toolbar/Toolbar.tsx
new file mode 100644
index 000000000000..827011ba06fa
--- /dev/null
+++ b/code/ui/components/src/new/Toolbar/Toolbar.tsx
@@ -0,0 +1,83 @@
+import type { ComponentPropsWithoutRef, ElementRef } from 'react';
+import React, { forwardRef } from 'react';
+import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
+import { styled } from '@storybook/theming';
+
+interface RootProps extends ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root> {
+  hasPadding?: boolean;
+  borderBottom?: boolean;
+  borderTop?: boolean;
+}
+
+const ToolbarRoot = forwardRef<ElementRef<typeof ToolbarPrimitive.Root>, RootProps>(
+  ({ className, children, ...props }, ref) => (
+    <StyledRoot ref={ref} {...props}>
+      {children}
+    </StyledRoot>
+  )
+);
+ToolbarRoot.displayName = ToolbarPrimitive.Root.displayName;
+
+const ToolbarSeparator = React.forwardRef<
+  ElementRef<typeof ToolbarPrimitive.Separator>,
+  ComponentPropsWithoutRef<typeof ToolbarPrimitive.Separator>
+>(({ className, ...props }, ref) => <StyledSeparator ref={ref} {...props} />);
+ToolbarSeparator.displayName = ToolbarPrimitive.Separator.displayName;
+
+const ToolbarToggleGroup = React.forwardRef<
+  ElementRef<typeof ToolbarPrimitive.ToggleGroup>,
+  ToolbarPrimitive.ToolbarToggleGroupSingleProps | ToolbarPrimitive.ToolbarToggleGroupMultipleProps
+>(({ className, ...props }, ref) => <StyledToggleGroup ref={ref} {...props} />);
+ToolbarToggleGroup.displayName = ToolbarPrimitive.ToggleGroup.displayName;
+
+const ToolbarToggleItem = React.forwardRef<
+  ElementRef<typeof ToolbarPrimitive.ToggleItem>,
+  ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleItem>
+>(({ className, ...props }, ref) => <ToolbarPrimitive.ToggleItem ref={ref} {...props} asChild />);
+ToolbarToggleItem.displayName = ToolbarPrimitive.ToggleItem.displayName;
+
+const StyledRoot = styled(ToolbarPrimitive.Root)<RootProps>(
+  ({ theme, hasPadding = true, borderBottom = true, borderTop = false }) => ({
+    display: 'flex',
+    padding: hasPadding ? '0 10px' : 0,
+    justifyContent: 'space-between',
+    height: 40,
+    borderBottom: borderBottom ? `1px solid ${theme.appBorderColor}` : 'none',
+    borderTop: borderTop ? `1px solid ${theme.appBorderColor}` : 'none',
+    boxSizing: 'border-box',
+    backgroundColor: theme.barBg,
+  })
+);
+
+const StyledSeparator = styled(ToolbarPrimitive.Separator)(({ theme }) => ({
+  width: 1,
+  height: 20,
+  backgroundColor: theme.appBorderColor,
+}));
+
+const StyledToggleGroup = styled(ToolbarPrimitive.ToggleGroup)({
+  display: 'flex',
+  gap: 5,
+  alignItems: 'center',
+});
+
+const Left = styled.div({
+  display: 'flex',
+  gap: 5,
+  alignItems: 'center',
+});
+
+const Right = styled.div({
+  display: 'flex',
+  gap: 5,
+  alignItems: 'center',
+});
+
+export const Toolbar = {
+  Root: ToolbarRoot,
+  Left,
+  Right,
+  ToogleGroup: ToolbarToggleGroup,
+  ToggleItem: ToolbarToggleItem,
+  Separator: ToolbarSeparator,
+};
diff --git a/code/ui/manager/src/globals/exports.ts b/code/ui/manager/src/globals/exports.ts
index 6ad6218c0fff..793165aaf103 100644
--- a/code/ui/manager/src/globals/exports.ts
+++ b/code/ui/manager/src/globals/exports.ts
@@ -114,7 +114,15 @@ export default {
     'resetComponents',
     'withReset',
   ],
-  '@storybook/components/experimental': ['Button', 'Icon', 'IconButton', 'Input', 'Link', 'Select'],
+  '@storybook/components/experimental': [
+    'Button',
+    'Icon',
+    'IconButton',
+    'Input',
+    'Link',
+    'Select',
+    'Toolbar',
+  ],
   '@storybook/channels': [
     'Channel',
     'PostMessageTransport',
diff --git a/code/yarn.lock b/code/yarn.lock
index 2aff024414fb..3d8fd9362ec7 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -5204,6 +5204,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-roving-focus@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-roving-focus@npm:1.0.4"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-collection": 1.0.3
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-id": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-callback-ref": 1.0.1
+    "@radix-ui/react-use-controllable-state": 1.0.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 61e3ddfd1647e64fba855434ff41e8e7ba707244fe8841f78c450fbdce525383b64259279475615d030dbf1625cbffd8eeebee72d91bf6978794f5dbcf887fc0
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-select@npm:^1.2.2":
   version: 1.2.2
   resolution: "@radix-ui/react-select@npm:1.2.2"
@@ -5244,6 +5272,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-separator@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-separator@npm:1.0.3"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-primitive": 1.0.3
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 87bcde47343f2bc4439a0dc34381f557905d9b3c1e8c5a0d32ceea62a8ef84f3abf671c5cb29309fc87759ad41d39af619ba546cf54109d64c8746e3ca683de3
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-slot@npm:1.0.2":
   version: 1.0.2
   resolution: "@radix-ui/react-slot@npm:1.0.2"
@@ -5260,6 +5308,80 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-toggle-group@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-toggle-group@npm:1.0.4"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-roving-focus": 1.0.4
+    "@radix-ui/react-toggle": 1.0.3
+    "@radix-ui/react-use-controllable-state": 1.0.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 4f4761965022759ac0950ac026029b64049e1f18ef07a01ddde788b7606efcb262c9ae3a418de0c0756bf7285182ed0d268502c6f17ba86d2ff27eee5507bbf7
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-toggle@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-toggle@npm:1.0.3"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-controllable-state": 1.0.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 9b487dad213ea7e70b0aa205e7c6f790a6f2bf394c39912e22dbe003403fd0d24a41c2efd31695fc31ab7bac286f28253dbb2fc5202cacd572ebf909f1fdc86c
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-toolbar@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-toolbar@npm:1.0.4"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-roving-focus": 1.0.4
+    "@radix-ui/react-separator": 1.0.3
+    "@radix-ui/react-toggle-group": 1.0.4
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 3ed7ebe22ef2e8369e08bb59776671a7b8c413628249c338b8db86b4b9ac40127b4201d5bd4a9c23ea1fd21464769b4fa427d3ebcda3a7fcdbd45b256b5a753a
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-use-callback-ref@npm:1.0.1":
   version: 1.0.1
   resolution: "@radix-ui/react-use-callback-ref@npm:1.0.1"
@@ -6545,6 +6667,7 @@ __metadata:
   dependencies:
     "@popperjs/core": ^2.6.0
     "@radix-ui/react-select": ^1.2.2
+    "@radix-ui/react-toolbar": ^1.0.4
     "@storybook/client-logger": "workspace:*"
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0

From 7ffce28c7eb6961bb3b8fa5fb2c39aa8d820424c Mon Sep 17 00:00:00 2001
From: Ben McCann <322311+benmccann@users.noreply.github.com>
Date: Thu, 10 Aug 2023 09:57:26 -0700
Subject: [PATCH 18/29] docs: remove references to missed deadline

---
 code/frameworks/sveltekit/README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/frameworks/sveltekit/README.md b/code/frameworks/sveltekit/README.md
index 0777e8fe9ed5..467643ee1ae5 100644
--- a/code/frameworks/sveltekit/README.md
+++ b/code/frameworks/sveltekit/README.md
@@ -26,10 +26,10 @@ However SvelteKit has some [Kit-specific modules](https://kit.svelte.dev/docs/mo
 | **Module**                                                                         | **Status**             | **Note**                                                                                                                            |
 | ---------------------------------------------------------------------------------- | ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
 | [`$app/environment`](https://kit.svelte.dev/docs/modules#$app-environment)         | ✅ Supported           | `version` is always empty in Storybook.                                                                                             |
-| [`$app/forms`](https://kit.svelte.dev/docs/modules#$app-forms)                     | ⏳ Planned for 7.1     | Will use mocks. Tracked in [#20999](https://github.com/storybookjs/storybook/issues/20999)                                          |
-| [`$app/navigation`](https://kit.svelte.dev/docs/modules#$app-navigation)           | ⏳ Planned for 7.1     | Will use mocks. Tracked in [#20999](https://github.com/storybookjs/storybook/issues/20999)                                          |
+| [`$app/forms`](https://kit.svelte.dev/docs/modules#$app-forms)                     | ⏳ Future              | Will use mocks. Tracked in [#20999](https://github.com/storybookjs/storybook/issues/20999)                                          |
+| [`$app/navigation`](https://kit.svelte.dev/docs/modules#$app-navigation)           | ⏳ Future              | Will use mocks. Tracked in [#20999](https://github.com/storybookjs/storybook/issues/20999)                                          |
 | [`$app/paths`](https://kit.svelte.dev/docs/modules#$app-paths)                     | ✅ Supported           | Requires SvelteKit 1.4.0 or newer                                                                                                   |
-| [`$app/stores`](https://kit.svelte.dev/docs/modules#$app-stores)                   | ✅ Supported           | Mocks planned for 7.1, so you can set different store values per story.                                                             |
+| [`$app/stores`](https://kit.svelte.dev/docs/modules#$app-stores)                   | ✅ Supported           | Mocks planned, so you can set different store values per story.                                                             |
 | [`$env/dynamic/private`](https://kit.svelte.dev/docs/modules#$env-dynamic-private) | ⛔ Not supported       | They are meant to only be available server-side, and Storybook renders all components on the client.                                |
 | [`$env/dynamic/public`](https://kit.svelte.dev/docs/modules#$env-dynamic-public)   | 🚧 Partially supported | Only supported in development mode. Storybook is built as a static app with no server-side API so cannot dynamically serve content. |
 | [`$env/static/private`](https://kit.svelte.dev/docs/modules#$env-static-private)   | ⛔ Not supported       | They are meant to only be available server-side, and Storybook renders all components on the client.                                |

From b1573768d6f35e75a7a1a1b4c646d7cbb72920e6 Mon Sep 17 00:00:00 2001
From: Shaun Lloyd <shaun@chromatic.com>
Date: Thu, 10 Aug 2023 13:37:03 -0400
Subject: [PATCH 19/29] Don't log when there is no postinstall script

---
 code/lib/cli/src/add.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/code/lib/cli/src/add.ts b/code/lib/cli/src/add.ts
index 7f2f55ce812d..2b8565085dab 100644
--- a/code/lib/cli/src/add.ts
+++ b/code/lib/cli/src/add.ts
@@ -25,8 +25,6 @@ const postinstallAddon = async (addonName: string) => {
     }
   } catch (e) {
     // no postinstall script
-    logger.log(`No postinstall script for ${addonName}`);
-    logger.log(e);
   }
 };
 

From c75a8fc64bbcff4c71e7806dda4cc82e20c98d97 Mon Sep 17 00:00:00 2001
From: jonniebigodes <joaocontadesenvolvimento@gmail.com>
Date: Thu, 10 Aug 2023 20:40:43 +0100
Subject: [PATCH 20/29] Adds more video coverage to the documentation

---
 docs/api/doc-block-argtypes.md    |  2 ++
 docs/api/doc-block-canvas.md      |  2 ++
 docs/api/doc-block-controls.md    |  2 ++
 docs/api/doc-block-description.md |  2 ++
 docs/api/doc-block-primary.md     |  2 ++
 docs/api/doc-block-source.md      |  2 ++
 docs/api/doc-block-stories.md     |  2 ++
 docs/api/doc-block-story.md       |  4 ++++
 docs/api/doc-block-subtitle.md    |  2 ++
 docs/api/doc-block-title.md       |  2 ++
 docs/sharing/embed.md             |  2 ++
 docs/sharing/publish-storybook.md |  2 ++
 docs/writing-docs/autodocs.md     | 14 ++++++++------
 docs/writing-docs/doc-blocks.md   |  2 ++
 14 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/docs/api/doc-block-argtypes.md b/docs/api/doc-block-argtypes.md
index a7aaf4775844..7ee304217ce5 100644
--- a/docs/api/doc-block-argtypes.md
+++ b/docs/api/doc-block-argtypes.md
@@ -2,6 +2,8 @@
 title: 'ArgTypes'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's ArgTypes Doc Block" params='start=232' />
+
 The `ArgTypes` block can be used to show a static table of [arg types](./argtypes.md) for a given component, as a way to document its interface.
 
 <div class="aside">
diff --git a/docs/api/doc-block-canvas.md b/docs/api/doc-block-canvas.md
index a77fb401d1f0..8c27490bacb8 100644
--- a/docs/api/doc-block-canvas.md
+++ b/docs/api/doc-block-canvas.md
@@ -2,6 +2,8 @@
 title: 'Canvas'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Canvas Doc Block" params='start=148' />
+
 The `Canvas` block is a wrapper around a [`Story`](./doc-block-story.md), featuring a toolbar that allows you to interact with its content while automatically providing the required [`Source`](./doc-block-source.md) snippets.
 
 ![Screenshot of Canvas block](./doc-block-canvas.png)
diff --git a/docs/api/doc-block-controls.md b/docs/api/doc-block-controls.md
index 133ceed32c1c..835384203a5c 100644
--- a/docs/api/doc-block-controls.md
+++ b/docs/api/doc-block-controls.md
@@ -2,6 +2,8 @@
 title: 'Controls'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Controls Doc Block" params='start=240' />
+
 The `Controls` block can be used to show a dynamic table of args for a given story, as a way to document its interface, and to allow you to change the args for a (separately) rendered story (via the [`Story`](./doc-block-story.md) or [`Canvas`](./doc-block-canvas.md) blocks).
 
 <div class="aside">
diff --git a/docs/api/doc-block-description.md b/docs/api/doc-block-description.md
index e9efa50e2e9e..1c188a239349 100644
--- a/docs/api/doc-block-description.md
+++ b/docs/api/doc-block-description.md
@@ -2,6 +2,8 @@
 title: 'Description'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Description Doc Block" params='start=84' />
+
 The `Description` block displays the description for a component, story, or meta, obtained from their respective JSDoc comments.
 
 ![Screenshot of Description block](./doc-block-title-subtitle-description.png)
diff --git a/docs/api/doc-block-primary.md b/docs/api/doc-block-primary.md
index be806ab0c50b..5d124df65b9f 100644
--- a/docs/api/doc-block-primary.md
+++ b/docs/api/doc-block-primary.md
@@ -2,6 +2,8 @@
 title: 'Primary'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Primary Doc Block" params='start=209' />
+
 The `Primary` block displays the primary (first defined in the stories file) story, in a [`Story`](./doc-block-story.md) block. It is typically rendered immediately under the title in a docs entry.
 
 ![Screenshot of Primary block](./doc-block-primary.png)
diff --git a/docs/api/doc-block-source.md b/docs/api/doc-block-source.md
index 7e80d698f0e8..0595c387a238 100644
--- a/docs/api/doc-block-source.md
+++ b/docs/api/doc-block-source.md
@@ -2,6 +2,8 @@
 title: 'Source'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Source Doc Block" params='start=136' />
+
 The `Source` block is used to render a snippet of source code directly.
 
 ![Screenshot of Source block](./doc-block-source.png)
diff --git a/docs/api/doc-block-stories.md b/docs/api/doc-block-stories.md
index 657e27beab32..75728b54df71 100644
--- a/docs/api/doc-block-stories.md
+++ b/docs/api/doc-block-stories.md
@@ -2,6 +2,8 @@
 title: 'Stories'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Stories Doc Block" params='start=185' />
+
 The `Stories` block renders the full collection of stories in a stories file.
 
 ![Screenshot of Stories block](./doc-block-stories.png)
diff --git a/docs/api/doc-block-story.md b/docs/api/doc-block-story.md
index 1532740946fd..89499df3328c 100644
--- a/docs/api/doc-block-story.md
+++ b/docs/api/doc-block-story.md
@@ -2,6 +2,8 @@
 title: 'Story'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Story Doc Block" params='start=124' />
+
 Stories (component tests) are Storybook's fundamental building blocks.
 
 In Storybook Docs, you can render any of your stories from your CSF files in the context of an MDX file with all annotations (parameters, args, loaders, decorators, play function) applied using the `Story` block.
@@ -124,6 +126,8 @@ Type: Story export
 
 Specifies which story is rendered by the `Story` block. If no `of` is defined and the MDX file is [attached](./doc-block-meta.md#attached-vs-unattached), the primary (first) story will be rendered.
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Story Doc Block configuration" params='start=160' />
+
 ### `args`
 
 (⛔️ **Deprecated**)
diff --git a/docs/api/doc-block-subtitle.md b/docs/api/doc-block-subtitle.md
index f0d1d5ed5a6c..1104184c9992 100644
--- a/docs/api/doc-block-subtitle.md
+++ b/docs/api/doc-block-subtitle.md
@@ -2,6 +2,8 @@
 title: 'Subtitle'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Subtitle Doc Block" params='start=98' />
+
 The `Subtitle` block can serve as a secondary heading for your docs entry.
 
 ![Screenshot of Subtitle block](./doc-block-title-subtitle-description.png)
diff --git a/docs/api/doc-block-title.md b/docs/api/doc-block-title.md
index acdc1cee0f90..886d19075386 100644
--- a/docs/api/doc-block-title.md
+++ b/docs/api/doc-block-title.md
@@ -2,6 +2,8 @@
 title: 'Title'
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Title Doc Block" params='start=57' />
+
 The `Title` block serves as the primary heading for your docs entry. It is typically used to provide the component or page name.
 
 ![Screenshot of Title block](./doc-block-title-subtitle-description.png)
diff --git a/docs/sharing/embed.md b/docs/sharing/embed.md
index 01b697f3f62a..fac0efba259c 100644
--- a/docs/sharing/embed.md
+++ b/docs/sharing/embed.md
@@ -2,6 +2,8 @@
 title: 'Embed stories'
 ---
 
+<YouTubeCallout id="2tqRpBcV8ug" title="Your Storybook EVERYWHERE | Embeds with Chromatic" />
+
 Embed stories to showcase your work to teammates and the developer community at large. In order to use embeds, your Storybook must be published and publicly accessible.
 
 Storybook supports `<iframe>` embeds out of the box. If you use Chromatic to [publish Storybook](./publish-storybook.md#publish-storybook-with-chromatic), you can also embed stories in Notion, Medium, and countless other platforms that support the oEmbed standard.
diff --git a/docs/sharing/publish-storybook.md b/docs/sharing/publish-storybook.md
index c0a9577f801b..0c89b6978653 100644
--- a/docs/sharing/publish-storybook.md
+++ b/docs/sharing/publish-storybook.md
@@ -2,6 +2,8 @@
 title: 'Publish Storybook'
 ---
 
+<YouTubeCallout id="zhrboql8UuU" title="How to Test UI AUTOMATICALLY — Storybook and Chromatic" />
+
 Teams publish Storybook online to review and collaborate on works in progress. That allows developers, designers, PMs, and other stakeholders to check if the UI looks right without touching code or requiring a local dev environment.
 
 <video autoPlay muted playsInline loop>
diff --git a/docs/writing-docs/autodocs.md b/docs/writing-docs/autodocs.md
index 45f886d0c770..0294582124ba 100644
--- a/docs/writing-docs/autodocs.md
+++ b/docs/writing-docs/autodocs.md
@@ -53,7 +53,7 @@ By default, Storybook offers zero-config support for documentation and automatic
 
 ### Write a custom template
 
-To replace the default documentation template used by Storybook, you can extend your UI configuration file (i.e., `.storybook/preview.js`) and introduce a `docs` [parameter](./doc-blocks.md#customizing-the-automatic-docs-page). This parameter accepts a `page` function that returns a React component, which you can use to generate the required template. For example:
+To replace the default documentation template used by Storybook, you can extend your UI configuration file (i.e., `.storybook/preview.js|ts`) and introduce a `docs` [parameter](./doc-blocks.md#customizing-the-automatic-docs-page). This parameter accepts a `page` function that returns a React component, which you can use to generate the required template. For example:
 
 <!-- prettier-ignore-start -->
 
@@ -66,11 +66,7 @@ To replace the default documentation template used by Storybook, you can extend
 
 <!-- prettier-ignore-end -->
 
-<div class="aside">
-
-💡 Internally, Storybook uses a similar implementation to generate the default template. See the Doc Blocks [API reference](./doc-blocks.md#available-blocks) to learn more about how Doc Blocks work.
-
-</div>
+<YouTubeCallout id="q8SY4yyNE6Q" title="Custom Autodocs with Storybook 7 Docs Page | Quick Tips" />
 
 Going over the code snippet in more detail. When Storybook starts up, it will override the default template with the custom one composed of the following:
 
@@ -79,6 +75,12 @@ Going over the code snippet in more detail. When Storybook starts up, it will ov
 3. An interactive table with all the relevant [`args`](../writing-stories/args.md) and [`argTypes`](../api/argtypes.md) defined in the story via the `Controls` Doc Block.
 4. A overview of the remaining stories via the `Stories` Doc Block.
 
+<div class="aside">
+
+💡 Internally, Storybook uses a similar implementation to generate the default template. See the Doc Blocks [API reference](./doc-blocks.md#available-blocks) to learn more about how Doc Blocks work.
+
+</div>
+
 #### With MDX
 
 You can also use MDX to generate the documentation template. This is useful in non-React projects where JSX-handling is not configured. Normally, when you create an MDX file in your project, it is treated as normal documentation. To indicate that an MDX file is a documentation template, supply the `isTemplate` property to its [`Meta`](../api/doc-block-meta.md) Doc Block. For example:
diff --git a/docs/writing-docs/doc-blocks.md b/docs/writing-docs/doc-blocks.md
index be852235433d..3a0da4aeb6f7 100644
--- a/docs/writing-docs/doc-blocks.md
+++ b/docs/writing-docs/doc-blocks.md
@@ -2,6 +2,8 @@
 title: Doc blocks
 ---
 
+<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook Doc Blocks" />
+
 Storybook offers several doc blocks to help document your components and other aspects of your project.
 
 There are two common ways to use doc blocks in Storybook, within MDX and as part of the docs page template.

From 601e90224f29246c5d29deaa62fb4c0f277f6e08 Mon Sep 17 00:00:00 2001
From: jonniebigodes <joaocontadesenvolvimento@gmail.com>
Date: Thu, 10 Aug 2023 21:56:12 +0100
Subject: [PATCH 21/29] Moves video up and callout

---
 docs/writing-docs/autodocs.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/writing-docs/autodocs.md b/docs/writing-docs/autodocs.md
index 0294582124ba..10e2c730d076 100644
--- a/docs/writing-docs/autodocs.md
+++ b/docs/writing-docs/autodocs.md
@@ -53,6 +53,8 @@ By default, Storybook offers zero-config support for documentation and automatic
 
 ### Write a custom template
 
+<YouTubeCallout id="q8SY4yyNE6Q" title="Custom Autodocs with Storybook 7 Docs Page | Quick Tips" />
+
 To replace the default documentation template used by Storybook, you can extend your UI configuration file (i.e., `.storybook/preview.js|ts`) and introduce a `docs` [parameter](./doc-blocks.md#customizing-the-automatic-docs-page). This parameter accepts a `page` function that returns a React component, which you can use to generate the required template. For example:
 
 <!-- prettier-ignore-start -->
@@ -66,7 +68,11 @@ To replace the default documentation template used by Storybook, you can extend
 
 <!-- prettier-ignore-end -->
 
-<YouTubeCallout id="q8SY4yyNE6Q" title="Custom Autodocs with Storybook 7 Docs Page | Quick Tips" />
+<div class="aside">
+
+💡 Internally, Storybook uses a similar implementation to generate the default template. See the Doc Blocks [API reference](./doc-blocks.md#available-blocks) to learn more about how Doc Blocks work.
+
+</div>
 
 Going over the code snippet in more detail. When Storybook starts up, it will override the default template with the custom one composed of the following:
 
@@ -75,12 +81,6 @@ Going over the code snippet in more detail. When Storybook starts up, it will ov
 3. An interactive table with all the relevant [`args`](../writing-stories/args.md) and [`argTypes`](../api/argtypes.md) defined in the story via the `Controls` Doc Block.
 4. A overview of the remaining stories via the `Stories` Doc Block.
 
-<div class="aside">
-
-💡 Internally, Storybook uses a similar implementation to generate the default template. See the Doc Blocks [API reference](./doc-blocks.md#available-blocks) to learn more about how Doc Blocks work.
-
-</div>
-
 #### With MDX
 
 You can also use MDX to generate the documentation template. This is useful in non-React projects where JSX-handling is not configured. Normally, when you create an MDX file in your project, it is treated as normal documentation. To indicate that an MDX file is a documentation template, supply the `isTemplate` property to its [`Meta`](../api/doc-block-meta.md) Doc Block. For example:

From df451e720f3ea076028f389e9a942676e4f2f3f8 Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Fri, 11 Aug 2023 10:25:21 +0200
Subject: [PATCH 22/29] Fix Safari bug with static keyword

---
 scripts/package.json |   2 +-
 scripts/yarn.lock    | 186 +++++++++++++++++++++----------------------
 2 files changed, 94 insertions(+), 94 deletions(-)

diff --git a/scripts/package.json b/scripts/package.json
index d551f204baef..f2d892ad6a00 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -48,7 +48,7 @@
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/experimental-utils": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
-    "esbuild": "^0.18.0",
+    "esbuild": "0.18.0",
     "eslint": "^8.28.0",
     "serialize-javascript": "^3.1.0",
     "type-fest": "~2.19"
diff --git a/scripts/yarn.lock b/scripts/yarn.lock
index 21dc69364812..1b5711590921 100644
--- a/scripts/yarn.lock
+++ b/scripts/yarn.lock
@@ -1574,156 +1574,156 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/android-arm64@npm:0.18.14"
+"@esbuild/android-arm64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/android-arm64@npm:0.18.0"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/android-arm@npm:0.18.14"
+"@esbuild/android-arm@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/android-arm@npm:0.18.0"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/android-x64@npm:0.18.14"
+"@esbuild/android-x64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/android-x64@npm:0.18.0"
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/darwin-arm64@npm:0.18.14"
+"@esbuild/darwin-arm64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/darwin-arm64@npm:0.18.0"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/darwin-x64@npm:0.18.14"
+"@esbuild/darwin-x64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/darwin-x64@npm:0.18.0"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/freebsd-arm64@npm:0.18.14"
+"@esbuild/freebsd-arm64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/freebsd-arm64@npm:0.18.0"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/freebsd-x64@npm:0.18.14"
+"@esbuild/freebsd-x64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/freebsd-x64@npm:0.18.0"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/linux-arm64@npm:0.18.14"
+"@esbuild/linux-arm64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/linux-arm64@npm:0.18.0"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/linux-arm@npm:0.18.14"
+"@esbuild/linux-arm@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/linux-arm@npm:0.18.0"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/linux-ia32@npm:0.18.14"
+"@esbuild/linux-ia32@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/linux-ia32@npm:0.18.0"
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/linux-loong64@npm:0.18.14"
+"@esbuild/linux-loong64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/linux-loong64@npm:0.18.0"
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/linux-mips64el@npm:0.18.14"
+"@esbuild/linux-mips64el@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/linux-mips64el@npm:0.18.0"
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/linux-ppc64@npm:0.18.14"
+"@esbuild/linux-ppc64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/linux-ppc64@npm:0.18.0"
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/linux-riscv64@npm:0.18.14"
+"@esbuild/linux-riscv64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/linux-riscv64@npm:0.18.0"
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/linux-s390x@npm:0.18.14"
+"@esbuild/linux-s390x@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/linux-s390x@npm:0.18.0"
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/linux-x64@npm:0.18.14"
+"@esbuild/linux-x64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/linux-x64@npm:0.18.0"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/netbsd-x64@npm:0.18.14"
+"@esbuild/netbsd-x64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/netbsd-x64@npm:0.18.0"
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/openbsd-x64@npm:0.18.14"
+"@esbuild/openbsd-x64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/openbsd-x64@npm:0.18.0"
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/sunos-x64@npm:0.18.14"
+"@esbuild/sunos-x64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/sunos-x64@npm:0.18.0"
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/win32-arm64@npm:0.18.14"
+"@esbuild/win32-arm64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/win32-arm64@npm:0.18.0"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/win32-ia32@npm:0.18.14"
+"@esbuild/win32-ia32@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/win32-ia32@npm:0.18.0"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.18.14":
-  version: 0.18.14
-  resolution: "@esbuild/win32-x64@npm:0.18.14"
+"@esbuild/win32-x64@npm:0.18.0":
+  version: 0.18.0
+  resolution: "@esbuild/win32-x64@npm:0.18.0"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -7025,32 +7025,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild@npm:^0.18.0":
-  version: 0.18.14
-  resolution: "esbuild@npm:0.18.14"
-  dependencies:
-    "@esbuild/android-arm": 0.18.14
-    "@esbuild/android-arm64": 0.18.14
-    "@esbuild/android-x64": 0.18.14
-    "@esbuild/darwin-arm64": 0.18.14
-    "@esbuild/darwin-x64": 0.18.14
-    "@esbuild/freebsd-arm64": 0.18.14
-    "@esbuild/freebsd-x64": 0.18.14
-    "@esbuild/linux-arm": 0.18.14
-    "@esbuild/linux-arm64": 0.18.14
-    "@esbuild/linux-ia32": 0.18.14
-    "@esbuild/linux-loong64": 0.18.14
-    "@esbuild/linux-mips64el": 0.18.14
-    "@esbuild/linux-ppc64": 0.18.14
-    "@esbuild/linux-riscv64": 0.18.14
-    "@esbuild/linux-s390x": 0.18.14
-    "@esbuild/linux-x64": 0.18.14
-    "@esbuild/netbsd-x64": 0.18.14
-    "@esbuild/openbsd-x64": 0.18.14
-    "@esbuild/sunos-x64": 0.18.14
-    "@esbuild/win32-arm64": 0.18.14
-    "@esbuild/win32-ia32": 0.18.14
-    "@esbuild/win32-x64": 0.18.14
+"esbuild@npm:0.18.0":
+  version: 0.18.0
+  resolution: "esbuild@npm:0.18.0"
+  dependencies:
+    "@esbuild/android-arm": 0.18.0
+    "@esbuild/android-arm64": 0.18.0
+    "@esbuild/android-x64": 0.18.0
+    "@esbuild/darwin-arm64": 0.18.0
+    "@esbuild/darwin-x64": 0.18.0
+    "@esbuild/freebsd-arm64": 0.18.0
+    "@esbuild/freebsd-x64": 0.18.0
+    "@esbuild/linux-arm": 0.18.0
+    "@esbuild/linux-arm64": 0.18.0
+    "@esbuild/linux-ia32": 0.18.0
+    "@esbuild/linux-loong64": 0.18.0
+    "@esbuild/linux-mips64el": 0.18.0
+    "@esbuild/linux-ppc64": 0.18.0
+    "@esbuild/linux-riscv64": 0.18.0
+    "@esbuild/linux-s390x": 0.18.0
+    "@esbuild/linux-x64": 0.18.0
+    "@esbuild/netbsd-x64": 0.18.0
+    "@esbuild/openbsd-x64": 0.18.0
+    "@esbuild/sunos-x64": 0.18.0
+    "@esbuild/win32-arm64": 0.18.0
+    "@esbuild/win32-ia32": 0.18.0
+    "@esbuild/win32-x64": 0.18.0
   dependenciesMeta:
     "@esbuild/android-arm":
       optional: true
@@ -7098,7 +7098,7 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: 0a2656670b0e1263e4cf3737f78d304aff1cf76222b2196a12dacc7b520308f8ffb6e5f62ca2d4550bd4d46c215b1d852efe5b7036c667403c0f55e88d89f360
+  checksum: f40bd01dd3125d0a4831aeddf16b65f4f7ee402e52f61f85c0672a580c4c7623da30e339e3ab997fac95978c4d41baaaf4704a85b4bf76e01038e825942a0c97
   languageName: node
   linkType: hard
 

From c936edc3e24069c7288bc24022fad353064d008e Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Fri, 11 Aug 2023 11:39:45 +0200
Subject: [PATCH 23/29] Support Safari 15, Firefox 91 and Chrome 100

---
 code/builders/builder-manager/src/index.ts    |   2 +-
 .../automigrate/fixes/missing-babelrc.test.ts |   4 +-
 code/lib/cli/src/babel-config.ts              |   4 +-
 scripts/package.json                          |   2 +-
 scripts/prepare/bundle.ts                     |   2 +-
 scripts/prepare/esm-bundle.ts                 |   2 +-
 scripts/yarn.lock                             | 186 +++++++++---------
 7 files changed, 101 insertions(+), 101 deletions(-)

diff --git a/code/builders/builder-manager/src/index.ts b/code/builders/builder-manager/src/index.ts
index e2bdf248be82..40e180ada28c 100644
--- a/code/builders/builder-manager/src/index.ts
+++ b/code/builders/builder-manager/src/index.ts
@@ -68,7 +68,7 @@ export const getConfig: ManagerBuilder['getConfig'] = async (options) => {
       '.eot': 'dataurl',
       '.ttf': 'dataurl',
     },
-    target: ['chrome100'],
+    target: ['chrome100', 'safari15', 'firefox91'],
     platform: 'browser',
     bundle: true,
     minify: true,
diff --git a/code/lib/cli/src/automigrate/fixes/missing-babelrc.test.ts b/code/lib/cli/src/automigrate/fixes/missing-babelrc.test.ts
index a325bb471926..f5306d9b0363 100644
--- a/code/lib/cli/src/automigrate/fixes/missing-babelrc.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/missing-babelrc.test.ts
@@ -14,9 +14,7 @@ const babelContent = JSON.stringify({
     [
       '@babel/preset-env',
       {
-        targets: {
-          chrome: 100,
-        },
+        targets: { chrome: 100, safari: 15, firefox: 91 },
       },
     ],
     '@babel/preset-typescript',
diff --git a/code/lib/cli/src/babel-config.ts b/code/lib/cli/src/babel-config.ts
index c918ba78cff7..e24442b4e365 100644
--- a/code/lib/cli/src/babel-config.ts
+++ b/code/lib/cli/src/babel-config.ts
@@ -34,7 +34,9 @@ export const writeBabelConfigFile = async ({
 }) => {
   const fileLocation = location || path.join(process.cwd(), '.babelrc.json');
 
-  const presets: (string | [string, any])[] = [['@babel/preset-env', { targets: { chrome: 100 } }]];
+  const presets: (string | [string, any])[] = [
+    ['@babel/preset-env', { targets: { chrome: 100, safari: 15, firefox: 91 } }],
+  ];
 
   if (typescript) {
     presets.push('@babel/preset-typescript');
diff --git a/scripts/package.json b/scripts/package.json
index f2d892ad6a00..d551f204baef 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -48,7 +48,7 @@
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/experimental-utils": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
-    "esbuild": "0.18.0",
+    "esbuild": "^0.18.0",
     "eslint": "^8.28.0",
     "serialize-javascript": "^3.1.0",
     "type-fest": "~2.19"
diff --git a/scripts/prepare/bundle.ts b/scripts/prepare/bundle.ts
index 401cb756862a..ac04fee5af2d 100755
--- a/scripts/prepare/bundle.ts
+++ b/scripts/prepare/bundle.ts
@@ -89,7 +89,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
         watch,
         outDir,
         format: ['esm'],
-        target: 'chrome100',
+        target: ['chrome100', 'safari15', 'firefox91'],
         clean: false,
         ...(dtsBuild === 'esm' ? dtsConfig : {}),
         platform: platform || 'browser',
diff --git a/scripts/prepare/esm-bundle.ts b/scripts/prepare/esm-bundle.ts
index 0f6afc4f1ce0..33a7c8314bae 100755
--- a/scripts/prepare/esm-bundle.ts
+++ b/scripts/prepare/esm-bundle.ts
@@ -78,7 +78,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
         outExtension: () => ({
           js: '.js',
         }),
-        target: 'chrome100',
+        target: ['chrome100', 'safari15', 'firefox91'],
         clean: false,
         ...(dtsBuild ? dtsConfig : {}),
         platform: 'browser',
diff --git a/scripts/yarn.lock b/scripts/yarn.lock
index 1b5711590921..21dc69364812 100644
--- a/scripts/yarn.lock
+++ b/scripts/yarn.lock
@@ -1574,156 +1574,156 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/android-arm64@npm:0.18.0"
+"@esbuild/android-arm64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/android-arm64@npm:0.18.14"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/android-arm@npm:0.18.0"
+"@esbuild/android-arm@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/android-arm@npm:0.18.14"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/android-x64@npm:0.18.0"
+"@esbuild/android-x64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/android-x64@npm:0.18.14"
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/darwin-arm64@npm:0.18.0"
+"@esbuild/darwin-arm64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/darwin-arm64@npm:0.18.14"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/darwin-x64@npm:0.18.0"
+"@esbuild/darwin-x64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/darwin-x64@npm:0.18.14"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/freebsd-arm64@npm:0.18.0"
+"@esbuild/freebsd-arm64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/freebsd-arm64@npm:0.18.14"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/freebsd-x64@npm:0.18.0"
+"@esbuild/freebsd-x64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/freebsd-x64@npm:0.18.14"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/linux-arm64@npm:0.18.0"
+"@esbuild/linux-arm64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/linux-arm64@npm:0.18.14"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/linux-arm@npm:0.18.0"
+"@esbuild/linux-arm@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/linux-arm@npm:0.18.14"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/linux-ia32@npm:0.18.0"
+"@esbuild/linux-ia32@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/linux-ia32@npm:0.18.14"
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/linux-loong64@npm:0.18.0"
+"@esbuild/linux-loong64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/linux-loong64@npm:0.18.14"
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/linux-mips64el@npm:0.18.0"
+"@esbuild/linux-mips64el@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/linux-mips64el@npm:0.18.14"
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/linux-ppc64@npm:0.18.0"
+"@esbuild/linux-ppc64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/linux-ppc64@npm:0.18.14"
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/linux-riscv64@npm:0.18.0"
+"@esbuild/linux-riscv64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/linux-riscv64@npm:0.18.14"
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/linux-s390x@npm:0.18.0"
+"@esbuild/linux-s390x@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/linux-s390x@npm:0.18.14"
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/linux-x64@npm:0.18.0"
+"@esbuild/linux-x64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/linux-x64@npm:0.18.14"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/netbsd-x64@npm:0.18.0"
+"@esbuild/netbsd-x64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/netbsd-x64@npm:0.18.14"
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/openbsd-x64@npm:0.18.0"
+"@esbuild/openbsd-x64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/openbsd-x64@npm:0.18.14"
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/sunos-x64@npm:0.18.0"
+"@esbuild/sunos-x64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/sunos-x64@npm:0.18.14"
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/win32-arm64@npm:0.18.0"
+"@esbuild/win32-arm64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/win32-arm64@npm:0.18.14"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/win32-ia32@npm:0.18.0"
+"@esbuild/win32-ia32@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/win32-ia32@npm:0.18.14"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.18.0":
-  version: 0.18.0
-  resolution: "@esbuild/win32-x64@npm:0.18.0"
+"@esbuild/win32-x64@npm:0.18.14":
+  version: 0.18.14
+  resolution: "@esbuild/win32-x64@npm:0.18.14"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -7025,32 +7025,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild@npm:0.18.0":
-  version: 0.18.0
-  resolution: "esbuild@npm:0.18.0"
-  dependencies:
-    "@esbuild/android-arm": 0.18.0
-    "@esbuild/android-arm64": 0.18.0
-    "@esbuild/android-x64": 0.18.0
-    "@esbuild/darwin-arm64": 0.18.0
-    "@esbuild/darwin-x64": 0.18.0
-    "@esbuild/freebsd-arm64": 0.18.0
-    "@esbuild/freebsd-x64": 0.18.0
-    "@esbuild/linux-arm": 0.18.0
-    "@esbuild/linux-arm64": 0.18.0
-    "@esbuild/linux-ia32": 0.18.0
-    "@esbuild/linux-loong64": 0.18.0
-    "@esbuild/linux-mips64el": 0.18.0
-    "@esbuild/linux-ppc64": 0.18.0
-    "@esbuild/linux-riscv64": 0.18.0
-    "@esbuild/linux-s390x": 0.18.0
-    "@esbuild/linux-x64": 0.18.0
-    "@esbuild/netbsd-x64": 0.18.0
-    "@esbuild/openbsd-x64": 0.18.0
-    "@esbuild/sunos-x64": 0.18.0
-    "@esbuild/win32-arm64": 0.18.0
-    "@esbuild/win32-ia32": 0.18.0
-    "@esbuild/win32-x64": 0.18.0
+"esbuild@npm:^0.18.0":
+  version: 0.18.14
+  resolution: "esbuild@npm:0.18.14"
+  dependencies:
+    "@esbuild/android-arm": 0.18.14
+    "@esbuild/android-arm64": 0.18.14
+    "@esbuild/android-x64": 0.18.14
+    "@esbuild/darwin-arm64": 0.18.14
+    "@esbuild/darwin-x64": 0.18.14
+    "@esbuild/freebsd-arm64": 0.18.14
+    "@esbuild/freebsd-x64": 0.18.14
+    "@esbuild/linux-arm": 0.18.14
+    "@esbuild/linux-arm64": 0.18.14
+    "@esbuild/linux-ia32": 0.18.14
+    "@esbuild/linux-loong64": 0.18.14
+    "@esbuild/linux-mips64el": 0.18.14
+    "@esbuild/linux-ppc64": 0.18.14
+    "@esbuild/linux-riscv64": 0.18.14
+    "@esbuild/linux-s390x": 0.18.14
+    "@esbuild/linux-x64": 0.18.14
+    "@esbuild/netbsd-x64": 0.18.14
+    "@esbuild/openbsd-x64": 0.18.14
+    "@esbuild/sunos-x64": 0.18.14
+    "@esbuild/win32-arm64": 0.18.14
+    "@esbuild/win32-ia32": 0.18.14
+    "@esbuild/win32-x64": 0.18.14
   dependenciesMeta:
     "@esbuild/android-arm":
       optional: true
@@ -7098,7 +7098,7 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: f40bd01dd3125d0a4831aeddf16b65f4f7ee402e52f61f85c0672a580c4c7623da30e339e3ab997fac95978c4d41baaaf4704a85b4bf76e01038e825942a0c97
+  checksum: 0a2656670b0e1263e4cf3737f78d304aff1cf76222b2196a12dacc7b520308f8ffb6e5f62ca2d4550bd4d46c215b1d852efe5b7036c667403c0f55e88d89f360
   languageName: node
   linkType: hard
 

From 3ba0d6875448d02ec6f4c6db23c2b1a169806caa Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Fri, 11 Aug 2023 11:01:30 +0000
Subject: [PATCH 24/29] Update CHANGELOG.md for v7.2.3 [skip ci]

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c3d2cc1933c5..0cd63f3ea6e1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 7.2.3
+
+- Build: Support Chrome 100, Safari 15 and Firefox 91 - [#23800](https://github.com/storybookjs/storybook/pull/23800), thanks [@kasperpeulen](https://github.com/kasperpeulen)!
+
 ## 7.2.2
 
 - CSF-Tools: Remove prettier from printConfig - [#23766](https://github.com/storybookjs/storybook/pull/23766), thanks [@kasperpeulen](https://github.com/kasperpeulen)!

From 0dcbaed719a3bed580ab37e8b6028c7a23728725 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Fri, 11 Aug 2023 14:52:42 +0200
Subject: [PATCH 25/29] Upgrade Addon Design

---
 code/ui/manager/package.json |  2 +-
 code/yarn.lock               | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/code/ui/manager/package.json b/code/ui/manager/package.json
index c746c3bb5e09..3a11e429de5f 100644
--- a/code/ui/manager/package.json
+++ b/code/ui/manager/package.json
@@ -51,7 +51,7 @@
   },
   "devDependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addon-designs": "^7.0.0",
+    "@storybook/addon-designs": "^7.0.4",
     "@storybook/addons": "workspace:*",
     "@storybook/channels": "workspace:*",
     "@storybook/client-logger": "workspace:*",
diff --git a/code/yarn.lock b/code/yarn.lock
index 3d8fd9362ec7..88afaae488c0 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -5772,9 +5772,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-designs@npm:^7.0.0":
-  version: 7.0.1
-  resolution: "@storybook/addon-designs@npm:7.0.1"
+"@storybook/addon-designs@npm:^7.0.4":
+  version: 7.0.4
+  resolution: "@storybook/addon-designs@npm:7.0.4"
   dependencies:
     "@figspec/react": ^1.0.0
   peerDependencies:
@@ -5791,7 +5791,7 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: 4705db42fa2fe2383f78ab929903e0044e1ffb275f888a2684f37e2ae5059e38778f7cd61e798b55d83a6addb17c5fb03e8a143ad318190f8489e95a622cca49
+  checksum: cebbef90913c91e11a67ea48d9c714b47d242d22f28a04ccab6a7beecd332de3d376082b224ad2c54a3c4dc7e45d3a11692f8c14a9b17c4b085a75682292591e
   languageName: node
   linkType: hard
 
@@ -7091,7 +7091,7 @@ __metadata:
   resolution: "@storybook/manager@workspace:ui/manager"
   dependencies:
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/addon-designs": ^7.0.0
+    "@storybook/addon-designs": ^7.0.4
     "@storybook/addons": "workspace:*"
     "@storybook/channels": "workspace:*"
     "@storybook/client-logger": "workspace:*"

From d9ee3e56a551eb04fd0162fc27acbbad13046425 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Fri, 11 Aug 2023 14:51:05 +0000
Subject: [PATCH 26/29] Write changelog for 7.3.0-alpha.0

---
 CHANGELOG.prerelease.md | 9 +++++++++
 code/package.json       | 3 ++-
 docs/versions/next.json | 2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index 18b151809ed3..1ccadcfa2d1a 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,12 @@
+## 7.3.0-alpha.0
+
+- Addons: Deprecate key in addon render function as it is not available anymore - [#23792](https://github.com/storybookjs/storybook/pull/23792), thanks [@kasperpeulen](https://github.com/kasperpeulen)!
+- Build: Support Chrome 100, Safari 15 and Firefox 91 - [#23800](https://github.com/storybookjs/storybook/pull/23800), thanks [@kasperpeulen](https://github.com/kasperpeulen)!
+- CLI: Update postinstall to look for addon script - [#23791](https://github.com/storybookjs/storybook/pull/23791), thanks [@Integrayshaun](https://github.com/Integrayshaun)!
+- UI: Update IconButton and add new Toolbar component - [#23795](https://github.com/storybookjs/storybook/pull/23795), thanks [@cdedreuille](https://github.com/cdedreuille)!
+- UI: Upgrade Addon Design - [#23806](https://github.com/storybookjs/storybook/pull/23806), thanks [@cdedreuille](https://github.com/cdedreuille)!
+- Vue3: Don't assign values to all slots (rollback to v7.0.27) - [#23697](https://github.com/storybookjs/storybook/pull/23697), thanks [@kasperpeulen](https://github.com/kasperpeulen)!
+
 ## 7.2.2-alpha.1
 
 - CSF-Tools: Remove prettier from printConfig - [#23766](https://github.com/storybookjs/storybook/pull/23766), thanks [@kasperpeulen](https://github.com/kasperpeulen)!
diff --git a/code/package.json b/code/package.json
index 0f9ba134d090..ec01f8999e62 100644
--- a/code/package.json
+++ b/code/package.json
@@ -326,5 +326,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "7.3.0-alpha.0"
 }
diff --git a/docs/versions/next.json b/docs/versions/next.json
index c23698d4d4ef..ff2e45d46476 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1 +1 @@
-{"version":"7.2.2-alpha.1","info":{"plain":"- CSF-Tools: Remove prettier from printConfig - [#23766](https://github.com/storybookjs/storybook/pull/23766), thanks [@kasperpeulen](https://github.com/kasperpeulen)!\n- UI: Improve Link component - [#23767](https://github.com/storybookjs/storybook/pull/23767), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- UI: Improve new `Button` component - [#23765](https://github.com/storybookjs/storybook/pull/23765), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- UI: Update Button types to allow for no children on iconOnly buttons - [#23735](https://github.com/storybookjs/storybook/pull/23735), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- UI: Upgrade Icon component - [#23680](https://github.com/storybookjs/storybook/pull/23680), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- WebpackBuilder: Remove need for `react` as peerDependency - [#23496](https://github.com/storybookjs/storybook/pull/23496), thanks [@ndelangen](https://github.com/ndelangen)!"}}
+{"version":"7.3.0-alpha.0","info":{"plain":"- Addons: Deprecate key in addon render function as it is not available anymore - [#23792](https://github.com/storybookjs/storybook/pull/23792), thanks [@kasperpeulen](https://github.com/kasperpeulen)!\n- Build: Support Chrome 100, Safari 15 and Firefox 91 - [#23800](https://github.com/storybookjs/storybook/pull/23800), thanks [@kasperpeulen](https://github.com/kasperpeulen)!\n- CLI: Update postinstall to look for addon script - [#23791](https://github.com/storybookjs/storybook/pull/23791), thanks [@Integrayshaun](https://github.com/Integrayshaun)!\n- UI: Update IconButton and add new Toolbar component - [#23795](https://github.com/storybookjs/storybook/pull/23795), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- UI: Upgrade Addon Design - [#23806](https://github.com/storybookjs/storybook/pull/23806), thanks [@cdedreuille](https://github.com/cdedreuille)!\n- Vue3: Don't assign values to all slots (rollback to v7.0.27) - [#23697](https://github.com/storybookjs/storybook/pull/23697), thanks [@kasperpeulen](https://github.com/kasperpeulen)!"}}

From 60219fe14948621aed3be06fe29c652bbe977c33 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Fri, 11 Aug 2023 15:34:36 +0000
Subject: [PATCH 27/29] Bump version from "7.2.2-alpha.1" to "7.3.0-alpha.0"
 [skip ci]

---
 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/gfm/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-core/package.json      |   2 +-
 code/addons/storyshots-puppeteer/package.json |   2 +-
 code/addons/storysource/package.json          |   2 +-
 code/addons/themes/package.json               |   2 +-
 code/addons/toolbars/package.json             |   2 +-
 code/addons/viewport/package.json             |   2 +-
 code/builders/builder-manager/package.json    |   2 +-
 code/builders/builder-vite/package.json       |   2 +-
 code/builders/builder-webpack5/package.json   |   2 +-
 code/deprecated/addons/package.json           |   2 +-
 .../channel-postmessage/package.json          |   2 +-
 .../deprecated/channel-websocket/package.json |   2 +-
 code/deprecated/client-api/package.json       |   2 +-
 code/deprecated/core-client/package.json      |   2 +-
 code/deprecated/manager-api-shim/package.json |   2 +-
 code/deprecated/preview-web/package.json      |   2 +-
 code/deprecated/store/package.json            |   2 +-
 code/frameworks/angular/package.json          |   2 +-
 code/frameworks/ember/package.json            |   2 +-
 code/frameworks/html-vite/package.json        |   2 +-
 code/frameworks/html-webpack5/package.json    |   2 +-
 code/frameworks/nextjs/package.json           |   2 +-
 code/frameworks/preact-vite/package.json      |   2 +-
 code/frameworks/preact-webpack5/package.json  |   2 +-
 code/frameworks/react-vite/package.json       |   2 +-
 code/frameworks/react-webpack5/package.json   |   2 +-
 code/frameworks/server-webpack5/package.json  |   2 +-
 code/frameworks/svelte-vite/package.json      |   2 +-
 code/frameworks/svelte-webpack5/package.json  |   2 +-
 code/frameworks/sveltekit/package.json        |   2 +-
 code/frameworks/vue-vite/package.json         |   2 +-
 code/frameworks/vue-webpack5/package.json     |   2 +-
 code/frameworks/vue3-vite/package.json        |   2 +-
 code/frameworks/vue3-webpack5/package.json    |   2 +-
 .../web-components-vite/package.json          |   2 +-
 .../web-components-webpack5/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/cli/src/versions.ts                  | 188 +++++++++---------
 code/lib/client-logger/package.json           |   2 +-
 code/lib/codemod/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-plugin/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/manager-api/package.json             |   2 +-
 code/lib/manager-api/src/version.ts           |   2 +-
 code/lib/node-logger/package.json             |   2 +-
 code/lib/postinstall/package.json             |   2 +-
 code/lib/preview-api/package.json             |   2 +-
 code/lib/preview/package.json                 |   2 +-
 code/lib/react-dom-shim/package.json          |   2 +-
 code/lib/router/package.json                  |   2 +-
 code/lib/source-loader/package.json           |   2 +-
 code/lib/telemetry/package.json               |   2 +-
 code/lib/theming/package.json                 |   2 +-
 code/lib/types/package.json                   |   2 +-
 code/package.json                             |   5 +-
 code/presets/create-react-app/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/ui/blocks/package.json                   |   2 +-
 code/ui/components/package.json               |   2 +-
 code/ui/manager/package.json                  |   2 +-
 97 files changed, 191 insertions(+), 192 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 405241bfb0b0..2c2156d4d51c 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index ee3b33e7a4a4..1009187922aa 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 1e062ca1ae9c..ecf7fdadef90 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 7fb30e0e78b5..641e9fd86da3 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index db1f750050c2..cdf462ff29b4 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index d602e9b915a1..fba1b841ba5f 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index df2469e220cb..b168369ddc3d 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 09a29705a5db..008affa52747 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 6bb39cc41bab..bbfff8cc38ea 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 404c1c1d4619..933a83e769cc 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index ac68feb39d34..1f499df1d5d5 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 3dd32f977916..22987c6919e8 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 1d34b12004e4..5337a3d49a62 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/storyshots-core/package.json b/code/addons/storyshots-core/package.json
index 23a2cf1b13ad..ba7e5f6d72c6 100644
--- a/code/addons/storyshots-core/package.json
+++ b/code/addons/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
diff --git a/code/addons/storyshots-puppeteer/package.json b/code/addons/storyshots-puppeteer/package.json
index 6662febccb9f..ea1cad78b38a 100644
--- a/code/addons/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Image snapshots addition to StoryShots based on puppeteer",
   "keywords": [
     "addon",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index b354ef17c028..7c6f153c185d 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
index ca376134d031..6424cdefb365 100644
--- a/code/addons/themes/package.json
+++ b/code/addons/themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Switch between multiple themes for you components in Storybook",
   "keywords": [
     "css",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index e239c1ef8fca..1653015f22c0 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 5c578517ee1c..768a60f46eec 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
diff --git a/code/builders/builder-manager/package.json b/code/builders/builder-manager/package.json
index f3c3f6bead9d..9621433b4535 100644
--- a/code/builders/builder-manager/package.json
+++ b/code/builders/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index 6028a6b9fd99..d352946844d3 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index f94a9ef43917..e2483f016420 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/addons/package.json b/code/deprecated/addons/package.json
index 980de983f727..06697059c818 100644
--- a/code/deprecated/addons/package.json
+++ b/code/deprecated/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channel-postmessage/package.json b/code/deprecated/channel-postmessage/package.json
index a4dcc0cefc18..a2111537a5f2 100644
--- a/code/deprecated/channel-postmessage/package.json
+++ b/code/deprecated/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channel-websocket/package.json b/code/deprecated/channel-websocket/package.json
index 532504e574e0..7addbe019f74 100644
--- a/code/deprecated/channel-websocket/package.json
+++ b/code/deprecated/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/client-api/package.json b/code/deprecated/client-api/package.json
index 9e1c6a6433f1..d79ceee1add1 100644
--- a/code/deprecated/client-api/package.json
+++ b/code/deprecated/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-client/package.json b/code/deprecated/core-client/package.json
index 6276e96ccc1e..06daaaac3182 100644
--- a/code/deprecated/core-client/package.json
+++ b/code/deprecated/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager-api-shim/package.json b/code/deprecated/manager-api-shim/package.json
index 95a8504b599c..1d34e8029668 100644
--- a/code/deprecated/manager-api-shim/package.json
+++ b/code/deprecated/manager-api-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook Manager API (facade)",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview-web/package.json b/code/deprecated/preview-web/package.json
index ac8ff273d28a..4872094db318 100644
--- a/code/deprecated/preview-web/package.json
+++ b/code/deprecated/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/store/package.json b/code/deprecated/store/package.json
index 915defd1d61a..ad9629d74176 100644
--- a/code/deprecated/store/package.json
+++ b/code/deprecated/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 7d2724cf94ce..dc50f5351acb 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 4d3bfdd975a2..20b21ce09871 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index de8eddb06581..7e8c76aa0e2a 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-vite",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index c557b6b8e275..1765450e25da 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index e8509e4e723a..5f4c763aef7e 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index 7a636d9ff637..e90f99778a57 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-vite",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 7b40dfacaa98..a52089ba02a6 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index 79cf62a786b1..de84a1ac646e 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 84b9fbbbdac8..9944c493b052 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 389f15e73037..08a300586dba 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 37b535a15ff6..45aeb946c3d9 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index d8a52eb1e699..9950459dd654 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index 90d40815197e..eec331b0123a 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/vue-vite/package.json b/code/frameworks/vue-vite/package.json
index d764e4d69982..fd7e4a10dec4 100644
--- a/code/frameworks/vue-vite/package.json
+++ b/code/frameworks/vue-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-vite",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Vue2 and Vite: Develop Vue2 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index 8a9595210afe..41c6eb7a7b42 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index 0baa2e498039..1fd2d7fb589d 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 55710f577353..2b7b4b70a8c1 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index 9cdcc72b743f..5dd6cd701498 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-vite",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 4a7a59dbd490..653f4dca96ed 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 1b7be6591afa..7f72f07e241a 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 90ddd4c4624d..ed53324f49e8 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 8f0909422939..59c370a3b391 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index b0adeda320e2..9efc9cebf234 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index d2c2e010c5e4..5bef17983941 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -1,97 +1,97 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.2.2-alpha.1',
-  '@storybook/addon-actions': '7.2.2-alpha.1',
-  '@storybook/addon-backgrounds': '7.2.2-alpha.1',
-  '@storybook/addon-controls': '7.2.2-alpha.1',
-  '@storybook/addon-docs': '7.2.2-alpha.1',
-  '@storybook/addon-essentials': '7.2.2-alpha.1',
-  '@storybook/addon-highlight': '7.2.2-alpha.1',
-  '@storybook/addon-interactions': '7.2.2-alpha.1',
-  '@storybook/addon-jest': '7.2.2-alpha.1',
-  '@storybook/addon-links': '7.2.2-alpha.1',
-  '@storybook/addon-mdx-gfm': '7.2.2-alpha.1',
-  '@storybook/addon-measure': '7.2.2-alpha.1',
-  '@storybook/addon-outline': '7.2.2-alpha.1',
-  '@storybook/addon-themes': '7.2.2-alpha.1',
-  '@storybook/addon-storyshots': '7.2.2-alpha.1',
-  '@storybook/addon-storyshots-puppeteer': '7.2.2-alpha.1',
-  '@storybook/addon-storysource': '7.2.2-alpha.1',
-  '@storybook/addon-toolbars': '7.2.2-alpha.1',
-  '@storybook/addon-viewport': '7.2.2-alpha.1',
-  '@storybook/addons': '7.2.2-alpha.1',
-  '@storybook/angular': '7.2.2-alpha.1',
-  '@storybook/api': '7.2.2-alpha.1',
-  '@storybook/blocks': '7.2.2-alpha.1',
-  '@storybook/builder-manager': '7.2.2-alpha.1',
-  '@storybook/builder-vite': '7.2.2-alpha.1',
-  '@storybook/builder-webpack5': '7.2.2-alpha.1',
-  '@storybook/channel-postmessage': '7.2.2-alpha.1',
-  '@storybook/channel-websocket': '7.2.2-alpha.1',
-  '@storybook/channels': '7.2.2-alpha.1',
-  '@storybook/cli': '7.2.2-alpha.1',
-  '@storybook/client-api': '7.2.2-alpha.1',
-  '@storybook/client-logger': '7.2.2-alpha.1',
-  '@storybook/codemod': '7.2.2-alpha.1',
-  '@storybook/components': '7.2.2-alpha.1',
-  '@storybook/core-client': '7.2.2-alpha.1',
-  '@storybook/core-common': '7.2.2-alpha.1',
-  '@storybook/core-events': '7.2.2-alpha.1',
-  '@storybook/core-server': '7.2.2-alpha.1',
-  '@storybook/core-webpack': '7.2.2-alpha.1',
-  '@storybook/csf-plugin': '7.2.2-alpha.1',
-  '@storybook/csf-tools': '7.2.2-alpha.1',
-  '@storybook/docs-tools': '7.2.2-alpha.1',
-  '@storybook/ember': '7.2.2-alpha.1',
-  '@storybook/html': '7.2.2-alpha.1',
-  '@storybook/html-vite': '7.2.2-alpha.1',
-  '@storybook/html-webpack5': '7.2.2-alpha.1',
-  '@storybook/instrumenter': '7.2.2-alpha.1',
-  '@storybook/manager': '7.2.2-alpha.1',
-  '@storybook/manager-api': '7.2.2-alpha.1',
-  '@storybook/nextjs': '7.2.2-alpha.1',
-  '@storybook/node-logger': '7.2.2-alpha.1',
-  '@storybook/postinstall': '7.2.2-alpha.1',
-  '@storybook/preact': '7.2.2-alpha.1',
-  '@storybook/preact-vite': '7.2.2-alpha.1',
-  '@storybook/preact-webpack5': '7.2.2-alpha.1',
-  '@storybook/preset-create-react-app': '7.2.2-alpha.1',
-  '@storybook/preset-html-webpack': '7.2.2-alpha.1',
-  '@storybook/preset-preact-webpack': '7.2.2-alpha.1',
-  '@storybook/preset-react-webpack': '7.2.2-alpha.1',
-  '@storybook/preset-server-webpack': '7.2.2-alpha.1',
-  '@storybook/preset-svelte-webpack': '7.2.2-alpha.1',
-  '@storybook/preset-vue-webpack': '7.2.2-alpha.1',
-  '@storybook/preset-vue3-webpack': '7.2.2-alpha.1',
-  '@storybook/preset-web-components-webpack': '7.2.2-alpha.1',
-  '@storybook/preview': '7.2.2-alpha.1',
-  '@storybook/preview-api': '7.2.2-alpha.1',
-  '@storybook/preview-web': '7.2.2-alpha.1',
-  '@storybook/react': '7.2.2-alpha.1',
-  '@storybook/react-dom-shim': '7.2.2-alpha.1',
-  '@storybook/react-vite': '7.2.2-alpha.1',
-  '@storybook/react-webpack5': '7.2.2-alpha.1',
-  '@storybook/router': '7.2.2-alpha.1',
-  '@storybook/server': '7.2.2-alpha.1',
-  '@storybook/server-webpack5': '7.2.2-alpha.1',
-  '@storybook/source-loader': '7.2.2-alpha.1',
-  '@storybook/store': '7.2.2-alpha.1',
-  '@storybook/svelte': '7.2.2-alpha.1',
-  '@storybook/svelte-vite': '7.2.2-alpha.1',
-  '@storybook/svelte-webpack5': '7.2.2-alpha.1',
-  '@storybook/sveltekit': '7.2.2-alpha.1',
-  '@storybook/telemetry': '7.2.2-alpha.1',
-  '@storybook/theming': '7.2.2-alpha.1',
-  '@storybook/types': '7.2.2-alpha.1',
-  '@storybook/vue': '7.2.2-alpha.1',
-  '@storybook/vue-vite': '7.2.2-alpha.1',
-  '@storybook/vue-webpack5': '7.2.2-alpha.1',
-  '@storybook/vue3': '7.2.2-alpha.1',
-  '@storybook/vue3-vite': '7.2.2-alpha.1',
-  '@storybook/vue3-webpack5': '7.2.2-alpha.1',
-  '@storybook/web-components': '7.2.2-alpha.1',
-  '@storybook/web-components-vite': '7.2.2-alpha.1',
-  '@storybook/web-components-webpack5': '7.2.2-alpha.1',
-  sb: '7.2.2-alpha.1',
-  storybook: '7.2.2-alpha.1',
+  '@storybook/addon-a11y': '7.3.0-alpha.0',
+  '@storybook/addon-actions': '7.3.0-alpha.0',
+  '@storybook/addon-backgrounds': '7.3.0-alpha.0',
+  '@storybook/addon-controls': '7.3.0-alpha.0',
+  '@storybook/addon-docs': '7.3.0-alpha.0',
+  '@storybook/addon-essentials': '7.3.0-alpha.0',
+  '@storybook/addon-highlight': '7.3.0-alpha.0',
+  '@storybook/addon-interactions': '7.3.0-alpha.0',
+  '@storybook/addon-jest': '7.3.0-alpha.0',
+  '@storybook/addon-links': '7.3.0-alpha.0',
+  '@storybook/addon-mdx-gfm': '7.3.0-alpha.0',
+  '@storybook/addon-measure': '7.3.0-alpha.0',
+  '@storybook/addon-outline': '7.3.0-alpha.0',
+  '@storybook/addon-themes': '7.3.0-alpha.0',
+  '@storybook/addon-storyshots': '7.3.0-alpha.0',
+  '@storybook/addon-storyshots-puppeteer': '7.3.0-alpha.0',
+  '@storybook/addon-storysource': '7.3.0-alpha.0',
+  '@storybook/addon-toolbars': '7.3.0-alpha.0',
+  '@storybook/addon-viewport': '7.3.0-alpha.0',
+  '@storybook/addons': '7.3.0-alpha.0',
+  '@storybook/angular': '7.3.0-alpha.0',
+  '@storybook/api': '7.3.0-alpha.0',
+  '@storybook/blocks': '7.3.0-alpha.0',
+  '@storybook/builder-manager': '7.3.0-alpha.0',
+  '@storybook/builder-vite': '7.3.0-alpha.0',
+  '@storybook/builder-webpack5': '7.3.0-alpha.0',
+  '@storybook/channel-postmessage': '7.3.0-alpha.0',
+  '@storybook/channel-websocket': '7.3.0-alpha.0',
+  '@storybook/channels': '7.3.0-alpha.0',
+  '@storybook/cli': '7.3.0-alpha.0',
+  '@storybook/client-api': '7.3.0-alpha.0',
+  '@storybook/client-logger': '7.3.0-alpha.0',
+  '@storybook/codemod': '7.3.0-alpha.0',
+  '@storybook/components': '7.3.0-alpha.0',
+  '@storybook/core-client': '7.3.0-alpha.0',
+  '@storybook/core-common': '7.3.0-alpha.0',
+  '@storybook/core-events': '7.3.0-alpha.0',
+  '@storybook/core-server': '7.3.0-alpha.0',
+  '@storybook/core-webpack': '7.3.0-alpha.0',
+  '@storybook/csf-plugin': '7.3.0-alpha.0',
+  '@storybook/csf-tools': '7.3.0-alpha.0',
+  '@storybook/docs-tools': '7.3.0-alpha.0',
+  '@storybook/ember': '7.3.0-alpha.0',
+  '@storybook/html': '7.3.0-alpha.0',
+  '@storybook/html-vite': '7.3.0-alpha.0',
+  '@storybook/html-webpack5': '7.3.0-alpha.0',
+  '@storybook/instrumenter': '7.3.0-alpha.0',
+  '@storybook/manager': '7.3.0-alpha.0',
+  '@storybook/manager-api': '7.3.0-alpha.0',
+  '@storybook/nextjs': '7.3.0-alpha.0',
+  '@storybook/node-logger': '7.3.0-alpha.0',
+  '@storybook/postinstall': '7.3.0-alpha.0',
+  '@storybook/preact': '7.3.0-alpha.0',
+  '@storybook/preact-vite': '7.3.0-alpha.0',
+  '@storybook/preact-webpack5': '7.3.0-alpha.0',
+  '@storybook/preset-create-react-app': '7.3.0-alpha.0',
+  '@storybook/preset-html-webpack': '7.3.0-alpha.0',
+  '@storybook/preset-preact-webpack': '7.3.0-alpha.0',
+  '@storybook/preset-react-webpack': '7.3.0-alpha.0',
+  '@storybook/preset-server-webpack': '7.3.0-alpha.0',
+  '@storybook/preset-svelte-webpack': '7.3.0-alpha.0',
+  '@storybook/preset-vue-webpack': '7.3.0-alpha.0',
+  '@storybook/preset-vue3-webpack': '7.3.0-alpha.0',
+  '@storybook/preset-web-components-webpack': '7.3.0-alpha.0',
+  '@storybook/preview': '7.3.0-alpha.0',
+  '@storybook/preview-api': '7.3.0-alpha.0',
+  '@storybook/preview-web': '7.3.0-alpha.0',
+  '@storybook/react': '7.3.0-alpha.0',
+  '@storybook/react-dom-shim': '7.3.0-alpha.0',
+  '@storybook/react-vite': '7.3.0-alpha.0',
+  '@storybook/react-webpack5': '7.3.0-alpha.0',
+  '@storybook/router': '7.3.0-alpha.0',
+  '@storybook/server': '7.3.0-alpha.0',
+  '@storybook/server-webpack5': '7.3.0-alpha.0',
+  '@storybook/source-loader': '7.3.0-alpha.0',
+  '@storybook/store': '7.3.0-alpha.0',
+  '@storybook/svelte': '7.3.0-alpha.0',
+  '@storybook/svelte-vite': '7.3.0-alpha.0',
+  '@storybook/svelte-webpack5': '7.3.0-alpha.0',
+  '@storybook/sveltekit': '7.3.0-alpha.0',
+  '@storybook/telemetry': '7.3.0-alpha.0',
+  '@storybook/theming': '7.3.0-alpha.0',
+  '@storybook/types': '7.3.0-alpha.0',
+  '@storybook/vue': '7.3.0-alpha.0',
+  '@storybook/vue-vite': '7.3.0-alpha.0',
+  '@storybook/vue-webpack5': '7.3.0-alpha.0',
+  '@storybook/vue3': '7.3.0-alpha.0',
+  '@storybook/vue3-vite': '7.3.0-alpha.0',
+  '@storybook/vue3-webpack5': '7.3.0-alpha.0',
+  '@storybook/web-components': '7.3.0-alpha.0',
+  '@storybook/web-components-vite': '7.3.0-alpha.0',
+  '@storybook/web-components-webpack5': '7.3.0-alpha.0',
+  sb: '7.3.0-alpha.0',
+  storybook: '7.3.0-alpha.0',
 };
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index dc83b8cf7ccd..a65564ec40b9 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 0783c5f37d51..f3222cae0007 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index e512cbc30cd0..7c9b9b78e8eb 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 1c2372e3207a..fdbe8a12a89f 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "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 4206ab50164f..571923980407 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 64b7c9414f53..0e0a5eaadc29 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index de1b30119e09..b1dad9ee786e 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-plugin",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Enrich CSF files via static analysis",
   "keywords": [
     "storybook"
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 69434d110324..de1e835e7360 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Parse and manipulate CSF and Storybook config files",
   "keywords": [
     "storybook"
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 8c3088f6b949..1bf9432eadee 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 963edeb98304..e72d73f10729 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/manager-api/package.json b/code/lib/manager-api/package.json
index 65c2e212b356..40b6bd44ea96 100644
--- a/code/lib/manager-api/package.json
+++ b/code/lib/manager-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-api",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
diff --git a/code/lib/manager-api/src/version.ts b/code/lib/manager-api/src/version.ts
index 1e509af31c36..a5a65afa751e 100644
--- a/code/lib/manager-api/src/version.ts
+++ b/code/lib/manager-api/src/version.ts
@@ -1 +1 @@
-export const version = '7.2.2-alpha.1';
+export const version = '7.3.0-alpha.0';
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 17090344ca26..497b2a521760 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 813bfa3dee5b..dc58f48394ac 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/code/lib/preview-api/package.json b/code/lib/preview-api/package.json
index 602cfd09e87e..966ea6360c45 100644
--- a/code/lib/preview-api/package.json
+++ b/code/lib/preview-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/preview/package.json b/code/lib/preview/package.json
index b0b831845e85..0445b0d24547 100644
--- a/code/lib/preview/package.json
+++ b/code/lib/preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index ef2e879a9495..6db51a1302a0 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index f781481b5179..175b765ac2be 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 396e07c186b9..e86bb6e5c358 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Source loader",
   "keywords": [
     "lib",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 88bcb92ea40e..b0941ef96519 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index ae8b8190755f..1ca54183a75b 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/lib/types/package.json b/code/lib/types/package.json
index 6f711e61b46b..e64f21ee68b7 100644
--- a/code/lib/types/package.json
+++ b/code/lib/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/types",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
diff --git a/code/package.json b/code/package.json
index ec01f8999e62..86f31753abae 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "private": true,
   "description": "Storybook root",
   "homepage": "https://storybook.js.org/",
@@ -326,6 +326,5 @@
         "Dependency Upgrades"
       ]
     ]
-  },
-  "deferredNextVersion": "7.3.0-alpha.0"
+  }
 }
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index b73a34c2d615..55886997a704 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-create-react-app",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Create React App preset",
   "keywords": [
     "storybook"
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 98c1cc4ed201..e682ca0f08bf 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 86c329925bd5..6806ab325e0f 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 5bdab67f066e..208dee7257bb 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 8c43af3c7557..a7fb771923a9 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 01252e033569..3a91d6c27fe3 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 530fec7a4dac..c8a5f6cc40e5 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 9c8ce38391c3..e3c87d969fc8 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index e02b964b5c4d..08378a729ca4 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 0634c9d4c309..e1e0ed5e4563 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index f9443024552b..63e0a26a508e 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index dd710739925e..f2e06a9cdd20 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 3228aa30867a..4eea18ccfef7 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 4afaf9b38687..a17bbe33040e 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index a24e51876845..a9275946b25c 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 27121f55deff..b8905045274d 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 6efbc9f197c1..e84d54f7cb4d 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.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",
diff --git a/code/ui/blocks/package.json b/code/ui/blocks/package.json
index eb27ae5cabeb..f8086dff4690 100644
--- a/code/ui/blocks/package.json
+++ b/code/ui/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
diff --git a/code/ui/components/package.json b/code/ui/components/package.json
index b5e51b7b6de7..e819b577a0e5 100644
--- a/code/ui/components/package.json
+++ b/code/ui/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/ui/manager/package.json b/code/ui/manager/package.json
index 3a11e429de5f..89bded8e03d2 100644
--- a/code/ui/manager/package.json
+++ b/code/ui/manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "7.2.2-alpha.1",
+  "version": "7.3.0-alpha.0",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"

From 8132e4214a8c86e230c7790d9758acc251517484 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 13 Aug 2023 14:54:27 +0800
Subject: [PATCH 28/29] Update log checker to support disableDocs

---
 scripts/event-log-checker.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/scripts/event-log-checker.ts b/scripts/event-log-checker.ts
index bc2056998664..e1f6d82bd533 100644
--- a/scripts/event-log-checker.ts
+++ b/scripts/event-log-checker.ts
@@ -70,10 +70,11 @@ async function run() {
             8,
             `Expected 8 stories but received ${exampleStoryCount} instead.`
           );
+          const expectedDocsCount = template.modifications?.disableDocs ? 0 : 3;
           assert.equal(
             exampleDocsCount,
-            3,
-            `Expected 3 docs entries but received ${exampleDocsCount} instead.`
+            expectedDocsCount,
+            `Expected ${expectedDocsCount} docs entries but received ${exampleDocsCount} instead.`
           );
         });
       }

From a4d1e15344a84b2140b68722b75f8528468d3aa9 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 14 Aug 2023 17:08:01 +0200
Subject: [PATCH 29/29] update test-runner docs regarding CLI flags and hooks

---
 docs/writing-tests/test-runner.md | 49 ++++++++++++++++++-------------
 1 file changed, 29 insertions(+), 20 deletions(-)

diff --git a/docs/writing-tests/test-runner.md b/docs/writing-tests/test-runner.md
index 22b68d2b1627..4ef6b07315ab 100644
--- a/docs/writing-tests/test-runner.md
+++ b/docs/writing-tests/test-runner.md
@@ -79,23 +79,31 @@ Test runner offers zero-config support for Storybook. However, you can run `test
 The test-runner is powered by [Jest](https://jestjs.io/) and accepts a subset of its [CLI options](https://jestjs.io/docs/cli) (for example, `--watch`, `--maxWorkers`).
 If you're already using any of those flags in your project, you should be able to migrate them into Storybook's test-runner without any issues. Listed below are all the available flags and examples of using them.
 
-| Options                         | Description                                                                                                                      |
-| ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
-| `--help`                        | Output usage information <br/>`test-storybook --help`                                                                            |
+| Options                         | Description                                                                                                                                                                   |
+| ------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `--help`                        | Output usage information <br/>`test-storybook --help`                                                                                                                         |
 | `-s`, `--stories-json`          | Run in stories json mode. Automatically detected (requires a compatible Storybook) <br/>`test-storybook --stories-json`          |
 | `--no-stories-json`             | Disables stories json mode <br/>`test-storybook --no-stories-json`                                                               |
-| `-c`, `--config-dir [dir-name]` | Directory where to load Storybook configurations from <br/>`test-storybook -c .storybook`                                        |
-| `--watch`                       | Run in watch mode <br/>`test-storybook --watch`                                                                                  |
-| `--url`                         | Define the URL to run tests in. Useful for custom Storybook URLs <br/>`test-storybook --url http://the-storybook-url-here.com`   |
-| `--browsers`                    | Define browsers to run tests in. One or multiple of: chromium, firefox, webkit <br/>`test-storybook --browsers firefox chromium` |
-| `--maxWorkers [amount]`         | Specifies the maximum number of workers the worker-pool will spawn for running tests <br/>`test-storybook --maxWorkers=2`        |
-| `--no-cache`                    | Disable the cache <br/>`test-storybook --no-cache`                                                                               |
-| `--clearCache`                  | Deletes the Jest cache directory and then exits without running tests <br/>`test-storybook --clearCache`                         |
-| `--verbose`                     | Display individual test results with the test suite hierarchy <br/>`test-storybook --verbose`                                    |
-| `-u`, `--updateSnapshot`        | Use this flag to re-record every snapshot that fails during this test run <br/>`test-storybook -u`                               |
-| `--eject`                       | Creates a local configuration file to override defaults of the test-runner <br/>`test-storybook --eject`                         |
-| `--coverage`                    | Runs [coverage tests](./test-coverage.md) on your stories and components <br/> `test-storybook --coverage`                       |
-| `--shard [index/count]`         | Requires CI. Splits the test suite execution into multiple machines <br/> `test-storybook --shard=1/8`                           |
+| `-c`, `--config-dir [dir-name]` | Directory where to load Storybook configurations from <br/>`test-storybook -c .storybook`                                                                                     |
+| `--watch`                       | Run in watch mode <br/>`test-storybook --watch`                                                                                                                               |
+| `--watchAll`                    | Watch files for changes and rerun all tests when something changes.<br/>`test-storybook --watchAll`                                                                           |
+| `--coverage`                    | Runs [coverage tests](./test-coverage.md) on your stories and components <br/> `test-storybook --coverage`                                                                    |
+| `--coverageDirectory`           | Directory where to write coverage report output <br/>`test-storybook --coverage --coverageDirectory coverage/ui/storybook`                                                    |
+| `--url`                         | Define the URL to run tests in. Useful for custom Storybook URLs <br/>`test-storybook --url http://the-storybook-url-here.com`                                                |
+| `--browsers`                    | Define browsers to run tests in. One or multiple of: chromium, firefox, webkit <br/>`test-storybook --browsers firefox chromium`                                              |
+| `--maxWorkers [amount]`         | Specifies the maximum number of workers the worker-pool will spawn for running tests <br/>`test-storybook --maxWorkers=2`                                                     |
+| `--no-cache`                    | Disable the cache <br/>`test-storybook --no-cache`                                                                                                                            |
+| `--clearCache`                  | Deletes the Jest cache directory and then exits without running tests <br/>`test-storybook --clearCache`                                                                      |
+| `--verbose`                     | Display individual test results with the test suite hierarchy <br/>`test-storybook --verbose`                                                                                 |
+| `-u`, `--updateSnapshot`        | Use this flag to re-record every snapshot that fails during this test run <br/>`test-storybook -u`                                                                            |
+| `--eject`                       | Creates a local configuration file to override defaults of the test-runner <br/>`test-storybook --eject`                                                                      |
+| `--json`                        | Prints the test results in JSON. This mode will send all other test output and user messages to stderr. <br/>`test-storybook --json`                                          |
+| `--outputFile`                  | Write test results to a file when the --json option is also specified. <br/>`test-storybook --json --outputFile results.json`                                                 |
+| `--junit`                       | Indicates that test information should be reported in a junit file. <br/>`test-storybook --**junit**`                                                                         |
+| `--ci`                          | Instead of the regular behavior of storing a new snapshot automatically, it will fail the test and require Jest to be run with `--updateSnapshot`. <br/>`test-storybook --ci` |
+| `--shard [index/count]`         | Requires CI. Splits the test suite execution into multiple machines <br/> `test-storybook --shard=1/8`                                                                        |
+| `--failOnConsole`               | Makes tests fail on browser console errors<br/>`test-storybook --failOnConsole`                                                                                               |
+
 
 <!-- prettier-ignore-start -->
 
@@ -190,11 +198,12 @@ The test-runner renders a story and executes its [play function](../writing-stor
 The test-runner exports test hooks that can be overridden globally to enable use cases like visual or DOM snapshots. These hooks give you access to the test lifecycle _before_ and _after_ the story is rendered.
 Listed below are the available hooks and an overview of how to use them.
 
-| Hook         | Description                                                                   |
-| ------------ | ----------------------------------------------------------------------------- |
-| `setup`      | Executes once before all the tests run<br/>`setup() {}`                       |
-| `preRender`  | Executes before a story is rendered<br/>`async preRender(page, context) {}`   |
-| `postRender` | Executes after the story is rendered<br/>`async postRender(page, context) {}` |
+| Hook         | Description                                                                                        |
+| ------------ | -------------------------------------------------------------------------------------------------- |
+| `prepare`    | Prepares the browser for tests<br/>`async prepare({ page, browserContext, testRunnerConfig }() {}` |
+| `setup`      | Executes once before all the tests run<br/>`setup() {}`                                            |
+| `preRender`  | Executes before a story is rendered<br/>`async preRender(page, context) {}`                        |
+| `postRender` | Executes after the story is rendered<br/>`async postRender(page, context) {}`                      |
 
 <div class="aside">