From 0822462664e7c019972503e208c84835cacc8d76 Mon Sep 17 00:00:00 2001
From: Jonas Hungershausen <jonas.hungershausen@ory.sh>
Date: Thu, 5 Dec 2024 16:48:01 +0100
Subject: [PATCH] chore: migrate legacy stories to new story format (#308)

---
 src/stories/Button.stories.tsx           | 6 +++---
 src/stories/ButtonSocial.stories.tsx     | 6 +++---
 src/stories/Card.stories.tsx             | 6 +++---
 src/stories/Checkbox.stories.tsx         | 6 +++---
 src/stories/Codebox.stories.tsx          | 6 +++---
 src/stories/Divider.stories.tsx          | 6 +++---
 src/stories/GradientCard.stories.tsx     | 6 +++---
 src/stories/InputField.stories.tsx       | 6 +++---
 src/stories/Message.stories.tsx          | 6 +++---
 src/stories/Nav.stories.tsx              | 6 +++---
 src/stories/Ory/Auth.stories.tsx         | 6 +++---
 src/stories/Ory/AuthError.stories.tsx    | 6 +++---
 src/stories/Ory/AuthSettings.stories.tsx | 6 +++---
 src/stories/Ory/Consent.stories.tsx      | 6 +++---
 src/stories/Ory/Logout.stories.tsx       | 6 +++---
 15 files changed, 45 insertions(+), 45 deletions(-)

diff --git a/src/stories/Button.stories.tsx b/src/stories/Button.stories.tsx
index 35533a329..a55ad972c 100644
--- a/src/stories/Button.stories.tsx
+++ b/src/stories/Button.stories.tsx
@@ -1,16 +1,16 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { Button, ButtonProps } from "../react-components"
 import { Container } from "./storyhelper"
 
 export default {
   title: "Component/Button",
   component: Button,
-} as ComponentMeta<typeof Button>
+} as Meta<typeof Button>
 
