@rijkshuisstijl-community/design-tokens 1.0.0 → 1.1.0

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