@rijkshuisstijl-community/design-tokens 1.0.0 → 1.0.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.
Files changed (54) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/_variables.scss +2 -2
  3. package/dist/index.css +2 -2
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +2 -2
  6. package/dist/index.json +1 -1
  7. package/dist/index.tokens.json +1 -1
  8. package/dist/root.css +2 -2
  9. package/dist/tokens.d.ts +1 -1
  10. package/dist/tokens.js +3 -3
  11. package/dist/uitvoerend-mintgroen-focus/_variables.scss +613 -608
  12. package/dist/uitvoerend-mintgroen-focus/index.css +613 -608
  13. package/dist/uitvoerend-mintgroen-focus/index.d.ts +503 -498
  14. package/dist/uitvoerend-mintgroen-focus/index.js +504 -499
  15. package/dist/uitvoerend-mintgroen-focus/index.json +503 -498
  16. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1508 -1501
  17. package/dist/uitvoerend-mintgroen-focus/root.css +613 -608
  18. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1433 -1426
  19. package/dist/uitvoerend-mintgroen-focus/tokens.js +19750 -19643
  20. package/dist/uitvoerend-violet/_variables.scss +611 -606
  21. package/dist/uitvoerend-violet/index.css +611 -606
  22. package/dist/uitvoerend-violet/index.d.ts +503 -498
  23. package/dist/uitvoerend-violet/index.js +504 -499
  24. package/dist/uitvoerend-violet/index.json +503 -498
  25. package/dist/uitvoerend-violet/index.tokens.json +1503 -1496
  26. package/dist/uitvoerend-violet/root.css +611 -606
  27. package/dist/uitvoerend-violet/tokens.d.ts +1377 -1370
  28. package/dist/uitvoerend-violet/tokens.js +20280 -20173
  29. package/dist/uitvoerend-violet-oud/_variables.scss +611 -606
  30. package/dist/uitvoerend-violet-oud/index.css +611 -606
  31. package/dist/uitvoerend-violet-oud/index.d.ts +503 -498
  32. package/dist/uitvoerend-violet-oud/index.js +504 -499
  33. package/dist/uitvoerend-violet-oud/index.json +503 -498
  34. package/dist/uitvoerend-violet-oud/index.tokens.json +1499 -1492
  35. package/dist/uitvoerend-violet-oud/root.css +611 -606
  36. package/dist/uitvoerend-violet-oud/tokens.d.ts +1391 -1384
  37. package/dist/uitvoerend-violet-oud/tokens.js +20013 -19906
  38. package/dist/wetgevend/_variables.scss +611 -606
  39. package/dist/wetgevend/index.css +611 -606
  40. package/dist/wetgevend/index.d.ts +503 -498
  41. package/dist/wetgevend/index.js +504 -499
  42. package/dist/wetgevend/index.json +503 -498
  43. package/dist/wetgevend/index.tokens.json +1515 -1508
  44. package/dist/wetgevend/root.css +611 -606
  45. package/dist/wetgevend/tokens.d.ts +1448 -1441
  46. package/dist/wetgevend/tokens.js +19953 -19846
  47. package/figma/figma.tokens.json +17 -13
  48. package/package.json +1 -1
  49. package/src/generated/base.tokens.json +1 -1
  50. package/src/generated/themes.json +16287 -16199
  51. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +4060 -4038
  52. package/src/generated/uitvoerend-violet/tokens.json +4015 -3993
  53. package/src/generated/uitvoerend-violet-oud/tokens.json +3985 -3963
  54. package/src/generated/wetgevend/tokens.json +4018 -3996
package/dist/uitvoerend-mintgroen-focus/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 25 Feb 2025 08:18:00 GMT
3
+ * Generated on Sun, 09 Mar 2025 17:51:31 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -22,1742 +22,1749 @@ declare interface DesignToken {
22
22
  }
23
23
 
