Add story ids to clean up warnings

frequency-chain · Nov 8, 2024 · 49e0e8d · 49e0e8d
1 parent 5e640b8
commit 49e0e8d
Show file tree

Hide file tree

Showing 10 changed files with 15 additions and 15 deletions.
diff --git a/src/lib/Spacing.stories.svelte b/src/lib/Spacing.stories.svelte
@@ -4,7 +4,7 @@
 
 <Meta title="Design System/Spacing" />
 
-<Story name="Spacing">
+<Story name="Spacing" id="spacing">
   <div class="flex flex-col gap-f12 whitespace-nowrap">
     <div class="w-f4 bg-teal">f4 - 4px</div>
     <div class="w-f8 bg-teal">f8 - 8px</div>

diff --git a/src/lib/atoms/IconButton.stories.svelte b/src/lib/atoms/IconButton.stories.svelte
@@ -7,21 +7,21 @@
 <Meta title="UI Components/Atoms/IconButton" component={IconButton} />
 
 <!--Primary-->
-<Story name="IconButton">
+<Story name="IconButton" id="iconButton">
   <IconButton>
     <Arrow />
   </IconButton>
 </Story>
 
 <!-- Secondary -->
-<Story name="IconButton Alt">
+<Story name="IconButton Alt" id="iconButtonAlt">
   <IconButton>
     <Arrow />
   </IconButton>
 </Story>
 
 <!-- Round -->
-<Story name="IconButton Round">
+<Story name="IconButton Round" id="iconButtonRound">
   <IconButton isRound="true">
     <Arrow />
   </IconButton>

diff --git a/src/lib/features/Accordion.stories.svelte b/src/lib/features/Accordion.stories.svelte
@@ -7,6 +7,6 @@
 <Meta title="UI Components/Features/Accordion" component={Accordion} />
 
 <!-- Primary -->
-<Story name="Accordion">
+<Story name="Accordion" id="accordion">
   <Accordion trigger="Hello world." content="Hello there." />
 </Story>
diff --git a/src/lib/features/AccordionList.stories.svelte b/src/lib/features/AccordionList.stories.svelte
@@ -8,7 +8,7 @@
 <Meta title="UI Components/Features/AccordionList" component={AccordionList} />
 
 <!-- Primary -->
-<Story name="AccordionList">
+<Story name="AccordionList" id="accordionlist">
   <AccordionList>
     <Accordion trigger="Hello world." content="Hello there." />
   </AccordionList>

diff --git a/src/lib/features/Footer.stories.svelte b/src/lib/features/Footer.stories.svelte
@@ -7,14 +7,14 @@
 <Meta title="UI Components/Features/Footer" component={Footer} />
 
 <!--Primary-->
-<Story name="Footer - Light Background (Gray example)">
+<Story name="Footer - Light Background (Gray example)" id="footerLight">
   <div class="bg-gray-100 p-6">
     <Footer type="light" />
   </div>
 </Story>
 
 <!--Primary-->
-<Story name="Footer - Dark Background (Navy example)">
+<Story name="Footer - Dark Background (Navy example)" id="footerDark">
   <div class="bg-navy p-6">
     <Footer type="dark" />
   </div>

diff --git a/src/lib/features/Grid.stories.svelte b/src/lib/features/Grid.stories.svelte
@@ -20,7 +20,7 @@
 
 <Meta title="Design System/Grid" />
 Resize window or activate responsive sizing in the development panel to see grid changes.
-<Story name="Grid">
+<Story name="Grid" id="grid">
   <Grid class="xs:xs md:sm">
     {#each content as line, i}
       <p>

diff --git a/src/lib/features/Header.stories.svelte b/src/lib/features/Header.stories.svelte
@@ -16,6 +16,6 @@
 <Meta title="UI Components/Features/Header" component={Header} />
 
 <!--Primary-->
-<Story name="Header">
+<Story name="Header" id="header">
   <Header {menuItems} class="fixed left-0 top-0 w-full" />
 </Story>
diff --git a/src/lib/features/Modal.stories.svelte b/src/lib/features/Modal.stories.svelte
@@ -24,7 +24,7 @@
 <Meta title="UI Components/Features/Modal" component={Modal} />
 
 <!--Primary-->
-<Story name="Primary Modal">
+<Story name="Primary Modal" id="modalPrimary">
   <Modal {title} {description}>
     <Button slot="trigger">Open</Button>
     <form slot="body">
@@ -37,7 +37,7 @@
 </Story>
 
 <!--No Description-->
-<Story name="No Description">
+<Story name="No Description" id="modalNoDesc">
   <Modal {title}>
     <Button slot="trigger">Open</Button>
     <form slot="body">
@@ -50,7 +50,7 @@
 </Story>
 
 <!--Text Body-->
-<Story name="Text Body">
+<Story name="Text Body" id="modalText">
   <Modal {title} {description}>
     <Button slot="trigger">Open</Button>
     <div slot="body">

diff --git a/src/lib/features/NavMenu.stories.svelte b/src/lib/features/NavMenu.stories.svelte
@@ -15,7 +15,7 @@
 
 <Meta title="UI Components/Features/NavMenu" component={NavMenu} />
 
-<Story name="NavMenu">
+<Story name="NavMenu" id="navMenu">
   <div class="sticky top-0">
     <NavMenu {menuItems} />
     <p class="block md:hidden">*** If you are not seeing the menu, try increasing the window size.</p>

diff --git a/src/lib/features/NavMenuMobile.stories.svelte b/src/lib/features/NavMenuMobile.stories.svelte
@@ -15,7 +15,7 @@
 
 <Meta title="UI Components/Features/NavMenuMobile" component={NavMenuMobile} />
 
-<Story name="NavMenuMobile">
+<Story name="NavMenuMobile" id="navMenuMobile">
   <NavMenuMobile {menuItems} isOpen={true} />
   <p class="hidden md:block">*** If you are not seeing the menu, try decreasing the window size.</p>
 </Story>