@pnx-mixtape/mxds 0.0.24 → 0.0.27

package/src/Form/TextInput/__snapshots__/InputDivider.stories.ts.snap

@@ -1,30 +1,15 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Form/TextInput/InputDivider InputDivider smoke-test 1`] = `
-<div class="mx-page default">
-  <div class="mx-form-item mx-form-item--inline">
-    <div class="mx-form-item">
-      <label class="mx-label mx-label--inline"
-             for="input1"
-      >
-        Input field
-      </label>
-      <input class="mx-input__text"
-             type="text"
-             id="input1"
-      >
-    </div>
-    <div class="mx-input__divider">
-      OR
-    </div>
-    <div class="mx-form-item">
-      <input class="mx-input__text"
-             type="text"
-             id="input2"
-             placeholder="Other input"
-             aria-label="Other input field"
-      >
-    </div>
+exports[`Input Divider 1`] = `
+"<div class="mx-form-item mx-form-item--inline">
+  <div class="mx-form-item">
+    <label class="mx-label mx-label--inline" for="input1">Input field</label>
+    <input class="mx-input__text" type="text" id="input1">
+  </div>
+  <div class="mx-input__divider">OR</div>
+  <div class="mx-form-item">
+    <input class="mx-input__text" type="text" id="input2" placeholder="Other input" aria-label="Other input field">
   </div>
 </div>
+"
 `;

package/src/Form/TextInput/__snapshots__/TextInput.stories.ts.snap

@@ -1,29 +1,15 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Form/TextInput Icon smoke-test 1`] = `
-<div class="mx-page default">
-  <span class="mx-input--icon mx-icon mx-icon--email">
-    <input class="mx-input__text"
-           id="form-input-text"
-           name="example-form-input"
-           type="email"
-           value
-           aria-label="Visually hidden label"
-           placeholder="A text field"
-    >
-  </span>
-</div>
+exports[`Icon 1`] = `
+"
+<span class="mx-input--icon mx-icon mx-icon--email">
+<input class="mx-input__text" id="form-input-text" name="example-form-input" type="email" value="" aria-label="Visually hidden label" placeholder="A text field">
+</span>
+"
 `;
 
-exports[`Form/TextInput TextInput smoke-test 1`] = `
-<div class="mx-page default">
-  <input class="mx-input__text"
-         id="form-input-text"
-         name="example-form-input"
-         type="text"
-         value
-         aria-label="Visually hidden label"
-         placeholder="A text field"
-  >
-</div>
+exports[`Text Input 1`] = `
+"
+<input class="mx-input__text" id="form-input-text" name="example-form-input" type="text" value="" aria-label="Visually hidden label" placeholder="A text field">
+"
 `;

package/src/Form/Textarea/FormTextarea.stories.tsx

@@ -1,8 +1,9 @@
 import { Meta, StoryObj } from "@storybook/react-vite"
 import Component from "../TextInput/FormText"
+import { Page } from "../../../.storybook-react/decorators"
 
 const meta: Meta<typeof Component> = {
-  title: "Form/Textarea",
+  decorators: [Page],
   component: Component,
   args: {
     id: "mix-textarea",

package/src/Form/Textarea/__snapshots__/FormTextarea.stories.tsx.snap

@@ -1,12 +1,3 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Form/Textarea Textarea smoke-test 1`] = `
-<input class="mx-input__text"
-       id="mix-textarea"
-       aria-describedby="unique-0"
-       aria-invalid="false"
-       aria-label="Textarea"
-       type="text"
-       value
->
-`;
+exports[`Textarea 1`] = `"<input class="mx-input__text" id="mix-textarea" aria-describedby="mix-textarea-help" aria-invalid="false" aria-label="Textarea" type="text" value="">"`;

package/src/Form/Textarea/__snapshots__/Textarea.stories.ts.snap

@@ -1,13 +1,7 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Form/Textarea TextArea smoke-test 1`] = `
-<div class="mx-page default">
-  <textarea class="mx-input__textarea"
-            id="form-input-textarea"
-            name="example-form-input"
-            aria-label="Visually hidden label"
-            aria-describedby="unique-0"
-  >
-  </textarea>
-</div>
+exports[`Text Area 1`] = `
+"  
+<textarea class="mx-input__textarea" id="form-input-textarea" name="unique-0" aria-label="Visually hidden label" aria-describedby="unique-0"></textarea>
+"
 `;

package/src/Layout/Footer/Footer.stories.ts

@@ -60,7 +60,6 @@ const meta: Meta<FooterType> = {
         href: "#",
       }),
     ],
-    copyright: "&copy; 2025 Company Name",
   },
 }
 
@@ -87,8 +86,16 @@ export const NoMenu: Story = {
   },
 }
 
+export const NoLogo: Story = {
+  args: {
+    logo: null,
+    copyright: "&copy; 2030 Company",
+  },
+}
+
 export const Everything: Story = {
   args: {
+    aoc: "<p>We acknowledge the traditional owners and custodians of country throughout Australia and acknowledges their continuing connection to land, waters and community. We pay our respects to the people, the cultures and the elders past, present and emerging.</p>",
     socials: SocialLinks({
       items: [
         Link({
@@ -193,5 +200,15 @@ export const Everything: Story = {
         },
       ],
     }),
+    links: [
+      Link({
+        title: "Accessibility",
+        href: "#",
+      }),
+      Link({
+        title: "Terms & Conditions",
+        href: "#",
+      }),
+    ],
   },
 }

package/src/Layout/Footer/Footer.stories.tsx

@@ -1,9 +1,11 @@
 import { Meta, StoryObj } from "@storybook/react-vite"
 import Component from "./Footer"
 import "./footer.css"
+import { Page } from "../../../.storybook-react/decorators"
 
 const meta: Meta<typeof Component> = {
   component: Component,
+  decorators: [Page],
   args: {
     content: "&copy; 2022 Company Name",
     links: [