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