@rijkshuisstijl-community/design-tokens 1.0.1 → 1.2.0

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