@hirobius/design-system 0.23.0 → 0.23.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/AGENTS.md +1 -1
  2. package/CHANGELOG.md +45 -0
  3. package/CONSUMING.md +3 -3
  4. package/DESIGN.md +2 -2
  5. package/NOTICE.md +3 -3
  6. package/README.md +16 -17
  7. package/UPGRADING.md +23 -1
  8. package/codemods/hds-prefix.mjs +0 -1
  9. package/codemods/jsx-fold.mjs +0 -1
  10. package/codemods/lib/scan.mjs +0 -1
  11. package/codemods/patterns-subpath.mjs +0 -1
  12. package/dist/chunks/{empty-state-ChC_xZfg.js → empty-state-BQ1v7ZIx.js} +15 -15
  13. package/dist/css-contract.json +1 -1
  14. package/dist/fonts/ibm-plex-mono-LICENSE.txt +93 -0
  15. package/dist/fonts/plus-jakarta-sans-400.woff2 +0 -0
  16. package/dist/fonts/plus-jakarta-sans-500.woff2 +0 -0
  17. package/dist/fonts/plus-jakarta-sans-700.woff2 +0 -0
  18. package/dist/fonts/plus-jakarta-sans-LICENSE.txt +22 -0
  19. package/dist/fonts.css +14 -14
  20. package/dist/hirobius-ui.js +86 -86
  21. package/dist/manifest.js +9 -9
  22. package/dist/patterns.js +1 -1
  23. package/dist/styles.css +1 -1
  24. package/dist/tokens.css +1 -1
  25. package/dist/tokens.js +2 -2
  26. package/dist/types/src/app/components/error-pattern.d.ts +1 -0
  27. package/dist/types/src/app/components/metric-tiles.d.ts +1 -0
  28. package/dist/types/src/app/components/page-header.d.ts +1 -0
  29. package/dist/types/src/app/context/hds-theme.d.ts +1 -1
  30. package/dist/types/src/app/design-system/generated-token-values.d.ts +2 -2
  31. package/dist/types/src/index.d.ts +0 -8
  32. package/dist/types/src/lib/deprecation.d.ts +1 -1
  33. package/dist/variables.css +6 -6
  34. package/docs/CONSUMING.md +5 -5
  35. package/hirobius.tokens.json +6 -14
  36. package/llms.txt +3 -3
  37. package/package.json +7 -25
  38. package/public/hds-manifest.json +192 -1251
  39. package/public/llms/scroll.txt +1 -1
  40. package/public/llms-full.txt +5 -5
  41. package/public/llms.txt +3 -3
  42. package/src/app/data/component-api.json +3 -1
  43. package/upgrade/index.json +15 -1
  44. package/upgrade/releases/0.23.1.json +108 -0
  45. package/upgrade/releases/0.23.2.json +47 -0
  46. package/dist/fonts/satoshi-400.woff2 +0 -0
  47. package/dist/fonts/satoshi-500.woff2 +0 -0
  48. package/dist/fonts/satoshi-700.woff2 +0 -0
@@ -19,4 +19,4 @@ Negative rules:
19
19
  - No GSAP/ScrollTrigger or bespoke Lenis wiring inside `@hirobius/design-system` — those stay app-level/downstream, composed from `Reveal`/`Pin`/`useScrollProgress`/`SmoothScroll`.
20
20
  - Every scroll effect must degrade to fully visible/static content — never gate content visibility behind `animation-timeline` support or a scroll listener with no fallback.
21
21
 
22
- Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), ADR-021, and `src/stories/patterns-scroll.stories.tsx` for golden-path examples.
22
+ Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), ADR-021, and the Reveal pattern page on the docs site (`/docs/patterns/reveal`) for golden-path examples.
@@ -1,6 +1,6 @@
1
1
  # Hirobius Design System
2
2
 
3
- Generated: 2026-10-09T14:36:17.779Z
3
+ Generated: 2026-10-11T06:38:18.383Z
4
4
  Primary sources: `public/hds-manifest.json`, `src/app/data/component-api.json`, `hirobius.tokens.json`
5
5
 
6
6
  ## Agents Using The Package: Start Here
