@rijkshuisstijl-community/design-tokens 1.0.0-alpha.99 → 1.0.1

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