@hirobius/design-system 0.23.0 → 0.23.1

package/dist/tokens.js

@@ -133,8 +133,8 @@ const a = {
     },
     typography: {
       family: {
-        primary: ["Satoshi", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif"],
-        display: ["Satoshi", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif"],
+        primary: ["Plus Jakarta Sans", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif"],
+        display: ["Plus Jakarta Sans", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif"],
         mono: ["IBM Plex Mono", "Courier New", "monospace"]
       },
       size: {

package/dist/types/src/app/components/error-pattern.d.ts

@@ -10,6 +10,7 @@ export type ErrorPatternProps = {
     fullPage?: boolean;
 };
 /**
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-839
  * @public
  */
 export declare function ErrorPattern({ displayText, message, fullPage, }: ErrorPatternProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/app/components/metric-tiles.d.ts

@@ -38,6 +38,7 @@ export interface MetricTilesProps extends Omit<React.HTMLAttributes<HTMLDivEleme
  * headline numbers on a screen; use `Stat` only for an inline number inside prose
  * or a dense list, `Card.Metric` only inside an existing `Card`, and `StatusTile`
  * for state with notes (never a number).
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-89
  * @screenPattern
  */
 export declare const MetricTiles: React.ForwardRefExoticComponent<MetricTilesProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/src/app/components/page-header.d.ts

@@ -28,6 +28,7 @@ export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>,
  * Screen header: breadcrumb slot, the title at the one canonical page-title size
  * (`heading2`), a status slot and an actions slot. Every screen has exactly one.
  * `display` and `h1` type are reserved for marketing and landing surfaces.
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-3
  * @screenPattern
  */
 export declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLElement>>;

package/dist/types/src/app/context/hds-theme.d.ts

@@ -16,7 +16,7 @@
  *   theme    data-theme                "dark" (light = unset)          light
  *   density  data-density              "compact" (comfortable = unset) comfortable
  *   brand    data-brand + data-tenant  overlay slug (e.g. "acme")      base
- *   font     --hds-font-family(-mono)  any CSS font-family value       Satoshi / IBM Plex Mono
+ *   font     --hds-font-family(-mono)  any CSS font-family value       Plus Jakarta Sans / IBM Plex Mono
  *
  * This provider is a thin, typed convenience that renders a `data-hds` scope
  * wrapper carrying those attributes — it does NOT own state, storage, or a

package/dist/types/src/app/design-system/generated-token-values.d.ts

@@ -147,8 +147,8 @@ export declare const tokenValues: {
         };
         readonly typography: {
             readonly family: {
-                readonly primary: readonly ["Satoshi", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif"];
-                readonly display: readonly ["Satoshi", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif"];
+                readonly primary: readonly ["Plus Jakarta Sans", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif"];
+                readonly display: readonly ["Plus Jakarta Sans", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif"];
                 readonly mono: readonly ["IBM Plex Mono", "Courier New", "monospace"];
             };
             readonly size: {

package/dist/variables.css

@@ -116,8 +116,8 @@
   --primitive-radius-8: 8px;
   --primitive-radius-12: 12px;
   --primitive-radius-full: 9999px;
-  --primitive-typography-family-primary: Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  --primitive-typography-family-display: Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --primitive-typography-family-primary: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --primitive-typography-family-display: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --primitive-typography-family-mono: "IBM Plex Mono", "Courier New", monospace;
   --primitive-typography-size-xs: 12px;
   --primitive-typography-size-sm: 14px;

package/docs/CONSUMING.md

@@ -70,16 +70,16 @@ All three:
 ### Brand fonts (optional)
 
 ```ts
-import '@hirobius/design-system/fonts.css'; // Satoshi 400/500/700 + IBM Plex Mono 400
+import '@hirobius/design-system/fonts.css'; // Plus Jakarta Sans 400/500/700 + IBM Plex Mono 400
 ```
 
 `fonts.css` declares the four `@font-face` blocks with `font-display: swap`. Its
-URLs are relative (`./fonts/satoshi-400.woff2`), and the woff2 files ship in the
+URLs are relative (`./fonts/plus-jakarta-sans-400.woff2`), and the woff2 files ship in the
 package, so Vite, Next and webpack resolve and hash them; there is nothing to
 copy. Import it alongside one of the stylesheets above to keep the HDS fonts.
 Skip it to bring your own: `tokens.css` and `styles.css` keep the
 `--hds-font-family*` variables, so text falls back to the family stack
-(`"Satoshi", system-ui, …`) and uses your font if you declare that family
+(`"Plus Jakarta Sans", system-ui, …`) and uses your font if you declare that family
 yourself.
 
 HDS's own base styles (type baseline, resets) are scoped to the `[data-hds]`
@@ -229,7 +229,7 @@ export function Example() {
 | --------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `@hirobius/design-system`               | The 43-component core set ([README → What belongs in the system](../README.md#what-belongs-in-the-system)), the rest of the allow-list, and the router seam (`HdsRouterProvider`, `useHdsRouter`); the `pattern` tier is in `/patterns` |
 | `@hirobius/design-system/styles.css`    | Components + utilities + tokens, NO global reset (host-safe; recommended for embedding)                                                                                                                                                 |
-| `@hirobius/design-system/fonts.css`     | Optional brand fonts: Satoshi 400/500/700 + IBM Plex Mono 400 (`@font-face`, relative woff2 URLs)                                                                                                                                       |
+| `@hirobius/design-system/fonts.css`     | Optional brand fonts: Plus Jakarta Sans 400/500/700 + IBM Plex Mono 400 (`@font-face`, relative woff2 URLs)                                                                                                                             |
 | `@hirobius/design-system/tokens.css`    | The complete stylesheet — styles.css PLUS a global Tailwind-preflight reset                                                                                                                                                             |
 | `@hirobius/design-system/variables.css` | Design tokens as CSS custom properties ONLY — no reset/preflight (host-safe)                                                                                                                                                            |
 | `@hirobius/design-system/tokens`        | Design-token values as typed TS                                                                                                                                                                                                         |
@@ -503,7 +503,7 @@ npx skills add hirobius/hds --skill hds-consumer
 | `npm ERR! 404` on install                          | Check the package name spelling; if pinning a version, confirm it's published on npm (`npm view @hirobius/design-system version`). Public npm needs no auth (see §1–2). |
 | `ERR_REQUIRE_ESM` / `require() of ES Module`       | Consumer is CommonJS — switch to an ESM bundler (§9).                                                                                                                   |
 | Components render unstyled / wrong font            | Import `@hirobius/design-system/styles.css` (or `tokens.css`) at the app root (§3) **and** add `data-hds` to your root or section (§4).                                 |
-| Text uses the host font, not Satoshi               | Missing `data-hds` on an ancestor (§4).                                                                                                                                 |
+| Text uses the host font, not Plus Jakarta Sans     | Missing `data-hds` on an ancestor (§4).                                                                                                                                 |
 | In-app links do a full page reload                 | Expected with no router. Inject your router via `<HdsRouterProvider>` for SPA nav (§5).                                                                                 |
 | Host app's spacing/layout shifted after adding HDS | Tailwind preflight ships global this release (§6); scope HDS to a section and isolate where possible.                                                                   |
 | Brand overlay has no effect on an Astro page       | Inject the overlay on an ancestor of the themed markup (usually `<html>`), and ensure `variables.css` is imported once (§12).                                           |

package/hirobius.tokens.json

@@ -515,25 +515,25 @@
         "$type": "fontFamily",
         "primary": {
           "$value": [
-            "Satoshi",
+            "Plus Jakarta Sans",
             "system-ui",
             "-apple-system",
             "BlinkMacSystemFont",
             "Segoe UI",
             "sans-serif"
           ],
-          "$description": "Self-hosted Satoshi (ITF) body typeface; falls back to system-ui sans-serif stack."
+          "$description": "Self-hosted Plus Jakarta Sans (OFL) body typeface; falls back to system-ui sans-serif stack."
         },
         "display": {
           "$value": [
-            "Satoshi",
+            "Plus Jakarta Sans",
             "system-ui",
             "-apple-system",
             "BlinkMacSystemFont",
             "Segoe UI",
             "sans-serif"
           ],
-          "$description": "Display face: Satoshi Bold (ITF), bound to the display and title composites."
+          "$description": "Display face: Plus Jakarta Sans Bold (OFL), bound to the display and title composites."
         },
         "mono": {
           "$value": ["IBM Plex Mono", "Courier New", "monospace"],

package/package.json

@@ -18,9 +18,9 @@
     "url": "git+https://github.com/hirobius/hds.git"
   },
   "author": "Adrian Milsap",
-  "license": "SEE LICENSE IN NOTICE.md",
+  "license": "MIT AND OFL-1.1",
   "private": false,
-  "version": "0.23.0",
+  "version": "0.23.1",
   "engines": {
     "node": ">=20",
     "pnpm": ">=8"
@@ -191,6 +191,7 @@
     "@arethetypeswrong/cli": "^0.18.4",
     "@axe-core/playwright": "^4.11.1",
     "@changesets/cli": "^2.27.10",
+    "@chromatic-com/playwright": "^1.0.0",
     "@cyclonedx/cyclonedx-npm": "^4.2.1",
     "@figma/code-connect": "^2.0.1",
     "@guidepup/virtual-screen-reader": "^0.33.0",
@@ -350,6 +351,7 @@
     "check:story-coverage": "node scripts/check-story-coverage.mjs",
     "check:layout-contract": "node scripts/check-layout-contract.mjs",
     "check:spacing-scale": "node scripts/check-tailwind-spacing-scale.mjs",
+    "check:docs-axe": "node scripts/check-docs-axe.mjs",
     "check:storybook-axe": "node scripts/check-storybook-axe.mjs",
     "check:style-props": "node scripts/check-style-discipline.mjs --style-props-only",
     "check:sync-map": "node scripts/check-sync-map.mjs",
@@ -367,11 +369,13 @@
     "check:tokens": "node scripts/check-hardcoded-colors.mjs && pnpm lint --rule '{\"tailwindcss/no-custom-classname\":\"error\"}' && node scripts/audit-tokens.mjs --forbidden && node scripts/check-tier-bypass.mjs && node scripts/check-hardcoded-spacing.mjs && node scripts/check-typography-discipline.mjs --fonts-only",
     "check:type-coverage": "pnpm exec type-coverage --at-least 99.9",
     "chromatic": "chromatic --exit-zero-on-changes",
+    "test:visual-docs": "playwright test",
     "closure:plan": "node scripts/run-gates.mjs --channel pre-commit --emit-inventory docs/guardrails/full-strictness-inventory.json && node scripts/generate-closure-plan.mjs",
     "closure:plan:check": "node scripts/generate-closure-plan.mjs --check",
     "docs:api": "node scripts/generate-component-api.mjs",
     "docs:changelogs": "node scripts/generate-component-changelogs.mjs",
     "docs:build": "pnpm docs:prepare && pnpm --dir docs-site build",
+    "docs:publish": "pnpm docs:build && node scripts/generate-manifest-projection.mjs && node scripts/copy-agent-context.mjs --out docs-site/out --with-public && node scripts/figma-push.mjs --bundle docs-site/out/figma/sync-bundle.json",
     "docs:components": "node scripts/generate-docs-components.mjs",
     "docs:component": "node scripts/generate-component-page.mjs",
     "docs:dev": "pnpm docs:prepare && pnpm --dir docs-site dev",

package/public/hds-manifest.json

@@ -2,7 +2,7 @@
   "name": "Hirobius Design System",
   "description": "Three-tier design token system for Adrian Milsap's portfolio site. Tokens flow primitive → semantic → component. All visual decisions trace back to hirobius.tokens.json.",
   "version": "1",
-  "generated": "2026-10-09T05:30:51.055Z",
+  "generated": "2026-10-11T06:18:15.595Z",
   "source": "hirobius.tokens.json",
   "format": "W3C DTCG 2025.10",
   "docs": "https://hirobius-design-system.vercel.app/",
@@ -30,7 +30,7 @@
   "brand": {
     "primaryColor": "#66b239",
     "primaryColorToken": "semantic.accent.rest",
-    "font": "Satoshi variable 100–900, self-hosted",
+    "font": "Plus Jakarta Sans variable 100–900, self-hosted",
     "spacingBase": "4px",
     "buttonBorderRadius": "0px",
     "cardBorderRadius": "8px",
@@ -977,7 +977,7 @@
       "hidden": false,
       "filePath": "src/app/components/error-pattern.tsx",
       "description": "ErrorPattern - governed recovery surface for routed application errors.",
-      "figmaUrl": null,
+      "figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-839",
       "figmaId": null,
       "preview": {
         "exportName": "ErrorPattern",
@@ -1054,7 +1054,7 @@
       ],
       "tier": "template",
       "docExempt": false,
-      "figmaLink": null,
+      "figmaLink": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-839",
       "storyFiles": [
         "src/stories/error-pattern.stories.tsx"
       ],
@@ -8363,9 +8363,9 @@
       "docExempt": false,
       "filePath": "src/app/components/metric-tiles.tsx",
       "description": "A row of `MetricTile`s. The grid has `min(tiles, 4)` columns, so three tiles fill three columns and never leave an empty fourth. The default for any row of headline numbers on a screen; use `Stat` only for an inline number inside prose or a dense list, `Card.Metric` only inside an existing `Card`, and `StatusTile` for state with notes (never a number).",
-      "figmaUrl": null,
+      "figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-89",
       "figmaId": null,
-      "figmaLink": null,
+      "figmaLink": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-89",
       "tier": "pattern",
       "preview": {
         "exportName": "MetricTiles",
@@ -8418,9 +8418,9 @@
       "docExempt": false,
       "filePath": "src/app/components/page-header.tsx",
       "description": "Screen header: breadcrumb slot, the title at the one canonical page-title size (`heading2`), a status slot and an actions slot. Every screen has exactly one. `display` and `h1` type are reserved for marketing and landing surfaces.",
-      "figmaUrl": null,
+      "figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-3",
       "figmaId": null,
-      "figmaLink": null,
+      "figmaLink": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-3",
       "tier": "pattern",
       "preview": {
         "exportName": "PageHeader",
@@ -9836,15 +9836,15 @@
         "path": "primitive.typography.family.primary",
         "cssVar": "--primitive-typography-family-primary",
         "type": "fontFamily",
-        "description": "Self-hosted Satoshi (ITF) body typeface; falls back to system-ui sans-serif stack.",
-        "value": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif"
+        "description": "Self-hosted Plus Jakarta Sans (OFL) body typeface; falls back to system-ui sans-serif stack.",
+        "value": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif"
       },
       {
         "path": "primitive.typography.family.display",
         "cssVar": "--primitive-typography-family-display",
         "type": "fontFamily",
-        "description": "Display face: Satoshi Bold (ITF), bound to the display and title composites.",
-        "value": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif"
+        "description": "Display face: Plus Jakarta Sans Bold (OFL), bound to the display and title composites.",
+        "value": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif"
       },
       {
         "path": "primitive.typography.family.mono",
@@ -11112,7 +11112,7 @@
         "type": "typography",
         "description": "One per page, hero only. 48px / 1.05 / 700. Role 1 of 6.",
         "composite": {
-          "fontFamily": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontFamily": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
           "fontSize": "48px",
           "fontWeight": "700",
           "letterSpacing": "-0.01em",
@@ -11125,7 +11125,7 @@
         "type": "typography",
         "description": "Section and card headings. 24px / 1.25 / 700. Role 2 of 6.",
         "composite": {
-          "fontFamily": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontFamily": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
           "fontSize": "24px",
           "fontWeight": "700",
           "letterSpacing": "-0.01em",
@@ -11138,7 +11138,7 @@
         "type": "typography",
         "description": "Prose. 16px / 1.6 / 400, 60ch measure. Role 3 of 6.",
         "composite": {
-          "fontFamily": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontFamily": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
           "fontSize": "16px",
           "fontWeight": "400",
           "letterSpacing": "0em",
@@ -11152,7 +11152,7 @@
         "type": "typography",
         "description": "Controls, nav, table text, values. 14px / 1.5 / 500. Role 4 of 6.",
         "composite": {
-          "fontFamily": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontFamily": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
           "fontSize": "14px",
           "fontWeight": "500",
           "letterSpacing": "0em",
@@ -11166,7 +11166,7 @@
         "type": "typography",
         "description": "Metadata, help text and labels, in sentence case. 12px / 1.5 / 500. Role 5 of 6.",
         "composite": {
-          "fontFamily": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontFamily": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
           "fontSize": "12px",
           "fontWeight": "500",
           "letterSpacing": "0em",
@@ -11193,7 +11193,7 @@
         "type": "typography",
         "description": "deprecated: use semantic.typography.title",
         "composite": {
-          "fontFamily": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontFamily": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
           "fontSize": "24px",
           "fontWeight": "700",
           "letterSpacing": "-0.01em",
@@ -11206,7 +11206,7 @@
         "type": "typography",
         "description": "deprecated: use semantic.typography.title",
         "composite": {
-          "fontFamily": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontFamily": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
           "fontSize": "24px",
           "fontWeight": "700",
           "letterSpacing": "-0.01em",
@@ -11219,7 +11219,7 @@
         "type": "typography",
         "description": "deprecated: use semantic.typography.title",
         "composite": {
-          "fontFamily": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontFamily": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
           "fontSize": "24px",
           "fontWeight": "700",
           "letterSpacing": "-0.01em",
@@ -11232,7 +11232,7 @@
         "type": "typography",
         "description": "deprecated: use semantic.typography.caption",
         "composite": {
-          "fontFamily": "Satoshi, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+          "fontFamily": "\"Plus Jakarta Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
           "fontSize": "12px",
           "fontWeight": "500",
           "letterSpacing": "0em",

package/public/llms-full.txt

@@ -423,8 +423,8 @@ Feedback hues are never decorative; do not use them as accents. Light and dark m
 <!-- auto:start:typography -->
 HDS ships three typefaces — each with a distinct and exclusive role:
 
-- **Display / Heading font**: Satoshi. Bound exclusively to the `display` and `title` styles. Never used for body copy or UI labels.
-- **Body / UI font**: Satoshi. All prose, labels, small text, captions, and UI copy.
+- **Display / Heading font**: Plus Jakarta Sans. Bound exclusively to the `display` and `title` styles. Never used for body copy or UI labels.
+- **Body / UI font**: Plus Jakarta Sans. All prose, labels, small text, captions, and UI copy.
 - **Mono font**: IBM Plex Mono. Reserved for tokens, code, technical callouts, and metric readouts.
 
 Weights declared: `400` regular, `500` medium, `700` bold. Heading styles (display · title) use `700` bold; body, UI, and caption use `400` regular / `500` medium.

package/src/app/data/component-api.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-10T03:04:03.405Z",
+  "generatedAt": "2026-10-11T07:01:23.624Z",
   "source": "react-docgen-typescript@2.4.0",
   "components": {
     "Alert": {
@@ -2465,6 +2465,7 @@
       },
       "category": "Display",
       "hidden": false,
+      "figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-89",
       "props": [
         {
           "name": "children",
@@ -2525,6 +2526,7 @@
       },
       "category": "Layout",
       "hidden": false,
+      "figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-3",
       "props": [
         {
           "name": "actions",

package/upgrade/index.json

@@ -1,6 +1,6 @@
 {
   "package": "@hirobius/design-system",
-  "latest": "0.23.0",
+  "latest": "0.23.1",
   "floor": "0.16.0",
   "versions": [
     {
@@ -58,6 +58,13 @@
       "bump": "minor",
       "breaking": 0,
       "summary": "14 that look different."
+    },
+    {
+      "version": "0.23.1",
+      "date": "2026-10-11",
+      "bump": "patch",
+      "breaking": 0,
+      "summary": "6 that look different."
     }
   ],
   "deprecated": [

package/upgrade/releases/0.23.1.json

@@ -0,0 +1,108 @@
+{
+  "version": "0.23.1",
+  "date": "2026-10-11",
+  "bump": "patch",
+  "summary": "6 that look different.",
+  "backfilled": false,
+  "steps": [
+    {
+      "id": "0.23.1/value-changed/--hds-font-family",
+      "kind": "value-changed",
+      "impact": "look",
+      "plain": "The scoped HDS font variable now names Plus Jakarta Sans first instead of Satoshi.",
+      "detect": {
+        "cssVars": [
+          "--hds-font-family"
+        ],
+        "cssVarWrites": [
+          "--hds-font-family"
+        ]
+      },
+      "facts": [
+        "css-var-changed:--hds-font-family::root"
+      ],
+      "source": "CHANGELOG.md:20"
+    },
+    {
+      "id": "0.23.1/value-changed/--primitive-typography-family-display",
+      "kind": "value-changed",
+      "impact": "look",
+      "plain": "Display and title text now renders in Plus Jakarta Sans instead of Satoshi.",
+      "detect": {
+        "cssVars": [
+          "--primitive-typography-family-display"
+        ],
+        "cssVarWrites": [
+          "--primitive-typography-family-display"
+        ]
+      },
+      "facts": [
+        "css-var-changed:--primitive-typography-family-display::root"
+      ],
+      "source": "CHANGELOG.md:20"
+    },
+    {
+      "id": "0.23.1/value-changed/--primitive-typography-family-primary",
+      "kind": "value-changed",
+      "impact": "look",
+      "plain": "Body, UI and caption text now renders in Plus Jakarta Sans instead of Satoshi.",
+      "detect": {
+        "cssVars": [
+          "--primitive-typography-family-primary"
+        ],
+        "cssVarWrites": [
+          "--primitive-typography-family-primary"
+        ]
+      },
+      "facts": [
+        "css-var-changed:--primitive-typography-family-primary::root"
+      ],
+      "source": "CHANGELOG.md:20"
+    },
+    {
+      "id": "0.23.1/look/font-face-Satoshi-400-normal",
+      "kind": "look",
+      "impact": "look",
+      "plain": "fonts.css no longer declares Satoshi 400; it declares Plus Jakarta Sans 400 instead, so drop any font-family: Satoshi of your own.",
+      "detect": {
+        "regex": [
+          "Satoshi"
+        ]
+      },
+      "facts": [
+        "font-face-removed:Satoshi/400/normal"
+      ],
+      "source": "CHANGELOG.md:20"
+    },
+    {
+      "id": "0.23.1/look/font-face-Satoshi-500-normal",
+      "kind": "look",
+      "impact": "look",
+      "plain": "fonts.css no longer declares Satoshi 500; it declares Plus Jakarta Sans 500 instead, so drop any font-family: Satoshi of your own.",
+      "detect": {
+        "regex": [
+          "Satoshi"
+        ]
+      },
+      "facts": [
+        "font-face-removed:Satoshi/500/normal"
+      ],
+      "source": "CHANGELOG.md:20"
+    },
+    {
+      "id": "0.23.1/look/font-face-Satoshi-700-normal",
+      "kind": "look",
+      "impact": "look",
+      "plain": "fonts.css no longer declares Satoshi 700; it declares Plus Jakarta Sans 700 instead, so drop any font-family: Satoshi of your own.",
+      "detect": {
+        "regex": [
+          "Satoshi"
+        ]
+      },
+      "facts": [
+        "font-face-removed:Satoshi/700/normal"
+      ],
+      "source": "CHANGELOG.md:20"
+    }
+  ]
+}