-const Template: Story<ButtonProps> = (args: ButtonProps) => (
+const Template: StoryFn<ButtonProps> = (args: ButtonProps) => (
   <Container>
     <Button {...args} />
   </Container>
diff --git a/src/stories/ButtonSocial.stories.tsx b/src/stories/ButtonSocial.stories.tsx
index f9cc9caba..3756b00da 100644
--- a/src/stories/ButtonSocial.stories.tsx
+++ b/src/stories/ButtonSocial.stories.tsx
@@ -1,16 +1,16 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { ButtonSocial, ButtonSocialProps } from "../react-components"
 import { Container } from "./storyhelper"
 
 export default {
   title: "Component/ButtonSocial",
   component: ButtonSocial,
-} as ComponentMeta<typeof ButtonSocial>
+} as Meta<typeof ButtonSocial>
 
-const Template: Story<ButtonSocialProps> = (args: ButtonSocialProps) => (
+const Template: StoryFn<ButtonSocialProps> = (args: ButtonSocialProps) => (
   <Container>
     <ButtonSocial {...args} />
   </Container>
diff --git a/src/stories/Card.stories.tsx b/src/stories/Card.stories.tsx
index a334fe7ea..9677dbf17 100644
--- a/src/stories/Card.stories.tsx
+++ b/src/stories/Card.stories.tsx
@@ -1,7 +1,7 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { Card, CardProps, Message } from "../react-components"
 import logo from "./assets/logo.svg"
 import oryLogo from "./assets/ory_logomark.svg"
@@ -10,9 +10,9 @@ import { Container } from "./storyhelper"
 export default {
   title: "Component/Card",
   component: Card,
-} as ComponentMeta<typeof Card>
+} as Meta<typeof Card>
 
-const Template: Story<CardProps> = (args: CardProps) => (
+const Template: StoryFn<CardProps> = (args: CardProps) => (
   <Container>
     <Card {...args} />
   </Container>
diff --git a/src/stories/Checkbox.stories.tsx b/src/stories/Checkbox.stories.tsx
index 4fa15b90d..5d32c0a5d 100644
--- a/src/stories/Checkbox.stories.tsx
+++ b/src/stories/Checkbox.stories.tsx
@@ -1,7 +1,7 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { Checkbox, CheckboxProps, Message } from "../react-components"
 import { Container } from "./storyhelper"
 
@@ -14,9 +14,9 @@ export default {
       control: { type: "radio" },
     },
   },
-} as ComponentMeta<typeof Checkbox>
+} as Meta<typeof Checkbox>
 
-const Template: Story<CheckboxProps> = (args: CheckboxProps) => (
+const Template: StoryFn<CheckboxProps> = (args: CheckboxProps) => (
   <Container>
     <Checkbox {...args} />
   </Container>
diff --git a/src/stories/Codebox.stories.tsx b/src/stories/Codebox.stories.tsx
index b470198ea..2099314a5 100644
--- a/src/stories/Codebox.stories.tsx
+++ b/src/stories/Codebox.stories.tsx
@@ -1,16 +1,16 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { CodeBox, CodeBoxProps } from "../react-components/codebox"
 import { Container } from "./storyhelper"
 
 export default {
   title: "Component/CodeBox",
   component: CodeBox,
-} as ComponentMeta<typeof CodeBox>
+} as Meta<typeof CodeBox>
 
-const Template: Story<CodeBoxProps> = (args: CodeBoxProps) => (
+const Template: StoryFn<CodeBoxProps> = (args: CodeBoxProps) => (
   <Container>
     <CodeBox {...args}>{args.children}</CodeBox>
   </Container>
diff --git a/src/stories/Divider.stories.tsx b/src/stories/Divider.stories.tsx
index 62cb67052..1cbd4caa2 100644
--- a/src/stories/Divider.stories.tsx
+++ b/src/stories/Divider.stories.tsx
@@ -1,16 +1,16 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { Divider, DividerProps } from "../react-components"
 import { Container } from "./storyhelper"
 
 export default {
   title: "Component/Divider",
   component: Divider,
-} as ComponentMeta<typeof Divider>
+} as Meta<typeof Divider>
 
-const Template: Story<DividerProps> = (args: DividerProps) => (
+const Template: StoryFn<DividerProps> = (args: DividerProps) => (
   <Container>
     <Divider {...args} />
   </Container>
diff --git a/src/stories/GradientCard.stories.tsx b/src/stories/GradientCard.stories.tsx
index 054fc9bc0..33d40c5c2 100644
--- a/src/stories/GradientCard.stories.tsx
+++ b/src/stories/GradientCard.stories.tsx
@@ -1,16 +1,16 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { CardGradient, CardGradientProps } from "../react-components"
 import { Container } from "./storyhelper"
 
 export default {
   title: "Component/CardGradient",
   component: CardGradient,
-} as ComponentMeta<typeof CardGradient>
+} as Meta<typeof CardGradient>
 
-const Template: Story<CardGradientProps> = (args: CardGradientProps) => (
+const Template: StoryFn<CardGradientProps> = (args: CardGradientProps) => (
   <Container>
     <CardGradient {...args} />
   </Container>
diff --git a/src/stories/InputField.stories.tsx b/src/stories/InputField.stories.tsx
index daa1587f1..88845de26 100644
--- a/src/stories/InputField.stories.tsx
+++ b/src/stories/InputField.stories.tsx
@@ -1,7 +1,7 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { InputField, InputFieldProps, Message } from "../react-components"
 import { Container } from "./storyhelper"
 
@@ -14,9 +14,9 @@ export default {
       control: { type: "radio" },
     },
   },
-} as ComponentMeta<typeof InputField>
+} as Meta<typeof InputField>
 
-const Template: Story<InputFieldProps> = (args: InputFieldProps) => (
+const Template: StoryFn<InputFieldProps> = (args: InputFieldProps) => (
   <Container>
     <InputField {...args} />
   </Container>
diff --git a/src/stories/Message.stories.tsx b/src/stories/Message.stories.tsx
index 2f1e6f18a..6581a2c9a 100644
--- a/src/stories/Message.stories.tsx
+++ b/src/stories/Message.stories.tsx
@@ -1,7 +1,7 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { Message, MessageProps } from "../react-components"
 import { colorSprinkle } from "../theme"
 import { Container } from "./storyhelper"
@@ -9,11 +9,11 @@ import { Container } from "./storyhelper"
 export default {
   title: "Component/Message",
   component: Message,
-} as ComponentMeta<typeof Message>
+} as Meta<typeof Message>
 
 export type MessageStoryProps = MessageProps
 
-const Template: Story<MessageProps> = (args: MessageProps) => (
+const Template: StoryFn<MessageProps> = (args: MessageProps) => (
   <Container>
     <Message {...args}>I am a Message</Message>
     <Message {...args} className={colorSprinkle({ color: "foregroundMuted" })}>
diff --git a/src/stories/Nav.stories.tsx b/src/stories/Nav.stories.tsx
index d5d387a50..9e9eb74eb 100644
--- a/src/stories/Nav.stories.tsx
+++ b/src/stories/Nav.stories.tsx
@@ -1,16 +1,16 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { Card, Nav, NavProps } from "../react-components"
 import { Container } from "./storyhelper"
 
 export default {
   title: "Component/Nav",
   component: Nav,
-} as ComponentMeta<typeof Nav>
+} as Meta<typeof Nav>
 
-const Template: Story<NavProps> = (args: NavProps) => (
+const Template: StoryFn<NavProps> = (args: NavProps) => (
   <Container>
     <div
       style={{
diff --git a/src/stories/Ory/Auth.stories.tsx b/src/stories/Ory/Auth.stories.tsx
index 272d76376..5a27089cd 100644
--- a/src/stories/Ory/Auth.stories.tsx
+++ b/src/stories/Ory/Auth.stories.tsx
@@ -1,7 +1,7 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { UserAuthCard, UserAuthCardProps } from "../../react-components"
 import { Container } from "../storyhelper"
 
@@ -32,9 +32,9 @@ import logo from "../assets/logo.svg"
 export default {
   title: "Ory/UserAuthCard",
   component: UserAuthCard,
-} as ComponentMeta<typeof UserAuthCard>
+} as Meta<typeof UserAuthCard>
 
-const Template: Story<UserAuthCardProps> = (args: UserAuthCardProps) => (
+const Template: StoryFn<UserAuthCardProps> = (args: UserAuthCardProps) => (
   <Container>
     <UserAuthCard {...args} />
   </Container>
diff --git a/src/stories/Ory/AuthError.stories.tsx b/src/stories/Ory/AuthError.stories.tsx
index 5cb5e25aa..2e0eb1749 100644
--- a/src/stories/Ory/AuthError.stories.tsx
+++ b/src/stories/Ory/AuthError.stories.tsx
@@ -1,7 +1,7 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { UserErrorCard, UserErrorCardProps } from "../../react-components"
 import { Container } from "../storyhelper"
 
@@ -10,9 +10,9 @@ import { authError400, authError500 } from "./auth-error-data"
 export default {
   title: "Ory/ErrorAuthCard",
   component: UserErrorCard,
-} as ComponentMeta<typeof UserErrorCard>
+} as Meta<typeof UserErrorCard>
 
-const Template: Story<UserErrorCardProps> = (args: UserErrorCardProps) => (
+const Template: StoryFn<UserErrorCardProps> = (args: UserErrorCardProps) => (
   <Container>
     <UserErrorCard {...args} />
   </Container>
diff --git a/src/stories/Ory/AuthSettings.stories.tsx b/src/stories/Ory/AuthSettings.stories.tsx
index 1fd79b9bb..a9cf4efdb 100644
--- a/src/stories/Ory/AuthSettings.stories.tsx
+++ b/src/stories/Ory/AuthSettings.stories.tsx
@@ -1,7 +1,7 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 import { UserSettingsCard, UserSettingsCardProps } from "../../react-components"
 import { Container } from "../storyhelper"
 
@@ -10,9 +10,9 @@ import { settingsFlow, settingsUnlinkFlow } from "./settings-data"
 export default {
   title: "Ory/UserSettingsCard",
   component: UserSettingsCard,
-} as ComponentMeta<typeof UserSettingsCard>
+} as Meta<typeof UserSettingsCard>
 
-const Template: Story<UserSettingsCardProps> = (
+const Template: StoryFn<UserSettingsCardProps> = (
   args: UserSettingsCardProps,
 ) => (
   <Container>
diff --git a/src/stories/Ory/Consent.stories.tsx b/src/stories/Ory/Consent.stories.tsx
index 1294785e9..0d28b1592 100644
--- a/src/stories/Ory/Consent.stories.tsx
+++ b/src/stories/Ory/Consent.stories.tsx
@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { ComponentProps } from "react"
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 
 import { Container } from "../storyhelper"
 import { UserConsentCard } from "../../react-components"
@@ -11,9 +11,9 @@ import logo from "../assets/logo.svg"
 export default {
   title: "Ory/UserConsentCard",
   component: UserConsentCard,
-} as ComponentMeta<typeof UserConsentCard>
+} as Meta<typeof UserConsentCard>
 
-const Template: Story<ComponentProps<typeof UserConsentCard>> = (
+const Template: StoryFn<ComponentProps<typeof UserConsentCard>> = (
   args: ComponentProps<typeof UserConsentCard>,
 ) => (
   <Container>
diff --git a/src/stories/Ory/Logout.stories.tsx b/src/stories/Ory/Logout.stories.tsx
index 881d23af4..181e08d27 100644
--- a/src/stories/Ory/Logout.stories.tsx
+++ b/src/stories/Ory/Logout.stories.tsx
@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { ComponentProps } from "react"
-import { ComponentMeta, Story } from "@storybook/react"
+import { Meta, StoryFn } from "@storybook/react"
 
 import { Container } from "../storyhelper"
 import { UserLogoutCard } from "../../react-components"
@@ -11,9 +11,9 @@ import logo from "../assets/logo.svg"
 export default {
   title: "Ory/UserLogoutCard",
   component: UserLogoutCard,
-} as ComponentMeta<typeof UserLogoutCard>
+} as Meta<typeof UserLogoutCard>
 
-const Template: Story<ComponentProps<typeof UserLogoutCard>> = (args) => (
+const Template: StoryFn<ComponentProps<typeof UserLogoutCard>> = (args) => (
   <Container>
     <UserLogoutCard {...args} />
   </Container>