@hirobius/design-system 0.21.0 → 0.23.0
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 +13 -1
- package/CHANGELOG.md +1043 -0
- package/CONSUMING.md +25 -11
- package/DESIGN.md +24 -24
- package/MIGRATIONS.md +603 -0
- package/NOTICE.md +1 -1
- package/README.md +22 -12
- package/UPGRADING.md +243 -0
- package/codemods/hds-prefix.mjs +28 -13
- package/codemods/jsx-fold.mjs +28 -13
- package/codemods/lib/atomic-write.mjs +28 -0
- package/codemods/lib/installed-version.mjs +354 -0
- package/codemods/lib/project.mjs +395 -0
- package/codemods/lib/record.mjs +110 -0
- package/codemods/lib/scan.mjs +323 -0
- package/codemods/lib/semver.mjs +57 -0
- package/codemods/not-found-pattern.mjs +3 -3
- package/codemods/patterns-subpath.mjs +28 -12
- package/codemods/registry.mjs +67 -0
- package/codemods/tile-grid.mjs +3 -3
- package/codemods/upgrade.mjs +909 -0
- package/dist/chunks/{empty-state-DNoThgfV.js → empty-state-ChC_xZfg.js} +109 -92
- package/dist/chunks/{form-By82qZcC.js → form-zCZ_B83I.js} +16 -16
- package/dist/css-contract.json +1 -0
- package/dist/fonts/ibm-plex-mono-400.woff2 +0 -0
- package/dist/fonts.css +5 -5
- package/dist/form.js +1 -1
- package/dist/hirobius-ui.js +1254 -1181
- package/dist/manifest.js +6 -5
- package/dist/patterns.js +164 -162
- package/dist/styles.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.js +14 -1
- package/dist/types/src/app/components/alert-dialog.d.ts +1 -1
- package/dist/types/src/app/components/alert.d.ts +1 -1
- package/dist/types/src/app/components/asset-img.d.ts +2 -1
- package/dist/types/src/app/components/avatar-group.d.ts +1 -1
- package/dist/types/src/app/components/avatar.d.ts +1 -1
- package/dist/types/src/app/components/badge.d.ts +1 -1
- package/dist/types/src/app/components/blockquote.d.ts +1 -1
- package/dist/types/src/app/components/breadcrumb.d.ts +1 -1
- package/dist/types/src/app/components/button.d.ts +2 -2
- package/dist/types/src/app/components/callout.d.ts +3 -2
- package/dist/types/src/app/components/card.d.ts +6 -4
- package/dist/types/src/app/components/checkbox.d.ts +1 -1
- package/dist/types/src/app/components/code-block.d.ts +2 -1
- package/dist/types/src/app/components/combobox.d.ts +2 -2
- package/dist/types/src/app/components/data-table-section.d.ts +2 -1
- package/dist/types/src/app/components/destructive-section.d.ts +2 -1
- package/dist/types/src/app/components/dialog.d.ts +1 -1
- package/dist/types/src/app/components/disclosure.d.ts +1 -1
- package/dist/types/src/app/components/divider.d.ts +2 -2
- package/dist/types/src/app/components/empty-state.d.ts +1 -1
- package/dist/types/src/app/components/field.d.ts +1 -1
- package/dist/types/src/app/components/form-actions.d.ts +2 -1
- package/dist/types/src/app/components/form.d.ts +2 -1
- package/dist/types/src/app/components/grid.d.ts +1 -1
- package/dist/types/src/app/components/hds-tooltip.d.ts +1 -1
- package/dist/types/src/app/components/icon.d.ts +2 -2
- package/dist/types/src/app/components/inline-link.d.ts +1 -1
- package/dist/types/src/app/components/input.d.ts +1 -1
- package/dist/types/src/app/components/kbd.d.ts +1 -1
- package/dist/types/src/app/components/menu.d.ts +1 -1
- package/dist/types/src/app/components/metadata-list.d.ts +1 -1
- package/dist/types/src/app/components/metric-tiles.d.ts +3 -1
- package/dist/types/src/app/components/page-header.d.ts +1 -0
- package/dist/types/src/app/components/page.d.ts +1 -0
- package/dist/types/src/app/components/pagination.d.ts +1 -1
- package/dist/types/src/app/components/popover.d.ts +1 -1
- package/dist/types/src/app/components/progress.d.ts +1 -1
- package/dist/types/src/app/components/radio.d.ts +1 -1
- package/dist/types/src/app/components/reveal.d.ts +1 -0
- package/dist/types/src/app/components/select.d.ts +1 -1
- package/dist/types/src/app/components/skeleton.d.ts +1 -1
- package/dist/types/src/app/components/slider.d.ts +1 -1
- package/dist/types/src/app/components/spinner.d.ts +1 -1
- package/dist/types/src/app/components/stack.d.ts +1 -1
- package/dist/types/src/app/components/stat.d.ts +1 -1
- package/dist/types/src/app/components/status-list-item.d.ts +1 -1
- package/dist/types/src/app/components/status-tile.d.ts +1 -1
- package/dist/types/src/app/components/table.d.ts +1 -1
- package/dist/types/src/app/components/tabs.d.ts +4 -2
- package/dist/types/src/app/components/tag.d.ts +1 -1
- package/dist/types/src/app/components/text.d.ts +1 -1
- package/dist/types/src/app/components/textarea.d.ts +1 -1
- package/dist/types/src/app/components/timestamp.d.ts +1 -1
- package/dist/types/src/app/components/toast.d.ts +1 -1
- package/dist/types/src/app/components/toggle.d.ts +1 -1
- package/dist/types/src/app/context/hds-theme.d.ts +1 -1
- package/dist/types/src/app/design-system/generated-token-refs.d.ts +13 -0
- package/dist/types/src/app/design-system/generated-token-values.d.ts +14 -1
- package/dist/types/src/app/hooks/useInteractionState.d.ts +7 -1
- package/dist/types/src/index.d.ts +126 -32
- package/dist/variables.css +33 -22
- package/docs/CONSUMING.md +2 -2
- package/hirobius.tokens.json +173 -79
- package/llms.txt +29 -7
- package/mcp/catalog.mjs +10 -7
- package/mcp/core-set.mjs +66 -0
- package/mcp/guide.mjs +9 -52
- package/package.json +28 -11
- package/public/hds-manifest.json +365 -207
- package/public/llms/components.txt +1 -1
- package/public/llms-full.txt +54 -32
- package/public/llms.txt +29 -7
- package/src/app/data/component-api.json +104 -71
- package/upgrade/index.json +215 -0
- package/upgrade/releases/0.17.0.json +962 -0
- package/upgrade/releases/0.18.0.json +8 -0
- package/upgrade/releases/0.19.0.json +233 -0
- package/upgrade/releases/0.19.1.json +8 -0
- package/upgrade/releases/0.20.0.json +5108 -0
- package/upgrade/releases/0.21.0.json +538 -0
- package/upgrade/releases/0.22.0.json +94 -0
- package/upgrade/releases/0.23.0.json +259 -0
- package/upgrade/schema.json +1102 -0
- package/dist/fonts/geist-mono-400.woff2 +0 -0
|
@@ -0,0 +1,259 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": "0.23.0",
|
|
3
|
+
"date": "2026-10-10",
|
|
4
|
+
"bump": "minor",
|
|
5
|
+
"summary": "14 that look different.",
|
|
6
|
+
"backfilled": false,
|
|
7
|
+
"steps": [
|
|
8
|
+
{
|
|
9
|
+
"id": "0.23.0/value-changed/--semantic-accent-content",
|
|
10
|
+
"kind": "value-changed",
|
|
11
|
+
"impact": "look",
|
|
12
|
+
"plain": "Accent-intent text and icons (such as links) now render in a dark apple green instead of a dark neutral.",
|
|
13
|
+
"detect": {
|
|
14
|
+
"cssVars": [
|
|
15
|
+
"--semantic-accent-content"
|
|
16
|
+
],
|
|
17
|
+
"cssVarWrites": [
|
|
18
|
+
"--semantic-accent-content"
|
|
19
|
+
]
|
|
20
|
+
},
|
|
21
|
+
"facts": [
|
|
22
|
+
"css-var-changed:--semantic-accent-content::root",
|
|
23
|
+
"css-var-changed:--semantic-accent-content:[data-theme=\"dark\"]",
|
|
24
|
+
"css-var-changed:--semantic-accent-content:[data-theme=dark]"
|
|
25
|
+
],
|
|
26
|
+
"source": "CHANGELOG.md:40"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"id": "0.23.0/value-changed/--semantic-accent-contentHover",
|
|
30
|
+
"kind": "value-changed",
|
|
31
|
+
"impact": "look",
|
|
32
|
+
"plain": "Hovered accent text now shifts to a darker apple green instead of a darker neutral.",
|
|
33
|
+
"detect": {
|
|
34
|
+
"cssVars": [
|
|
35
|
+
"--semantic-accent-contentHover"
|
|
36
|
+
],
|
|
37
|
+
"cssVarWrites": [
|
|
38
|
+
"--semantic-accent-contentHover"
|
|
39
|
+
]
|
|
40
|
+
},
|
|
41
|
+
"facts": [
|
|
42
|
+
"css-var-changed:--semantic-accent-contentHover::root",
|
|
43
|
+
"css-var-changed:--semantic-accent-contentHover:[data-theme=\"dark\"]",
|
|
44
|
+
"css-var-changed:--semantic-accent-contentHover:[data-theme=dark]"
|
|
45
|
+
],
|
|
46
|
+
"source": "CHANGELOG.md:40"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"id": "0.23.0/value-changed/--semantic-accent-hover",
|
|
50
|
+
"kind": "value-changed",
|
|
51
|
+
"impact": "look",
|
|
52
|
+
"plain": "The accent fill on hover is now a deeper apple green instead of a dark neutral.",
|
|
53
|
+
"detect": {
|
|
54
|
+
"cssVars": [
|
|
55
|
+
"--semantic-accent-hover"
|
|
56
|
+
],
|
|
57
|
+
"cssVarWrites": [
|
|
58
|
+
"--semantic-accent-hover"
|
|
59
|
+
]
|
|
60
|
+
},
|
|
61
|
+
"facts": [
|
|
62
|
+
"css-var-changed:--semantic-accent-hover::root",
|
|
63
|
+
"css-var-changed:--semantic-accent-hover:[data-theme=\"dark\"]",
|
|
64
|
+
"css-var-changed:--semantic-accent-hover:[data-theme=dark]"
|
|
65
|
+
],
|
|
66
|
+
"source": "CHANGELOG.md:40"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"id": "0.23.0/value-changed/--semantic-accent-pressed",
|
|
70
|
+
"kind": "value-changed",
|
|
71
|
+
"impact": "look",
|
|
72
|
+
"plain": "The accent fill while pressed is now a darker apple green instead of a near-black neutral.",
|
|
73
|
+
"detect": {
|
|
74
|
+
"cssVars": [
|
|
75
|
+
"--semantic-accent-pressed"
|
|
76
|
+
],
|
|
77
|
+
"cssVarWrites": [
|
|
78
|
+
"--semantic-accent-pressed"
|
|
79
|
+
]
|
|
80
|
+
},
|
|
81
|
+
"facts": [
|
|
82
|
+
"css-var-changed:--semantic-accent-pressed::root",
|
|
83
|
+
"css-var-changed:--semantic-accent-pressed:[data-theme=\"dark\"]",
|
|
84
|
+
"css-var-changed:--semantic-accent-pressed:[data-theme=dark]"
|
|
85
|
+
],
|
|
86
|
+
"source": "CHANGELOG.md:40"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"id": "0.23.0/value-changed/--semantic-accent-rest",
|
|
90
|
+
"kind": "value-changed",
|
|
91
|
+
"impact": "look",
|
|
92
|
+
"plain": "Interactive accent fills at rest (primary buttons, selected controls) now render in a bright apple green instead of a dark neutral, paired with dark on-accent text.",
|
|
93
|
+
"detect": {
|
|
94
|
+
"cssVars": [
|
|
95
|
+
"--semantic-accent-rest"
|
|
96
|
+
],
|
|
97
|
+
"cssVarWrites": [
|
|
98
|
+
"--semantic-accent-rest"
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
"facts": [
|
|
102
|
+
"css-var-changed:--semantic-accent-rest::root",
|
|
103
|
+
"css-var-changed:--semantic-accent-rest:[data-theme=\"dark\"]",
|
|
104
|
+
"css-var-changed:--semantic-accent-rest:[data-theme=dark]"
|
|
105
|
+
],
|
|
106
|
+
"source": "CHANGELOG.md:40"
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"id": "0.23.0/value-changed/--semantic-accent-subtle",
|
|
110
|
+
"kind": "value-changed",
|
|
111
|
+
"impact": "look",
|
|
112
|
+
"plain": "The low-emphasis accent tint (hover and selection backgrounds) is now a faint apple green instead of a neutral tint.",
|
|
113
|
+
"detect": {
|
|
114
|
+
"cssVars": [
|
|
115
|
+
"--semantic-accent-subtle"
|
|
116
|
+
],
|
|
117
|
+
"cssVarWrites": [
|
|
118
|
+
"--semantic-accent-subtle"
|
|
119
|
+
]
|
|
120
|
+
},
|
|
121
|
+
"facts": [
|
|
122
|
+
"css-var-changed:--semantic-accent-subtle::root",
|
|
123
|
+
"css-var-changed:--semantic-accent-subtle:[data-theme=\"dark\"]",
|
|
124
|
+
"css-var-changed:--semantic-accent-subtle:[data-theme=dark]"
|
|
125
|
+
],
|
|
126
|
+
"source": "CHANGELOG.md:40"
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"id": "0.23.0/value-changed/--semantic-color-border-accent",
|
|
130
|
+
"kind": "value-changed",
|
|
131
|
+
"impact": "look",
|
|
132
|
+
"plain": "Accent borders now render in apple green instead of a dark neutral.",
|
|
133
|
+
"detect": {
|
|
134
|
+
"cssVars": [
|
|
135
|
+
"--semantic-color-border-accent"
|
|
136
|
+
],
|
|
137
|
+
"cssVarWrites": [
|
|
138
|
+
"--semantic-color-border-accent"
|
|
139
|
+
]
|
|
140
|
+
},
|
|
141
|
+
"facts": [
|
|
142
|
+
"css-var-changed:--semantic-color-border-accent::root",
|
|
143
|
+
"css-var-changed:--semantic-color-border-accent:[data-theme=\"dark\"]",
|
|
144
|
+
"css-var-changed:--semantic-color-border-accent:[data-theme=dark]"
|
|
145
|
+
],
|
|
146
|
+
"source": "CHANGELOG.md:40"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"id": "0.23.0/value-changed/--semantic-color-content-accent",
|
|
150
|
+
"kind": "value-changed",
|
|
151
|
+
"impact": "look",
|
|
152
|
+
"plain": "Accent-intent text and icons on page and card surfaces now render in a dark apple green instead of a neutral.",
|
|
153
|
+
"detect": {
|
|
154
|
+
"cssVars": [
|
|
155
|
+
"--semantic-color-content-accent"
|
|
156
|
+
],
|
|
157
|
+
"cssVarWrites": [
|
|
158
|
+
"--semantic-color-content-accent"
|
|
159
|
+
]
|
|
160
|
+
},
|
|
161
|
+
"facts": [
|
|
162
|
+
"css-var-changed:--semantic-color-content-accent::root",
|
|
163
|
+
"css-var-changed:--semantic-color-content-accent:[data-theme=\"dark\"]",
|
|
164
|
+
"css-var-changed:--semantic-color-content-accent:[data-theme=dark]"
|
|
165
|
+
],
|
|
166
|
+
"source": "CHANGELOG.md:40"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"id": "0.23.0/value-changed/--semantic-color-content-onAccent",
|
|
170
|
+
"kind": "value-changed",
|
|
171
|
+
"impact": "look",
|
|
172
|
+
"plain": "Text and icons on accent fills are now a dark neutral instead of white, because the accent fill is a bright apple green that needs dark text for contrast.",
|
|
173
|
+
"detect": {
|
|
174
|
+
"cssVars": [
|
|
175
|
+
"--semantic-color-content-onAccent"
|
|
176
|
+
],
|
|
177
|
+
"cssVarWrites": [
|
|
178
|
+
"--semantic-color-content-onAccent"
|
|
179
|
+
]
|
|
180
|
+
},
|
|
181
|
+
"facts": [
|
|
182
|
+
"css-var-changed:--semantic-color-content-onAccent::root"
|
|
183
|
+
],
|
|
184
|
+
"source": "CHANGELOG.md:40"
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"id": "0.23.0/value-changed/--semantic-color-surface-accent",
|
|
188
|
+
"kind": "value-changed",
|
|
189
|
+
"impact": "look",
|
|
190
|
+
"plain": "Accent background surfaces now render in a bright apple green instead of a dark neutral.",
|
|
191
|
+
"detect": {
|
|
192
|
+
"cssVars": [
|
|
193
|
+
"--semantic-color-surface-accent"
|
|
194
|
+
],
|
|
195
|
+
"cssVarWrites": [
|
|
196
|
+
"--semantic-color-surface-accent"
|
|
197
|
+
]
|
|
198
|
+
},
|
|
199
|
+
"facts": [
|
|
200
|
+
"css-var-changed:--semantic-color-surface-accent::root",
|
|
201
|
+
"css-var-changed:--semantic-color-surface-accent:[data-theme=\"dark\"]",
|
|
202
|
+
"css-var-changed:--semantic-color-surface-accent:[data-theme=dark]"
|
|
203
|
+
],
|
|
204
|
+
"source": "CHANGELOG.md:40"
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"id": "0.23.0/value-changed/--semantic-color-surface-accentSubtle",
|
|
208
|
+
"kind": "value-changed",
|
|
209
|
+
"impact": "look",
|
|
210
|
+
"plain": "Faint accent background surfaces are now a pale apple green instead of a neutral tint.",
|
|
211
|
+
"detect": {
|
|
212
|
+
"cssVars": [
|
|
213
|
+
"--semantic-color-surface-accentSubtle"
|
|
214
|
+
],
|
|
215
|
+
"cssVarWrites": [
|
|
216
|
+
"--semantic-color-surface-accentSubtle"
|
|
217
|
+
]
|
|
218
|
+
},
|
|
219
|
+
"facts": [
|
|
220
|
+
"css-var-changed:--semantic-color-surface-accentSubtle::root",
|
|
221
|
+
"css-var-changed:--semantic-color-surface-accentSubtle:[data-theme=\"dark\"]",
|
|
222
|
+
"css-var-changed:--semantic-color-surface-accentSubtle:[data-theme=dark]"
|
|
223
|
+
],
|
|
224
|
+
"source": "CHANGELOG.md:40"
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"id": "0.23.0/look/alert-callout-fill",
|
|
228
|
+
"kind": "look",
|
|
229
|
+
"impact": "look",
|
|
230
|
+
"plain": "Callout now renders as a tinted feedback fill (rounded, no left stripe) matching Alert, with the accent tone using a neutral muted fill.",
|
|
231
|
+
"source": "CHANGELOG.md:31"
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"id": "0.23.0/look/mono-font-ibm-plex",
|
|
235
|
+
"kind": "look",
|
|
236
|
+
"impact": "look",
|
|
237
|
+
"plain": "Code text now draws in IBM Plex Mono instead of Geist Mono, so if you preload or self-host geist-mono-400.woff2, point it at ibm-plex-mono-400.woff2 from fonts.css instead.",
|
|
238
|
+
"detect": {
|
|
239
|
+
"regex": [
|
|
240
|
+
"Geist Mono",
|
|
241
|
+
"geist-mono"
|
|
242
|
+
]
|
|
243
|
+
},
|
|
244
|
+
"facts": [
|
|
245
|
+
"css-var-changed:--hds-font-family-mono::root",
|
|
246
|
+
"css-var-changed:--primitive-typography-family-mono::root",
|
|
247
|
+
"font-face-removed:Geist Mono/400/normal"
|
|
248
|
+
],
|
|
249
|
+
"source": "CHANGELOG.md:19"
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"id": "0.23.0/look/table-align-reduced-motion",
|
|
253
|
+
"kind": "look",
|
|
254
|
+
"impact": "look",
|
|
255
|
+
"plain": "Table data cells vertically center their content (badge/status slots no longer float above text) and the caption gains spacing above the table; loading spinners and the progress bar stop animating under prefers-reduced-motion.",
|
|
256
|
+
"source": "CHANGELOG.md:73"
|
|
257
|
+
}
|
|
258
|
+
]
|
|
259
|
+
}
|