@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.
- package/AGENTS.md +1 -1
- package/CHANGELOG.md +45 -0
- package/CONSUMING.md +3 -3
- package/DESIGN.md +2 -2
- package/NOTICE.md +3 -3
- package/README.md +16 -17
- package/UPGRADING.md +23 -1
- package/codemods/hds-prefix.mjs +0 -1
- package/codemods/jsx-fold.mjs +0 -1
- package/codemods/lib/scan.mjs +0 -1
- package/codemods/patterns-subpath.mjs +0 -1
- package/dist/chunks/{empty-state-ChC_xZfg.js → empty-state-BQ1v7ZIx.js} +15 -15
- package/dist/css-contract.json +1 -1
- package/dist/fonts/ibm-plex-mono-LICENSE.txt +93 -0
- package/dist/fonts/plus-jakarta-sans-400.woff2 +0 -0
- package/dist/fonts/plus-jakarta-sans-500.woff2 +0 -0
- package/dist/fonts/plus-jakarta-sans-700.woff2 +0 -0
- package/dist/fonts/plus-jakarta-sans-LICENSE.txt +22 -0
- package/dist/fonts.css +14 -14
- package/dist/hirobius-ui.js +86 -86
- package/dist/manifest.js +9 -9
- package/dist/patterns.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.js +2 -2
- package/dist/types/src/app/components/error-pattern.d.ts +1 -0
- package/dist/types/src/app/components/metric-tiles.d.ts +1 -0
- package/dist/types/src/app/components/page-header.d.ts +1 -0
- package/dist/types/src/app/context/hds-theme.d.ts +1 -1
- package/dist/types/src/app/design-system/generated-token-values.d.ts +2 -2
- package/dist/types/src/index.d.ts +0 -8
- package/dist/types/src/lib/deprecation.d.ts +1 -1
- package/dist/variables.css +6 -6
- package/docs/CONSUMING.md +5 -5
- package/hirobius.tokens.json +6 -14
- package/llms.txt +3 -3
- package/package.json +7 -25
- package/public/hds-manifest.json +192 -1251
- package/public/llms/scroll.txt +1 -1
- package/public/llms-full.txt +5 -5
- package/public/llms.txt +3 -3
- package/src/app/data/component-api.json +3 -1
- package/upgrade/index.json +15 -1
- package/upgrade/releases/0.23.1.json +108 -0
- package/upgrade/releases/0.23.2.json +47 -0
- package/dist/fonts/satoshi-400.woff2 +0 -0
- package/dist/fonts/satoshi-500.woff2 +0 -0
- package/dist/fonts/satoshi-700.woff2 +0 -0
package/public/llms/scroll.txt
CHANGED
|
@@ -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
|
|
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.
|
package/public/llms-full.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Hirobius Design System
|
|
2
2
|
|
|
3
|
-
Generated: 2026-10-
|
|
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
|
|
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
|
|
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**:
|
|
427
|
-
- **Body / UI font**:
|
|
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-
|
|
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
|
|
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
|
|
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-
|
|
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",
|
package/upgrade/index.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"package": "@hirobius/design-system",
|
|
3
|
-
"latest": "0.23.
|
|
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
|