@hirobius/design-system 0.12.0 → 0.13.0

package/README.md

@@ -1,5 +1,31 @@
 # Hirobius Design System
 
+> ## 🧊 FROZEN — on the shelf (2026-07-09)
+>
+> **HDS is a complete, shelved package. Active development is paused.** It is not
+> being ditched — it's a finished, tested body of work kept in git to check out
+> later: 133 components (Radix + `cva`), 351 DTCG tokens, ~110 Storybook stories,
+> a full guardrail suite, and the published `@hirobius/design-system@0.13.0` on npm.
+>
+> **Why:** the design system was absorbing more maintenance (its highest-commit
+> month) than its two consumers justified — the marketing-site factory
+> (`hirobius/clients`) uses only its token spine (no React components), and the
+> only component consumer (the internal `hirobius/ops` dashboard) is dormant.
+>
+> **What "frozen" means:** no new development. `0.13.0` is the **final clean cut**
+> (it folds in the icon fix + the static-primitive CSS layer + the scroll recipe);
+> the release workflow was re-enabled just to ship it and may be re-frozen after.
+> Chromatic stays manual-only. The published package stays installable. All future
+> work is tracked in the wind-down epic **#80**.
+>
+> **To take it off the shelf:** restore the `pull_request`/`push` triggers in
+> `.github/workflows/{chromatic,release}.yml`, resume from `main`, and pick work
+> from #80.
+>
+> **One human step (credential-gated, not automatable):** optionally run `npm
+deprecate "@hirobius/design-system@<=0.12.0" "Frozen — see the repo README"` to
+> flag the package as paused for npm browsers. It does not break installs.
+
 A publishable React + TypeScript component library, backed by a governed design-token pipeline, a documentation site, and an automated verification suite — all in one repository.
 
 ## Using the published package
@@ -46,17 +72,22 @@ HDS theming is driven by root attributes + CSS variables, so it works with **zer
 JavaScript** — set them on any element (React, Astro, plain HTML) and every HDS
 descendant re-skins:
 
-| Dial | Attribute / var | Values | Default |
-| --- | --- | --- | --- |
-| theme | `data-theme` | `dark` | light (unset) |
-| density | `data-density` | `compact` | comfortable (unset) |
-| brand | `data-brand` (+ `data-tenant` alias) | overlay slug | base (unset) |
-| font | `--hds-font-family` / `--hds-font-family-mono` | any font-family | Satoshi / Geist Mono |
+| Dial    | Attribute / var                                | Values          | Default              |
+| ------- | ---------------------------------------------- | --------------- | -------------------- |
+| theme   | `data-theme`                                   | `dark`          | light (unset)        |
+| density | `data-density`                                 | `compact`       | comfortable (unset)  |
+| brand   | `data-brand` (+ `data-tenant` alias)           | overlay slug    | base (unset)         |
+| font    | `--hds-font-family` / `--hds-font-family-mono` | any font-family | Satoshi / Geist Mono |
 
 ```html
 <!-- zero-JS: static markup (e.g. an Astro layout) -->
-<div data-hds data-theme="dark" data-density="compact" data-brand="acme"
-     style="--hds-font-family: 'Inter', sans-serif">
+<div
+  data-hds
+  data-theme="dark"
+  data-density="compact"
+  data-brand="acme"
+  style="--hds-font-family: 'Inter', sans-serif"
+>
   …
 </div>
 ```

package/dist/hirobius-ui.js

@@ -57,7 +57,7 @@ const Dn = {
     e,
     {
       ref: l,
-      size: d,
+      size: typeof d == "number" ? d : void 0,
       color: a,
       className: i,
       style: u,
@@ -9879,6 +9879,7 @@ const Vl = {
       consumers: [
         "src/app/components/skeleton.test.tsx",
         "src/stories/patterns-layout.stories.tsx",
+        "src/stories/patterns-scroll.stories.tsx",
         "src/stories/skeleton.stories.tsx"
       ],
       tokenMapping: {},
@@ -12412,6 +12413,7 @@ const Vl = {
         "src/stories/app-shell.stories.tsx",
         "src/stories/grid.stories.tsx",
         "src/stories/patterns-layout.stories.tsx",
+        "src/stories/pin.stories.tsx",
         "src/stories/side-nav.stories.tsx",
         "src/stories/sidebar.stories.tsx"
       ],
@@ -12549,7 +12551,12 @@ const Vl = {
         exportName: "Pin",
         sizing: "panel"
       },
-      consumers: [],
+      consumers: [
+        "src/app/components/pin.test.tsx",
+        "src/stories/patterns-scroll.stories.tsx",
+        "src/stories/pin.stories.tsx",
+        "src/stories/reveal.stories.tsx"
+      ],
       tokenMapping: {},
       variantAxes: [],
       componentProperties: [],
@@ -12598,7 +12605,10 @@ const Vl = {
         sizing: "panel"
       },
       consumers: [
-        "src/app/components/pin.tsx"
+        "src/app/components/pin.tsx",
+        "src/app/components/reveal.test.tsx",
+        "src/stories/patterns-scroll.stories.tsx",
+        "src/stories/reveal.stories.tsx"
       ],
       tokenMapping: {},
       variantAxes: [],