@pnx-mixtape/mxds 0.1.0-rc.0 → 0.1.0-rc.2

package/dist/types/react.d.ts

@@ -37,6 +37,7 @@ export { default as FormItem } from "./Form/FormItem/FormItem";
 export { default as FormTitle } from "./Form/Form/FormTitle";
 export { default as Form } from "./Form/Form/Form";
 export { default as Icon } from "./Atom/Icon/Icon";
+export { default as List } from "./Atom/List/List";
 export { default as Grid } from "./Layout/Grid/Grid";
 export { default as Page } from "./Layout/Page/Page";
 export { default as HeroBanner } from "./Component/HeroBanner/HeroBanner";
@@ -78,8 +79,11 @@ export { default as SideNavigationTree } from "./Component/SideNavigation/Compon
 export { default as CookieConsent } from "./Component/CookieConsent/CookieConsent";
 export { default as Gallery } from "./Component/Gallery/Gallery";
 export { default as GalleryTrigger } from "./Component/Gallery/Components/GalleryTrigger";
+export { default as ProgressIndicator } from "./Component/ProgressIndicator/ProgressIndicator";
 export { default as FormSearch } from "./Form/Search/FormSearch";
 export { default as Autocomplete } from "./Form/Autocomplete/Autocomplete";
+export { default as CheckboxCard } from "./Form/CheckboxCard/CheckboxCard";
+export { default as RadioCard } from "./Form/RadioCard/RadioCard";
 export { default as Masthead } from "./Layout/Masthead/Masthead";
 export { default as Sidebar } from "./Layout/Sidebar/Sidebar";
 export { default as Footer } from "./Layout/Footer/Footer";

package/dist/types/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnx-mixtape/mxds",
   "description": "The Mixtape Design System",
-  "version": "0.1.0-rc.0",
+  "version": "0.1.0-rc.2",
   "license": "MIT",
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
@@ -36,8 +36,8 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^26.0.0",
     "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/browser-playwright": "^4.1.9",
-    "@vitest/coverage-v8": "^4.1.9",
+    "@vitest/browser-playwright": "4.1.11",
+    "@vitest/coverage-v8": "4.1.11",
     "axe-playwright": "^2.2.2",
     "chromatic": "^18.0.1",
     "concurrently": "^10.0.3",
@@ -46,7 +46,7 @@
     "drupal-twig-extensions": "1.0.0-beta.5",
     "jsdom": "^30.0.0",
     "lightningcss": "^1.32.0",
-    "oxfmt": "^0.66.0",
+    "oxfmt": "^0.68.0",
     "oxlint": "^1.71.0",
     "playwright": "^1.61.0",
     "postcss": "^8.5.15",
@@ -55,16 +55,15 @@
     "postcss-mixins": "^12.1.2",
     "postcss-prepend-layer": "^1.0.2",
     "postcss-preset-env": "^11.3.1",
-    "postcss-pxtorem": "^6.1.0",
     "storybook": "^10.4.6",
     "stylelint": "^17.13.0",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-use-logical-spec": "^5.0.1",
     "twig": "^3.0.0",
     "typescript": "^7.0.2",