@@ -274,7 +274,7 @@ Negative rules:
274
274
  - No GSAP/ScrollTrigger or bespoke Lenis wiring inside `@hirobius/design-system` — those stay app-level/downstream, composed from `Reveal`/`Pin`/`useScrollProgress`/`SmoothScroll`.
275
275
  - Every scroll effect must degrade to fully visible/static content — never gate content visibility behind `animation-timeline` support or a scroll listener with no fallback.
276
276
 
277
- Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), ADR-021, and `src/stories/patterns-scroll.stories.tsx` for golden-path examples.
277
+ Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), ADR-021, and the Reveal pattern page on the docs site (`/docs/patterns/reveal`) for golden-path examples.
278
278
 
279
279
  ## HDS Card Anatomy (mandatory — every property is non-negotiable)
280
280
 
@@ -317,7 +317,7 @@ Load only what the task needs. Same text as this file, split by topic:
317
317
 
318
318
  - `public/llms-full.txt` - this file + the full `DESIGN.md` + a compact props digest for every component.
319
319
 
320
- Paths in this file that begin with `docs/architecture/`, `src/app/components/`, `src/scroll/`, `src/stories/` or under `scripts/`, or that name `public/manifest.json`, `DESIGN-HANDOFF.md`, `TOKEN_GOVERNANCE.md` or `SYSTEMS_REGISTRY.md` exist only in the source repo, not in the npm package. Everything under "Default context" below ships in the package.
320
+ Paths in this file that begin with `docs/architecture/`, `src/app/components/`, `src/scroll/` or under `scripts/`, or that name `public/manifest.json`, `DESIGN-HANDOFF.md`, `TOKEN_GOVERNANCE.md` or `SYSTEMS_REGISTRY.md` exist only in the source repo, not in the npm package. Everything under "Default context" below ships in the package.
321
321
 
322
322
  ## Context Loading Rules (Credit Efficiency)
323
323
 
@@ -423,8 +423,8 @@ Feedback hues are never decorative; do not use them as accents. Light and dark m
423
423
  <!-- auto:start:typography -->
424
424
  HDS ships three typefaces — each with a distinct and exclusive role:
425
425
 
426
- - **Display / Heading font**: Satoshi. Bound exclusively to the `display` and `title` styles. Never used for body copy or UI labels.
427
- - **Body / UI font**: Satoshi. All prose, labels, small text, captions, and UI copy.
426
+ - **Display / Heading font**: Plus Jakarta Sans. Bound exclusively to the `display` and `title` styles. Never used for body copy or UI labels.
427
+ - **Body / UI font**: Plus Jakarta Sans. All prose, labels, small text, captions, and UI copy.
428
428
  - **Mono font**: IBM Plex Mono. Reserved for tokens, code, technical callouts, and metric readouts.
429
429
 
430
430
  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/public/llms.txt CHANGED
@@ -1,6 +1,6 @@
1
1
  # Hirobius Design System
2
2
 
3
- Generated: 2026-10-09T13:43:23.079Z
3
+ Generated: 2026-10-11T06:38:18.383Z
4
4
  Primary sources: `public/hds-manifest.json`, `src/app/data/component-api.json`, `hirobius.tokens.json`
5
5
 
6
6
  ## Agents Using The Package: Start Here
@@ -274,7 +274,7 @@ Negative rules:
274
274
  - No GSAP/ScrollTrigger or bespoke Lenis wiring inside `@hirobius/design-system` — those stay app-level/downstream, composed from `Reveal`/`Pin`/`useScrollProgress`/`SmoothScroll`.
275
275
  - Every scroll effect must degrade to fully visible/static content — never gate content visibility behind `animation-timeline` support or a scroll listener with no fallback.
276
276
 
277
- Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), ADR-021, and `src/stories/patterns-scroll.stories.tsx` for golden-path examples.
277
+ Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), ADR-021, and the Reveal pattern page on the docs site (`/docs/patterns/reveal`) for golden-path examples.
278
278
 
279
279
  ## HDS Card Anatomy (mandatory — every property is non-negotiable)
280
280
 
@@ -317,7 +317,7 @@ Load only what the task needs. Same text as this file, split by topic:
317
317
 
318
318
  - `public/llms-full.txt` - this file + the full `DESIGN.md` + a compact props digest for every component.
319
319
 
