refactor(.storybook/modes): export viewportModes object

Author: TylerAPfledderer

.storybook/modes.ts

@@ -1,4 +1,4 @@
-export const allModes = {
+export const viewportModes = {
   base: {
     viewport: "base",
   },
@@ -18,3 +18,7 @@ export const allModes = {
     viewport: "2xl",
   },
 }
+
+export const allModes = {
+  ...viewportModes,
+}

src/components/Hero/ContentHero/ContentHero.stories.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from "next-i18next"
 import { Meta, StoryObj } from "@storybook/react"
 
-import { allModes } from "../../../../.storybook/modes"
+import { viewportModes } from "../../../../.storybook/modes"
 import contentHeroImg from "../../../../public/mainnet.png"
 
 import ContentHeroComponent, { ContentHeroProps } from "."
@@ -15,7 +15,7 @@ const meta = {
     layout: "none",
     chromatic: {
       modes: {
-        ...allModes,
+        ...viewportModes,
       },
     },
   },

src/components/Hero/HomeHero/HomeHero.stories.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Meta, StoryObj } from "@storybook/react"
 
-import { allModes } from "../../../../.storybook/modes"
+import { viewportModes } from "../../../../.storybook/modes"
 import homeHeroImg from "../../../../public/home/hero.png"
 
 import HomeHeroComponent from "."
@@ -15,7 +15,7 @@ const meta = {
     layout: "none",
     chromatic: {
       modes: {
-        ...allModes,
+        ...viewportModes,
       },
     },
   },

src/components/Hero/HubHero/HubHero.stories.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from "next-i18next"
 import { Box } from "@chakra-ui/react"
 import { Meta, StoryObj } from "@storybook/react"
 
-import { allModes } from "../../../../.storybook/modes"
+import { viewportModes } from "../../../../.storybook/modes"
 
 import HubHeroComponent from "./"
 
@@ -16,7 +16,7 @@ const meta = {
     layout: "none",
     chromatic: {
       modes: {
-        ...allModes,
+        ...viewportModes,
       },
     },
   },

src/components/Hero/MdxHero/MdxHero.stories.tsx

@@ -1,7 +1,7 @@
 import { HStack } from "@chakra-ui/react"
 import { Meta, StoryObj } from "@storybook/react"
 
-import { allModes } from "../../../../.storybook/modes"
+import { viewportModes } from "../../../../.storybook/modes"
 
 import MdxHeroComponent from "./"
 
@@ -13,7 +13,7 @@ const meta = {
     layout: "none",
     chromatic: {
       modes: {
-        ...allModes,
+        ...viewportModes,
       },
     },
   },