-    "vite": "8.2.2",
-    "vite-plugin-twig-drupal": "^1.6.2",
-    "vitest": "^4.1.9"
+    "vite": "^8.2.2",
+    "vite-plugin-twig-drupal": "^1.7.0",
+    "vitest": "4.1.11"
   },
   "config": {
     "commitizen": {

package/src/Atom/Background/_background.css

@@ -30,7 +30,7 @@
     --line-colour: light-dark(var(--colour-primary-darker), var(--colour-primary-lighter));
     --foreground-alt: var(--colour-primary-light);
     --embellished-colour: var(--colour-primary-darker);
-    --button-accent-scheme: light;
+    --button-accent-scheme: var(--colour-accent-scheme, light);
   }
 
   .mx-background--accent {
@@ -47,7 +47,7 @@
     --contrast-color: contrast-color(black);
     --scheme: var(--reverse-scheme, var(--colour-reverse-scheme, dark));
     --embellished-colour: var(--colour-border);
-    --button-accent-scheme: light;
+    --button-accent-scheme: var(--colour-accent-scheme, light);
 
     & .mx-background--image {
       --bg-img-brightness: 0.45;

package/src/Atom/Blockquote/_blockquote.css

@@ -1,11 +1,18 @@
 @layer design-system.defaults {
   blockquote {
     padding-inline-start: var(--line-gap, var(--gap));
-    border-inline-start: var(--line-width, 1ch) solid
+    border-inline-start: var(--line-width, 6px) solid
       var(--line-colour, var(--blockquote-line-colour, var(--colour-accent)));
+    font-size: var(--blockquote-font-size, var(--font-size-ml));
 
     & cite {
-      display: inline-block;
+      font-size: var(--font-size-ui, var(--font-size-xs));
+      line-height: var(--line-height-ui, var(--line-height-h));
+      font-family: var(--font-family-ui, var(--font-family));
+      color: var(--colour-foreground-alt);
+      margin-block-start: var(--spacing-xs);
+      font-style: normal;
+      display: block;
     }
   }
 }

package/src/Atom/Button/README.md

@@ -124,6 +124,7 @@ Defined in `_buttons.css`. These are CSS-only — not in the `ButtonModifiers` e
   --radius: 0; /* square corners */
   --vertical-padding: 1rem;
   --horizontal-padding: 2rem;
+  --button-min-height: 56px;
 }
 ```
 

package/src/Atom/Button/_buttons-styles.css

@@ -5,20 +5,20 @@
 @layer design-system.atoms {
   /* @public --button-dark-bg --button-dark-fg --button-dark-line --button-accent-bg --button-accent-fg --button-accent-line --button-accent-scheme --button-light-bg --button-light-fg --button-light-line */
   .mx-button--dark {
-    --line-colour: var(--button-dark-line, var(--colour-link));
-    --button-bg: var(--button-dark-bg, var(--colour-link));
+    --line-colour: var(--button-dark-line, var(--link-colour, var(--colour-link)));
+    --button-bg: var(--button-dark-bg, var(--link-colour, var(--colour-link)));
     --button-fg: var(--button-dark-fg, var(--colour-foreground-reverse));
 
     &.mx-button--outline {
       --button-bg: transparent;
-      --button-fg: var(--button-dark-bg, var(--colour-link));
+      --button-fg: var(--button-dark-bg, var(--link-colour, var(--colour-link)));
     }
   }
 
   .mx-button--light {
     --line-colour: var(--button-light-line, transparent);
     --button-bg: var(--button-light-bg, transparent);
-    --button-fg: var(--button-light-fg, var(--colour-link));
+    --button-fg: var(--button-light-fg, var(--link-colour, var(--colour-link)));
 
     text-decoration-line: underline;
 
@@ -36,9 +36,9 @@
       --button-accent-bg,
       light-dark(var(--colour-accent), var(--colour-accent-darkest))
     );
-    --button-fg: var(--button-accent-bg, var(--colour-foreground));
+    --button-fg: var(--button-accent-fg, var(--colour-foreground));
 
-    color-scheme: var(--button-accent-scheme, light);
+    color-scheme: var(--button-accent-scheme, var(--colour-accent-scheme, light));
 
     &.mx-button--outline {
       --button-bg: transparent;

package/src/Atom/Button/_buttons.css

@@ -3,7 +3,7 @@
  */
 
 @layer design-system.atoms {
-  /* @public --button-gap --button-font-size */
+  /* @public --button-gap --button-font-size --button-letter-spacing --button-min-height */
   .mx-button {
     --outline-offset: 1px;
 
@@ -20,6 +20,8 @@
     padding-inline: var(--horizontal-padding, var(--spacing-m));
     background-color: var(--button-bg, var(--background, var(--colour-background)));
     color: var(--button-fg, var(--foreground, var(--colour-foreground)));
+    letter-spacing: var(--button-letter-spacing, 0);
+    min-block-size: var(--button-min-height, unset);
     text-decoration-line: none;
 
     &:hover {
@@ -50,10 +52,11 @@
   }
 
   .mx-button--icon-only {
-    inline-size: var(--spacing-xl);
-    block-size: var(--spacing-xl);
+    inline-size: var(--button-min-height, var(--spacing-xl));
+    block-size: var(--button-min-height, var(--spacing-xl));
     padding: 0;
     border-radius: var(--border-radius-round);
+    align-content: start;
     overflow: hidden;
     flex-wrap: wrap;
 

package/src/Atom/DefinitionList/DefinitionList.stories.ts

@@ -4,11 +4,16 @@ import DefinitionListItem from "./definition-list-item.twig"
 import "../_base.css"
 import { DefinitionList as DefinitionListType } from "@pnx-mixtape/ids-shape"
 
+type MxDefinitionListType = DefinitionListType & {
+  columns: boolean
+  summary: boolean
+}
+
 /**
  * The definition list is useful for categorising short pieces of content.
  * It uses `subgrid` to maintain alignment.
  */
-const meta: Meta<DefinitionListType> = {
+const meta: Meta<MxDefinitionListType> = {
   tags: ["autodocs", "ids-mvp"],
   component: Component,
   args: {
@@ -40,10 +45,42 @@ const meta: Meta<DefinitionListType> = {
         type: { summary: "string" },
       },
     },
+    columns: {
+      type: "boolean",
+    },
   },
 }
 
 export default meta
-type Story = StoryObj<DefinitionListType>
+type Story = StoryObj<MxDefinitionListType>
 
 export const DefinitionList: Story = {}
+
+export const Columns: Story = {
+  args: {
+    columns: true,
+  },
+}
+
+/**
+ * `summary: true` (`mx-list--summary`) turns the list into a "review your
+ * answers" block — a term/value/action row layout with dividers, and an
+ * optional `action` per item (typically a "Change" link).
+ */
+export const Summary: Story = {
+  args: {
+    summary: true,
+    items: [
+      DefinitionListItem({
+        title: "Concession card",
+        content: "Yes, I hold a card",
+        action: '<a href="#step-1">Change<span class="sr-only"> concession card</span></a>',
+      }),
+      DefinitionListItem({
+        title: "Full name",
+        content: "Jane Smith",
+        action: '<a href="#step-2">Change<span class="sr-only"> full name</span></a>',
+      }),
+    ].join(""),
+  },
+}

package/src/Atom/DefinitionList/DefinitionList.stories.tsx

@@ -1,6 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react-vite"
 import Component, { DefinitionListItem } from "./DefinitionList"
 import { Page } from "../../../.storybook-react/decorators"
+import { ListStyles } from "../../enums"
 
 const meta: Meta<typeof Component> = {
   decorators: [Page],
@@ -18,3 +19,38 @@ const meta: Meta<typeof Component> = {
 
 export default meta
 export const DefinitionList: StoryObj<typeof Component> = {}
+
+/**
+ * `ListStyles.SUMMARY` (`mx-list--summary`) turns the list into a "review
+ * your answers" block — a term/value/action row layout with dividers, and an
+ * optional `action` per item (typically a "Change" link).
+ */
+export const Summary: StoryObj<typeof Component> = {
+  args: {
+    className: ListStyles.SUMMARY,
+    children: (
+      <>
+        <DefinitionListItem
+          title="Concession card"
+          action={
+            <a href="#step-1">
+              Change<span className="sr-only"> concession card</span>
+            </a>
+          }
+        >
+          Yes, I hold a card
+        </DefinitionListItem>
+        <DefinitionListItem
+          title="Full name"
+          action={
+            <a href="#step-2">
+              Change<span className="sr-only"> full name</span>
+            </a>
+          }
+        >
+          Jane Smith
+        </DefinitionListItem>
+      </>
+    ),
+  },
+}

package/src/Atom/DefinitionList/DefinitionList.tsx

@@ -1,4 +1,4 @@
-import { JSX, ComponentPropsWithoutRef, PropsWithChildren } from "react"
+import { JSX, ComponentPropsWithoutRef, PropsWithChildren, ReactNode } from "react"
 
 type DefinitionListProps = ComponentPropsWithoutRef<"dl"> & PropsWithChildren
 
@@ -9,16 +9,19 @@ const DefinitionList = ({ children, ...props }: DefinitionListProps): JSX.Elemen
 type DefinitionListItemProps = ComponentPropsWithoutRef<"div"> &
   PropsWithChildren & {
     title: string
+    action?: ReactNode
   }
 
 const DefinitionListItem = ({
   title,
+  action = null,
   children,
   ...props
 }: DefinitionListItemProps): JSX.Element => (
   <div {...props}>
     <dt>{title}</dt>
     <dd>{children}</dd>
+    {action && <dd className="mx-list__action">{action}</dd>}
   </div>
 )
 

package/src/Atom/DefinitionList/DefinitionListItem.stories.ts

@@ -7,7 +7,7 @@ import { DefinitionListItem as DefinitionListItemType } from "@pnx-mixtape/ids-s
  * A single title/content pair used by [DefinitionList](/?path=/docs/atom-definitionlist--docs).
  */
 const meta: Meta<DefinitionListItemType> = {
-  tags: ["autodocs", "ids-mvp", "no-snapshot"],
+  tags: ["autodocs", "ids-mvp"],
   component: Component,
   args: {
     title: "Some title",

package/src/Atom/DefinitionList/README.md

@@ -37,6 +37,8 @@ No dedicated CSS file — base styles come from the global reset. Import `base.c
 
 The template is consumed by `ids-shape`'s `DefinitionList` type but does not currently render the optional `title` heading the type declares — pass a heading separately above the include if required.
 
+**definition-list-item.twig** also accepts an optional `action` var — see [Summary modifier](#summary-modifier).
+
 ## HTML
 
 ```html
@@ -61,3 +63,44 @@ import DefinitionList, { DefinitionListItem } from "@pnx-mixtape/mxds/react"
   <DefinitionListItem title="Author">Jane Smith</DefinitionListItem>
 </DefinitionList>
 ```
+
+`DefinitionListItem` also accepts an optional `action?: ReactNode` prop — see [Summary modifier](#summary-modifier).
+
+---
+
+## Summary modifier
+
+`ListStyles.SUMMARY` (`mx-list--summary`, from `src/Atom/List`) turns a `DefinitionList` into a "review your answers" block: a term/value/action row layout with dividers between rows, matching the GOV.UK-style summary-list pattern used on a review-and-submit step. Each row's optional third element (`action`) is typically a "Change" link back to the step that set that answer.
+
+```twig
+{% include '@mixtape/Atom/DefinitionList/definition-list.twig' with {
+  summary: true,
+  items: [
+    { title: 'Concession card', content: 'Yes, I hold a card', action: '<a href="#step-1">Change<span class="sr-only"> concession card</span></a>' },
+    { title: 'Full name', content: 'Jane Smith', action: '<a href="#step-2">Change<span class="sr-only"> full name</span></a>' },
+  ],
+} %}
+```
+
+```tsx
+import DefinitionList, { DefinitionListItem } from "@pnx-mixtape/mxds/react"
+import { ListStyles } from "../../enums"
+;<DefinitionList className={ListStyles.SUMMARY}>
+  <DefinitionListItem
+    title="Concession card"
+    action={
+      <a href="#step-1">
+        Change<span className="sr-only"> concession card</span>
+      </a>
+    }
+  >
+    Yes, I hold a card
+  </DefinitionListItem>
+</DefinitionList>
+```
+
+Note the asymmetry: Twig's `definition-list.twig` has a dedicated `summary: true` boolean (mirroring its existing `columns: true`), since Twig always needs an explicit class-selection var. React's `DefinitionList` is a thin `<dl {...props}>` wrapper with no such boolean — pass the modifier class directly via `className` (or `classNames(...)` if combining with other classes), same as any other `ComponentPropsWithoutRef<"dl">` usage.
+
+### React ⇄ Twig parity
+
+`pnpm audit-parity` reports `title`/`action` as Twig-only for this component — that's a tooling artefact, not a real gap: it merges every `.twig` file in this directory (`definition-list.twig` **and** `definition-list-item.twig`) and diffs the combined field list against only the default-exported React component (`DefinitionList`, the `<dl>` wrapper). `title`/`content`/`action` are actually `DefinitionListItem`'s props (the named export), which do have full parity with `definition-list-item.twig` — there's just no single React component the tool can compare `definition-list-item.twig` against directly, the same limitation that gives `Checkbox`/`Radio` an `N/A` rather than a real result.

package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.ts.snap

@@ -1,19 +1,53 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`Columns 1`] = `
+"  <dl class="mx-list--columns">
+  <div>
+  <dt>Some title</dt>
+  <dd>Some content</dd>
+  </div>
+<div>
+  <dt>Another title</dt>
+  <dd>More content</dd>
+  </div>
+<div>
+  <dt>Yet another title</dt>
+  <dd>And even more content</dd>
+  </div>
+
+</dl>
+"
+`;
+
 exports[`Definition List 1`] = `
 "<dl>
   <div>
   <dt>Some title</dt>
   <dd>Some content</dd>
-</div>
+  </div>
 <div>
   <dt>Another title</dt>
   <dd>More content</dd>
-</div>
+  </div>
 <div>
   <dt>Yet another title</dt>
   <dd>And even more content</dd>
-</div>
+  </div>
+
+</dl>
+"
+`;
+
+exports[`Summary 1`] = `
+"  <dl class="mx-list--summary">
+  <div>
+  <dt>Concession card</dt>
+  <dd>Yes, I hold a card</dd>
+  <dd class="mx-list__action"><a href="#step-1">Change<span class="sr-only"> concession card</span></a></dd></div>
+<div>
+  <dt>Full name</dt>
+  <dd>Jane Smith</dd>
+  <dd class="mx-list__action"><a href="#step-2">Change<span class="sr-only"> full name</span></a></dd></div>
 
 </dl>
 "

package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.tsx.snap

@@ -1,3 +1,5 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Definition List 1`] = `"<dl><div><dt>Item #1</dt><dd>Data for item #1</dd></div><div><dt>Item #2</dt><dd>Data for item #2</dd></div><div><dt>Item #3</dt><dd>Data for item #3</dd></div></dl>"`;
+
+exports[`Summary 1`] = `"<dl class="mx-list--summary"><div><dt>Concession card</dt><dd>Yes, I hold a card</dd><dd class="mx-list__action"><a href="#step-1">Change<span class="sr-only"> concession card</span></a></dd></div><div><dt>Full name</dt><dd>Jane Smith</dd><dd class="mx-list__action"><a href="#step-2">Change<span class="sr-only"> full name</span></a></dd></div></dl>"`;

package/src/Atom/DefinitionList/__snapshots__/DefinitionListItem.stories.ts.snap

@@ -1,9 +1,9 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Definition List Item 1`] = `
-"<div>
+"<dl><div>
   <dt>Some title</dt>
   <dd>Some content</dd>
-</div>
-"
+  </div>
+</dl>"
 `;

package/src/Atom/DefinitionList/definition-list-item.twig

@@ -1,4 +1,5 @@
 <div>
   <dt>{{ title }}</dt>
   <dd>{{ content }}</dd>
+  {% if action %}<dd class="mx-list__action">{{ action }}</dd>{% endif %}
 </div>

package/src/Atom/DefinitionList/definition-list.twig

@@ -1,4 +1,9 @@
+{% if columns %}
+  {% set class = "mx-list--columns" %}
+{% elseif summary %}
+  {% set class = "mx-list--summary" %}
+{% endif %}
 {% set attributes = attributes ?? create_attribute() %}
-<dl{{ attributes }}>
+<dl{{ attributes.addClass(class) }}>
   {{ items }}
 </dl>

package/src/Atom/Heading/Heading.tsx

@@ -42,6 +42,12 @@ const Heading = ({
 
   useEffect(() => {
     if (anchor || !ref.current) return
+    if (ref.current.id) {
+      // Adopt an id already set externally (e.g. by InPageNavigation's dedup logic)
+      // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
+      setAnchor(ref.current.id)
+      return
+    }
     // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
     setAnchor(makeAnchor(ref.current?.textContent))
   }, [anchor, ref])

package/src/Atom/Heading/_headings.css

@@ -14,10 +14,11 @@
     h6,
     .mx-heading--xs
   ) {
-    font-family: var(--heading-font-family, var(--font-family));
+    font-family: var(--heading-font-family, var(--font-family-display, var(--font-family)));
     line-height: var(--line-height-h);
     font-size: var(--heading-font-size, var(--font-size));
     font-weight: var(--heading-font-weight, var(--font-weight-bold));
+    letter-spacing: var(--heading-letter-spacing, 0);
     text-wrap: balance;
 
     &[class*="mx-background--"] {

package/src/Atom/Icon/_extended-set.css

@@ -4,34 +4,34 @@
  * Icon - Extended
  */
 @layer design-system.atoms {
-  @mixin icon attachment;
-  @mixin icon blockquote;
-  @mixin icon building;
-  @mixin icon calendar;
-  @mixin icon clock;
-  @mixin icon globe;
-  @mixin icon heart-selected;
-  @mixin icon heart-unselected;
-  @mixin icon image;
-  @mixin icon home;
-  @mixin icon lock;
-  @mixin icon login;
-  @mixin icon media-play;
-  @mixin icon media-pause;
-  @mixin icon media-stop;
-  @mixin icon media-next;
-  @mixin icon media-previous;
-  @mixin icon media-rewind;
-  @mixin icon media-skip;
-  @mixin icon more;
-  @mixin icon notification;
-  @mixin icon pencil;
-  @mixin icon restart;
-  @mixin icon settings;
-  @mixin icon star-selected;
-  @mixin icon star-unselected;
-  @mixin icon tick;
-  @mixin icon trash;
-  @mixin icon user;
-  @mixin icon video;
+  @add-mixin icon attachment;
+  @add-mixin icon blockquote;
+  @add-mixin icon building;
+  @add-mixin icon calendar;
+  @add-mixin icon clock;
+  @add-mixin icon globe;
+  @add-mixin icon heart-selected;
+  @add-mixin icon heart-unselected;
+  @add-mixin icon image;
+  @add-mixin icon home;
+  @add-mixin icon lock;
+  @add-mixin icon login;
+  @add-mixin icon media-play;
+  @add-mixin icon media-pause;
+  @add-mixin icon media-stop;
+  @add-mixin icon media-next;
+  @add-mixin icon media-previous;
+  @add-mixin icon media-rewind;
+  @add-mixin icon media-skip;
+  @add-mixin icon more;
+  @add-mixin icon notification;
+  @add-mixin icon pencil;
+  @add-mixin icon restart;
+  @add-mixin icon settings;
+  @add-mixin icon star-selected;
+  @add-mixin icon star-unselected;
+  @add-mixin icon tick;
+  @add-mixin icon trash;
+  @add-mixin icon user;
+  @add-mixin icon video;
 }