24
24
  declare const tokens: {
25
- "rhc": {
26
- "color": {
27
- "primary": {
28
- "50": DesignToken,
29
- "100": DesignToken,
30
- "200": DesignToken,
31
- "300": DesignToken,
32
- "400": DesignToken,
33
- "500": DesignToken,
34
- "hover": DesignToken
35
- },
36
- "focus": {
37
- "outline": DesignToken
38
- },
39
- "foreground": {
40
- "default": DesignToken,
41
- "subdued": DesignToken,
42
- "onEmphasis": DesignToken,
43
- "link": DesignToken
44
- },
45
- "border": {
46
- "default": DesignToken,
47
- "subdued": DesignToken,
48
- "strong": DesignToken
49
- },
50
- "canvas": DesignToken,
51
- "feedback": {
52
- "success": {
53
- "default": DesignToken,
54
- "subdued": DesignToken
25
+ "utrecht": {
26
+ "pre-heading": {
27
+ "color": DesignToken,
28
+ "font-family": DesignToken,
29
+ "font-weight": DesignToken,
30
+ "line-height": DesignToken,
31
+ "font-size": DesignToken
32
+ },
33
+ "accordion": {
34
+ "button": {
35
+ "focus": {
36
+ "background-color": DesignToken,
37
+ "border-color": DesignToken,
38
+ "color": DesignToken
55
39
  },
56
- "info": {
57
- "default": DesignToken,
58
- "subdued": DesignToken
40
+ "gap": DesignToken,
41
+ "icon": {
42
+ "size": DesignToken
59
43
  },
60
- "error": {
61
- "default": DesignToken,
62
- "subdued": DesignToken
44
+ "hover": {
45
+ "background-color": DesignToken,
46
+ "border-color": DesignToken,
47
+ "color": DesignToken
63
48
  },
64
- "warning": {
65
- "default": DesignToken,
66
- "subdued": DesignToken
49
+ "background-color": DesignToken,
50
+ "border-color": DesignToken,
51
+ "border-width": DesignToken,
52
+ "color": DesignToken,
53
+ "active": {
54
+ "background-color": DesignToken,
55
+ "border-color": DesignToken,
56
+ "color": DesignToken,
57
+ "row-gap": DesignToken
67
58
  }
68
59
  },
69
- "accent": {
70
- "500": DesignToken
71
- },
72
- "cool-grey": {
73
- "50": DesignToken,
74
- "100": DesignToken,
75
- "200": DesignToken,
76
- "300": DesignToken,
77
- "400": DesignToken,
78
- "500": DesignToken,
79
- "600": DesignToken,
80
- "700": DesignToken,
81
- "800": DesignToken,
82
- "900": DesignToken
83
- },
84
- "lichtblauw": {
85
- "50": DesignToken,
86
- "100": DesignToken,
87
- "200": DesignToken,
88
- "300": DesignToken,
89
- "400": DesignToken,
90
- "500": DesignToken
91
- },
92
- "violet": {
93
- "50": DesignToken,
94
- "100": DesignToken,
95
- "200": DesignToken,
96
- "300": DesignToken,
97
- "400": DesignToken,
98
- "500": DesignToken
99
- },
100
- "paars": {
101
- "50": DesignToken,
102
- "100": DesignToken,
103
- "200": DesignToken,
104
- "300": DesignToken,
105
- "400": DesignToken,
106
- "500": DesignToken
107
- },
108
- "hemelblauw": {
109
- "50": DesignToken,
110
- "100": DesignToken,
111
- "200": DesignToken,
112
- "300": DesignToken,
113
- "400": DesignToken,
114
- "500": DesignToken
115
- },
116
- "donkerblauw": {
117
- "50": DesignToken,
118
- "100": DesignToken,
119
- "200": DesignToken,
120
- "300": DesignToken,
121
- "400": DesignToken,
122
- "500": DesignToken
123
- },
124
- "mintgroen": {
125
- "50": DesignToken,
126
- "100": DesignToken,
127
- "200": DesignToken,
128
- "300": DesignToken,
129
- "400": DesignToken,
130
- "500": DesignToken
131
- },
132
- "mosgroen": {
133
- "50": DesignToken,
134
- "100": DesignToken,
135
- "200": DesignToken,
136
- "300": DesignToken,
137
- "400": DesignToken,
138
- "500": DesignToken
139
- },
140
- "groen": {
141
- "50": DesignToken,
142
- "100": DesignToken,
143
- "200": DesignToken,
144
- "300": DesignToken,
145
- "400": DesignToken,
146
- "500": DesignToken
147
- },
148
- "donkergroen": {
149
- "50": DesignToken,
150
- "100": DesignToken,
151
- "200": DesignToken,
152
- "300": DesignToken,
153
- "400": DesignToken,
154
- "500": DesignToken
155
- },
156
- "bruin": {
157
- "50": DesignToken,
158
- "100": DesignToken,
159
- "200": DesignToken,
160
- "300": DesignToken,
161
- "400": DesignToken,
162
- "500": DesignToken
163
- },
164
- "donkerbruin": {
165
- "50": DesignToken,
166
- "100": DesignToken,
167
- "200": DesignToken,
168
- "300": DesignToken,
169
- "400": DesignToken,
170
- "500": DesignToken
171
- },
172
- "geel": {
173
- "50": DesignToken,
174
- "100": DesignToken,
175
- "200": DesignToken,
176
- "300": DesignToken,
177
- "400": DesignToken,
178
- "500": DesignToken
179
- },
180
- "donkergeel": {
181
- "50": DesignToken,
182
- "100": DesignToken,
183
- "200": DesignToken,
184
- "300": DesignToken,
185
- "400": DesignToken,
186
- "500": DesignToken
187
- },
188
- "oranje": {
189
- "50": DesignToken,
190
- "100": DesignToken,
191
- "200": DesignToken,
192
- "300": DesignToken,
193
- "400": DesignToken,
194
- "500": DesignToken
195
- },
196
- "rood": {
197
- "50": DesignToken,
198
- "100": DesignToken,
199
- "200": DesignToken,
200
- "300": DesignToken,
201
- "400": DesignToken,
202
- "500": DesignToken
203
- },
204
- "roze": {
205
- "50": DesignToken,
206
- "100": DesignToken,
207
- "200": DesignToken,
208
- "300": DesignToken,
209
- "400": DesignToken,
210
- "500": DesignToken
60
+ "panel": {
61
+ "border-color": DesignToken,
62
+ "border-width": DesignToken,
63
+ "padding-block-end": DesignToken,
64
+ "padding-block-start": DesignToken,
65
+ "padding-inline-end": DesignToken,
66
+ "padding-inline-start": DesignToken
67
+ }
68
+ },
69
+ "button": {
70
+ "primary-action": {
71
+ "focus": {
72
+ "background-color": DesignToken,
73
+ "border-color": DesignToken,
74
+ "color": DesignToken
75
+ },
76
+ "hover": {
77
+ "background-color": DesignToken,
78
+ "border-color": DesignToken,
79
+ "color": DesignToken
80
+ },
81
+ "background-color": DesignToken,
82
+ "border-color": DesignToken,
83
+ "color": DesignToken,
84
+ "disabled": {
85
+ "background-color": DesignToken,
86
+ "border-color": DesignToken,
87
+ "color": DesignToken
88
+ },
89
+ "font-weight": DesignToken,
90
+ "active": {
91
+ "background-color": DesignToken,
92
+ "border-color": DesignToken,
93
+ "color": DesignToken
94
+ },
95
+ "font-size": DesignToken,
96
+ "line-height": DesignToken
211
97
  },
212
- "robijnrood": {
213
- "50": DesignToken,
214
- "100": DesignToken,
215
- "200": DesignToken,
216
- "300": DesignToken,
217
- "400": DesignToken,
218
- "500": DesignToken
98
+ "secondary-action": {
99
+ "focus": {
100
+ "background-color": DesignToken,
101
+ "border-color": DesignToken,
102
+ "color": DesignToken
103
+ },
104
+ "hover": {
105
+ "background-color": DesignToken,
106
+ "border-color": DesignToken,
107
+ "color": DesignToken
108
+ },
109
+ "background-color": DesignToken,
110
+ "border-color": DesignToken,
111
+ "color": DesignToken,
112
+ "disabled": {
113
+ "background-color": DesignToken,
114
+ "border-color": DesignToken,
115
+ "color": DesignToken
116
+ },
117
+ "font-weight": DesignToken,
118
+ "active": {
119
+ "background-color": DesignToken,
120
+ "border-color": DesignToken,
121
+ "color": DesignToken
122
+ },
123
+ "font-size": DesignToken,
124
+ "line-height": DesignToken
219
125
  },
220
- "lintblauw": {
221
- "50": DesignToken,
222
- "100": DesignToken,
223
- "200": DesignToken,
224
- "300": DesignToken,
225
- "400": DesignToken,
226
- "500": DesignToken
126
+ "subtle": {
127
+ "focus": {
128
+ "background-color": DesignToken,
129
+ "border-color": DesignToken,
130
+ "color": DesignToken
131
+ },
132
+ "font-size": DesignToken,
133
+ "font-weight": DesignToken,
134
+ "hover": {
135
+ "background-color": DesignToken,
136
+ "border-color": DesignToken,
137
+ "color": DesignToken
138
+ },
139
+ "background-color": DesignToken,
140
+ "border-color": DesignToken,
141
+ "color": DesignToken,
142
+ "disabled": {
143
+ "background-color": DesignToken,
144
+ "border-color": DesignToken,
145
+ "color": DesignToken
146
+ },
147
+ "active": {
148
+ "background-color": DesignToken,
149
+ "border-color": DesignToken,
150
+ "color": DesignToken
151
+ },
152
+ "line-height": DesignToken
227
153
  },
228
- "wit": DesignToken,
229
- "zwart": DesignToken,
230
- "none": DesignToken
231
- },
232
- "sub-nav-bar": {
233
- "background-color": DesignToken,
234
- "column-gap": DesignToken,
235
- "column-width": DesignToken,
236
- "padding-block-end": DesignToken,
237
- "padding-block-start": DesignToken,
238
- "inline-size": DesignToken,
239
- "content": {
240
- "padding-inline-end": DesignToken,
241
- "padding-inline-start": DesignToken,
242
- "max-inline-size": DesignToken,
243
- "list": {
244
- "row-gap": DesignToken
245
- }
246
- }
247
- },
248
- "toggletip": {
249
- "color": DesignToken,
250
154
  "background-color": DesignToken,
251
155
  "border-color": DesignToken,
156
+ "color": DesignToken,
252
157
  "border-radius": DesignToken,
253
158
  "border-width": DesignToken,
254
159
  "icon": {
160
+ "gap": DesignToken,
255
161
  "size": DesignToken
256
162
  },
257
- "size": DesignToken,
258
- "active": {
259
- "color": DesignToken,
163
+ "font-family": DesignToken,
164
+ "font-size": DesignToken,
165
+ "font-weight": DesignToken,
166
+ "line-height": DesignToken,
167
+ "padding-block-end": DesignToken,
168
+ "padding-block-start": DesignToken,
169
+ "padding-inline-end": DesignToken,
170
+ "padding-inline-start": DesignToken,
171
+ "disabled": {
260
172
  "background-color": DesignToken,
261
- "border-color": DesignToken
173
+ "border-color": DesignToken,
174
+ "color": DesignToken
175
+ },
176
+ "focus": {
177
+ "background-color": DesignToken,
178
+ "border-color": DesignToken,
179
+ "color": DesignToken
262
180
  },
263
181
  "hover": {
264
- "color": DesignToken,
265
- "background-color": DesignToken
182
+ "background-color": DesignToken,
183
+ "border-color": DesignToken,
184
+ "color": DesignToken
266
185
  },
267
- "focus": {
268
- "color": DesignToken,
269
- "background-color": DesignToken
270
- }
186
+ "active": {
187
+ "background-color": DesignToken,
188
+ "border-color": DesignToken,
189
+ "color": DesignToken
190
+ },
191
+ "min-block-size": DesignToken,
192
+ "min-inline-size": DesignToken,
193
+ "column-gap": DesignToken
271
194
  },
272
- "sidenav": {
273
- "display": DesignToken,
274
- "link": {
275
- "line-height": DesignToken,
276
- "icon": {
277
- "size": DesignToken,
278
- "margin-inline": DesignToken
279
- },
280
- "font-size": DesignToken,
281
- "font-family": DesignToken,
282
- "font-weight": DesignToken,
283
- "current": {
284
- "font-weight": DesignToken,
285
- "color": DesignToken
286
- },
287
- "color": DesignToken,
288
- "active": {
289
- "color": DesignToken,
290
- "text-decoration": DesignToken
291
- },
195
+ "checkbox": {
196
+ "focus": {
197
+ "background-color": DesignToken,
198
+ "border-color": DesignToken,
199
+ "border-width": DesignToken
200
+ },
201
+ "checked": {
292
202
  "focus": {
293
- "border-radius": DesignToken,
203
+ "background-color": DesignToken,
294
204
  "border-width": DesignToken,
295
- "border-style": DesignToken,
296
205
  "border-color": DesignToken,
206
+ "color": DesignToken
207
+ },
208
+ "background-color": DesignToken,
209
+ "border-color": DesignToken,
210
+ "color": DesignToken,
211
+ "border-width": DesignToken,
212
+ "disabled": {
297
213
  "background-color": DesignToken,
298
- "color": DesignToken,
299
- "text-decoration": DesignToken
214
+ "border-color": DesignToken,
215
+ "color": DesignToken
300
216
  },
301
217
  "hover": {
302
- "color": DesignToken,
303
- "text-decoration": DesignToken
218
+ "border-width": DesignToken,
219
+ "background-color": DesignToken,
220
+ "border-color": DesignToken,
221
+ "color": DesignToken
304
222
  },
305
- "padding-block-start": DesignToken,
306
- "padding-block-end": DesignToken,
307
- "text-decoration": DesignToken,
308
- "column-gap": DesignToken
309
- }
310
- },
311
- "radio-group": {
312
- "padding-block-end": DesignToken,
313
- "padding-block-start": DesignToken,
314
- "row-gap": DesignToken
315
- },
316
- "navigation-list": {
223
+ "active": {
224
+ "border-width": DesignToken,
225
+ "background-color": DesignToken,
226
+ "border-color": DesignToken,
227
+ "color": DesignToken
228
+ }
229
+ },
230
+ "border-radius": DesignToken,
231
+ "size": DesignToken,
317
232
  "icon": {
233
+ "size": DesignToken
234
+ },
235
+ "background-color": DesignToken,
236
+ "border-color": DesignToken,
237
+ "invalid": {
318
238
  "background-color": DesignToken,
319
- "border-radius": DesignToken,
320
- "color": DesignToken
239
+ "border-color": DesignToken,
240
+ "border-width": DesignToken
321
241
  },
322
- "item": {
323
- "icon": {
324
- "padding-inline": DesignToken,
325
- "padding-block": DesignToken,
326
- "size": DesignToken
327
- },
328
- "content": {
329
- "font-size": DesignToken,
330
- "column-gap": DesignToken,
331
- "row-gap": DesignToken
332
- },
333
- "label": {
334
- "font-family": DesignToken,
335
- "font-size": DesignToken,
336
- "font-weight": DesignToken,
337
- "line-height": DesignToken
242
+ "disabled": {
243
+ "background-color": DesignToken,
244
+ "border-color": DesignToken
245
+ },
246
+ "indeterminate": {
247
+ "background-color": DesignToken,
248
+ "border-color": DesignToken,
249
+ "color": DesignToken,
250
+ "border-width": DesignToken,
251
+ "disabled": {
252
+ "background-color": DesignToken,
253
+ "border-color": DesignToken,
254
+ "color": DesignToken
338
255
  },
339
256
  "active": {
340
- "background-color": DesignToken
257
+ "background-color": DesignToken,
258
+ "border-color": DesignToken,
259
+ "color": DesignToken,
260
+ "border-width": DesignToken
341
261
  },
342
262
  "hover": {
343
- "background-color": DesignToken
263
+ "background-color": DesignToken,
264
+ "border-color": DesignToken,
265
+ "color": DesignToken,
266
+ "border-width": DesignToken
344
267
  },
345
268
  "focus": {
346
- "background-color": DesignToken
347
- },
269
+ "background-color": DesignToken,
270
+ "border-color": DesignToken,
271
+ "color": DesignToken,
272
+ "border-width": DesignToken
273
+ }
274
+ },
275
+ "border-width": DesignToken,
276
+ "hover": {
277
+ "border-width": DesignToken,
348
278
  "background-color": DesignToken,
349
- "color": DesignToken,
279
+ "border-color": DesignToken
280
+ },
281
+ "active": {
350
282
  "border-width": DesignToken,
351
- "border-color": DesignToken,
352
- "heading": {
353
- "color": DesignToken
354
- },
355
- "column-gap": DesignToken,
356
- "min-height": DesignToken,
357
- "padding-block": DesignToken,
358
- "padding-inline": DesignToken
283
+ "background-color": DesignToken,
284
+ "border-color": DesignToken
359
285
  }
360
286
  },
361
- "nav-bar": {
362
- "border-block-end-width": DesignToken,
363
- "max-inline-size": DesignToken,
364
- "padding-inline": DesignToken,
365
- "container": {
366
- "inline-size": DesignToken
367
- },
368
- "content": {
369
- "column-gap": DesignToken
370
- },
371
- "icon": {
372
- "color": DesignToken,
373
- "active": {
374
- "color": DesignToken
375
- },
376
- "size": DesignToken
287
+ "radio-button": {
288
+ "focus": {
289
+ "background-color": DesignToken,
290
+ "border-color": DesignToken,
291
+ "border-width": DesignToken
377
292
  },
378
- "link": {
379
- "active": {
293
+ "checked": {
294
+ "focus": {
380
295
  "background-color": DesignToken,
381
- "color": DesignToken
296
+ "border-color": DesignToken,
297
+ "color": DesignToken,
298
+ "border-width": DesignToken
382
299
  },
383
300
  "background-color": DesignToken,
301
+ "border-color": DesignToken,
384
302
  "color": DesignToken,
385
- "focus": {
303
+ "hover": {
304
+ "background-color": DesignToken,
305
+ "border-color": DesignToken,
306
+ "color": DesignToken,
307
+ "border-width": DesignToken
308
+ },
309
+ "active": {
386
310
  "background-color": DesignToken,
387
- "color": DesignToken
311
+ "border-color": DesignToken,
312
+ "color": DesignToken,
313
+ "border-width": DesignToken
388
314
  },
389
- "hover": {
315
+ "disabled": {
390
316
  "background-color": DesignToken,
317
+ "border-color": DesignToken,
391
318
  "color": DesignToken
392
319
  },
393
- "padding-block-end": DesignToken,
394
- "padding-block-start": DesignToken,
395
- "padding-inline-end": DesignToken,
396
- "padding-inline-start": DesignToken,
397
- "column-gap": DesignToken
320
+ "border-width": DesignToken
398
321
  },
399
- "heading": {
400
- "font-weight": DesignToken
322
+ "active": {
323
+ "border-width": DesignToken,
324
+ "background-color": DesignToken,
325
+ "border-color": DesignToken
326
+ },
327
+ "size": DesignToken,
328
+ "dot": {
329
+ "size": DesignToken
401
330
  },
402
331
  "background-color": DesignToken,
403
- "color": DesignToken,
404
- "border-color": DesignToken
405
- },
406
- "message-list": {
407
- "item": {
332
+ "border-color": DesignToken,
333
+ "invalid": {
408
334
  "background-color": DesignToken,
409
335
  "border-color": DesignToken,
410
- "border-width": DesignToken,
411
- "color": DesignToken,
412
- "column-gap": DesignToken,
413
- "icon": {
414
- "size": DesignToken,
415
- "color": DesignToken
416
- },
417
- "min-height": DesignToken,
418
- "padding-block": DesignToken,
419
- "padding-inline": DesignToken,
420
- "content": {
421
- "font-size": DesignToken,
422
- "column-gap": DesignToken,
423
- "row-gap": DesignToken
424
- },
425
- "label": {
426
- "font-family": DesignToken,
427
- "font-size": DesignToken,
428
- "font-weight": DesignToken,
429
- "line-height": DesignToken
430
- },
431
- "heading": {
432
- "color": DesignToken
433
- }
434
- }
435
- },
436
- "logo": {
437
- "image": {
336
+ "border-width": DesignToken
337
+ },
338
+ "disabled": {
438
339
  "background-color": DesignToken,
439
- "inline-size": DesignToken,
440
- "block-size": DesignToken,
340
+ "border-color": DesignToken,
441
341
  "color": DesignToken
442
342
  },
443
- "title": {
444
- "font-weight": DesignToken,
445
- "line-height": DesignToken,
446
- "font-size": DesignToken,
447
- "padding-block-start": DesignToken
448
- },
449
- "subtitle": {
450
- "font-weight": DesignToken,
451
- "line-height": DesignToken,
452
- "font-size": DesignToken
343
+ "hover": {
344
+ "background-color": DesignToken,
345
+ "border-color": DesignToken,
346
+ "border-width": DesignToken
453
347
  },
454
- "column-gap": DesignToken,
455
- "font-family": DesignToken,
456
- "color": DesignToken
457
- },
458
- "link-list-card": {
459
- "background-color": DesignToken,
460
- "padding-block-start": DesignToken,
461
- "padding-block-end": DesignToken,
462
- "row-gap": DesignToken,
463
- "padding-inline-start": DesignToken,
464
- "padding-inline-end": DesignToken
465
- },
466
- "link-list": {
467
- "text-decoration": DesignToken
468
- },
469
- "icon-only-button": {
470
- "padding-block-end": DesignToken,
471
- "padding-block-start": DesignToken,
472
- "padding-inline-end": DesignToken,
473
- "padding-inline-start": DesignToken
348
+ "border-radius": DesignToken,
349
+ "border-width": DesignToken
474
350
  },
475
- "hero": {
476
- "heading": {
477
- "font-weight": DesignToken,
478
- "line-height": DesignToken,
479
- "font-size": DesignToken,
480
- "font-family": DesignToken
481
- },
482
- "sub-heading": {
483
- "font-weight": DesignToken,
484
- "line-height": DesignToken,
485
- "font-size": DesignToken,
486
- "font-family": DesignToken
487
- },
488
- "message": {
351
+ "link": {
352
+ "focus": {
489
353
  "background-color": DesignToken,
490
354
  "color": DesignToken,
491
- "row-gap": DesignToken,
492
- "padding-block-end": DesignToken,
493
- "padding-inline-end": DesignToken,
494
- "padding-inline-start": DesignToken,
495
- "padding-block-start": DesignToken,
496
- "border-radius": DesignToken,
497
- "inline-size": DesignToken
355
+ "text-decoration": DesignToken,
356
+ "text-decoration-thickness": DesignToken
498
357
  },
499
- "border-radius": DesignToken,
500
- "inline-size": DesignToken
501
- },
502
- "form-field-radio-option": {
503
- "column-gap": DesignToken,
504
- "font-weight": DesignToken,
505
- "row-gap": DesignToken,
506
- "label": {
507
- "margin-block-end": DesignToken
358
+ "color": DesignToken,
359
+ "text-decoration-color": DesignToken,
360
+ "active": {
361
+ "color": DesignToken,
362
+ "text-decoration": DesignToken
508
363
  },
509
- "input": {
510
- "margin": {
511
- "block-start": DesignToken
512
- }
513
- }
514
- },
515
- "form-field-checkbox-option": {
516
- "column-gap": DesignToken,
517
- "margin-block-end": DesignToken
518
- },
519
- "page-footer": {
520
- "column-gap": DesignToken,
521
- "column-width": DesignToken,
522
- "column": {
523
- "title": {
524
- "margin-block-end": DesignToken
525
- }
364
+ "hover": {
365
+ "color": DesignToken,
366
+ "text-decoration": DesignToken,
367
+ "text-decoration-thickness": DesignToken
526
368
  },
527
- "content": {
528
- "max-inline-size": DesignToken,
529
- "padding-inline-start": DesignToken,
530
- "padding-inline-end": DesignToken,
531
- "column-gap": DesignToken
369
+ "visited": {
370
+ "color": DesignToken
532
371
  },
533
- "border": {
534
- "block-start": {
535
- "width": DesignToken,
536
- "color": DesignToken,
537
- "style": DesignToken
538
- }
372
+ "text-decoration": DesignToken,
373
+ "icon": {
374
+ "inset-block-start": DesignToken,
375
+ "size": DesignToken
539
376
  },
540
- "outlined": {
377
+ "column-gap": DesignToken,
378
+ "text-decoration-thickness": DesignToken,
379
+ "text-underline-offset": DesignToken,
380
+ "font-family": DesignToken,
381
+ "font-weight": DesignToken,
382
+ "font-size": DesignToken,
383
+ "line-height": DesignToken
384
+ },
385
+ "select": {
386
+ "focus": {
541
387
  "background-color": DesignToken,
388
+ "border-color": DesignToken,
542
389
  "color": DesignToken,
543
- "border": {
544
- "color": DesignToken
545
- }
390
+ "border-width": DesignToken
546
391
  },
547
- "padding": {
548
- "block-start": DesignToken,
549
- "block-end": DesignToken,
550
- "inline-start": DesignToken,
551
- "inline-end": DesignToken
392
+ "image-background-position": DesignToken,
393
+ "icon": {
394
+ "size": DesignToken
552
395
  },
553
- "flex": {
554
- "direction": DesignToken
555
- }
556
- },
557
- "file-input": {
558
- "column-gap": DesignToken,
559
- "row-gap": DesignToken,
560
- "feedback": {
561
- "color": DesignToken,
562
- "font-size": DesignToken
563
- }
564
- },
565
- "file": {
566
- "border-style": DesignToken,
396
+ "background-color": DesignToken,
567
397
  "border-color": DesignToken,
568
- "border-width": DesignToken,
569
- "border-radius": DesignToken,
570
- "padding-inline-start": DesignToken,
571
- "padding-inline-end": DesignToken,
572
- "padding-block-start": DesignToken,
573
- "padding-block-end": DesignToken,
574
- "column-gap": DesignToken,
575
- "error": {
576
- "border-color": DesignToken
398
+ "color": DesignToken,
399
+ "invalid": {
400
+ "background-color": DesignToken,
401
+ "border-color": DesignToken,
402
+ "color": DesignToken,
403
+ "border-width": DesignToken
577
404
  },
578
- "subtitle": {
405
+ "disabled": {
406
+ "background-color": DesignToken,
407
+ "border-color": DesignToken,
579
408
  "color": DesignToken
580
- }
581
- },
582
- "dot-badge": {
583
- "border-radius": DesignToken,
584
- "color": DesignToken,
585
- "size": DesignToken
586
- },
587
- "code-input": {
588
- "size": DesignToken
589
- },
590
- "code-input-group": {
591
- "column-gap": DesignToken
592
- },
593
- "checkbox-group": {
409
+ },
410
+ "hover": {
411
+ "background-color": DesignToken,
412
+ "border-color": DesignToken,
413
+ "color": DesignToken,
414
+ "border-width": DesignToken
415
+ },
594
416
  "padding-block-end": DesignToken,
595
417
  "padding-block-start": DesignToken,
596
- "row-gap": DesignToken
418
+ "padding-inline-end": DesignToken,
419
+ "padding-inline-start": DesignToken,
420
+ "border-radius": DesignToken,
421
+ "border-bottom-width": DesignToken,
422
+ "border-width": DesignToken,
423
+ "font-family": DesignToken,
424
+ "font-weight": DesignToken,
425
+ "line-height": DesignToken,
426
+ "font-size": DesignToken,
427
+ "max-inline-size": DesignToken
597
428
  },
598
- "card-as-link": {
429
+ "textarea": {
430
+ "focus": {
431
+ "background-color": DesignToken,
432
+ "border-color": DesignToken,
433
+ "color": DesignToken,
434
+ "border-width": DesignToken
435
+ },
436
+ "max-inline-size": DesignToken,
437
+ "padding-block-end": DesignToken,
438
+ "padding-block-start": DesignToken,
439
+ "padding-inline-end": DesignToken,
440
+ "padding-inline-start": DesignToken,
599
441
  "background-color": DesignToken,
600
442
  "border-color": DesignToken,
601
- "border-radius": DesignToken,
602
- "border-width": DesignToken,
603
443
  "color": DesignToken,
604
- "column-gap": DesignToken,
605
- "inline-size": DesignToken,
606
- "icon": {
444
+ "invalid": {
445
+ "background-color": DesignToken,
446
+ "border-color": DesignToken,
607
447
  "color": DesignToken,
608
- "size": DesignToken
448
+ "border-width": DesignToken
609
449
  },
610
- "link": {
611
- "color": DesignToken,
612
- "text-decoration": DesignToken,
613
- "active": {
614
- "text-decoration": DesignToken
615
- },
616
- "hover": {
617
- "text-decoration": DesignToken
618
- },
619
- "focus": {
620
- "text-decoration": DesignToken
621
- }
450
+ "placeholder": {
451
+ "color": DesignToken
622
452
  },
623
- "metadata": {
453
+ "disabled": {
454
+ "background-color": DesignToken,
455
+ "border-color": DesignToken,
624
456
  "color": DesignToken
625
457
  },
626
- "padding-block-end": DesignToken,
627
- "padding-block-start": DesignToken,
628
- "padding-inline-end": DesignToken,
629
- "padding-inline-start": DesignToken,
630
- "row-gap": DesignToken,
631
- "active": {
458
+ "read-only": {
632
459
  "background-color": DesignToken,
633
- "text-decoration": DesignToken
460
+ "border-color": DesignToken,
461
+ "color": DesignToken
634
462
  },
635
463
  "hover": {
636
464
  "background-color": DesignToken,
637
- "text-decoration": DesignToken
465
+ "border-color": DesignToken,
466
+ "color": DesignToken,
467
+ "border-width": DesignToken
638
468
  },
469
+ "border-radius": DesignToken,
470
+ "border-bottom-width": DesignToken,
471
+ "border-width": DesignToken,
472
+ "font-family": DesignToken,
473
+ "font-weight": DesignToken,
474
+ "line-height": DesignToken,
475
+ "font-size": DesignToken
476
+ },
477
+ "textbox": {
639
478
  "focus": {
640
479
  "background-color": DesignToken,
641
- "text-decoration": DesignToken
480
+ "border-width": DesignToken,
481
+ "border-color": DesignToken,
482
+ "color": DesignToken
642
483
  },
643
- "full-bleed": {
484
+ "border-radius": DesignToken,
485
+ "font-family": DesignToken,
486
+ "font-size": DesignToken,
487
+ "font-weight": DesignToken,
488
+ "line-height": DesignToken,
489
+ "max-inline-size": DesignToken,
490
+ "padding-block-end": DesignToken,
491
+ "padding-block-start": DesignToken,
492
+ "padding-inline-end": DesignToken,
493
+ "padding-inline-start": DesignToken,
494
+ "background-color": DesignToken,
495
+ "border-color": DesignToken,
496
+ "color": DesignToken,
497
+ "invalid": {
644
498
  "background-color": DesignToken,
645
499
  "border-color": DesignToken,
646
500
  "color": DesignToken,
647
- "opacity": DesignToken
501
+ "border-width": DesignToken
648
502
  },
649
- "heading": {
650
- "padding-block-start": DesignToken,
651
- "font-size": DesignToken,
652
- "font-weight": DesignToken
503
+ "placeholder": {
504
+ "color": DesignToken
653
505
  },
654
- "horizontal": {
506
+ "border-block-end-width": DesignToken,
507
+ "border-width": DesignToken,
508
+ "disabled": {
655
509
  "background-color": DesignToken,
656
510
  "border-color": DesignToken,
657
- "color": DesignToken,
658
- "max-block-size": DesignToken,
659
- "padding-block-end": DesignToken,
660
- "padding-block-start": DesignToken,
661
- "padding-inline-end": DesignToken,
511
+ "color": DesignToken
512
+ },
513
+ "read-only": {
514
+ "background-color": DesignToken,
515
+ "border-color": DesignToken,
516
+ "color": DesignToken
517
+ },
518
+ "hover": {
519
+ "border-width": DesignToken,
520
+ "background-color": DesignToken,
521
+ "border-color": DesignToken,
522
+ "color": DesignToken
523
+ }
524
+ },
525
+ "counter-badge": {
526
+ "background-color": DesignToken
527
+ },
528
+ "skip-link": {
529
+ "focus": {
530
+ "background-color": DesignToken
531
+ }
532
+ },
533
+ "icon": {
534
+ "color": DesignToken,
535
+ "size": DesignToken,
536
+ "inset-block-start": DesignToken
537
+ },
538
+ "unordered-list": {
539
+ "padding-inline-start": DesignToken,
540
+ "margin-block-end": DesignToken,
541
+ "margin-block-start": DesignToken,
542
+ "color": DesignToken,
543
+ "font-family": DesignToken,
544
+ "font-weight": DesignToken,
545
+ "font-size": DesignToken,
546
+ "line-height": DesignToken,
547
+ "item": {
662
548
  "padding-inline-start": DesignToken,
663
- "heading": {
664
- "inline-size": DesignToken
665
- }
549
+ "margin-block-end": DesignToken,
550
+ "margin-block-start": DesignToken
551
+ },
552
+ "marker": {
553
+ "color": DesignToken,
554
+ "border-color": DesignToken
666
555
  }
667
556
  },
668
- "accordion": {
669
- "button": {
557
+ "table": {
558
+ "header-cell": {
559
+ "line-height": DesignToken,
560
+ "color": DesignToken,
670
561
  "font-family": DesignToken,
671
- "font-size": DesignToken,
672
562
  "font-weight": DesignToken,
563
+ "font-size": DesignToken
564
+ },
565
+ "caption": {
673
566
  "line-height": DesignToken,
674
- "icon": {
675
- "margin-block": DesignToken
676
- },
567
+ "margin-block-end": DesignToken,
568
+ "color": DesignToken,
569
+ "font-family": DesignToken,
570
+ "font-weight": DesignToken,
571
+ "font-size": DesignToken
572
+ },
573
+ "cell": {
677
574
  "padding-block-end": DesignToken,
678
575
  "padding-block-start": DesignToken,
679
576
  "padding-inline-end": DesignToken,
680
577
  "padding-inline-start": DesignToken,
681
- "expanded": {
682
- "background-color": DesignToken,
683
- "color": DesignToken
684
- }
578
+ "line-height": DesignToken
685
579
  },
686
- "section": {
687
- "border-block-end-width": DesignToken,
688
- "border-width": DesignToken,
689
- "border-color": DesignToken
580
+ "data-cell": {
581
+ "color": DesignToken,
582
+ "font-family": DesignToken,
583
+ "font-weight": DesignToken,
584
+ "line-height": DesignToken,
585
+ "font-size": DesignToken
690
586
  },
691
587
  "header": {
692
- "margin": DesignToken
693
- },
694
- "border-radius": DesignToken,
695
- "color": DesignToken
696
- },
697
- "keep": {
698
- "top-left": {
699
- "borderRadiusTopLeft": DesignToken,
700
- "borderRadiusTopRight": DesignToken,
701
- "borderRadiusBottomRight": DesignToken,
702
- "borderRadiusBottomLeft": DesignToken
703
- },
704
- "top-right": {
705
- "borderRadiusTopRight": DesignToken,
706
- "borderRadiusTopLeft": DesignToken,
707
- "borderRadiusBottomRight": DesignToken,
708
- "borderRadiusBottomLeft": DesignToken
709
- },
710
- "bottom-right": {
711
- "borderRadiusTopLeft": DesignToken,
712
- "borderRadiusTopRight": DesignToken,
713
- "borderRadiusBottomRight": DesignToken,
714
- "borderRadiusBottomLeft": DesignToken
715
- },
716
- "bottom-left": {
717
- "borderRadiusTopLeft": DesignToken,
718
- "borderRadiusTopRight": DesignToken,
719
- "borderRadiusBottomRight": DesignToken,
720
- "borderRadiusBottomLeft": DesignToken
721
- }
722
- },
723
- "border-radius": {
724
- "sm": DesignToken,
725
- "md": DesignToken,
726
- "keep": DesignToken,
727
- "circle": DesignToken,
728
- "none": DesignToken
729
- },
730
- "focus": {
731
- "outline-offset": DesignToken,
732
- "outline-style": DesignToken,
733
- "outline-width": DesignToken
734
- },
735
- "font-size": {
736
- "heading": {
737
- "level-1": DesignToken,
738
- "level-2": DesignToken,
739
- "level-3": DesignToken,
740
- "level-4": DesignToken,
741
- "level-5": DesignToken
588
+ "border-block-end-width": DesignToken,
589
+ "border-block-end-color": DesignToken,
590
+ "background-color": DesignToken
742
591
  },
743
- "paragraph": {
744
- "intro": DesignToken,
745
- "default": DesignToken,
746
- "small": DesignToken
592
+ "footer": {
593
+ "border-block-end-width": DesignToken,
594
+ "border-block-end-color": DesignToken,
595
+ "background-color": DesignToken
747
596
  },
748
- "xs": {
749
- "desktop": DesignToken,
750
- "tablet": DesignToken,
751
- "mobile": DesignToken
597
+ "row": {
598
+ "border-block-end-width": DesignToken,
599
+ "border-block-end-color": DesignToken,
600
+ "background-color": DesignToken
752
601
  },
753
- "sm": {
754
- "desktop": DesignToken,
755
- "tablet": DesignToken,
756
- "mobile": DesignToken
602
+ "footer-cell": {
603
+ "font-weight": DesignToken,
604
+ "font-size": DesignToken,
605
+ "color": DesignToken,
606
+ "font-family": DesignToken,
607
+ "line-height": DesignToken
757
608
  },
758
- "md": {
759
- "desktop": DesignToken,
760
- "tablet": DesignToken,
761
- "mobile": DesignToken
609
+ "container": {
610
+ "box-inline-end-shadow": {
611
+ "x": DesignToken,
612
+ "y": DesignToken,
613
+ "blur": DesignToken,
614
+ "spread": DesignToken,
615
+ "color": DesignToken
616
+ },
617
+ "box-inline-start-shadow": {
618
+ "x": DesignToken,
619
+ "y": DesignToken,
620
+ "blur": DesignToken,
621
+ "spread": DesignToken,
622
+ "color": DesignToken
623
+ }
762
624
  },
763
- "lg": {
764
- "desktop": DesignToken,
765
- "tablet": DesignToken,
766
- "mobile": DesignToken
625
+ "font-size": DesignToken
626
+ },
627
+ "separator": {
628
+ "color": DesignToken,
629
+ "block-size": DesignToken,
630
+ "margin-block-end": DesignToken,
631
+ "margin-block-start": DesignToken
632
+ },
633
+ "ordered-list": {
634
+ "padding-inline-start": DesignToken,
635
+ "margin-block-end": DesignToken,
636
+ "margin-block-start": DesignToken,
637
+ "margin-inline-start": DesignToken,
638
+ "item": {
639
+ "padding-inline-start": DesignToken,
640
+ "margin-block-end": DesignToken,
641
+ "margin-block-start": DesignToken
767
642
  },
768
- "xl": {
769
- "desktop": DesignToken,
770
- "tablet": DesignToken,
771
- "mobile": DesignToken
643
+ "color": DesignToken,
644
+ "font-family": DesignToken,
645
+ "font-weight": DesignToken,
646
+ "font-size": DesignToken,
647
+ "line-height": DesignToken
648
+ },
649
+ "link-list": {
650
+ "margin-block-start": DesignToken,
651
+ "row-gap": DesignToken,
652
+ "margin-block-end": DesignToken,
653
+ "item": {
654
+ "column-gap": DesignToken,
655
+ "text-decoration": DesignToken
656
+ },
657
+ "icon": {
658
+ "size": DesignToken,
659
+ "inset-block-start": DesignToken
772
660
  }
773
661
  },
774
- "line-height": {
775
- "paragraph": DesignToken,
776
- "sm": DesignToken,
777
- "md": DesignToken
662
+ "form-label": {
663
+ "color": DesignToken,
664
+ "font-size": DesignToken,
665
+ "font-weight": DesignToken
778
666
  },
779
- "size": {
780
- "target": DesignToken,
667
+ "form-field-label": {
668
+ "color": DesignToken,
669
+ "font-family": DesignToken,
670
+ "font-size": DesignToken,
671
+ "font-weight": DesignToken,
672
+ "line-height": DesignToken
673
+ },
674
+ "form-field-error-message": {
781
675
  "icon": {
782
- "functional": DesignToken
676
+ "size": DesignToken,
677
+ "margin-inline-end": DesignToken
783
678
  },
784
- "quarter-lint": DesignToken,
785
- "half-lint": DesignToken,
786
- "lint": DesignToken,
787
- "2-lint": DesignToken,
788
- "3-lint": DesignToken
679
+ "color": DesignToken,
680
+ "font-family": DesignToken,
681
+ "font-size": DesignToken,
682
+ "font-weight": DesignToken,
683
+ "margin-block-end": DesignToken,
684
+ "padding-block-end": DesignToken
789
685
  },
790
- "font-weight": {
791
- "extra-bold": DesignToken,
792
- "bold": DesignToken,
793
- "semi-bold": DesignToken,
794
- "regular": DesignToken,
795
- "chosen-regular": DesignToken,
796
- "light": DesignToken,
797
- "thin": DesignToken
686
+ "form-field-description": {
687
+ "color": DesignToken,
688
+ "font-family": DesignToken,
689
+ "font-size": DesignToken,
690
+ "line-height": DesignToken,
691
+ "margin-block-start": DesignToken,
692
+ "margin-block-end": DesignToken,
693
+ "padding-block-end": DesignToken
798
694
  },
799
- "font-family": {
800
- "primary": DesignToken,
801
- "secondary": DesignToken
695
+ "form-field": {
696
+ "margin-block-start": DesignToken,
697
+ "margin-block-end": DesignToken,
698
+ "invalid": {
699
+ "border-inline-start-color": DesignToken,
700
+ "border-inline-start-width": DesignToken,
701
+ "padding-inline-start": DesignToken
702
+ },
703
+ "label": {
704
+ "margin-block-end": DesignToken
705
+ },
706
+ "error-message": {
707
+ "line-height": DesignToken
708
+ }
802
709
  },
803
- "border-width": {
804
- "default": DesignToken,
805
- "m": DesignToken,
806
- "none": DesignToken
710
+ "page-footer": {
711
+ "background-color": DesignToken,
712
+ "color": DesignToken,
713
+ "padding-block-start": DesignToken,
714
+ "padding-block-end": DesignToken,
715
+ "padding-inline-start": DesignToken,
716
+ "padding-inline-end": DesignToken
807
717
  },
808
- "space": {
809
- "0": DesignToken,
810
- "25": DesignToken,
811
- "50": DesignToken,
812
- "100": DesignToken,
813
- "150": DesignToken,
814
- "200": DesignToken,
815
- "300": DesignToken,
816
- "400": DesignToken,
817
- "500": DesignToken,
818
- "600": DesignToken,
819
- "700": DesignToken
820
- }
821
- },
822
- "utrecht": {
823
- "accordion": {
824
- "button": {
825
- "focus": {
826
- "background-color": DesignToken,
827
- "border-color": DesignToken,
828
- "color": DesignToken
829
- },
830
- "gap": DesignToken,
831
- "icon": {
832
- "size": DesignToken
833
- },
834
- "hover": {
835
- "background-color": DesignToken,
836
- "border-color": DesignToken,
837
- "color": DesignToken
838
- },
839
- "background-color": DesignToken,
718
+ "figure": {
719
+ "caption": {
840
720
  "border-color": DesignToken,
841
721
  "border-width": DesignToken,
842
722
  "color": DesignToken,
843
- "active": {
844
- "background-color": DesignToken,
845
- "border-color": DesignToken,
846
- "color": DesignToken,
847
- "row-gap": DesignToken
848
- }
849
- },
850
- "panel": {
851
- "border-color": DesignToken,
852
- "border-width": DesignToken,
853
723
  "padding-block-end": DesignToken,
854
724
  "padding-block-start": DesignToken,
855
- "padding-inline-end": DesignToken,
856
- "padding-inline-start": DesignToken
725
+ "padding-inline-start": DesignToken,
726
+ "line-height": DesignToken,
727
+ "font-size": DesignToken
728
+ },
729
+ "img": {
730
+ "border-end-end-radius": DesignToken,
731
+ "border-end-start-radius": DesignToken,
732
+ "border-start-end-radius": DesignToken,
733
+ "border-start-start-radius": DesignToken
857
734
  }
858
735
  },
859
- "button": {
860
- "primary-action": {
861
- "focus": {
862
- "background-color": DesignToken,
863
- "border-color": DesignToken,
736
+ "form-fieldset": {
737
+ "legend": {
738
+ "color": DesignToken,
739
+ "font-family": DesignToken,
740
+ "font-size": DesignToken,
741
+ "font-weight": DesignToken,
742
+ "line-height": DesignToken,
743
+ "disabled": {
864
744
  "color": DesignToken
865
- },
866
- "hover": {
867
- "background-color": DesignToken,
868
- "border-color": DesignToken,
745
+ }
746
+ },
747
+ "section": {
748
+ "background-color": DesignToken,
749
+ "color": DesignToken
750
+ },
751
+ "invalid": {
752
+ "border-inline-start": {
869
753
  "color": DesignToken
870
754
  },
871
- "background-color": DesignToken,
872
- "border-color": DesignToken,
755
+ "padding-inline-start": DesignToken,
756
+ "border-inline-start-width": DesignToken
757
+ }
758
+ },
759
+ "button-group": {
760
+ "background-color": DesignToken,
761
+ "column-gap": DesignToken,
762
+ "margin-block-end": DesignToken,
763
+ "margin-block-start": DesignToken,
764
+ "padding-block-end": DesignToken,
765
+ "padding-block-start": DesignToken,
766
+ "row-gap": DesignToken
767
+ },
768
+ "breadcrumb-nav": {
769
+ "line-height": DesignToken,
770
+ "font-size": DesignToken,
771
+ "link": {
772
+ "icon": {
773
+ "size": DesignToken,
774
+ "margin-inline": DesignToken,
775
+ "inset-block-start": DesignToken
776
+ },
777
+ "padding-block-end": DesignToken,
778
+ "padding-block-start": DesignToken,
779
+ "padding-inline-end": DesignToken,
780
+ "padding-inline-start": DesignToken,
873
781
  "color": DesignToken,
874
- "disabled": {
875
- "background-color": DesignToken,
876
- "border-color": DesignToken,
877
- "color": DesignToken
878
- },
879
- "font-weight": DesignToken,
880
782
  "active": {
881
- "background-color": DesignToken,
882
- "border-color": DesignToken,
883
- "color": DesignToken
783
+ "color": DesignToken,
784
+ "text-decoration": DesignToken
884
785
  },
885
- "font-size": DesignToken,
886
- "line-height": DesignToken
887
- },
888
- "secondary-action": {
889
786
  "focus": {
890
787
  "background-color": DesignToken,
891
- "border-color": DesignToken,
892
- "color": DesignToken
788
+ "color": DesignToken,
789
+ "text-decoration": DesignToken
893
790
  },
894
791
  "hover": {
895
- "background-color": DesignToken,
896
- "border-color": DesignToken,
897
- "color": DesignToken
898
- },
899
- "background-color": DesignToken,
900
- "border-color": DesignToken,
901
- "color": DesignToken,
902
- "disabled": {
903
- "background-color": DesignToken,
904
- "border-color": DesignToken,
905
- "color": DesignToken
792
+ "color": DesignToken,
793
+ "text-decoration": DesignToken
906
794
  },
907
- "font-weight": DesignToken,
908
- "active": {
909
- "background-color": DesignToken,
910
- "border-color": DesignToken,
795
+ "current": {
911
796
  "color": DesignToken
912
797
  },
913
- "font-size": DesignToken,
914
- "line-height": DesignToken
798
+ "text-decoration": DesignToken
915
799
  },
916
- "subtle": {
917
- "focus": {
918
- "background-color": DesignToken,
919
- "border-color": DesignToken,
920
- "color": DesignToken
921
- },
800
+ "divider": {
801
+ "size": DesignToken,
802
+ "color": DesignToken,
803
+ "inset-block-start": DesignToken
804
+ },
805
+ "margin-inline": DesignToken,
806
+ "font-family": DesignToken,
807
+ "font-weight": DesignToken
808
+ },
809
+ "blockquote": {
810
+ "caption": {
922
811
  "font-size": DesignToken,
812
+ "font-family": DesignToken,
813
+ "line-height": DesignToken,
923
814
  "font-weight": DesignToken,
924
- "hover": {
925
- "background-color": DesignToken,
926
- "border-color": DesignToken,
927
- "color": DesignToken
928
- },
929
- "background-color": DesignToken,
930
- "border-color": DesignToken,
931
- "color": DesignToken,
932
- "disabled": {
933
- "background-color": DesignToken,
934
- "border-color": DesignToken,
935
- "color": DesignToken
936
- },
937
- "active": {
938
- "background-color": DesignToken,
939
- "border-color": DesignToken,
940
- "color": DesignToken
941
- },
942
- "line-height": DesignToken
815
+ "padding-block-start": DesignToken,
816
+ "color": DesignToken
817
+ },
818
+ "content": {
819
+ "font-family": DesignToken,
820
+ "line-height": DesignToken,
821
+ "font-weight": DesignToken,
822
+ "font-size": DesignToken,
823
+ "color": DesignToken
943
824
  },
825
+ "margin-block-end": DesignToken,
826
+ "margin-block-start": DesignToken,
827
+ "margin-inline-end": DesignToken,
828
+ "margin-inline-start": DesignToken,
829
+ "padding-block-end": DesignToken,
830
+ "padding-block-start": DesignToken,
831
+ "padding-inline-end": DesignToken,
832
+ "padding-inline-start": DesignToken,
833
+ "row-gap": DesignToken,
944
834
  "background-color": DesignToken,
945
835
  "border-color": DesignToken,
946
- "color": DesignToken,
947
- "border-radius": DesignToken,
836
+ "border-block-start-width": DesignToken,
837
+ "border-block-end-width": DesignToken,
838
+ "border-inline-start-width": DesignToken,
839
+ "border-inline-end-width": DesignToken,
840
+ "border-start-start-radius": DesignToken,
841
+ "border-start-end-radius": DesignToken,
842
+ "border-end-start-radius": DesignToken,
843
+ "border-end-end-radius": DesignToken,
948
844
  "border-width": DesignToken,
949
- "icon": {
950
- "gap": DesignToken,
951
- "size": DesignToken
845
+ "blue-corner-border-variation": {
846
+ "border-color": DesignToken,
847
+ "border-block-end-width": DesignToken,
848
+ "border-inline-end-width": DesignToken,
849
+ "border-end-end-radius": DesignToken
952
850
  },
953
- "font-family": DesignToken,
954
- "font-size": DesignToken,
955
- "font-weight": DesignToken,
956
- "line-height": DesignToken,
851
+ "pink-background-variation": {
852
+ "background-color": DesignToken,
853
+ "border-end-start-radius": DesignToken,
854
+ "padding": DesignToken
855
+ },
856
+ "pink-left-border-variation": {
857
+ "border-color": DesignToken,
858
+ "border-inline-start-width": DesignToken,
859
+ "padding-inline-start": DesignToken,
860
+ "padding-inline-end": DesignToken,
861
+ "padding-block-start": DesignToken,
862
+ "padding-block-end": DesignToken
863
+ },
864
+ "pink-corner-border-variation": {
865
+ "border-color": DesignToken,
866
+ "border-block-start-width": DesignToken,
867
+ "border-inline-start-width": DesignToken,
868
+ "border-start-start-radius": DesignToken,
869
+ "padding": DesignToken
870
+ }
871
+ },
872
+ "article": {
873
+ "max-inline-size": DesignToken
874
+ },
875
+ "alert": {
876
+ "heading": {
877
+ "font-family": DesignToken,
878
+ "font-weight": DesignToken,
879
+ "line-height": DesignToken,
880
+ "font-size": DesignToken
881
+ },
882
+ "column-gap": DesignToken,
883
+ "border-width": DesignToken,
884
+ "margin-block-end": DesignToken,
885
+ "margin-block-start": DesignToken,
957
886
  "padding-block-end": DesignToken,
958
887
  "padding-block-start": DesignToken,
959
888
  "padding-inline-end": DesignToken,
960
889
  "padding-inline-start": DesignToken,
961
- "disabled": {
890
+ "background-color": DesignToken,
891
+ "border-color": DesignToken,
892
+ "color": DesignToken,
893
+ "info": {
962
894
  "background-color": DesignToken,
963
895
  "border-color": DesignToken,
964
896
  "color": DesignToken
965
897
  },
966
- "focus": {
898
+ "error": {
967
899
  "background-color": DesignToken,
968
900
  "border-color": DesignToken,
969
901
  "color": DesignToken
970
902
  },
971
- "hover": {
903
+ "ok": {
972
904
  "background-color": DesignToken,
973
905
  "border-color": DesignToken,
974
906
  "color": DesignToken
975
907
  },
976
- "active": {
908
+ "warning": {
977
909
  "background-color": DesignToken,
978
910
  "border-color": DesignToken,
979
911
  "color": DesignToken
980
912
  },
981
- "min-block-size": DesignToken,
982
- "min-inline-size": DesignToken,
983
- "column-gap": DesignToken
984
- },
985
- "checkbox": {
986
- "focus": {
987
- "background-color": DesignToken,
988
- "border-color": DesignToken,
989
- "border-width": DesignToken
990
- },
991
- "checked": {
992
- "focus": {
993
- "background-color": DesignToken,
994
- "border-width": DesignToken,
995
- "border-color": DesignToken,
913
+ "icon": {
914
+ "inset-block-start": DesignToken,
915
+ "info": {
996
916
  "color": DesignToken
997
917
  },
998
- "background-color": DesignToken,
999
- "border-color": DesignToken,
1000
- "color": DesignToken,
1001
- "border-width": DesignToken,
1002
- "disabled": {
1003
- "background-color": DesignToken,
1004
- "border-color": DesignToken,
918
+ "error": {
1005
919
  "color": DesignToken
1006
920
  },
1007
- "hover": {
1008
- "border-width": DesignToken,
1009
- "background-color": DesignToken,
1010
- "border-color": DesignToken,
921
+ "ok": {
1011
922
  "color": DesignToken
1012
923
  },
1013
- "active": {
1014
- "border-width": DesignToken,
1015
- "background-color": DesignToken,
1016
- "border-color": DesignToken,
924
+ "warning": {
1017
925
  "color": DesignToken
1018
- }
926
+ },
927
+ "size": DesignToken
928
+ },
929
+ "message": {
930
+ "line-height": DesignToken,
931
+ "column-gap": DesignToken
932
+ },
933
+ "border-radius": DesignToken
934
+ },
935
+ "document": {
936
+ "background-color": DesignToken,
937
+ "color": DesignToken,
938
+ "font-family": DesignToken,
939
+ "font-size": DesignToken,
940
+ "line-height": DesignToken,
941
+ "font-weight": DesignToken
942
+ },
943
+ "rich-text": {
944
+ "stranger": {
945
+ "margin-block-end": DesignToken
946
+ },
947
+ "acquaintance": {
948
+ "margin-block-end": DesignToken
949
+ },
950
+ "friend": {
951
+ "margin-block-end": DesignToken
952
+ },
953
+ "best-friend": {
954
+ "margin-block-end": DesignToken
955
+ },
956
+ "confidant": {
957
+ "margin-block-end": DesignToken
958
+ }
959
+ },
960
+ "pointer-target": {
961
+ "min-size": DesignToken
962
+ },
963
+ "focus": {
964
+ "outline-color": DesignToken,
965
+ "outline-offset": DesignToken,
966
+ "outline-style": DesignToken,
967
+ "outline-width": DesignToken,
968
+ "inverse": {
969
+ "outline-color": DesignToken
970
+ }
971
+ }
972
+ },
973
+ "rhc": {
974
+ "color": {
975
+ "primary": {
976
+ "50": DesignToken,
977
+ "100": DesignToken,
978
+ "200": DesignToken,
979
+ "300": DesignToken,
980
+ "400": DesignToken,
981
+ "500": DesignToken,
982
+ "hover": DesignToken
1019
983
  },
1020
- "border-radius": DesignToken,
1021
- "size": DesignToken,
1022
- "icon": {
1023
- "size": DesignToken
984
+ "focus": {
985
+ "outline": DesignToken
1024
986
  },
1025
- "background-color": DesignToken,
1026
- "border-color": DesignToken,
1027
- "invalid": {
1028
- "background-color": DesignToken,
1029
- "border-color": DesignToken,
1030
- "border-width": DesignToken
987
+ "foreground": {
988
+ "default": DesignToken,
989
+ "subdued": DesignToken,
990
+ "onEmphasis": DesignToken,
991
+ "link": DesignToken
1031
992
  },
1032
- "disabled": {
1033
- "background-color": DesignToken,
1034
- "border-color": DesignToken
993
+ "border": {
994
+ "default": DesignToken,
995
+ "subdued": DesignToken,
996
+ "strong": DesignToken
1035
997
  },
1036
- "indeterminate": {
1037
- "background-color": DesignToken,
1038
- "border-color": DesignToken,
1039
- "color": DesignToken,
1040
- "border-width": DesignToken,
1041
- "disabled": {
1042
- "background-color": DesignToken,
1043
- "border-color": DesignToken,
1044
- "color": DesignToken
998
+ "canvas": DesignToken,
999
+ "feedback": {
1000
+ "success": {
1001
+ "default": DesignToken,
1002
+ "subdued": DesignToken
1045
1003
  },
1046
- "active": {
1047
- "background-color": DesignToken,
1048
- "border-color": DesignToken,
1049
- "color": DesignToken,
1050
- "border-width": DesignToken
1004
+ "info": {
1005
+ "default": DesignToken,
1006
+ "subdued": DesignToken
1051
1007
  },
1052
- "hover": {
1053
- "background-color": DesignToken,
1054
- "border-color": DesignToken,
1055
- "color": DesignToken,
1056
- "border-width": DesignToken
1008
+ "error": {
1009
+ "default": DesignToken,
1010
+ "subdued": DesignToken
1057
1011
  },
1058
- "focus": {
1059
- "background-color": DesignToken,
1060
- "border-color": DesignToken,
1061
- "color": DesignToken,
1062
- "border-width": DesignToken
1012
+ "warning": {
1013
+ "default": DesignToken,
1014
+ "subdued": DesignToken
1063
1015
  }
1064
1016
  },
1065
- "border-width": DesignToken,
1066
- "hover": {
1067
- "border-width": DesignToken,
1068
- "background-color": DesignToken,
1069
- "border-color": DesignToken
1017
+ "accent": {
1018
+ "500": DesignToken
1070
1019
  },
1071
- "active": {
1072
- "border-width": DesignToken,
1073
- "background-color": DesignToken,
1074
- "border-color": DesignToken
1075
- }
1076
- },
1077
- "radio-button": {
1078
- "focus": {
1079
- "background-color": DesignToken,
1080
- "border-color": DesignToken,
1081
- "border-width": DesignToken
1020
+ "cool-grey": {
1021
+ "50": DesignToken,
1022
+ "100": DesignToken,
1023
+ "200": DesignToken,
1024
+ "300": DesignToken,
1025
+ "400": DesignToken,
1026
+ "500": DesignToken,
1027
+ "600": DesignToken,
1028
+ "700": DesignToken,
1029
+ "800": DesignToken,
1030
+ "900": DesignToken
1082
1031
  },
1083
- "checked": {
1084
- "focus": {
1085
- "background-color": DesignToken,
1086
- "border-color": DesignToken,
1087
- "color": DesignToken,
1088
- "border-width": DesignToken
1089
- },
1090
- "background-color": DesignToken,
1091
- "border-color": DesignToken,
1092
- "color": DesignToken,
1093
- "hover": {
1094
- "background-color": DesignToken,
1095
- "border-color": DesignToken,
1096
- "color": DesignToken,
1097
- "border-width": DesignToken
1098
- },
1099
- "active": {
1100
- "background-color": DesignToken,
1101
- "border-color": DesignToken,
1102
- "color": DesignToken,
1103
- "border-width": DesignToken
1104
- },
1105
- "disabled": {
1106
- "background-color": DesignToken,
1107
- "border-color": DesignToken,
1108
- "color": DesignToken
1109
- },
1110
- "border-width": DesignToken
1032
+ "lichtblauw": {
1033
+ "50": DesignToken,
1034
+ "100": DesignToken,
1035
+ "200": DesignToken,
1036
+ "300": DesignToken,
1037
+ "400": DesignToken,
1038
+ "500": DesignToken
1111
1039
  },
1112
- "active": {
1113
- "border-width": DesignToken,
1114
- "background-color": DesignToken,
1115
- "border-color": DesignToken
1040
+ "violet": {
1041
+ "50": DesignToken,
1042
+ "100": DesignToken,
1043
+ "200": DesignToken,
1044
+ "300": DesignToken,
1045
+ "400": DesignToken,
1046
+ "500": DesignToken
1116
1047
  },
1117
- "size": DesignToken,
1118
- "dot": {
1119
- "size": DesignToken
1048
+ "paars": {
1049
+ "50": DesignToken,
1050
+ "100": DesignToken,
1051
+ "200": DesignToken,
1052
+ "300": DesignToken,
1053
+ "400": DesignToken,
1054
+ "500": DesignToken
1120
1055
  },
1121
- "background-color": DesignToken,
1122
- "border-color": DesignToken,
1123
- "invalid": {
1124
- "background-color": DesignToken,
1125
- "border-color": DesignToken,
1126
- "border-width": DesignToken
1056
+ "hemelblauw": {
1057
+ "50": DesignToken,
1058
+ "100": DesignToken,
1059
+ "200": DesignToken,
1060
+ "300": DesignToken,
1061
+ "400": DesignToken,
1062
+ "500": DesignToken
1127
1063
  },
1128
- "disabled": {
1129
- "background-color": DesignToken,
1130
- "border-color": DesignToken,
1131
- "color": DesignToken
1064
+ "donkerblauw": {
1065
+ "50": DesignToken,
1066
+ "100": DesignToken,
1067
+ "200": DesignToken,
1068
+ "300": DesignToken,
1069
+ "400": DesignToken,
1070
+ "500": DesignToken
1132
1071
  },
1133
- "hover": {
1134
- "background-color": DesignToken,
1135
- "border-color": DesignToken,
1136
- "border-width": DesignToken
1072
+ "mintgroen": {
1073
+ "50": DesignToken,
1074
+ "100": DesignToken,
1075
+ "200": DesignToken,
1076
+ "300": DesignToken,
1077
+ "400": DesignToken,
1078
+ "500": DesignToken
1137
1079
  },
1138
- "border-radius": DesignToken,
1139
- "border-width": DesignToken
1140
- },
1141
- "link": {
1142
- "focus": {
1143
- "background-color": DesignToken,
1144
- "color": DesignToken,
1145
- "text-decoration": DesignToken,
1146
- "text-decoration-thickness": DesignToken
1080
+ "mosgroen": {
1081
+ "50": DesignToken,
1082
+ "100": DesignToken,
1083
+ "200": DesignToken,
1084
+ "300": DesignToken,
1085
+ "400": DesignToken,
1086
+ "500": DesignToken
1087
+ },
1088
+ "groen": {
1089
+ "50": DesignToken,
1090
+ "100": DesignToken,
1091
+ "200": DesignToken,
1092
+ "300": DesignToken,
1093
+ "400": DesignToken,
1094
+ "500": DesignToken
1095
+ },
1096
+ "donkergroen": {
1097
+ "50": DesignToken,
1098
+ "100": DesignToken,
1099
+ "200": DesignToken,
1100
+ "300": DesignToken,
1101
+ "400": DesignToken,
1102
+ "500": DesignToken
1103
+ },
1104
+ "bruin": {
1105
+ "50": DesignToken,
1106
+ "100": DesignToken,
1107
+ "200": DesignToken,
1108
+ "300": DesignToken,
1109
+ "400": DesignToken,
1110
+ "500": DesignToken
1111
+ },
1112
+ "donkerbruin": {
1113
+ "50": DesignToken,
1114
+ "100": DesignToken,
1115
+ "200": DesignToken,
1116
+ "300": DesignToken,
1117
+ "400": DesignToken,
1118
+ "500": DesignToken
1119
+ },
1120
+ "geel": {
1121
+ "50": DesignToken,
1122
+ "100": DesignToken,
1123
+ "200": DesignToken,
1124
+ "300": DesignToken,
1125
+ "400": DesignToken,
1126
+ "500": DesignToken
1127
+ },
1128
+ "donkergeel": {
1129
+ "50": DesignToken,
1130
+ "100": DesignToken,
1131
+ "200": DesignToken,
1132
+ "300": DesignToken,
1133
+ "400": DesignToken,
1134
+ "500": DesignToken
1135
+ },
1136
+ "oranje": {
1137
+ "50": DesignToken,
1138
+ "100": DesignToken,
1139
+ "200": DesignToken,
1140
+ "300": DesignToken,
1141
+ "400": DesignToken,
1142
+ "500": DesignToken
1147
1143
  },
1148
- "color": DesignToken,
1149
- "text-decoration-color": DesignToken,
1150
- "active": {
1151
- "color": DesignToken,
1152
- "text-decoration": DesignToken
1144
+ "rood": {
1145
+ "50": DesignToken,
1146
+ "100": DesignToken,
1147
+ "200": DesignToken,
1148
+ "300": DesignToken,
1149
+ "400": DesignToken,
1150
+ "500": DesignToken
1153
1151
  },
1154
- "hover": {
1155
- "color": DesignToken,
1156
- "text-decoration": DesignToken,
1157
- "text-decoration-thickness": DesignToken
1152
+ "roze": {
1153
+ "50": DesignToken,
1154
+ "100": DesignToken,
1155
+ "200": DesignToken,
1156
+ "300": DesignToken,
1157
+ "400": DesignToken,
1158
+ "500": DesignToken
1158
1159
  },
1159
- "visited": {
1160
- "color": DesignToken
1160
+ "robijnrood": {
1161
+ "50": DesignToken,
1162
+ "100": DesignToken,
1163
+ "200": DesignToken,
1164
+ "300": DesignToken,
1165
+ "400": DesignToken,
1166
+ "500": DesignToken
1161
1167
  },
1162
- "text-decoration": DesignToken,
1163
- "icon": {
1164
- "inset-block-start": DesignToken,
1165
- "size": DesignToken
1168
+ "lintblauw": {
1169
+ "50": DesignToken,
1170
+ "100": DesignToken,
1171
+ "200": DesignToken,
1172
+ "300": DesignToken,
1173
+ "400": DesignToken,
1174
+ "500": DesignToken
1166
1175
  },
1176
+ "wit": DesignToken,
1177
+ "zwart": DesignToken,
1178
+ "none": DesignToken
1179
+ },
1180
+ "sub-nav-bar": {
1181
+ "background-color": DesignToken,
1167
1182
  "column-gap": DesignToken,
1168
- "text-decoration-thickness": DesignToken,
1169
- "text-underline-offset": DesignToken,
1170
- "font-family": DesignToken,
1171
- "font-weight": DesignToken,
1172
- "font-size": DesignToken,
1173
- "line-height": DesignToken
1183
+ "column-width": DesignToken,
1184
+ "padding-block-end": DesignToken,
1185
+ "padding-block-start": DesignToken,
1186
+ "inline-size": DesignToken,
1187
+ "content": {
1188
+ "padding-inline-end": DesignToken,
1189
+ "padding-inline-start": DesignToken,
1190
+ "max-inline-size": DesignToken,
1191
+ "list": {
1192
+ "row-gap": DesignToken
1193
+ }
1194
+ }
1174
1195
  },
1175
- "select": {
1176
- "focus": {
1177
- "background-color": DesignToken,
1178
- "border-color": DesignToken,
1179
- "color": DesignToken,
1180
- "border-width": DesignToken
1181
- },
1182
- "image-background-position": DesignToken,
1196
+ "toggletip": {
1197
+ "color": DesignToken,
1198
+ "background-color": DesignToken,
1199
+ "border-color": DesignToken,
1200
+ "border-radius": DesignToken,
1201
+ "border-width": DesignToken,
1183
1202
  "icon": {
1184
1203
  "size": DesignToken
1185
1204
  },
1186
- "background-color": DesignToken,
1187
- "border-color": DesignToken,
1188
- "color": DesignToken,
1189
- "invalid": {
1190
- "background-color": DesignToken,
1191
- "border-color": DesignToken,
1205
+ "size": DesignToken,
1206
+ "active": {
1192
1207
  "color": DesignToken,
1193
- "border-width": DesignToken
1194
- },
1195
- "disabled": {
1196
1208
  "background-color": DesignToken,
1197
- "border-color": DesignToken,
1198
- "color": DesignToken
1209
+ "border-color": DesignToken
1199
1210
  },
1200
1211
  "hover": {
1201
- "background-color": DesignToken,
1202
- "border-color": DesignToken,
1203
1212
  "color": DesignToken,
1204
- "border-width": DesignToken
1213
+ "background-color": DesignToken
1205
1214
  },
1206
- "padding-block-end": DesignToken,
1207
- "padding-block-start": DesignToken,
1208
- "padding-inline-end": DesignToken,
1209
- "padding-inline-start": DesignToken,
1210
- "border-radius": DesignToken,
1211
- "border-bottom-width": DesignToken,
1212
- "border-width": DesignToken,
1213
- "font-family": DesignToken,
1214
- "font-weight": DesignToken,
1215
- "line-height": DesignToken,
1216
- "font-size": DesignToken,
1217
- "max-inline-size": DesignToken
1218
- },
1219
- "textarea": {
1220
1215
  "focus": {
1221
- "background-color": DesignToken,
1222
- "border-color": DesignToken,
1223
- "color": DesignToken,
1224
- "border-width": DesignToken
1225
- },
1226
- "max-inline-size": DesignToken,
1227
- "padding-block-end": DesignToken,
1228
- "padding-block-start": DesignToken,
1229
- "padding-inline-end": DesignToken,
1230
- "padding-inline-start": DesignToken,
1231
- "background-color": DesignToken,
1232
- "border-color": DesignToken,
1233
- "color": DesignToken,
1234
- "invalid": {
1235
- "background-color": DesignToken,
1236
- "border-color": DesignToken,
1237
1216
  "color": DesignToken,
1238
- "border-width": DesignToken
1239
- },
1240
- "placeholder": {
1241
- "color": DesignToken
1242
- },
1243
- "disabled": {
1244
- "background-color": DesignToken,
1245
- "border-color": DesignToken,
1246
- "color": DesignToken
1247
- },
1248
- "read-only": {
1249
- "background-color": DesignToken,
1250
- "border-color": DesignToken,
1251
- "color": DesignToken
1252
- },
1253
- "hover": {
1254
- "background-color": DesignToken,
1255
- "border-color": DesignToken,
1217
+ "background-color": DesignToken
1218
+ }
1219
+ },
1220
+ "sidenav": {
1221
+ "display": DesignToken,
1222
+ "link": {
1223
+ "line-height": DesignToken,
1224
+ "icon": {
1225
+ "size": DesignToken,
1226
+ "margin-inline": DesignToken
1227
+ },
1228
+ "font-size": DesignToken,
1229
+ "font-family": DesignToken,
1230
+ "font-weight": DesignToken,
1231
+ "current": {
1232
+ "font-weight": DesignToken,
1233
+ "color": DesignToken
1234
+ },
1256
1235
  "color": DesignToken,
1257
- "border-width": DesignToken
1258
- },
1259
- "border-radius": DesignToken,
1260
- "border-bottom-width": DesignToken,
1261
- "border-width": DesignToken,
1262
- "font-family": DesignToken,
1263
- "font-weight": DesignToken,
1264
- "line-height": DesignToken,
1265
- "font-size": DesignToken
1236
+ "active": {
1237
+ "color": DesignToken,
1238
+ "text-decoration": DesignToken
1239
+ },
1240
+ "focus": {
1241
+ "border-radius": DesignToken,
1242
+ "border-width": DesignToken,
1243
+ "border-style": DesignToken,
1244
+ "border-color": DesignToken,
1245
+ "background-color": DesignToken,
1246
+ "color": DesignToken,
1247
+ "text-decoration": DesignToken
1248
+ },
1249
+ "hover": {
1250
+ "color": DesignToken,
1251
+ "text-decoration": DesignToken
1252
+ },
1253
+ "padding-block-start": DesignToken,
1254
+ "padding-block-end": DesignToken,
1255
+ "text-decoration": DesignToken,
1256
+ "column-gap": DesignToken
1257
+ }
1266
1258
  },
1267
- "textbox": {
1268
- "focus": {
1269
- "background-color": DesignToken,
1270
- "border-width": DesignToken,
1271
- "border-color": DesignToken,
1272
- "color": DesignToken
1273
- },
1274
- "border-radius": DesignToken,
1275
- "font-family": DesignToken,
1276
- "font-size": DesignToken,
1277
- "font-weight": DesignToken,
1278
- "line-height": DesignToken,
1279
- "max-inline-size": DesignToken,
1259
+ "radio-group": {
1280
1260
  "padding-block-end": DesignToken,
1281
1261
  "padding-block-start": DesignToken,
1282
- "padding-inline-end": DesignToken,
1283
- "padding-inline-start": DesignToken,
1284
- "background-color": DesignToken,
1285
- "border-color": DesignToken,
1286
- "color": DesignToken,
1287
- "invalid": {
1288
- "background-color": DesignToken,
1289
- "border-color": DesignToken,
1290
- "color": DesignToken,
1291
- "border-width": DesignToken
1292
- },
1293
- "placeholder": {
1294
- "color": DesignToken
1295
- },
1296
- "border-block-end-width": DesignToken,
1297
- "border-width": DesignToken,
1298
- "disabled": {
1262
+ "row-gap": DesignToken
1263
+ },
1264
+ "navigation-list": {
1265
+ "icon": {
1299
1266
  "background-color": DesignToken,
1300
- "border-color": DesignToken,
1267
+ "border-radius": DesignToken,
1301
1268
  "color": DesignToken
1302
1269
  },
1303
- "read-only": {
1270
+ "item": {
1271
+ "icon": {
1272
+ "padding-inline": DesignToken,
1273
+ "padding-block": DesignToken,
1274
+ "size": DesignToken
1275
+ },
1276
+ "content": {
1277
+ "font-size": DesignToken,
1278
+ "column-gap": DesignToken,
1279
+ "row-gap": DesignToken
1280
+ },
1281
+ "label": {
1282
+ "font-family": DesignToken,
1283
+ "font-size": DesignToken,
1284
+ "font-weight": DesignToken,
1285
+ "line-height": DesignToken
1286
+ },
1287
+ "active": {
1288
+ "background-color": DesignToken
1289
+ },
1290
+ "hover": {
1291
+ "background-color": DesignToken
1292
+ },
1293
+ "focus": {
1294
+ "background-color": DesignToken
1295
+ },
1304
1296
  "background-color": DesignToken,
1305
- "border-color": DesignToken,
1306
- "color": DesignToken
1307
- },
1308
- "hover": {
1297
+ "color": DesignToken,
1309
1298
  "border-width": DesignToken,
1310
- "background-color": DesignToken,
1311
1299
  "border-color": DesignToken,
1312
- "color": DesignToken
1313
- }
1314
- },
1315
- "counter-badge": {
1316
- "background-color": DesignToken
1317
- },
1318
- "skip-link": {
1319
- "focus": {
1320
- "background-color": DesignToken
1300
+ "heading": {
1301
+ "color": DesignToken
1302
+ },
1303
+ "column-gap": DesignToken,
1304
+ "min-height": DesignToken,
1305
+ "padding-block": DesignToken,
1306
+ "padding-inline": DesignToken
1321
1307
  }
1322
1308
  },
1323
- "icon": {
1324
- "color": DesignToken,
1325
- "size": DesignToken,
1326
- "inset-block-start": DesignToken
1327
- },
1328
- "unordered-list": {
1329
- "padding-inline-start": DesignToken,
1330
- "margin-block-end": DesignToken,
1331
- "margin-block-start": DesignToken,
1332
- "color": DesignToken,
1333
- "font-family": DesignToken,
1334
- "font-weight": DesignToken,
1335
- "font-size": DesignToken,
1336
- "line-height": DesignToken,
1337
- "item": {
1338
- "padding-inline-start": DesignToken,
1339
- "margin-block-end": DesignToken,
1340
- "margin-block-start": DesignToken
1309
+ "nav-bar": {
1310
+ "border-block-end-width": DesignToken,
1311
+ "max-inline-size": DesignToken,
1312
+ "padding-inline": DesignToken,
1313
+ "container": {
1314
+ "inline-size": DesignToken
1341
1315
  },
1342
- "marker": {
1343
- "color": DesignToken,
1344
- "border-color": DesignToken
1345
- }
1346
- },
1347
- "table": {
1348
- "header-cell": {
1349
- "line-height": DesignToken,
1350
- "color": DesignToken,
1351
- "font-family": DesignToken,
1352
- "font-weight": DesignToken,
1353
- "font-size": DesignToken
1316
+ "content": {
1317
+ "column-gap": DesignToken
1354
1318
  },
1355
- "caption": {
1356
- "line-height": DesignToken,
1357
- "margin-block-end": DesignToken,
1319
+ "icon": {
1358
1320
  "color": DesignToken,
1359
- "font-family": DesignToken,
1360
- "font-weight": DesignToken,
1361
- "font-size": DesignToken
1321
+ "active": {
1322
+ "color": DesignToken
1323
+ },
1324
+ "size": DesignToken
1362
1325
  },
1363
- "cell": {
1326
+ "link": {
1327
+ "active": {
1328
+ "background-color": DesignToken,
1329
+ "color": DesignToken
1330
+ },
1331
+ "background-color": DesignToken,
1332
+ "color": DesignToken,
1333
+ "focus": {
1334
+ "background-color": DesignToken,
1335
+ "color": DesignToken
1336
+ },
1337
+ "hover": {
1338
+ "background-color": DesignToken,
1339
+ "color": DesignToken
1340
+ },
1364
1341
  "padding-block-end": DesignToken,
1365
1342
  "padding-block-start": DesignToken,
1366
1343
  "padding-inline-end": DesignToken,
1367
1344
  "padding-inline-start": DesignToken,
1368
- "line-height": DesignToken
1369
- },
1370
- "data-cell": {
1371
- "color": DesignToken,
1372
- "font-family": DesignToken,
1373
- "font-weight": DesignToken,
1374
- "line-height": DesignToken,
1375
- "font-size": DesignToken
1376
- },
1377
- "header": {
1378
- "border-block-end-width": DesignToken,
1379
- "border-block-end-color": DesignToken,
1380
- "background-color": DesignToken
1381
- },
1382
- "footer": {
1383
- "border-block-end-width": DesignToken,
1384
- "border-block-end-color": DesignToken,
1385
- "background-color": DesignToken
1345
+ "column-gap": DesignToken
1386
1346
  },
1387
- "row": {
1388
- "border-block-end-width": DesignToken,
1389
- "border-block-end-color": DesignToken,
1390
- "background-color": DesignToken
1347
+ "heading": {
1348
+ "font-weight": DesignToken
1391
1349
  },
1392
- "footer-cell": {
1393
- "font-weight": DesignToken,
1394
- "font-size": DesignToken,
1350
+ "background-color": DesignToken,
1351
+ "color": DesignToken,
1352
+ "border-color": DesignToken
1353
+ },
1354
+ "message-list": {
1355
+ "item": {
1356
+ "background-color": DesignToken,
1357
+ "border-color": DesignToken,
1358
+ "border-width": DesignToken,
1395
1359
  "color": DesignToken,
1396
- "font-family": DesignToken,
1397
- "line-height": DesignToken
1398
- },
1399
- "container": {
1400
- "box-inline-end-shadow": {
1401
- "x": DesignToken,
1402
- "y": DesignToken,
1403
- "blur": DesignToken,
1404
- "spread": DesignToken,
1360
+ "column-gap": DesignToken,
1361
+ "icon": {
1362
+ "size": DesignToken,
1405
1363
  "color": DesignToken
1406
1364
  },
1407
- "box-inline-start-shadow": {
1408
- "x": DesignToken,
1409
- "y": DesignToken,
1410
- "blur": DesignToken,
1411
- "spread": DesignToken,
1365
+ "min-height": DesignToken,
1366
+ "padding-block": DesignToken,
1367
+ "padding-inline": DesignToken,
1368
+ "content": {
1369
+ "font-size": DesignToken,
1370
+ "column-gap": DesignToken,
1371
+ "row-gap": DesignToken
1372
+ },
1373
+ "label": {
1374
+ "font-family": DesignToken,
1375
+ "font-size": DesignToken,
1376
+ "font-weight": DesignToken,
1377
+ "line-height": DesignToken
1378
+ },
1379
+ "heading": {
1412
1380
  "color": DesignToken
1413
1381
  }
1414
- },
1415
- "font-size": DesignToken
1416
- },
1417
- "separator": {
1418
- "color": DesignToken,
1419
- "block-size": DesignToken,
1420
- "margin-block-end": DesignToken,
1421
- "margin-block-start": DesignToken
1422
- },
1423
- "ordered-list": {
1424
- "padding-inline-start": DesignToken,
1425
- "margin-block-end": DesignToken,
1426
- "margin-block-start": DesignToken,
1427
- "margin-inline-start": DesignToken,
1428
- "item": {
1429
- "padding-inline-start": DesignToken,
1430
- "margin-block-end": DesignToken,
1431
- "margin-block-start": DesignToken
1432
- },
1433
- "color": DesignToken,
1434
- "font-family": DesignToken,
1435
- "font-weight": DesignToken,
1436
- "font-size": DesignToken,
1437
- "line-height": DesignToken
1438
- },
1439
- "link-list": {
1440
- "margin-block-start": DesignToken,
1441
- "row-gap": DesignToken,
1442
- "margin-block-end": DesignToken,
1443
- "item": {
1444
- "column-gap": DesignToken,
1445
- "text-decoration": DesignToken
1446
- },
1447
- "icon": {
1448
- "size": DesignToken,
1449
- "inset-block-start": DesignToken
1450
1382
  }
1451
1383
  },
1452
- "form-label": {
1453
- "color": DesignToken,
1454
- "font-size": DesignToken,
1455
- "font-weight": DesignToken
1456
- },
1457
- "form-field-label": {
1458
- "color": DesignToken,
1459
- "font-family": DesignToken,
1460
- "font-size": DesignToken,
1461
- "font-weight": DesignToken,
1462
- "line-height": DesignToken
1463
- },
1464
- "form-field-error-message": {
1465
- "icon": {
1466
- "size": DesignToken,
1467
- "margin-inline-end": DesignToken
1468
- },
1469
- "color": DesignToken,
1470
- "font-family": DesignToken,
1471
- "font-size": DesignToken,
1472
- "font-weight": DesignToken,
1473
- "margin-block-end": DesignToken,
1474
- "padding-block-end": DesignToken
1475
- },
1476
- "form-field-description": {
1477
- "color": DesignToken,
1478
- "font-family": DesignToken,
1479
- "font-size": DesignToken,
1480
- "line-height": DesignToken,
1481
- "margin-block-start": DesignToken,
1482
- "margin-block-end": DesignToken,
1483
- "padding-block-end": DesignToken
1484
- },
1485
- "form-field": {
1486
- "margin-block-start": DesignToken,
1487
- "margin-block-end": DesignToken,
1488
- "invalid": {
1489
- "border-inline-start-color": DesignToken,
1490
- "border-inline-start-width": DesignToken,
1491
- "padding-inline-start": DesignToken
1384
+ "logo": {
1385
+ "image": {
1386
+ "background-color": DesignToken,
1387
+ "inline-size": DesignToken,
1388
+ "block-size": DesignToken,
1389
+ "color": DesignToken
1492
1390
  },
1493
- "label": {
1494
- "margin-block-end": DesignToken
1391
+ "title": {
1392
+ "font-weight": DesignToken,
1393
+ "line-height": DesignToken,
1394
+ "font-size": DesignToken,
1395
+ "padding-block-start": DesignToken
1495
1396
  },
1496
- "error-message": {
1497
- "line-height": DesignToken
1498
- }
1397
+ "subtitle": {
1398
+ "font-weight": DesignToken,
1399
+ "line-height": DesignToken,
1400
+ "font-size": DesignToken
1401
+ },
1402
+ "column-gap": DesignToken,
1403
+ "font-family": DesignToken,
1404
+ "color": DesignToken
1499
1405
  },
1500
- "page-footer": {
1406
+ "link-list-card": {
1501
1407
  "background-color": DesignToken,
1502
- "color": DesignToken,
1503
1408
  "padding-block-start": DesignToken,
1504
1409
  "padding-block-end": DesignToken,
1410
+ "row-gap": DesignToken,
1505
1411
  "padding-inline-start": DesignToken,
1506
1412
  "padding-inline-end": DesignToken
1507
1413
  },
1508
- "figure": {
1509
- "caption": {
1510
- "border-color": DesignToken,
1511
- "border-width": DesignToken,
1512
- "color": DesignToken,
1513
- "padding-block-end": DesignToken,
1514
- "padding-block-start": DesignToken,
1515
- "padding-inline-start": DesignToken,
1516
- "line-height": DesignToken,
1517
- "font-size": DesignToken
1518
- },
1519
- "img": {
1520
- "border-end-end-radius": DesignToken,
1521
- "border-end-start-radius": DesignToken,
1522
- "border-start-end-radius": DesignToken,
1523
- "border-start-start-radius": DesignToken
1524
- }
1414
+ "link-list": {
1415
+ "text-decoration": DesignToken
1525
1416
  },
1526
- "form-fieldset": {
1527
- "legend": {
1528
- "color": DesignToken,
1529
- "font-family": DesignToken,
1417
+ "icon-only-button": {
1418
+ "padding-block-end": DesignToken,
1419
+ "padding-block-start": DesignToken,
1420
+ "padding-inline-end": DesignToken,
1421
+ "padding-inline-start": DesignToken
1422
+ },
1423
+ "hero": {
1424
+ "heading": {
1425
+ "font-weight": DesignToken,
1426
+ "line-height": DesignToken,
1530
1427
  "font-size": DesignToken,
1428
+ "font-family": DesignToken
1429
+ },
1430
+ "sub-heading": {
1531
1431
  "font-weight": DesignToken,
1532
1432
  "line-height": DesignToken,
1533
- "disabled": {
1534
- "color": DesignToken
1535
- }
1433
+ "font-size": DesignToken,
1434
+ "font-family": DesignToken
1536
1435
  },
1537
- "section": {
1436
+ "message": {
1538
1437
  "background-color": DesignToken,
1539
- "color": DesignToken
1540
- },
1541
- "invalid": {
1542
- "border-inline-start": {
1543
- "color": DesignToken
1544
- },
1438
+ "color": DesignToken,
1439
+ "row-gap": DesignToken,
1440
+ "padding-block-end": DesignToken,
1441
+ "padding-inline-end": DesignToken,
1545
1442
  "padding-inline-start": DesignToken,
1546
- "border-inline-start-width": DesignToken
1443
+ "padding-block-start": DesignToken,
1444
+ "border-radius": DesignToken,
1445
+ "inline-size": DesignToken
1446
+ },
1447
+ "border-radius": DesignToken,
1448
+ "inline-size": DesignToken
1449
+ },
1450
+ "form-field-radio-option": {
1451
+ "column-gap": DesignToken,
1452
+ "font-weight": DesignToken,
1453
+ "row-gap": DesignToken,
1454
+ "label": {
1455
+ "margin-block-end": DesignToken
1456
+ },
1457
+ "input": {
1458
+ "margin": {
1459
+ "block-start": DesignToken
1460
+ }
1547
1461
  }
1548
1462
  },
1549
- "button-group": {
1550
- "background-color": DesignToken,
1463
+ "form-field-checkbox-option": {
1551
1464
  "column-gap": DesignToken,
1552
- "margin-block-end": DesignToken,
1553
- "margin-block-start": DesignToken,
1554
- "padding-block-end": DesignToken,
1555
- "padding-block-start": DesignToken,
1556
- "row-gap": DesignToken
1465
+ "margin-block-end": DesignToken
1557
1466
  },
1558
- "breadcrumb-nav": {
1559
- "line-height": DesignToken,
1560
- "font-size": DesignToken,
1561
- "link": {
1562
- "icon": {
1563
- "size": DesignToken,
1564
- "margin-inline": DesignToken,
1565
- "inset-block-start": DesignToken
1566
- },
1567
- "padding-block-end": DesignToken,
1568
- "padding-block-start": DesignToken,
1569
- "padding-inline-end": DesignToken,
1467
+ "page-footer": {
1468
+ "column-gap": DesignToken,
1469
+ "column-width": DesignToken,
1470
+ "column": {
1471
+ "title": {
1472
+ "margin-block-end": DesignToken
1473
+ }
1474
+ },
1475
+ "content": {
1476
+ "max-inline-size": DesignToken,
1570
1477
  "padding-inline-start": DesignToken,
1571
- "color": DesignToken,
1572
- "active": {
1573
- "color": DesignToken,
1574
- "text-decoration": DesignToken
1575
- },
1576
- "focus": {
1577
- "background-color": DesignToken,
1578
- "color": DesignToken,
1579
- "text-decoration": DesignToken
1580
- },
1581
- "hover": {
1478
+ "padding-inline-end": DesignToken,
1479
+ "column-gap": DesignToken
1480
+ },
1481
+ "border": {
1482
+ "block-start": {
1483
+ "width": DesignToken,
1582
1484
  "color": DesignToken,
1583
- "text-decoration": DesignToken
1584
- },
1585
- "current": {
1586
- "color": DesignToken
1587
- },
1588
- "text-decoration": DesignToken
1485
+ "style": DesignToken
1486
+ }
1589
1487
  },
1590
- "divider": {
1591
- "size": DesignToken,
1488
+ "outlined": {
1489
+ "background-color": DesignToken,
1592
1490
  "color": DesignToken,
1593
- "inset-block-start": DesignToken
1491
+ "border": {
1492
+ "color": DesignToken
1493
+ }
1594
1494
  },
1595
- "margin-inline": DesignToken,
1596
- "font-family": DesignToken,
1597
- "font-weight": DesignToken
1495
+ "padding": {
1496
+ "block-start": DesignToken,
1497
+ "block-end": DesignToken,
1498
+ "inline-start": DesignToken,
1499
+ "inline-end": DesignToken
1500
+ },
1501
+ "flex": {
1502
+ "direction": DesignToken
1503
+ }
1598
1504
  },
1599
- "blockquote": {
1600
- "caption": {
1601
- "font-size": DesignToken,
1602
- "font-family": DesignToken,
1603
- "line-height": DesignToken,
1604
- "font-weight": DesignToken,
1605
- "padding-block-start": DesignToken,
1606
- "color": DesignToken
1505
+ "file-input": {
1506
+ "column-gap": DesignToken,
1507
+ "row-gap": DesignToken,
1508
+ "feedback": {
1509
+ "color": DesignToken,
1510
+ "font-size": DesignToken
1511
+ }
1512
+ },
1513
+ "file": {
1514
+ "border-style": DesignToken,
1515
+ "border-color": DesignToken,
1516
+ "border-width": DesignToken,
1517
+ "border-radius": DesignToken,
1518
+ "padding-inline-start": DesignToken,
1519
+ "padding-inline-end": DesignToken,
1520
+ "padding-block-start": DesignToken,
1521
+ "padding-block-end": DesignToken,
1522
+ "column-gap": DesignToken,
1523
+ "error": {
1524
+ "border-color": DesignToken
1607
1525
  },
1608
- "content": {
1609
- "font-family": DesignToken,
1610
- "line-height": DesignToken,
1611
- "font-weight": DesignToken,
1612
- "font-size": DesignToken,
1526
+ "subtitle": {
1613
1527
  "color": DesignToken
1614
- },
1615
- "margin-block-end": DesignToken,
1616
- "margin-block-start": DesignToken,
1617
- "margin-inline-end": DesignToken,
1618
- "margin-inline-start": DesignToken,
1528
+ }
1529
+ },
1530
+ "dot-badge": {
1531
+ "border-radius": DesignToken,
1532
+ "color": DesignToken,
1533
+ "size": DesignToken
1534
+ },
1535
+ "code-input": {
1536
+ "size": DesignToken
1537
+ },
1538
+ "code-input-group": {
1539
+ "column-gap": DesignToken
1540
+ },
1541
+ "checkbox-group": {
1619
1542
  "padding-block-end": DesignToken,
1620
1543
  "padding-block-start": DesignToken,
1621
- "padding-inline-end": DesignToken,
1622
- "padding-inline-start": DesignToken,
1623
- "row-gap": DesignToken,
1544
+ "row-gap": DesignToken
1545
+ },
1546
+ "card-as-link": {
1624
1547
  "background-color": DesignToken,
1625
1548
  "border-color": DesignToken,
1626
- "border-block-start-width": DesignToken,
1627
- "border-block-end-width": DesignToken,
1628
- "border-inline-start-width": DesignToken,
1629
- "border-inline-end-width": DesignToken,
1630
- "border-start-start-radius": DesignToken,
1631
- "border-start-end-radius": DesignToken,
1632
- "border-end-start-radius": DesignToken,
1633
- "border-end-end-radius": DesignToken,
1549
+ "border-radius": DesignToken,
1634
1550
  "border-width": DesignToken,
1635
- "blue-corner-border-variation": {
1636
- "border-color": DesignToken,
1637
- "border-block-end-width": DesignToken,
1638
- "border-inline-end-width": DesignToken,
1639
- "border-end-end-radius": DesignToken
1640
- },
1641
- "pink-background-variation": {
1642
- "background-color": DesignToken,
1643
- "border-end-start-radius": DesignToken,
1644
- "padding": DesignToken
1551
+ "color": DesignToken,
1552
+ "column-gap": DesignToken,
1553
+ "inline-size": DesignToken,
1554
+ "icon": {
1555
+ "color": DesignToken,
1556
+ "size": DesignToken
1645
1557
  },
1646
- "pink-left-border-variation": {
1647
- "border-color": DesignToken,
1648
- "border-inline-start-width": DesignToken,
1649
- "padding-inline-start": DesignToken,
1650
- "padding-inline-end": DesignToken,
1651
- "padding-block-start": DesignToken,
1652
- "padding-block-end": DesignToken
1558
+ "link": {
1559
+ "color": DesignToken,
1560
+ "text-decoration": DesignToken,
1561
+ "active": {
1562
+ "text-decoration": DesignToken
1563
+ },
1564
+ "hover": {
1565
+ "text-decoration": DesignToken
1566
+ },
1567
+ "focus": {
1568
+ "text-decoration": DesignToken
1569
+ }
1653
1570
  },
1654
- "pink-corner-border-variation": {
1655
- "border-color": DesignToken,
1656
- "border-block-start-width": DesignToken,
1657
- "border-inline-start-width": DesignToken,
1658
- "border-start-start-radius": DesignToken,
1659
- "padding": DesignToken
1660
- }
1661
- },
1662
- "article": {
1663
- "max-inline-size": DesignToken
1664
- },
1665
- "alert": {
1666
- "heading": {
1667
- "font-family": DesignToken,
1668
- "font-weight": DesignToken,
1669
- "line-height": DesignToken,
1670
- "font-size": DesignToken
1571
+ "metadata": {
1572
+ "color": DesignToken
1671
1573
  },
1672
- "column-gap": DesignToken,
1673
- "border-width": DesignToken,
1674
- "margin-block-end": DesignToken,
1675
- "margin-block-start": DesignToken,
1676
1574
  "padding-block-end": DesignToken,
1677
1575
  "padding-block-start": DesignToken,
1678
1576
  "padding-inline-end": DesignToken,
1679
1577
  "padding-inline-start": DesignToken,
1680
- "background-color": DesignToken,
1681
- "border-color": DesignToken,
1682
- "color": DesignToken,
1683
- "info": {
1578
+ "row-gap": DesignToken,
1579
+ "active": {
1684
1580
  "background-color": DesignToken,
1685
- "border-color": DesignToken,
1686
- "color": DesignToken
1581
+ "text-decoration": DesignToken
1687
1582
  },
1688
- "error": {
1583
+ "hover": {
1689
1584
  "background-color": DesignToken,
1690
- "border-color": DesignToken,
1691
- "color": DesignToken
1585
+ "text-decoration": DesignToken
1692
1586
  },
1693
- "ok": {
1587
+ "focus": {
1694
1588
  "background-color": DesignToken,
1695
- "border-color": DesignToken,
1696
- "color": DesignToken
1589
+ "text-decoration": DesignToken
1697
1590
  },
1698
- "warning": {
1591
+ "full-bleed": {
1699
1592
  "background-color": DesignToken,
1700
1593
  "border-color": DesignToken,
1701
- "color": DesignToken
1594
+ "color": DesignToken,
1595
+ "opacity": DesignToken
1702
1596
  },
1703
- "icon": {
1704
- "inset-block-start": DesignToken,
1705
- "info": {
1706
- "color": DesignToken
1707
- },
1708
- "error": {
1709
- "color": DesignToken
1710
- },
1711
- "ok": {
1712
- "color": DesignToken
1597
+ "heading": {
1598
+ "padding-block-start": DesignToken,
1599
+ "font-size": DesignToken,
1600
+ "font-weight": DesignToken
1601
+ },
1602
+ "horizontal": {
1603
+ "background-color": DesignToken,
1604
+ "border-color": DesignToken,
1605
+ "color": DesignToken,
1606
+ "max-block-size": DesignToken,
1607
+ "padding-block-end": DesignToken,
1608
+ "padding-block-start": DesignToken,
1609
+ "padding-inline-end": DesignToken,
1610
+ "padding-inline-start": DesignToken,
1611
+ "heading": {
1612
+ "inline-size": DesignToken
1613
+ }
1614
+ }
1615
+ },
1616
+ "accordion": {
1617
+ "button": {
1618
+ "font-family": DesignToken,
1619
+ "font-size": DesignToken,
1620
+ "font-weight": DesignToken,
1621
+ "line-height": DesignToken,
1622
+ "icon": {
1623
+ "margin-block": DesignToken
1713
1624
  },
1714
- "warning": {
1625
+ "padding-block-end": DesignToken,
1626
+ "padding-block-start": DesignToken,
1627
+ "padding-inline-end": DesignToken,
1628
+ "padding-inline-start": DesignToken,
1629
+ "expanded": {
1630
+ "background-color": DesignToken,
1715
1631
  "color": DesignToken
1716
- },
1717
- "size": DesignToken
1632
+ }
1718
1633
  },
1719
- "message": {
1720
- "line-height": DesignToken,
1721
- "column-gap": DesignToken
1634
+ "section": {
1635
+ "border-block-end-width": DesignToken,
1636
+ "border-width": DesignToken,
1637
+ "border-color": DesignToken
1722
1638
  },
1723
- "border-radius": DesignToken
1724
- },
1725
- "document": {
1726
- "background-color": DesignToken,
1727
- "color": DesignToken,
1728
- "font-family": DesignToken,
1729
- "font-size": DesignToken,
1730
- "line-height": DesignToken,
1731
- "font-weight": DesignToken
1732
- },
1733
- "rich-text": {
1734
- "stranger": {
1735
- "margin-block-end": DesignToken
1639
+ "header": {
1640
+ "margin": DesignToken
1736
1641
  },
1737
- "acquaintance": {
1738
- "margin-block-end": DesignToken
1642
+ "border-radius": DesignToken,
1643
+ "color": DesignToken
1644
+ },
1645
+ "keep": {
1646
+ "top-left": {
1647
+ "borderRadiusTopLeft": DesignToken,
1648
+ "borderRadiusTopRight": DesignToken,
1649
+ "borderRadiusBottomRight": DesignToken,
1650
+ "borderRadiusBottomLeft": DesignToken
1739
1651
  },
1740
- "friend": {
1741
- "margin-block-end": DesignToken
1652
+ "top-right": {
1653
+ "borderRadiusTopRight": DesignToken,
1654
+ "borderRadiusTopLeft": DesignToken,
1655
+ "borderRadiusBottomRight": DesignToken,
1656
+ "borderRadiusBottomLeft": DesignToken
1742
1657
  },
1743
- "best-friend": {
1744
- "margin-block-end": DesignToken
1658
+ "bottom-right": {
1659
+ "borderRadiusTopLeft": DesignToken,
1660
+ "borderRadiusTopRight": DesignToken,
1661
+ "borderRadiusBottomRight": DesignToken,
1662
+ "borderRadiusBottomLeft": DesignToken
1745
1663
  },
1746
- "confidant": {
1747
- "margin-block-end": DesignToken
1664
+ "bottom-left": {
1665
+ "borderRadiusTopLeft": DesignToken,
1666
+ "borderRadiusTopRight": DesignToken,
1667
+ "borderRadiusBottomRight": DesignToken,
1668
+ "borderRadiusBottomLeft": DesignToken
1748
1669
  }
1749
1670
  },
1750
- "pointer-target": {
1751
- "min-size": DesignToken
1671
+ "border-radius": {
1672
+ "sm": DesignToken,
1673
+ "md": DesignToken,
1674
+ "keep": DesignToken,
1675
+ "circle": DesignToken,
1676
+ "none": DesignToken
1752
1677
  },
1753
1678
  "focus": {
1754
- "outline-color": DesignToken,
1755
1679
  "outline-offset": DesignToken,
1756
1680
  "outline-style": DesignToken,
1757
- "outline-width": DesignToken,
1758
- "inverse": {
1759
- "outline-color": DesignToken
1681
+ "outline-width": DesignToken
1682
+ },
1683
+ "font-size": {
1684
+ "heading": {
1685
+ "level-1": DesignToken,
1686
+ "level-2": DesignToken,
1687
+ "level-3": DesignToken,
1688
+ "level-4": DesignToken,
1689
+ "level-5": DesignToken
1690
+ },
1691
+ "paragraph": {
1692
+ "intro": DesignToken,
1693
+ "default": DesignToken,
1694
+ "small": DesignToken
1695
+ },
1696
+ "xs": {
1697
+ "desktop": DesignToken,
1698
+ "tablet": DesignToken,
1699
+ "mobile": DesignToken
1700
+ },
1701
+ "sm": {
1702
+ "desktop": DesignToken,
1703
+ "tablet": DesignToken,
1704
+ "mobile": DesignToken
1705
+ },
1706
+ "md": {
1707
+ "desktop": DesignToken,
1708
+ "tablet": DesignToken,
1709
+ "mobile": DesignToken
1710
+ },
1711
+ "lg": {
1712
+ "desktop": DesignToken,
1713
+ "tablet": DesignToken,
1714
+ "mobile": DesignToken
1715
+ },
1716
+ "xl": {
1717
+ "desktop": DesignToken,
1718
+ "tablet": DesignToken,
1719
+ "mobile": DesignToken
1760
1720
  }
1721
+ },
1722
+ "line-height": {
1723
+ "paragraph": DesignToken,
1724
+ "sm": DesignToken,
1725
+ "md": DesignToken
1726
+ },
1727
+ "size": {
1728
+ "target": DesignToken,
1729
+ "icon": {
1730
+ "functional": DesignToken
1731
+ },
1732
+ "quarter-lint": DesignToken,
1733
+ "half-lint": DesignToken,
1734
+ "lint": DesignToken,
1735
+ "2-lint": DesignToken,
1736
+ "3-lint": DesignToken
1737
+ },
1738
+ "font-weight": {
1739
+ "extra-bold": DesignToken,
1740
+ "bold": DesignToken,
1741
+ "semi-bold": DesignToken,
1742
+ "regular": DesignToken,
1743
+ "chosen-regular": DesignToken,
1744
+ "light": DesignToken,
1745
+ "thin": DesignToken
1746
+ },
1747
+ "font-family": {
1748
+ "primary": DesignToken,
1749
+ "secondary": DesignToken
1750
+ },
1751
+ "border-width": {
1752
+ "default": DesignToken,
1753
+ "m": DesignToken,
1754
+ "none": DesignToken
1755
+ },
1756
+ "space": {
1757
+ "0": DesignToken,
1758
+ "25": DesignToken,
1759
+ "50": DesignToken,
1760
+ "100": DesignToken,
1761
+ "150": DesignToken,
1762
+ "200": DesignToken,
1763
+ "300": DesignToken,
1764
+ "400": DesignToken,
1765
+ "500": DesignToken,
1766
+ "600": DesignToken,
1767
+ "700": DesignToken
1761
1768
  }
1762
1769
  },
1763
1770
  "overwrite": {