@pnx-mixtape/mxds 0.0.24 → 0.0.26

package/src/Component/Accordion/Accordion.stories.tsx

@@ -5,9 +5,11 @@ import AccordionContent from "./Components/AccordionContent"
 import AccordionTitleIcon from "./Components/AccordionTitleIcon"
 import "./accordion.css"
 import { HeadingTypes } from "@pnx-mixtape/ids-shape"
+import { Page } from "../../../.storybook-react/decorators"
 
 const meta: Meta<typeof Component> = {
   component: Component,
+  decorators: [Page],
   tags: ["autodocs"],
   args: {
     children: (

package/src/Component/Accordion/__snapshots__/Accordion.stories.ts.snap

@@ -1,151 +1,117 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Component/Accordion Accordion smoke-test 1`] = `
-<div class="mx-page default">
-  <div class="mx-accordions">
-    <div class="mx-accordion__title">
-      <h2>
-        Accordion group
-      </h2>
+exports[`Accordion 1`] = `
+"<div class="mx-accordions">
+            <div class="mx-accordion__title">
+        
+<h2>Accordion group</h2>
+
+              </div>
+        
+<mx-accordion>
+  <details class="mx-accordion mx-accordion--divided" id="music">
+    <summary class="mx-accordion__toggle">
+      Music
+      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+    </summary>
+    <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
+      I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
     </div>
-    <mx-accordion>
-      <details class="mx-accordion mx-accordion--divided"
-               id="music"
-      >
-        <summary class="mx-accordion__toggle">
-          Music
-          <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-                aria-hidden="true"
-          >
-          </span>
-        </summary>
-        <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
-          I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-        </div>
-      </details>
-    </mx-accordion>
-    <mx-accordion>
-      <details class="mx-accordion mx-accordion--divided"
-               id="performances"
-      >
-        <summary class="mx-accordion__toggle">
-          Performances
-          <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-                aria-hidden="true"
-          >
-          </span>
-        </summary>
-        <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
-          I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-        </div>
-      </details>
-    </mx-accordion>
-  </div>
-</div>
+  </details>
+</mx-accordion>
+
+      
+<mx-accordion>
+  <details class="mx-accordion mx-accordion--divided" id="performances">
+    <summary class="mx-accordion__toggle">
+      Performances
+      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+    </summary>
+    <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
+      I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
+    </div>
+  </details>
+</mx-accordion>
+
+    </div>
+"
 `;
 
-exports[`Component/Accordion DefaultOpen smoke-test 1`] = `
-<div class="mx-page default">
-  <div class="mx-accordions">
-    <div class="mx-accordion__title">
-      <h2>
-        Accordion group
-      </h2>
+exports[`Default Open 1`] = `
+"<div class="mx-accordions">
+            <div class="mx-accordion__title">
+        
+<h2>Accordion group</h2>
+
+              </div>
+        
+<mx-accordion>
+  <details class="mx-accordion mx-accordion--divided" id="music">
+    <summary class="mx-accordion__toggle">
+      Music
+      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+    </summary>
+    <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
+      I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
     </div>
-    <mx-accordion>
-      <details class="mx-accordion mx-accordion--divided"
-               id="music"
-      >
-        <summary class="mx-accordion__toggle">
-          Music
-          <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-                aria-hidden="true"
-          >
-          </span>
-        </summary>
-        <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
-          I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-        </div>
-      </details>
-    </mx-accordion>
-    <mx-accordion>
-      <details class="mx-accordion mx-accordion--divided"
-               open
-               id="performances-default-"
-      >
-        <summary class="mx-accordion__toggle">
-          Performances (default open)
-          <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-                aria-hidden="true"
-          >
-          </span>
-        </summary>
-        <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
-          I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-        </div>
-      </details>
-    </mx-accordion>
-  </div>
-</div>
+  </details>
+</mx-accordion>
+
+      
+<mx-accordion>
+  <details class="mx-accordion mx-accordion--divided" open="" id="performances-default-">
+    <summary class="mx-accordion__toggle">
+      Performances (default open)
+      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+    </summary>
+    <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
+      I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
+    </div>
+  </details>
+</mx-accordion>
+
+    </div>
+"
 `;
 
-exports[`Component/Accordion ToggleAll smoke-test 1`] = `
-<div class="mx-page default">
-  <div class="mx-accordions">
+exports[`Toggle All 1`] = `
+"<div class="mx-accordions">
     <mx-accordion-group>
-      <div class="mx-accordion__title">
-        <h2>
-          Accordion group
-        </h2>
-        <div class="mx-accordions__toggle-all">
-          <button data-expand
-                  class="mx-button mx-button--light mx-button--small"
-                  type="button"
-          >
-            Expand all
-          </button>
-          <button data-collapse
-                  class="mx-button mx-button--light mx-button--small"
-                  type="button"
-                  disabled
-          >
-            Collapse all
-          </button>
-        </div>
-      </div>
-      <mx-accordion>
-        <details class="mx-accordion mx-accordion--divided"
-                 id="music"
-        >
-          <summary class="mx-accordion__toggle">
-            Music
-            <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-                  aria-hidden="true"
-            >
-            </span>
-          </summary>
-          <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
-            I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-          </div>
-        </details>
-      </mx-accordion>
-      <mx-accordion>
-        <details class="mx-accordion mx-accordion--divided"
-                 id="performances"
-        >
-          <summary class="mx-accordion__toggle">
-            Performances
-            <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-                  aria-hidden="true"
-            >
-            </span>
-          </summary>
-          <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
-            I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
+            <div class="mx-accordion__title">
+        
+<h2>Accordion group</h2>
+
+                  <div class="mx-accordions__toggle-all">
+            <button data-expand="" class="mx-button mx-button--light mx-button--small" type="button">Expand all</button><button data-collapse="" class="mx-button mx-button--light mx-button--small" type="button" disabled="">Collapse all</button>
           </div>
-        </details>
-      </mx-accordion>
-    </mx-accordion-group>
+              </div>
+        
+<mx-accordion>
+  <details class="mx-accordion mx-accordion--divided" id="music">
+    <summary class="mx-accordion__toggle">
+      Music
+      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+    </summary>
+    <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
+      I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
+    </div>
+  </details>
+</mx-accordion>
+
+      
+<mx-accordion>
+  <details class="mx-accordion mx-accordion--divided" id="performances">
+    <summary class="mx-accordion__toggle">
+      Performances
+      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+    </summary>
+    <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
+      I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
+    </div>
+  </details>
+</mx-accordion>
+
+      </mx-accordion-group>
   </div>
-</div>
+"
 `;

package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap

@@ -1,51 +1,5 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Component/Accordion Accordion smoke-test 1`] = `
-<div class="mx-accordion mx-accordion--divided"
-     data-open="false"
->
-  <button type="button"
-          class="mx-accordion__toggle"
-          id="unique-0"
-          aria-expanded="false"
-  >
-    Open me!
-    <span class="mx-button mx-button--small mx-icon mx-button--icon-only mx-icon--chevron-down"
-          aria-hidden="true"
-    >
-    </span>
-  </button>
-  <div role="region"
-       aria-labelledby="unique-0"
-       class="mx-accordion__content mx-rich-text mx-vertical-flow"
-  >
-    I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-  </div>
-</div>
-`;
+exports[`Accordion 1`] = `"<div class="mx-accordion mx-accordion--divided" data-open="false"><button type="button" class="mx-accordion__toggle" id="_r_0_" aria-expanded="false">Open me!<span class="mx-button mx-button--small mx-icon mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span></button><div role="region" aria-labelledby="_r_0_" class="mx-accordion__content mx-rich-text mx-vertical-flow">I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.</div></div>"`;
 
-exports[`Component/Accordion HeadingLevel smoke-test 1`] = `
-<div class="mx-accordion mx-accordion--divided"
-     data-open="false"
->
-  <h2>
-    <button type="button"
-            class="mx-accordion__toggle"
-            id="unique-0"
-            aria-expanded="false"
-    >
-      Open me!
-      <span class="mx-button mx-button--small mx-icon mx-button--icon-only mx-icon--chevron-down"
-            aria-hidden="true"
-      >
-      </span>
-    </button>
-  </h2>
-  <div role="region"
-       aria-labelledby="unique-0"
-       class="mx-accordion__content mx-rich-text mx-vertical-flow"
-  >
-    I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-  </div>
-</div>
-`;
+exports[`Heading Level 1`] = `"<div class="mx-accordion mx-accordion--divided" data-open="false"><h2><button type="button" class="mx-accordion__toggle" id="_r_1_" aria-expanded="false">Open me!<span class="mx-button mx-button--small mx-icon mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span></button></h2><div role="region" aria-labelledby="_r_1_" class="mx-accordion__content mx-rich-text mx-vertical-flow">I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.</div></div>"`;

package/src/Component/Accordion/__snapshots__/AccordionItem.stories.ts.snap

@@ -1,90 +1,61 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Component/Accordion/AccordionItem AccordionItem smoke-test 1`] = `
-<div class="mx-page default">
-  <mx-accordion>
-    <details class="mx-accordion mx-accordion--divided"
-             id="music-accordion"
-    >
-      <summary class="mx-accordion__toggle">
-        Music
-        <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-              aria-hidden="true"
-        >
-        </span>
-      </summary>
-      <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
-        I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-      </div>
-    </details>
-  </mx-accordion>
-</div>
-`;
-
-exports[`Component/Accordion/AccordionItem Div smoke-test 1`] = `
-<div class="mx-page default">
-  <mx-accordiondiv class="mx-accordion mx-accordion--divided">
-    <button type="button"
-            class="mx-accordion__toggle"
-            aria-expanded="false"
-            aria-controls="unique-0"
-    >
+exports[`Accordion Item 1`] = `
+"
+<mx-accordion>
+  <details class="mx-accordion mx-accordion--divided" id="music-accordion">
+    <summary class="mx-accordion__toggle">
       Music
-      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-            aria-hidden="true"
-      >
-      </span>
-    </button>
-    <div class="mx-accordion__content mx-rich-text mx-vertical-flow"
-         inert
-         role="region"
-    >
+      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+    </summary>
+    <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
       I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
     </div>
-  </mx-accordiondiv>
-</div>
+  </details>
+</mx-accordion>
+"
 `;
 
-exports[`Component/Accordion/AccordionItem MobileOnly smoke-test 1`] = `
-<div class="mx-page default">
-  <mx-accordionmobile>
-    <details class="mx-accordion mx-accordion--divided"
-             id="music-accordion"
-             open
-    >
-      <summary class="mx-accordion__toggle">
-        Music
-        <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-              aria-hidden="true"
-        >
-        </span>
-      </summary>
-      <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
-        I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-      </div>
-    </details>
-  </mx-accordionmobile>
-</div>
+exports[`Div 1`] = `
+"<mx-accordiondiv class="mx-accordion mx-accordion--divided">
+  <button type="button" class="mx-accordion__toggle" aria-expanded="false" aria-controls="music">
+    Music
+    <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+  </button>
+  <div class="mx-accordion__content mx-rich-text mx-vertical-flow" inert="" role="region">
+    I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
+  </div>
+</mx-accordiondiv>
+"
+`;
+
+exports[`Mobile Only 1`] = `
+"<mx-accordionmobile>
+  <details class="mx-accordion mx-accordion--divided" id="music-accordion" open="">
+    <summary class="mx-accordion__toggle">
+      Music
+      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+    </summary>
+    <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
+      I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
+    </div>
+  </details>
+</mx-accordionmobile>
+"
 `;
 
-exports[`Component/Accordion/AccordionItem Open smoke-test 1`] = `
-<div class="mx-page default">
-  <mx-accordion>
-    <details class="mx-accordion mx-accordion--divided"
-             id="open-accordion-item"
-             open
-    >
-      <summary class="mx-accordion__toggle">
-        Music
-        <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down"
-              aria-hidden="true"
-        >
-        </span>
-      </summary>
-      <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
-        I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
-      </div>
-    </details>
-  </mx-accordion>
-</div>
+exports[`Open 1`] = `
+"
+<mx-accordion>
+  <details class="mx-accordion mx-accordion--divided" id="open-accordion-item" open="">
+    <summary class="mx-accordion__toggle">
+      Music
+      <span class="mx-button mx-icon mx-button--small mx-button--icon-only mx-icon--chevron-down" aria-hidden="true"></span>
+    </summary>
+    <div class="mx-accordion__content mx-rich-text mx-vertical-flow">
+      I'm baby air plant hashtag letterpress blue bottle. Cloud bread dreamcatcher everyday carry lumbersexual, iceland cardigan swag chicharrones lo-fi fanny pack affogato freegan XOXO shaman. Shoreditch cloud bread waistcoat tbh XOXO. Chillwave pour-over umami pug glossier health goth.
+    </div>
+  </details>
+</mx-accordion>
+"
 `;

package/src/Component/Breadcrumb/Breadcrumb.stories.tsx

@@ -1,9 +1,11 @@
 import { Meta, StoryObj } from "@storybook/react-vite"
 import Component from "./Breadcrumb"
 import "./breadcrumb.css"
+import { Page } from "../../../.storybook-react/decorators"
 
 const meta: Meta<typeof Component> = {
   tags: ["autodocs"],
+  decorators: [Page],
   component: Component,
   args: {
     items: [

package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.ts.snap

@@ -1,35 +1,31 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Component/Breadcrumb Breadcrumb smoke-test 1`] = `
-<div class="mx-page default">
-  <nav class="mx-nav mx-nav--inline mx-nav--breadcrumbs"
-       aria-label="You are here"
-  >
-    <ul>
-      <li>
-        <a href="#">
-          <span>
-            Home
-          </span>
-        </a>
-      </li>
-      <li>
-        <a href="#">
-          <span>
-            About
-          </span>
-        </a>
-      </li>
-      <li>
-        <a href="#"
-           aria-current="page"
-        >
-          <span>
-            Join the team
-          </span>
-        </a>
-      </li>
-    </ul>
-  </nav>
-</div>
+exports[`Breadcrumb 1`] = `
+"
+<nav class="mx-nav mx-nav--inline mx-nav--breadcrumbs" aria-label="You are here">
+  <ul>
+          <li>
+<a href="#">
+  
+  <span>Home</span>
+    
+</a>
+</li>
+          <li>
+<a href="#">
+  
+  <span>About</span>
+    
+</a>
+</li>
+          <li>
+<a href="#" aria-current="page">
+  
+  <span>Join the team</span>
+    
+</a>
+</li>
+      </ul>
+</nav>
+"
 `;

package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.tsx.snap

@@ -1,64 +1,5 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Component/Breadcrumb Breadcrumb smoke-test 1`] = `
-<nav class="mx-nav mx-nav--breadcrumb mx-nav--inline"
-     aria-label="You are here"
->
-  <ul>
-    <li>
-      <a href="#"
-         class="mx-link"
-      >
-        Home
-      </a>
-    </li>
-    <li>
-      <a href="#"
-         class="mx-link"
-      >
-        About
-      </a>
-    </li>
-    <li>
-      <a href="#"
-         class="mx-link"
-      >
-        Contact
-      </a>
-    </li>
-    <li>
-      Current page title
-    </li>
-  </ul>
-</nav>
-`;
+exports[`Breadcrumb 1`] = `"<nav class="mx-nav mx-nav--breadcrumb mx-nav--inline" aria-label="You are here"><ul><li><a href="#" class="mx-link">Home</a></li><li><a href="#" class="mx-link">About</a></li><li><a href="#" class="mx-link">Contact</a></li><li>Current page title</li></ul></nav>"`;
 
-exports[`Component/Breadcrumb NoCurrentPage smoke-test 1`] = `
-<nav class="mx-nav mx-nav--breadcrumb mx-nav--inline"
-     aria-label="You are here"
->
-  <ul>
-    <li>
-      <a href="#"
-         class="mx-link"
-      >
-        Home
-      </a>
-    </li>
-    <li>
-      <a href="#"
-         class="mx-link"
-      >
-        About
-      </a>
-    </li>
-    <li>
-      <a href="#"
-         class="mx-link"
-      >
-        Contact
-      </a>
-    </li>
-  </ul>
-</nav>
-`;
+exports[`No Current Page 1`] = `"<nav class="mx-nav mx-nav--breadcrumb mx-nav--inline" aria-label="You are here"><ul><li><a href="#" class="mx-link">Home</a></li><li><a href="#" class="mx-link">About</a></li><li><a href="#" class="mx-link">Contact</a></li></ul></nav>"`;

package/src/Component/Callout/__snapshots__/Callout.stories.ts.snap

@@ -1,14 +1,12 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Component/Callout Callout smoke-test 1`] = `
-<div class="mx-page default">
-  <div class="mx-callout mx-vertical-flow">
-    <h2>
-      Callout heading
-    </h2>
-    <p>
-      Some callout content.
-    </p>
-  </div>
+exports[`Callout 1`] = `
+"
+<div class="mx-callout mx-vertical-flow">
+  
+<h2>Callout heading</h2>
+
+  <p>Some callout content.</p>
 </div>
+"
 `;