@hirobius/design-system 0.23.2 → 0.24.1
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/CHANGELOG.md +57 -0
- package/DESIGN.md +8 -9
- package/README.md +24 -14
- package/UPGRADING.md +69 -1
- package/dist/css-contract.json +1 -1
- package/dist/hirobius-ui.js +253 -252
- package/dist/manifest.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.js +25 -12
- package/dist/types/src/app/design-system/generated-token-refs.d.ts +25 -12
- package/dist/types/src/app/design-system/generated-token-values.d.ts +25 -12
- package/dist/types/src/index.d.ts +54 -7
- package/dist/variables.css +67 -56
- package/docs/CONSUMING.md +7 -7
- package/hirobius.tokens.json +147 -100
- package/llms.txt +4 -13
- package/package.json +3 -2
- package/public/hds-manifest.json +230 -153
- package/public/llms/scroll.txt +2 -2
- package/public/llms-full.txt +12 -22
- package/public/llms.txt +4 -13
- package/src/app/data/component-api.json +1 -1
- package/upgrade/index.json +15 -1
- package/upgrade/releases/0.24.0.json +661 -0
- package/upgrade/releases/0.24.1.json +311 -0
|
@@ -0,0 +1,661 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": "0.24.0",
|
|
3
|
+
"date": "2026-10-12",
|
|
4
|
+
"bump": "minor",
|
|
5
|
+
"summary": "11 changes to make by hand (11 breaking) and 24 that look different.",
|
|
6
|
+
"backfilled": false,
|
|
7
|
+
"steps": [
|
|
8
|
+
{
|
|
9
|
+
"id": "0.24.0/removed/--primitive-color-apple-100",
|
|
10
|
+
"kind": "removed",
|
|
11
|
+
"impact": "breaking",
|
|
12
|
+
"plain": "The --primitive-color-apple-100 variable is gone; use --primitive-color-graphite-100 for the same accent step.",
|
|
13
|
+
"detect": {
|
|
14
|
+
"cssVars": [
|
|
15
|
+
"--primitive-color-apple-100"
|
|
16
|
+
],
|
|
17
|
+
"cssVarWrites": [
|
|
18
|
+
"--primitive-color-apple-100"
|
|
19
|
+
]
|
|
20
|
+
},
|
|
21
|
+
"facts": [
|
|
22
|
+
"css-var-removed:--primitive-color-apple-100"
|
|
23
|
+
],
|
|
24
|
+
"source": "CHANGELOG.md:19"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"id": "0.24.0/removed/--primitive-color-apple-200",
|
|
28
|
+
"kind": "removed",
|
|
29
|
+
"impact": "breaking",
|
|
30
|
+
"plain": "The --primitive-color-apple-200 variable is gone; use --primitive-color-graphite-200 for the same accent step.",
|
|
31
|
+
"detect": {
|
|
32
|
+
"cssVars": [
|
|
33
|
+
"--primitive-color-apple-200"
|
|
34
|
+
],
|
|
35
|
+
"cssVarWrites": [
|
|
36
|
+
"--primitive-color-apple-200"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"facts": [
|
|
40
|
+
"css-var-removed:--primitive-color-apple-200"
|
|
41
|
+
],
|
|
42
|
+
"source": "CHANGELOG.md:19"
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"id": "0.24.0/removed/--primitive-color-apple-300",
|
|
46
|
+
"kind": "removed",
|
|
47
|
+
"impact": "breaking",
|
|
48
|
+
"plain": "The --primitive-color-apple-300 variable is gone; use --primitive-color-graphite-300 for the same accent step.",
|
|
49
|
+
"detect": {
|
|
50
|
+
"cssVars": [
|
|
51
|
+
"--primitive-color-apple-300"
|
|
52
|
+
],
|
|
53
|
+
"cssVarWrites": [
|
|
54
|
+
"--primitive-color-apple-300"
|
|
55
|
+
]
|
|
56
|
+
},
|
|
57
|
+
"facts": [
|
|
58
|
+
"css-var-removed:--primitive-color-apple-300"
|
|
59
|
+
],
|
|
60
|
+
"source": "CHANGELOG.md:19"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"id": "0.24.0/removed/--primitive-color-apple-400",
|
|
64
|
+
"kind": "removed",
|
|
65
|
+
"impact": "breaking",
|
|
66
|
+
"plain": "The --primitive-color-apple-400 variable is gone; use --primitive-color-graphite-400 for the same accent step.",
|
|
67
|
+
"detect": {
|
|
68
|
+
"cssVars": [
|
|
69
|
+
"--primitive-color-apple-400"
|
|
70
|
+
],
|
|
71
|
+
"cssVarWrites": [
|
|
72
|
+
"--primitive-color-apple-400"
|
|
73
|
+
]
|
|
74
|
+
},
|
|
75
|
+
"facts": [
|
|
76
|
+
"css-var-removed:--primitive-color-apple-400"
|
|
77
|
+
],
|
|
78
|
+
"source": "CHANGELOG.md:19"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"id": "0.24.0/removed/--primitive-color-apple-50",
|
|
82
|
+
"kind": "removed",
|
|
83
|
+
"impact": "breaking",
|
|
84
|
+
"plain": "The --primitive-color-apple-50 variable is gone; use --primitive-color-graphite-50 for the same lightest accent step.",
|
|
85
|
+
"detect": {
|
|
86
|
+
"cssVars": [
|
|
87
|
+
"--primitive-color-apple-50"
|
|
88
|
+
],
|
|
89
|
+
"cssVarWrites": [
|
|
90
|
+
"--primitive-color-apple-50"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
"facts": [
|
|
94
|
+
"css-var-removed:--primitive-color-apple-50"
|
|
95
|
+
],
|
|
96
|
+
"source": "CHANGELOG.md:19"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"id": "0.24.0/removed/--primitive-color-apple-500",
|
|
100
|
+
"kind": "removed",
|
|
101
|
+
"impact": "breaking",
|
|
102
|
+
"plain": "The --primitive-color-apple-500 variable is gone; use --primitive-color-graphite-500 (or a semantic accent token) instead.",
|
|
103
|
+
"detect": {
|
|
104
|
+
"cssVars": [
|
|
105
|
+
"--primitive-color-apple-500"
|
|
106
|
+
],
|
|
107
|
+
"cssVarWrites": [
|
|
108
|
+
"--primitive-color-apple-500"
|
|
109
|
+
]
|
|
110
|
+
},
|
|
111
|
+
"facts": [
|
|
112
|
+
"css-var-removed:--primitive-color-apple-500"
|
|
113
|
+
],
|
|
114
|
+
"source": "CHANGELOG.md:19"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"id": "0.24.0/removed/--primitive-color-apple-600",
|
|
118
|
+
"kind": "removed",
|
|
119
|
+
"impact": "breaking",
|
|
120
|
+
"plain": "The --primitive-color-apple-600 variable is gone; use --primitive-color-graphite-600 for the same accent step.",
|
|
121
|
+
"detect": {
|
|
122
|
+
"cssVars": [
|
|
123
|
+
"--primitive-color-apple-600"
|
|
124
|
+
],
|
|
125
|
+
"cssVarWrites": [
|
|
126
|
+
"--primitive-color-apple-600"
|
|
127
|
+
]
|
|
128
|
+
},
|
|
129
|
+
"facts": [
|
|
130
|
+
"css-var-removed:--primitive-color-apple-600"
|
|
131
|
+
],
|
|
132
|
+
"source": "CHANGELOG.md:19"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"id": "0.24.0/removed/--primitive-color-apple-700",
|
|
136
|
+
"kind": "removed",
|
|
137
|
+
"impact": "breaking",
|
|
138
|
+
"plain": "The --primitive-color-apple-700 variable is gone; use --primitive-color-graphite-700 for the rest accent step.",
|
|
139
|
+
"detect": {
|
|
140
|
+
"cssVars": [
|
|
141
|
+
"--primitive-color-apple-700"
|
|
142
|
+
],
|
|
143
|
+
"cssVarWrites": [
|
|
144
|
+
"--primitive-color-apple-700"
|
|
145
|
+
]
|
|
146
|
+
},
|
|
147
|
+
"facts": [
|
|
148
|
+
"css-var-removed:--primitive-color-apple-700"
|
|
149
|
+
],
|
|
150
|
+
"source": "CHANGELOG.md:19"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"id": "0.24.0/removed/--primitive-color-apple-800",
|
|
154
|
+
"kind": "removed",
|
|
155
|
+
"impact": "breaking",
|
|
156
|
+
"plain": "The --primitive-color-apple-800 variable is gone; use --primitive-color-graphite-800 for the same accent step.",
|
|
157
|
+
"detect": {
|
|
158
|
+
"cssVars": [
|
|
159
|
+
"--primitive-color-apple-800"
|
|
160
|
+
],
|
|
161
|
+
"cssVarWrites": [
|
|
162
|
+
"--primitive-color-apple-800"
|
|
163
|
+
]
|
|
164
|
+
},
|
|
165
|
+
"facts": [
|
|
166
|
+
"css-var-removed:--primitive-color-apple-800"
|
|
167
|
+
],
|
|
168
|
+
"source": "CHANGELOG.md:19"
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"id": "0.24.0/removed/--primitive-color-apple-900",
|
|
172
|
+
"kind": "removed",
|
|
173
|
+
"impact": "breaking",
|
|
174
|
+
"plain": "The --primitive-color-apple-900 variable is gone; use --primitive-color-graphite-900 for the same accent step.",
|
|
175
|
+
"detect": {
|
|
176
|
+
"cssVars": [
|
|
177
|
+
"--primitive-color-apple-900"
|
|
178
|
+
],
|
|
179
|
+
"cssVarWrites": [
|
|
180
|
+
"--primitive-color-apple-900"
|
|
181
|
+
]
|
|
182
|
+
},
|
|
183
|
+
"facts": [
|
|
184
|
+
"css-var-removed:--primitive-color-apple-900"
|
|
185
|
+
],
|
|
186
|
+
"source": "CHANGELOG.md:19"
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"id": "0.24.0/removed/--primitive-color-apple-950",
|
|
190
|
+
"kind": "removed",
|
|
191
|
+
"impact": "breaking",
|
|
192
|
+
"plain": "The --primitive-color-apple-950 variable is gone; use --primitive-color-graphite-950 for the darkest accent step.",
|
|
193
|
+
"detect": {
|
|
194
|
+
"cssVars": [
|
|
195
|
+
"--primitive-color-apple-950"
|
|
196
|
+
],
|
|
197
|
+
"cssVarWrites": [
|
|
198
|
+
"--primitive-color-apple-950"
|
|
199
|
+
]
|
|
200
|
+
},
|
|
201
|
+
"facts": [
|
|
202
|
+
"css-var-removed:--primitive-color-apple-950"
|
|
203
|
+
],
|
|
204
|
+
"source": "CHANGELOG.md:19"
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"id": "0.24.0/value-changed/--primitive-typography-family-display",
|
|
208
|
+
"kind": "value-changed",
|
|
209
|
+
"impact": "look",
|
|
210
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
211
|
+
"detect": {
|
|
212
|
+
"cssVars": [
|
|
213
|
+
"--primitive-typography-family-display"
|
|
214
|
+
],
|
|
215
|
+
"cssVarWrites": [
|
|
216
|
+
"--primitive-typography-family-display"
|
|
217
|
+
]
|
|
218
|
+
},
|
|
219
|
+
"facts": [
|
|
220
|
+
"css-var-changed:--primitive-typography-family-display::where([data-hds],[data-hds] *)"
|
|
221
|
+
],
|
|
222
|
+
"source": "CHANGELOG.md:34"
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"id": "0.24.0/value-changed/--primitive-typography-family-mono",
|
|
226
|
+
"kind": "value-changed",
|
|
227
|
+
"impact": "look",
|
|
228
|
+
"plain": "This variable now follows the code-font dial (--hds-font-family-mono) at any scope; if you overrode it directly, override the dial instead.",
|
|
229
|
+
"detect": {
|
|
230
|
+
"cssVars": [
|
|
231
|
+
"--primitive-typography-family-mono"
|
|
232
|
+
],
|
|
233
|
+
"cssVarWrites": [
|
|
234
|
+
"--primitive-typography-family-mono"
|
|
235
|
+
]
|
|
236
|
+
},
|
|
237
|
+
"facts": [
|
|
238
|
+
"css-var-changed:--primitive-typography-family-mono::where([data-hds],[data-hds] *)"
|
|
239
|
+
],
|
|
240
|
+
"source": "CHANGELOG.md:34"
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"id": "0.24.0/value-changed/--primitive-typography-family-primary",
|
|
244
|
+
"kind": "value-changed",
|
|
245
|
+
"impact": "look",
|
|
246
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
247
|
+
"detect": {
|
|
248
|
+
"cssVars": [
|
|
249
|
+
"--primitive-typography-family-primary"
|
|
250
|
+
],
|
|
251
|
+
"cssVarWrites": [
|
|
252
|
+
"--primitive-typography-family-primary"
|
|
253
|
+
]
|
|
254
|
+
},
|
|
255
|
+
"facts": [
|
|
256
|
+
"css-var-changed:--primitive-typography-family-primary::where([data-hds],[data-hds] *)"
|
|
257
|
+
],
|
|
258
|
+
"source": "CHANGELOG.md:34"
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
"id": "0.24.0/value-changed/--semantic-accent-content",
|
|
262
|
+
"kind": "value-changed",
|
|
263
|
+
"impact": "look",
|
|
264
|
+
"plain": "Accent-intent text and icons (such as links) now render in graphite instead of a dark apple green.",
|
|
265
|
+
"detect": {
|
|
266
|
+
"cssVars": [
|
|
267
|
+
"--semantic-accent-content"
|
|
268
|
+
],
|
|
269
|
+
"cssVarWrites": [
|
|
270
|
+
"--semantic-accent-content"
|
|
271
|
+
]
|
|
272
|
+
},
|
|
273
|
+
"facts": [
|
|
274
|
+
"css-var-changed:--semantic-accent-content::root",
|
|
275
|
+
"css-var-changed:--semantic-accent-content:[data-theme=\"dark\"]",
|
|
276
|
+
"css-var-changed:--semantic-accent-content:[data-theme=dark]"
|
|
277
|
+
],
|
|
278
|
+
"source": "CHANGELOG.md:19"
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"id": "0.24.0/value-changed/--semantic-accent-contentHover",
|
|
282
|
+
"kind": "value-changed",
|
|
283
|
+
"impact": "look",
|
|
284
|
+
"plain": "Hovered accent text now shifts within the graphite scale instead of toward a darker apple green.",
|
|
285
|
+
"detect": {
|
|
286
|
+
"cssVars": [
|
|
287
|
+
"--semantic-accent-contentHover"
|
|
288
|
+
],
|
|
289
|
+
"cssVarWrites": [
|
|
290
|
+
"--semantic-accent-contentHover"
|
|
291
|
+
]
|
|
292
|
+
},
|
|
293
|
+
"facts": [
|
|
294
|
+
"css-var-changed:--semantic-accent-contentHover::root",
|
|
295
|
+
"css-var-changed:--semantic-accent-contentHover:[data-theme=\"dark\"]",
|
|
296
|
+
"css-var-changed:--semantic-accent-contentHover:[data-theme=dark]"
|
|
297
|
+
],
|
|
298
|
+
"source": "CHANGELOG.md:19"
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"id": "0.24.0/value-changed/--semantic-accent-hover",
|
|
302
|
+
"kind": "value-changed",
|
|
303
|
+
"impact": "look",
|
|
304
|
+
"plain": "The accent fill on hover is now a deeper graphite (light mode) or lighter warm-grey (dark mode) instead of a green.",
|
|
305
|
+
"detect": {
|
|
306
|
+
"cssVars": [
|
|
307
|
+
"--semantic-accent-hover"
|
|
308
|
+
],
|
|
309
|
+
"cssVarWrites": [
|
|
310
|
+
"--semantic-accent-hover"
|
|
311
|
+
]
|
|
312
|
+
},
|
|
313
|
+
"facts": [
|
|
314
|
+
"css-var-changed:--semantic-accent-hover::root",
|
|
315
|
+
"css-var-changed:--semantic-accent-hover:[data-theme=\"dark\"]",
|
|
316
|
+
"css-var-changed:--semantic-accent-hover:[data-theme=dark]"
|
|
317
|
+
],
|
|
318
|
+
"source": "CHANGELOG.md:19"
|
|
319
|
+
},
|
|
320
|
+
{
|
|
321
|
+
"id": "0.24.0/value-changed/--semantic-accent-pressed",
|
|
322
|
+
"kind": "value-changed",
|
|
323
|
+
"impact": "look",
|
|
324
|
+
"plain": "The accent fill while pressed is now a darker graphite (light mode) or lighter warm-grey (dark mode) instead of a green.",
|
|
325
|
+
"detect": {
|
|
326
|
+
"cssVars": [
|
|
327
|
+
"--semantic-accent-pressed"
|
|
328
|
+
],
|
|
329
|
+
"cssVarWrites": [
|
|
330
|
+
"--semantic-accent-pressed"
|
|
331
|
+
]
|
|
332
|
+
},
|
|
333
|
+
"facts": [
|
|
334
|
+
"css-var-changed:--semantic-accent-pressed::root",
|
|
335
|
+
"css-var-changed:--semantic-accent-pressed:[data-theme=\"dark\"]",
|
|
336
|
+
"css-var-changed:--semantic-accent-pressed:[data-theme=dark]"
|
|
337
|
+
],
|
|
338
|
+
"source": "CHANGELOG.md:19"
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
"id": "0.24.0/value-changed/--semantic-accent-rest",
|
|
342
|
+
"kind": "value-changed",
|
|
343
|
+
"impact": "look",
|
|
344
|
+
"plain": "Interactive accent fills at rest (primary buttons, selected controls) now render in warm graphite — a dark fill in light mode and a light warm-grey fill in dark mode — instead of a bright apple green.",
|
|
345
|
+
"detect": {
|
|
346
|
+
"cssVars": [
|
|
347
|
+
"--semantic-accent-rest"
|
|
348
|
+
],
|
|
349
|
+
"cssVarWrites": [
|
|
350
|
+
"--semantic-accent-rest"
|
|
351
|
+
]
|
|
352
|
+
},
|
|
353
|
+
"facts": [
|
|
354
|
+
"css-var-changed:--semantic-accent-rest::root",
|
|
355
|
+
"css-var-changed:--semantic-accent-rest:[data-theme=\"dark\"]",
|
|
356
|
+
"css-var-changed:--semantic-accent-rest:[data-theme=dark]"
|
|
357
|
+
],
|
|
358
|
+
"source": "CHANGELOG.md:19"
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
"id": "0.24.0/value-changed/--semantic-accent-subtle",
|
|
362
|
+
"kind": "value-changed",
|
|
363
|
+
"impact": "look",
|
|
364
|
+
"plain": "The low-emphasis accent tint (hover and selection backgrounds) is now a faint graphite tint instead of a faint apple green.",
|
|
365
|
+
"detect": {
|
|
366
|
+
"cssVars": [
|
|
367
|
+
"--semantic-accent-subtle"
|
|
368
|
+
],
|
|
369
|
+
"cssVarWrites": [
|
|
370
|
+
"--semantic-accent-subtle"
|
|
371
|
+
]
|
|
372
|
+
},
|
|
373
|
+
"facts": [
|
|
374
|
+
"css-var-changed:--semantic-accent-subtle::root",
|
|
375
|
+
"css-var-changed:--semantic-accent-subtle:[data-theme=\"dark\"]",
|
|
376
|
+
"css-var-changed:--semantic-accent-subtle:[data-theme=dark]"
|
|
377
|
+
],
|
|
378
|
+
"source": "CHANGELOG.md:19"
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"id": "0.24.0/value-changed/--semantic-color-border-accent",
|
|
382
|
+
"kind": "value-changed",
|
|
383
|
+
"impact": "look",
|
|
384
|
+
"plain": "Accent borders now render in graphite instead of apple green.",
|
|
385
|
+
"detect": {
|
|
386
|
+
"cssVars": [
|
|
387
|
+
"--semantic-color-border-accent"
|
|
388
|
+
],
|
|
389
|
+
"cssVarWrites": [
|
|
390
|
+
"--semantic-color-border-accent"
|
|
391
|
+
]
|
|
392
|
+
},
|
|
393
|
+
"facts": [
|
|
394
|
+
"css-var-changed:--semantic-color-border-accent::root",
|
|
395
|
+
"css-var-changed:--semantic-color-border-accent:[data-theme=\"dark\"]",
|
|
396
|
+
"css-var-changed:--semantic-color-border-accent:[data-theme=dark]"
|
|
397
|
+
],
|
|
398
|
+
"source": "CHANGELOG.md:19"
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"id": "0.24.0/value-changed/--semantic-color-content-accent",
|
|
402
|
+
"kind": "value-changed",
|
|
403
|
+
"impact": "look",
|
|
404
|
+
"plain": "Accent-intent text and icons on page and card surfaces now render in graphite instead of a dark apple green.",
|
|
405
|
+
"detect": {
|
|
406
|
+
"cssVars": [
|
|
407
|
+
"--semantic-color-content-accent"
|
|
408
|
+
],
|
|
409
|
+
"cssVarWrites": [
|
|
410
|
+
"--semantic-color-content-accent"
|
|
411
|
+
]
|
|
412
|
+
},
|
|
413
|
+
"facts": [
|
|
414
|
+
"css-var-changed:--semantic-color-content-accent::root",
|
|
415
|
+
"css-var-changed:--semantic-color-content-accent:[data-theme=\"dark\"]",
|
|
416
|
+
"css-var-changed:--semantic-color-content-accent:[data-theme=dark]"
|
|
417
|
+
],
|
|
418
|
+
"source": "CHANGELOG.md:19"
|
|
419
|
+
},
|
|
420
|
+
{
|
|
421
|
+
"id": "0.24.0/value-changed/--semantic-color-content-onAccent",
|
|
422
|
+
"kind": "value-changed",
|
|
423
|
+
"impact": "look",
|
|
424
|
+
"plain": "Text and icons on accent fills are now near-white in light mode and dark graphite in dark mode (the fill inverts per theme), instead of a dark neutral in both modes.",
|
|
425
|
+
"detect": {
|
|
426
|
+
"cssVars": [
|
|
427
|
+
"--semantic-color-content-onAccent"
|
|
428
|
+
],
|
|
429
|
+
"cssVarWrites": [
|
|
430
|
+
"--semantic-color-content-onAccent"
|
|
431
|
+
]
|
|
432
|
+
},
|
|
433
|
+
"facts": [
|
|
434
|
+
"css-var-changed:--semantic-color-content-onAccent::root",
|
|
435
|
+
"css-var-changed:--semantic-color-content-onAccent:[data-theme=\"dark\"]",
|
|
436
|
+
"css-var-changed:--semantic-color-content-onAccent:[data-theme=dark]"
|
|
437
|
+
],
|
|
438
|
+
"source": "CHANGELOG.md:19"
|
|
439
|
+
},
|
|
440
|
+
{
|
|
441
|
+
"id": "0.24.0/value-changed/--semantic-color-surface-accent",
|
|
442
|
+
"kind": "value-changed",
|
|
443
|
+
"impact": "look",
|
|
444
|
+
"plain": "Accent background surfaces now render in warm graphite that inverts per theme instead of a bright apple green.",
|
|
445
|
+
"detect": {
|
|
446
|
+
"cssVars": [
|
|
447
|
+
"--semantic-color-surface-accent"
|
|
448
|
+
],
|
|
449
|
+
"cssVarWrites": [
|
|
450
|
+
"--semantic-color-surface-accent"
|
|
451
|
+
]
|
|
452
|
+
},
|
|
453
|
+
"facts": [
|
|
454
|
+
"css-var-changed:--semantic-color-surface-accent::root",
|
|
455
|
+
"css-var-changed:--semantic-color-surface-accent:[data-theme=\"dark\"]",
|
|
456
|
+
"css-var-changed:--semantic-color-surface-accent:[data-theme=dark]"
|
|
457
|
+
],
|
|
458
|
+
"source": "CHANGELOG.md:19"
|
|
459
|
+
},
|
|
460
|
+
{
|
|
461
|
+
"id": "0.24.0/value-changed/--semantic-color-surface-accentSubtle",
|
|
462
|
+
"kind": "value-changed",
|
|
463
|
+
"impact": "look",
|
|
464
|
+
"plain": "Faint accent background surfaces are now a pale graphite tint instead of a pale apple green.",
|
|
465
|
+
"detect": {
|
|
466
|
+
"cssVars": [
|
|
467
|
+
"--semantic-color-surface-accentSubtle"
|
|
468
|
+
],
|
|
469
|
+
"cssVarWrites": [
|
|
470
|
+
"--semantic-color-surface-accentSubtle"
|
|
471
|
+
]
|
|
472
|
+
},
|
|
473
|
+
"facts": [
|
|
474
|
+
"css-var-changed:--semantic-color-surface-accentSubtle::root",
|
|
475
|
+
"css-var-changed:--semantic-color-surface-accentSubtle:[data-theme=\"dark\"]",
|
|
476
|
+
"css-var-changed:--semantic-color-surface-accentSubtle:[data-theme=dark]"
|
|
477
|
+
],
|
|
478
|
+
"source": "CHANGELOG.md:19"
|
|
479
|
+
},
|
|
480
|
+
{
|
|
481
|
+
"id": "0.24.0/value-changed/--semantic-typography-body-font-family",
|
|
482
|
+
"kind": "value-changed",
|
|
483
|
+
"impact": "look",
|
|
484
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
485
|
+
"detect": {
|
|
486
|
+
"cssVars": [
|
|
487
|
+
"--semantic-typography-body-font-family"
|
|
488
|
+
],
|
|
489
|
+
"cssVarWrites": [
|
|
490
|
+
"--semantic-typography-body-font-family"
|
|
491
|
+
]
|
|
492
|
+
},
|
|
493
|
+
"facts": [
|
|
494
|
+
"css-var-changed:--semantic-typography-body-font-family::where([data-hds],[data-hds] *)"
|
|
495
|
+
],
|
|
496
|
+
"source": "CHANGELOG.md:34"
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"id": "0.24.0/value-changed/--semantic-typography-caption-font-family",
|
|
500
|
+
"kind": "value-changed",
|
|
501
|
+
"impact": "look",
|
|
502
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
503
|
+
"detect": {
|
|
504
|
+
"cssVars": [
|
|
505
|
+
"--semantic-typography-caption-font-family"
|
|
506
|
+
],
|
|
507
|
+
"cssVarWrites": [
|
|
508
|
+
"--semantic-typography-caption-font-family"
|
|
509
|
+
]
|
|
510
|
+
},
|
|
511
|
+
"facts": [
|
|
512
|
+
"css-var-changed:--semantic-typography-caption-font-family::where([data-hds],[data-hds] *)"
|
|
513
|
+
],
|
|
514
|
+
"source": "CHANGELOG.md:34"
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"id": "0.24.0/value-changed/--semantic-typography-display-font-family",
|
|
518
|
+
"kind": "value-changed",
|
|
519
|
+
"impact": "look",
|
|
520
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
521
|
+
"detect": {
|
|
522
|
+
"cssVars": [
|
|
523
|
+
"--semantic-typography-display-font-family"
|
|
524
|
+
],
|
|
525
|
+
"cssVarWrites": [
|
|
526
|
+
"--semantic-typography-display-font-family"
|
|
527
|
+
]
|
|
528
|
+
},
|
|
529
|
+
"facts": [
|
|
530
|
+
"css-var-changed:--semantic-typography-display-font-family::where([data-hds],[data-hds] *)"
|
|
531
|
+
],
|
|
532
|
+
"source": "CHANGELOG.md:34"
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"id": "0.24.0/value-changed/--semantic-typography-eyebrow-font-family",
|
|
536
|
+
"kind": "value-changed",
|
|
537
|
+
"impact": "look",
|
|
538
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
539
|
+
"detect": {
|
|
540
|
+
"cssVars": [
|
|
541
|
+
"--semantic-typography-eyebrow-font-family"
|
|
542
|
+
],
|
|
543
|
+
"cssVarWrites": [
|
|
544
|
+
"--semantic-typography-eyebrow-font-family"
|
|
545
|
+
]
|
|
546
|
+
},
|
|
547
|
+
"facts": [
|
|
548
|
+
"css-var-changed:--semantic-typography-eyebrow-font-family::where([data-hds],[data-hds] *)"
|
|
549
|
+
],
|
|
550
|
+
"source": "CHANGELOG.md:34"
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"id": "0.24.0/value-changed/--semantic-typography-h1-font-family",
|
|
554
|
+
"kind": "value-changed",
|
|
555
|
+
"impact": "look",
|
|
556
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
557
|
+
"detect": {
|
|
558
|
+
"cssVars": [
|
|
559
|
+
"--semantic-typography-h1-font-family"
|
|
560
|
+
],
|
|
561
|
+
"cssVarWrites": [
|
|
562
|
+
"--semantic-typography-h1-font-family"
|
|
563
|
+
]
|
|
564
|
+
},
|
|
565
|
+
"facts": [
|
|
566
|
+
"css-var-changed:--semantic-typography-h1-font-family::where([data-hds],[data-hds] *)"
|
|
567
|
+
],
|
|
568
|
+
"source": "CHANGELOG.md:34"
|
|
569
|
+
},
|
|
570
|
+
{
|
|
571
|
+
"id": "0.24.0/value-changed/--semantic-typography-h2-font-family",
|
|
572
|
+
"kind": "value-changed",
|
|
573
|
+
"impact": "look",
|
|
574
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
575
|
+
"detect": {
|
|
576
|
+
"cssVars": [
|
|
577
|
+
"--semantic-typography-h2-font-family"
|
|
578
|
+
],
|
|
579
|
+
"cssVarWrites": [
|
|
580
|
+
"--semantic-typography-h2-font-family"
|
|
581
|
+
]
|
|
582
|
+
},
|
|
583
|
+
"facts": [
|
|
584
|
+
"css-var-changed:--semantic-typography-h2-font-family::where([data-hds],[data-hds] *)"
|
|
585
|
+
],
|
|
586
|
+
"source": "CHANGELOG.md:34"
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"id": "0.24.0/value-changed/--semantic-typography-h3-font-family",
|
|
590
|
+
"kind": "value-changed",
|
|
591
|
+
"impact": "look",
|
|
592
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
593
|
+
"detect": {
|
|
594
|
+
"cssVars": [
|
|
595
|
+
"--semantic-typography-h3-font-family"
|
|
596
|
+
],
|
|
597
|
+
"cssVarWrites": [
|
|
598
|
+
"--semantic-typography-h3-font-family"
|
|
599
|
+
]
|
|
600
|
+
},
|
|
601
|
+
"facts": [
|
|
602
|
+
"css-var-changed:--semantic-typography-h3-font-family::where([data-hds],[data-hds] *)"
|
|
603
|
+
],
|
|
604
|
+
"source": "CHANGELOG.md:34"
|
|
605
|
+
},
|
|
606
|
+
{
|
|
607
|
+
"id": "0.24.0/value-changed/--semantic-typography-mono-font-family",
|
|
608
|
+
"kind": "value-changed",
|
|
609
|
+
"impact": "look",
|
|
610
|
+
"plain": "This variable now follows the code-font dial (--hds-font-family-mono) at any scope; if you overrode it directly, override the dial instead.",
|
|
611
|
+
"detect": {
|
|
612
|
+
"cssVars": [
|
|
613
|
+
"--semantic-typography-mono-font-family"
|
|
614
|
+
],
|
|
615
|
+
"cssVarWrites": [
|
|
616
|
+
"--semantic-typography-mono-font-family"
|
|
617
|
+
]
|
|
618
|
+
},
|
|
619
|
+
"facts": [
|
|
620
|
+
"css-var-changed:--semantic-typography-mono-font-family::where([data-hds],[data-hds] *)"
|
|
621
|
+
],
|
|
622
|
+
"source": "CHANGELOG.md:34"
|
|
623
|
+
},
|
|
624
|
+
{
|
|
625
|
+
"id": "0.24.0/value-changed/--semantic-typography-title-font-family",
|
|
626
|
+
"kind": "value-changed",
|
|
627
|
+
"impact": "look",
|
|
628
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
629
|
+
"detect": {
|
|
630
|
+
"cssVars": [
|
|
631
|
+
"--semantic-typography-title-font-family"
|
|
632
|
+
],
|
|
633
|
+
"cssVarWrites": [
|
|
634
|
+
"--semantic-typography-title-font-family"
|
|
635
|
+
]
|
|
636
|
+
},
|
|
637
|
+
"facts": [
|
|
638
|
+
"css-var-changed:--semantic-typography-title-font-family::where([data-hds],[data-hds] *)"
|
|
639
|
+
],
|
|
640
|
+
"source": "CHANGELOG.md:34"
|
|
641
|
+
},
|
|
642
|
+
{
|
|
643
|
+
"id": "0.24.0/value-changed/--semantic-typography-ui-font-family",
|
|
644
|
+
"kind": "value-changed",
|
|
645
|
+
"impact": "look",
|
|
646
|
+
"plain": "This variable now follows the font dial (--hds-font-family) at any scope; if you overrode it directly, override the dial instead.",
|
|
647
|
+
"detect": {
|
|
648
|
+
"cssVars": [
|
|
649
|
+
"--semantic-typography-ui-font-family"
|
|
650
|
+
],
|
|
651
|
+
"cssVarWrites": [
|
|
652
|
+
"--semantic-typography-ui-font-family"
|
|
653
|
+
]
|
|
654
|
+
},
|
|
655
|
+
"facts": [
|
|
656
|
+
"css-var-changed:--semantic-typography-ui-font-family::where([data-hds],[data-hds] *)"
|
|
657
|
+
],
|
|
658
|
+
"source": "CHANGELOG.md:34"
|
|
659
|
+
}
|
|
660
|
+
]
|
|
661
|
+
}
|