From c3566343bd9ce954b51bb681f056e6ce02fe2961 Mon Sep 17 00:00:00 2001
From: bryancunningham-okta <bryan.cunningham@okta.com>
Date: Mon, 16 Sep 2024 15:42:30 -0400
Subject: [PATCH] fix(odyssey-design-tokens): fix typos

---
 .../odyssey-react-mui/src/Typography.test.tsx |  2 +-
 .../Typography/Typography.stories.tsx         | 22 +++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/odyssey-react-mui/src/Typography.test.tsx b/packages/odyssey-react-mui/src/Typography.test.tsx
index f53efb26c..b6ac4fcde 100644
--- a/packages/odyssey-react-mui/src/Typography.test.tsx
+++ b/packages/odyssey-react-mui/src/Typography.test.tsx
@@ -14,7 +14,7 @@ import { render, screen } from "@testing-library/react";
 import { Typography } from "./Typography";
 
 describe("Typography", () => {
-  test("renders overline", () => {
+  test("renders Overline", () => {
     render(
       <Typography ariaLabel="overline" variant="overline">
         Overline test
diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.stories.tsx
index 7c4c6602b..b97726a79 100644
--- a/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.stories.tsx
+++ b/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.stories.tsx
@@ -160,7 +160,7 @@ export const Heading1Story: StoryObj<TypographyProps> = {
   // h1 & h2 stories throw the "Incomplete" accessibility violation on color-contrast. Even though the contrast is correct,
   // disabling it for now as the typography color- contrast test is covered by other headings below.
   // play: async ({}) => {
-  //   await axeRun('Typopgraphy h1');
+  //   await axeRun('Typography h1');
   // },
 };
 
@@ -172,7 +172,7 @@ export const Heading2Story: StoryObj<TypographyProps> = {
   },
   render: (args) => <Heading2 {...args} children={args.children} />,
   // play: async ({}) => {
-  //   await axeRun('Typopgraphy h2');
+  //   await axeRun('Typography h2');
   // },
 };
 
@@ -184,7 +184,7 @@ export const Heading3Story: StoryObj<TypographyProps> = {
   },
   render: (args) => <Heading3 {...args} children={args.children} />,
   play: async ({}) => {
-    await axeRun("Typopgraphy h3");
+    await axeRun("Typography h3");
   },
 };
 
@@ -196,7 +196,7 @@ export const Heading4Story: StoryObj<TypographyProps> = {
   },
   render: (args) => <Heading4 {...args} children={args.children} />,
   play: async ({}) => {
-    await axeRun("Typopgraphy h4");
+    await axeRun("Typography h4");
   },
 };
 
@@ -208,7 +208,7 @@ export const Heading5Story: StoryObj<TypographyProps> = {
   },
   render: (args) => <Heading5 {...args} children={args.children} />,
   play: async ({}) => {
-    await axeRun("Typopgraphy h5");
+    await axeRun("Typography h5");
   },
 };
 
@@ -220,7 +220,7 @@ export const Heading6Story: StoryObj<TypographyProps> = {
   },
   render: (args) => <Heading6 {...args} children={args.children} />,
   play: async ({}) => {
-    await axeRun("Typopgraphy h6");
+    await axeRun("Typography h6");
   },
 };
 
@@ -232,7 +232,7 @@ export const BodyStory: StoryObj<TypographyProps> = {
   },
   render: (args) => <Paragraph {...args} children={args.children} />,
   play: async ({}) => {
-    await axeRun("Typopgraphy body");
+    await axeRun("Typography body");
   },
 };
 
@@ -244,7 +244,7 @@ export const LegendStory: StoryObj<TypographyProps> = {
   },
   render: (args) => <Legend {...args} children={args.children} />,
   play: async ({}) => {
-    await axeRun("Typopgraphy legend");
+    await axeRun("Typography legend");
   },
 };
 
@@ -256,7 +256,7 @@ export const OverlineStory: StoryObj<TypographyProps> = {
   },
   render: (args) => <Overline {...args} children={args.children} />,
   play: async ({}) => {
-    await axeRun("Typopgraphy Overline");
+    await axeRun("Typography Overline");
   },
 };
 
@@ -268,7 +268,7 @@ export const SubordinateStory: StoryObj<TypographyProps> = {
   },
   render: (args) => <Subordinate {...args} children={args.children} />,
   play: async ({}) => {
-    await axeRun("Typopgraphy subordinate");
+    await axeRun("Typography subordinate");
   },
 };
 
@@ -280,7 +280,7 @@ export const SupportStory: StoryObj<TypographyProps> = {
   },
   render: (args) => <Support {...args} children={args.children} />,
   play: async ({}) => {
-    await axeRun("Typopgraphy support");
+    await axeRun("Typography support");
   },
 };