@rijkshuisstijl-community/design-tokens 1.0.1 → 1.2.0

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