@hirobius/design-system 0.21.0 → 0.22.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 +2 -0
- package/CHANGELOG.md +969 -0
- package/CONSUMING.md +23 -9
- package/MIGRATIONS.md +603 -0
- package/README.md +2 -0
- package/UPGRADING.md +222 -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/hirobius-ui.js +1 -1
- package/dist/manifest.js +3 -3
- package/dist/styles.css +1 -1
- package/dist/tokens.css +1 -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 +1 -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 +1 -1
- package/dist/types/src/app/components/callout.d.ts +1 -1
- package/dist/types/src/app/components/card.d.ts +1 -1
- package/dist/types/src/app/components/checkbox.d.ts +1 -1
- package/dist/types/src/app/components/code-block.d.ts +1 -1
- package/dist/types/src/app/components/combobox.d.ts +1 -1
- package/dist/types/src/app/components/data-table-section.d.ts +1 -1
- package/dist/types/src/app/components/destructive-section.d.ts +1 -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 +1 -1
- 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 +1 -1
- package/dist/types/src/app/components/form.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 +1 -1
- 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 +1 -1
- 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/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/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 +1 -1
- 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/index.d.ts +79 -32
- package/hirobius.tokens.json +86 -39
- package/mcp/catalog.mjs +10 -7
- package/mcp/core-set.mjs +66 -0
- package/mcp/guide.mjs +9 -52
- package/package.json +23 -7
- package/public/hds-manifest.json +109 -109
- package/src/app/data/component-api.json +54 -54
- package/upgrade/index.json +208 -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/schema.json +989 -0
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": "0.19.0",
|
|
3
|
+
"date": "2026-09-30",
|
|
4
|
+
"bump": "minor",
|
|
5
|
+
"summary": "Overlays portal into the nearest data-hds scope, compact density tightens spacing, containers share one radius; adds /icons.",
|
|
6
|
+
"backfilled": true,
|
|
7
|
+
"steps": [
|
|
8
|
+
{
|
|
9
|
+
"id": "0.19.0/look/Table-density-inherit",
|
|
10
|
+
"kind": "look",
|
|
11
|
+
"impact": "look",
|
|
12
|
+
"plain": "A Table with no density prop now follows the nearest data-density attribute, so a Table inside a compact region renders compact unless you pass density.",
|
|
13
|
+
"detect": {
|
|
14
|
+
"imports": [
|
|
15
|
+
{
|
|
16
|
+
"from": "@hirobius/design-system",
|
|
17
|
+
"names": [
|
|
18
|
+
"Table"
|
|
19
|
+
]
|
|
20
|
+
}
|
|
21
|
+
],
|
|
22
|
+
"jsx": [
|
|
23
|
+
"Table"
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
"backfilled": true,
|
|
27
|
+
"source": "CHANGELOG.md:8"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"id": "0.19.0/look/compact-density",
|
|
31
|
+
"kind": "look",
|
|
32
|
+
"impact": "look",
|
|
33
|
+
"plain": "Under compact density (data-density=\"compact\", which HdsThemeProvider density=\"compact\" and ThemeProvider's setDensity also set) the spacing scale, surface padding and region gutter that components read now tighten, so compact screens render visibly tighter than before.",
|
|
34
|
+
"detect": {
|
|
35
|
+
"imports": [
|
|
36
|
+
{
|
|
37
|
+
"from": "@hirobius/design-system",
|
|
38
|
+
"names": [
|
|
39
|
+
"HdsThemeProvider",
|
|
40
|
+
"useHdsTheme"
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"from": "@hirobius/design-system/contexts",
|
|
45
|
+
"names": [
|
|
46
|
+
"ThemeProvider",
|
|
47
|
+
"useTheme"
|
|
48
|
+
]
|
|
49
|
+
}
|
|
50
|
+
],
|
|
51
|
+
"regex": [
|
|
52
|
+
"[dD]ensity\\W{0,4}compact",
|
|
53
|
+
"\\b(?:setDensity|toggleDensity)\\b"
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
"backfilled": true,
|
|
57
|
+
"source": "CHANGELOG.md:8"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"id": "0.19.0/look/container-radius",
|
|
61
|
+
"kind": "look",
|
|
62
|
+
"impact": "look",
|
|
63
|
+
"plain": "Surface, StatusTile, DocLinkCard, static.css's .hds-card and the .hds-soft-nav-card and .hds-sketchbook-canvas-stage classes now round to the tenant's container radius, 12px by default, instead of a fixed 8px.",
|
|
64
|
+
"detect": {
|
|
65
|
+
"imports": [
|
|
66
|
+
{
|
|
67
|
+
"from": "@hirobius/design-system",
|
|
68
|
+
"names": [
|
|
69
|
+
"Surface",
|
|
70
|
+
"StatusTile",
|
|
71
|
+
"DocLinkCard"
|
|
72
|
+
]
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"from": "@hirobius/design-system/patterns",
|
|
76
|
+
"names": [
|
|
77
|
+
"DocLinkCard"
|
|
78
|
+
]
|
|
79
|
+
}
|
|
80
|
+
],
|
|
81
|
+
"jsx": [
|
|
82
|
+
"Surface",
|
|
83
|
+
"StatusTile",
|
|
84
|
+
"DocLinkCard"
|
|
85
|
+
],
|
|
86
|
+
"classes": [
|
|
87
|
+
"hds-card",
|
|
88
|
+
"hds-doc-link-card",
|
|
89
|
+
"hds-soft-nav-card",
|
|
90
|
+
"hds-sketchbook-canvas-stage"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
"backfilled": true,
|
|
94
|
+
"source": "CHANGELOG.md:10"
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"id": "0.19.0/look/dark-color-scheme",
|
|
98
|
+
"kind": "look",
|
|
99
|
+
"impact": "look",
|
|
100
|
+
"plain": "The dark theme (data-theme=\"dark\" or the dark class, which HdsThemeProvider theme=\"dark\" and ThemeProvider set) now declares color-scheme: dark, so native scrollbars and form controls inside it render dark.",
|
|
101
|
+
"detect": {
|
|
102
|
+
"imports": [
|
|
103
|
+
{
|
|
104
|
+
"from": "@hirobius/design-system",
|
|
105
|
+
"names": [
|
|
106
|
+
"HdsThemeProvider"
|
|
107
|
+
]
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"from": "@hirobius/design-system/contexts",
|
|
111
|
+
"names": [
|
|
112
|
+
"ThemeProvider",
|
|
113
|
+
"useTheme"
|
|
114
|
+
]
|
|
115
|
+
}
|
|
116
|
+
],
|
|
117
|
+
"classes": [
|
|
118
|
+
"dark"
|
|
119
|
+
],
|
|
120
|
+
"regex": [
|
|
121
|
+
"[tT]heme\\W{0,4}dark"
|
|
122
|
+
]
|
|
123
|
+
},
|
|
124
|
+
"backfilled": true,
|
|
125
|
+
"source": "CHANGELOG.md:7"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"id": "0.19.0/look/modal-scrim",
|
|
129
|
+
"kind": "look",
|
|
130
|
+
"impact": "look",
|
|
131
|
+
"plain": "The scrim behind an open Dialog, AlertDialog or CommandPalette is now the theme-aware scrim color, black in dark mode where it was a white wash.",
|
|
132
|
+
"detect": {
|
|
133
|
+
"imports": [
|
|
134
|
+
{
|
|
135
|
+
"from": "@hirobius/design-system",
|
|
136
|
+
"names": [
|
|
137
|
+
"Dialog",
|
|
138
|
+
"AlertDialog",
|
|
139
|
+
"CommandPalette"
|
|
140
|
+
]
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"from": "@hirobius/design-system/patterns",
|
|
144
|
+
"names": [
|
|
145
|
+
"CommandPalette"
|
|
146
|
+
]
|
|
147
|
+
}
|
|
148
|
+
],
|
|
149
|
+
"jsx": [
|
|
150
|
+
"Dialog",
|
|
151
|
+
"AlertDialog",
|
|
152
|
+
"CommandPalette"
|
|
153
|
+
]
|
|
154
|
+
},
|
|
155
|
+
"backfilled": true,
|
|
156
|
+
"source": "CHANGELOG.md:7"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"id": "0.19.0/behavior/Button-iconOnly-warning",
|
|
160
|
+
"kind": "behavior",
|
|
161
|
+
"impact": "behavior",
|
|
162
|
+
"plain": "In development, a Button with iconOnly and no iconLeft now logs one warning, so a test that fails on console warnings will flag it.",
|
|
163
|
+
"detect": {
|
|
164
|
+
"regex": [
|
|
165
|
+
"\\biconOnly\\b"
|
|
166
|
+
]
|
|
167
|
+
},
|
|
168
|
+
"backfilled": true,
|
|
169
|
+
"source": "CHANGELOG.md:11"
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"id": "0.19.0/behavior/overlay-portals",
|
|
173
|
+
"kind": "behavior",
|
|
174
|
+
"impact": "behavior",
|
|
175
|
+
"plain": "Overlays mount in the nearest data-hds element, not document.body, and take its theme, so check CSS or tests that query body: Dialog, AlertDialog, Menu, ContextMenu, Popover, Select, HoverCard, Tooltip, Lightbox, AssetImg, and the overlays of Combobox, MultiSelector, CommandPalette and date inputs.",
|
|
176
|
+
"detect": {
|
|
177
|
+
"imports": [
|
|
178
|
+
{
|
|
179
|
+
"from": "@hirobius/design-system",
|
|
180
|
+
"names": [
|
|
181
|
+
"Dialog",
|
|
182
|
+
"AlertDialog",
|
|
183
|
+
"Menu",
|
|
184
|
+
"ContextMenu",
|
|
185
|
+
"Popover",
|
|
186
|
+
"Select",
|
|
187
|
+
"HoverCard",
|
|
188
|
+
"Tooltip",
|
|
189
|
+
"Lightbox",
|
|
190
|
+
"AssetImg",
|
|
191
|
+
"HdsSelect",
|
|
192
|
+
"HdsTooltip",
|
|
193
|
+
"Combobox",
|
|
194
|
+
"MultiSelector",
|
|
195
|
+
"DateInput",
|
|
196
|
+
"DateRangeInput",
|
|
197
|
+
"DateTimeInput",
|
|
198
|
+
"CommandPalette"
|
|
199
|
+
]
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"from": "@hirobius/design-system/patterns",
|
|
203
|
+
"names": [
|
|
204
|
+
"Lightbox",
|
|
205
|
+
"AssetImg",
|
|
206
|
+
"CommandPalette"
|
|
207
|
+
]
|
|
208
|
+
}
|
|
209
|
+
],
|
|
210
|
+
"jsx": [
|
|
211
|
+
"Dialog",
|
|
212
|
+
"AlertDialog",
|
|
213
|
+
"Menu",
|
|
214
|
+
"ContextMenu",
|
|
215
|
+
"Popover",
|
|
216
|
+
"Select",
|
|
217
|
+
"HoverCard",
|
|
218
|
+
"Tooltip",
|
|
219
|
+
"Lightbox",
|
|
220
|
+
"AssetImg",
|
|
221
|
+
"Combobox",
|
|
222
|
+
"MultiSelector",
|
|
223
|
+
"DateInput",
|
|
224
|
+
"DateRangeInput",
|
|
225
|
+
"DateTimeInput",
|
|
226
|
+
"CommandPalette"
|
|
227
|
+
]
|
|
228
|
+
},
|
|
229
|
+
"backfilled": true,
|
|
230
|
+
"source": "CHANGELOG.md:7"
|
|
231
|
+
}
|
|
232
|
+
]
|
|
233
|
+
}
|