@rijkshuisstijl-community/design-tokens 1.0.0-alpha.121 → 1.0.0-alpha.123

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