320
- Paths in this file that begin with `docs/architecture/`, `src/app/components/`, `src/scroll/`, `src/stories/` or under `scripts/`, or that name `public/manifest.json`, `DESIGN-HANDOFF.md`, `TOKEN_GOVERNANCE.md` or `SYSTEMS_REGISTRY.md` exist only in the source repo, not in the npm package. Everything under "Default context" below ships in the package.
320
+ Paths in this file that begin with `docs/architecture/`, `src/app/components/`, `src/scroll/` or under `scripts/`, or that name `public/manifest.json`, `DESIGN-HANDOFF.md`, `TOKEN_GOVERNANCE.md` or `SYSTEMS_REGISTRY.md` exist only in the source repo, not in the npm package. Everything under "Default context" below ships in the package.
321
321
 
322
322
  ## Context Loading Rules (Credit Efficiency)
323
323
 
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-10-10T03:04:03.405Z",
2
+ "generatedAt": "2026-10-11T21:01:53.099Z",
3
3
  "source": "react-docgen-typescript@2.4.0",
4
4
  "components": {
5
5
  "Alert": {
@@ -2465,6 +2465,7 @@
2465
2465
  },
2466
2466
  "category": "Display",
2467
2467
  "hidden": false,
2468
+ "figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-89",
2468
2469
  "props": [
2469
2470
  {
2470
2471
  "name": "children",
@@ -2525,6 +2526,7 @@
2525
2526
  },
2526
2527
  "category": "Layout",
2527
2528
  "hidden": false,
2529
+ "figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2121-3",
2528
2530
  "props": [
2529
2531
  {
2530
2532
  "name": "actions",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "package": "@hirobius/design-system",
3
- "latest": "0.23.0",
3
+ "latest": "0.23.2",
4
4
  "floor": "0.16.0",
5
5
  "versions": [
6
6
  {
@@ -58,6 +58,20 @@
58
58
  "bump": "minor",
59
59
  "breaking": 0,
60
60
  "summary": "14 that look different."
61
+ },
62
+ {
63
+ "version": "0.23.1",
64
+ "date": "2026-10-11",
65
+ "bump": "patch",
66
+ "breaking": 0,
67
+ "summary": "6 that look different."
68
+ },
69
+ {
70
+ "version": "0.23.2",
71
+ "date": "2026-10-11",
72
+ "bump": "patch",
73
+ "breaking": 0,
74
+ "summary": "2 that look different."
61
75
  }
62
76
  ],
63
77
  "deprecated": [
@@ -0,0 +1,108 @@
1
+ {
2
+ "version": "0.23.1",
3
+ "date": "2026-10-11",
4
+ "bump": "patch",
5
+ "summary": "6 that look different.",
6
+ "backfilled": false,
7
+ "steps": [
8
+ {
9
+ "id": "0.23.1/value-changed/--hds-font-family",
10
+ "kind": "value-changed",
11
+ "impact": "look",
12
+ "plain": "The scoped HDS font variable now names Plus Jakarta Sans first instead of Satoshi.",
13
+ "detect": {
14
+ "cssVars": [
15
+ "--hds-font-family"
16
+ ],
17
+ "cssVarWrites": [
18
+ "--hds-font-family"
19
+ ]
20
+ },
21
+ "facts": [
22
+ "css-var-changed:--hds-font-family::root"
23
+ ],
24
+ "source": "CHANGELOG.md:20"
25
+ },
26
+ {
27
+ "id": "0.23.1/value-changed/--primitive-typography-family-display",
28
+ "kind": "value-changed",
29
+ "impact": "look",
30
+ "plain": "Display and title text now renders in Plus Jakarta Sans instead of Satoshi.",
31
+ "detect": {
32
+ "cssVars": [
33
+ "--primitive-typography-family-display"
34
+ ],
35
+ "cssVarWrites": [
36
+ "--primitive-typography-family-display"
37
+ ]
38
+ },
39
+ "facts": [
40
+ "css-var-changed:--primitive-typography-family-display::root"
41
+ ],
42
+ "source": "CHANGELOG.md:20"
43
+ },
44
+ {
45
+ "id": "0.23.1/value-changed/--primitive-typography-family-primary",
46
+ "kind": "value-changed",
47
+ "impact": "look",
48
+ "plain": "Body, UI and caption text now renders in Plus Jakarta Sans instead of Satoshi.",
49
+ "detect": {
50
+ "cssVars": [
51
+ "--primitive-typography-family-primary"
52
+ ],
53
+ "cssVarWrites": [
54
+ "--primitive-typography-family-primary"
55
+ ]
56
+ },
57
+ "facts": [
58
+ "css-var-changed:--primitive-typography-family-primary::root"
59
+ ],
60
+ "source": "CHANGELOG.md:20"
61
+ },
62
+ {
63
+ "id": "0.23.1/look/font-face-Satoshi-400-normal",
64
+ "kind": "look",
65
+ "impact": "look",
66
+ "plain": "fonts.css no longer declares Satoshi 400; it declares Plus Jakarta Sans 400 instead, so drop any font-family: Satoshi of your own.",
67
+ "detect": {
68
+ "regex": [
69
+ "Satoshi"
70
+ ]
71
+ },
72
+ "facts": [
73
+ "font-face-removed:Satoshi/400/normal"
74
+ ],
75
+ "source": "CHANGELOG.md:20"
76
+ },
77
+ {
78
+ "id": "0.23.1/look/font-face-Satoshi-500-normal",
79
+ "kind": "look",
80
+ "impact": "look",
81
+ "plain": "fonts.css no longer declares Satoshi 500; it declares Plus Jakarta Sans 500 instead, so drop any font-family: Satoshi of your own.",
82
+ "detect": {
83
+ "regex": [
84
+ "Satoshi"
85
+ ]
86
+ },
87
+ "facts": [
88
+ "font-face-removed:Satoshi/500/normal"
89
+ ],
90
+ "source": "CHANGELOG.md:20"
91
+ },
92
+ {
93
+ "id": "0.23.1/look/font-face-Satoshi-700-normal",
94
+ "kind": "look",
95
+ "impact": "look",
96
+ "plain": "fonts.css no longer declares Satoshi 700; it declares Plus Jakarta Sans 700 instead, so drop any font-family: Satoshi of your own.",
97
+ "detect": {
98
+ "regex": [
99
+ "Satoshi"
100
+ ]
101
+ },
102
+ "facts": [
103
+ "font-face-removed:Satoshi/700/normal"
104
+ ],
105
+ "source": "CHANGELOG.md:20"
106
+ }
107
+ ]
108
+ }
@@ -0,0 +1,47 @@
1
+ {
2
+ "version": "0.23.2",
3
+ "date": "2026-10-11",
4
+ "bump": "patch",
5
+ "summary": "2 that look different.",
6
+ "backfilled": false,
7
+ "steps": [
8
+ {
9
+ "id": "0.23.2/value-changed/--component-button-primary-bgDisabled",
10
+ "kind": "value-changed",
11
+ "impact": "look",
12
+ "plain": "The disabled primary Button fill is now the muted surface instead of the accent-subtle surface.",
13
+ "detect": {
14
+ "cssVars": [
15
+ "--component-button-primary-bgDisabled"
16
+ ],
17
+ "cssVarWrites": [
18
+ "--component-button-primary-bgDisabled"
19
+ ]
20
+ },
21
+ "facts": [
22
+ "css-var-changed:--component-button-primary-bgDisabled::root",
23
+ "css-var-changed:--component-button-primary-bgDisabled:[data-theme=\"dark\"]",
24
+ "css-var-changed:--component-button-primary-bgDisabled:[data-theme=dark]"
25
+ ],
26
+ "source": "CHANGELOG.md:17"
27
+ },
28
+ {
29
+ "id": "0.23.2/value-changed/--component-button-primary-textDisabled",
30
+ "kind": "value-changed",
31
+ "impact": "look",
32
+ "plain": "The disabled primary Button text is now the disabled content colour instead of the on-accent colour.",
33
+ "detect": {
34
+ "cssVars": [
35
+ "--component-button-primary-textDisabled"
36
+ ],
37
+ "cssVarWrites": [
38
+ "--component-button-primary-textDisabled"
39
+ ]
40
+ },
41
+ "facts": [
42
+ "css-var-changed:--component-button-primary-textDisabled::root"
43
+ ],
44
+ "source": "CHANGELOG.md:17"
45
+ }
46
+ ]
47
+ }
Binary file
Binary file
Binary file