@rijkshuisstijl-community/design-tokens 5.0.0 → 7.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 +45 -0
  2. package/dist/_variables.scss +626 -673
  3. package/dist/index.css +626 -673
  4. package/dist/index.d.ts +708 -755
  5. package/dist/index.js +710 -757
  6. package/dist/index.json +709 -756
  7. package/dist/index.tokens.json +1745 -1802
  8. package/dist/koop/_variables.scss +61 -123
  9. package/dist/koop/index.css +61 -123
  10. package/dist/koop/index.d.ts +59 -121
  11. package/dist/koop/index.js +61 -123
  12. package/dist/koop/index.json +60 -122
  13. package/dist/koop/index.tokens.json +83 -165
  14. package/dist/koop/root.css +61 -123
  15. package/dist/koop/tokens.d.ts +82 -164
  16. package/dist/koop/tokens.js +3879 -5309
  17. package/dist/root.css +626 -673
  18. package/dist/tokens.d.ts +1639 -1696
  19. package/dist/tokens.js +25088 -26173
  20. package/dist/uitvoerend-groen/_variables.scss +51 -113
  21. package/dist/uitvoerend-groen/index.css +51 -113
  22. package/dist/uitvoerend-groen/index.d.ts +49 -111
  23. package/dist/uitvoerend-groen/index.js +51 -113
  24. package/dist/uitvoerend-groen/index.json +50 -112
  25. package/dist/uitvoerend-groen/index.tokens.json +71 -153
  26. package/dist/uitvoerend-groen/root.css +51 -113
  27. package/dist/uitvoerend-groen/tokens.d.ts +70 -152
  28. package/dist/uitvoerend-groen/tokens.js +2417 -3847
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +51 -113
  30. package/dist/uitvoerend-hemelblauw/index.css +51 -113
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +49 -111
  32. package/dist/uitvoerend-hemelblauw/index.js +51 -113
  33. package/dist/uitvoerend-hemelblauw/index.json +50 -112
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +71 -153
  35. package/dist/uitvoerend-hemelblauw/root.css +51 -113
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +70 -152
  37. package/dist/uitvoerend-hemelblauw/tokens.js +2417 -3847
  38. package/dist/uitvoerend-mintgroen/_variables.scss +51 -113
  39. package/dist/uitvoerend-mintgroen/index.css +51 -113
  40. package/dist/uitvoerend-mintgroen/index.d.ts +49 -111
  41. package/dist/uitvoerend-mintgroen/index.js +51 -113
  42. package/dist/uitvoerend-mintgroen/index.json +50 -112
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +71 -153
  44. package/dist/uitvoerend-mintgroen/root.css +51 -113
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +70 -152
  46. package/dist/uitvoerend-mintgroen/tokens.js +2417 -3847
  47. package/dist/uitvoerend-oranje/_variables.scss +74 -136
  48. package/dist/uitvoerend-oranje/index.css +74 -136
  49. package/dist/uitvoerend-oranje/index.d.ts +72 -134
  50. package/dist/uitvoerend-oranje/index.js +74 -136
  51. package/dist/uitvoerend-oranje/index.json +73 -135
  52. package/dist/uitvoerend-oranje/index.tokens.json +105 -187
  53. package/dist/uitvoerend-oranje/root.css +74 -136
  54. package/dist/uitvoerend-oranje/tokens.d.ts +101 -183
  55. package/dist/uitvoerend-oranje/tokens.js +3100 -4530
  56. package/dist/uitvoerend-paars/_variables.scss +51 -113
  57. package/dist/uitvoerend-paars/index.css +51 -113
  58. package/dist/uitvoerend-paars/index.d.ts +49 -111
  59. package/dist/uitvoerend-paars/index.js +51 -113
  60. package/dist/uitvoerend-paars/index.json +50 -112
  61. package/dist/uitvoerend-paars/index.tokens.json +71 -153
  62. package/dist/uitvoerend-paars/root.css +51 -113
  63. package/dist/uitvoerend-paars/tokens.d.ts +70 -152
  64. package/dist/uitvoerend-paars/tokens.js +2417 -3847
  65. package/dist/uitvoerend-violet/_variables.scss +51 -113
  66. package/dist/uitvoerend-violet/index.css +51 -113
  67. package/dist/uitvoerend-violet/index.d.ts +49 -111
  68. package/dist/uitvoerend-violet/index.js +51 -113
  69. package/dist/uitvoerend-violet/index.json +50 -112
  70. package/dist/uitvoerend-violet/index.tokens.json +71 -153
  71. package/dist/uitvoerend-violet/root.css +51 -113
  72. package/dist/uitvoerend-violet/tokens.d.ts +70 -152
  73. package/dist/uitvoerend-violet/tokens.js +2417 -3847
  74. package/dist/uitvoerend-violet-oud/_variables.scss +106 -168
  75. package/dist/uitvoerend-violet-oud/index.css +106 -168
  76. package/dist/uitvoerend-violet-oud/index.d.ts +104 -166
  77. package/dist/uitvoerend-violet-oud/index.js +106 -168
  78. package/dist/uitvoerend-violet-oud/index.json +105 -167
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +138 -220
  80. package/dist/uitvoerend-violet-oud/root.css +106 -168
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +136 -218
  82. package/dist/uitvoerend-violet-oud/tokens.js +3558 -4988
  83. package/dist/wetgevend/_variables.scss +51 -113
  84. package/dist/wetgevend/index.css +51 -113
  85. package/dist/wetgevend/index.d.ts +49 -111
  86. package/dist/wetgevend/index.js +51 -113
  87. package/dist/wetgevend/index.json +50 -112
  88. package/dist/wetgevend/index.tokens.json +71 -153
  89. package/dist/wetgevend/root.css +51 -113
  90. package/dist/wetgevend/tokens.d.ts +70 -152
  91. package/dist/wetgevend/tokens.js +2417 -3847
  92. package/figma/figma.tokens.json +953 -906
  93. package/package.json +2 -2
  94. package/src/generated/base.tokens.json +4984 -5182
  95. package/src/generated/koop/tokens.json +261 -529
  96. package/src/generated/themes.json +2258 -4670
  97. package/src/generated/uitvoerend-groen/tokens.json +217 -485
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +217 -485
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +217 -485
  100. package/src/generated/uitvoerend-oranje/tokens.json +304 -572
  101. package/src/generated/uitvoerend-paars/tokens.json +217 -485
  102. package/src/generated/uitvoerend-violet/tokens.json +217 -485
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +482 -750
  104. package/src/generated/wetgevend/tokens.json +217 -485
  105. package/token-transformer.mjs +1 -3
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 Tue, 09 Sep 2025 07:01:22 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -22,2060 +22,2034 @@ 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
+ "backdrop": DesignToken,
682
+ "border": {
683
+ "default": DesignToken,
684
+ "subdued": DesignToken,
685
+ "strong": DesignToken
686
+ },
687
+ "canvas": DesignToken,
688
+ "feedback": {
689
+ "success": {
690
+ "default": DesignToken,
691
+ "subdued": DesignToken
855
692
  },
856
- "focus": {
857
- "background-color": DesignToken,
858
- "color": DesignToken,
859
- "text-decoration": DesignToken
693
+ "info": {
694
+ "default": DesignToken,
695
+ "subdued": DesignToken
860
696
  },
861
- "hover": {
862
- "text-decoration": DesignToken,
863
- "color": DesignToken
697
+ "error": {
698
+ "default": DesignToken,
699
+ "subdued": DesignToken
864
700
  },
865
- "icon": {
866
- "size": DesignToken
701
+ "warning": {
702
+ "default": DesignToken,
703
+ "subdued": DesignToken
867
704
  }
705
+ },
706
+ "accent": {
707
+ "500": DesignToken
708
+ },
709
+ "accent-2": {
710
+ "500": DesignToken
711
+ },
712
+ "primary": {
713
+ "50": DesignToken,
714
+ "100": DesignToken,
715
+ "200": DesignToken,
716
+ "300": DesignToken,
717
+ "400": DesignToken,
718
+ "500": DesignToken,
719
+ "hover": DesignToken
720
+ },
721
+ "cool-grey": {
722
+ "50": DesignToken,
723
+ "100": DesignToken,
724
+ "200": DesignToken,
725
+ "300": DesignToken,
726
+ "400": DesignToken,
727
+ "500": DesignToken,
728
+ "600": DesignToken,
729
+ "700": DesignToken,
730
+ "800": DesignToken,
731
+ "900": DesignToken
732
+ },
733
+ "lichtblauw": {
734
+ "50": DesignToken,
735
+ "100": DesignToken,
736
+ "200": DesignToken,
737
+ "300": DesignToken,
738
+ "400": DesignToken,
739
+ "500": DesignToken
740
+ },
741
+ "violet": {
742
+ "50": DesignToken,
743
+ "100": DesignToken,
744
+ "200": DesignToken,
745
+ "300": DesignToken,
746
+ "400": DesignToken,
747
+ "500": DesignToken
748
+ },
749
+ "paars": {
750
+ "50": DesignToken,
751
+ "100": DesignToken,
752
+ "200": DesignToken,
753
+ "300": DesignToken,
754
+ "400": DesignToken,
755
+ "500": DesignToken
756
+ },
757
+ "hemelblauw": {
758
+ "50": DesignToken,
759
+ "100": DesignToken,
760
+ "200": DesignToken,
761
+ "300": DesignToken,
762
+ "400": DesignToken,
763
+ "500": DesignToken
764
+ },
765
+ "donkerblauw": {
766
+ "50": DesignToken,
767
+ "100": DesignToken,
768
+ "200": DesignToken,
769
+ "300": DesignToken,
770
+ "400": DesignToken,
771
+ "500": DesignToken
772
+ },
773
+ "mintgroen": {
774
+ "50": DesignToken,
775
+ "100": DesignToken,
776
+ "200": DesignToken,
777
+ "300": DesignToken,
778
+ "400": DesignToken,
779
+ "500": DesignToken
780
+ },
781
+ "mosgroen": {
782
+ "50": DesignToken,
783
+ "100": DesignToken,
784
+ "200": DesignToken,
785
+ "300": DesignToken,
786
+ "400": DesignToken,
787
+ "500": DesignToken
788
+ },
789
+ "groen": {
790
+ "50": DesignToken,
791
+ "100": DesignToken,
792
+ "200": DesignToken,
793
+ "300": DesignToken,
794
+ "400": DesignToken,
795
+ "500": DesignToken
796
+ },
797
+ "donkergroen": {
798
+ "50": DesignToken,
799
+ "100": DesignToken,
800
+ "200": DesignToken,
801
+ "300": DesignToken,
802
+ "400": DesignToken,
803
+ "500": DesignToken
804
+ },
805
+ "bruin": {
806
+ "50": DesignToken,
807
+ "100": DesignToken,
808
+ "200": DesignToken,
809
+ "300": DesignToken,
810
+ "400": DesignToken,
811
+ "500": DesignToken
812
+ },
813
+ "donkerbruin": {
814
+ "50": DesignToken,
815
+ "100": DesignToken,
816
+ "200": DesignToken,
817
+ "300": DesignToken,
818
+ "400": DesignToken,
819
+ "500": DesignToken
820
+ },
821
+ "geel": {
822
+ "50": DesignToken,
823
+ "100": DesignToken,
824
+ "200": DesignToken,
825
+ "300": DesignToken,
826
+ "400": DesignToken,
827
+ "500": DesignToken
828
+ },
829
+ "donkergeel": {
830
+ "50": DesignToken,
831
+ "100": DesignToken,
832
+ "200": DesignToken,
833
+ "300": DesignToken,
834
+ "400": DesignToken,
835
+ "500": DesignToken
836
+ },
837
+ "oranje": {
838
+ "50": DesignToken,
839
+ "100": DesignToken,
840
+ "200": DesignToken,
841
+ "300": DesignToken,
842
+ "400": DesignToken,
843
+ "500": DesignToken
844
+ },
845
+ "rood": {
846
+ "50": DesignToken,
847
+ "100": DesignToken,
848
+ "200": DesignToken,
849
+ "300": DesignToken,
850
+ "400": DesignToken,
851
+ "500": DesignToken
852
+ },
853
+ "roze": {
854
+ "50": DesignToken,
855
+ "100": DesignToken,
856
+ "200": DesignToken,
857
+ "300": DesignToken,
858
+ "400": DesignToken,
859
+ "500": DesignToken
860
+ },
861
+ "robijnrood": {
862
+ "50": DesignToken,
863
+ "100": DesignToken,
864
+ "200": DesignToken,
865
+ "300": DesignToken,
866
+ "400": DesignToken,
867
+ "500": DesignToken
868
+ },
869
+ "lintblauw": {
870
+ "50": DesignToken,
871
+ "100": DesignToken,
872
+ "200": DesignToken,
873
+ "300": DesignToken,
874
+ "400": DesignToken,
875
+ "500": DesignToken
876
+ },
877
+ "wit": DesignToken,
878
+ "zwart": DesignToken,
879
+ "transparent": {
880
+ "30": DesignToken
881
+ },
882
+ "none": DesignToken
883
+ },
884
+ "focus": {
885
+ "outline-offset": DesignToken,
886
+ "outline-style": DesignToken,
887
+ "outline-width": DesignToken
888
+ },
889
+ "font-size": {
890
+ "heading": {
891
+ "level-1": DesignToken,
892
+ "level-2": DesignToken,
893
+ "level-3": DesignToken,
894
+ "level-4": DesignToken,
895
+ "level-5": DesignToken
896
+ },
897
+ "body": {
898
+ "intro": DesignToken,
899
+ "default": DesignToken
900
+ },
901
+ "xs": {
902
+ "desktop": DesignToken,
903
+ "tablet": DesignToken,
904
+ "mobile": DesignToken
905
+ },
906
+ "sm": {
907
+ "desktop": DesignToken,
908
+ "tablet": DesignToken,
909
+ "mobile": DesignToken
910
+ },
911
+ "md": {
912
+ "desktop": DesignToken,
913
+ "tablet": DesignToken,
914
+ "mobile": DesignToken
915
+ },
916
+ "lg": {
917
+ "desktop": DesignToken,
918
+ "tablet": DesignToken,
919
+ "mobile": DesignToken
920
+ },
921
+ "xl": {
922
+ "desktop": DesignToken,
923
+ "tablet": DesignToken,
924
+ "mobile": DesignToken
868
925
  }
869
926
  },
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,
927
+ "font-weight": {
928
+ "default": DesignToken,
929
+ "strong": DesignToken,
930
+ "extra-bold": DesignToken,
931
+ "bold": DesignToken,
932
+ "semi-bold": DesignToken,
933
+ "regular": DesignToken,
934
+ "light": DesignToken,
935
+ "thin": DesignToken
936
+ },
937
+ "line-height": {
938
+ "body": DesignToken,
939
+ "sm": DesignToken,
940
+ "md": DesignToken
941
+ },
942
+ "size": {
943
+ "target": DesignToken,
944
+ "icon": {
945
+ "functional": DesignToken
946
+ },
947
+ "quarter-lint": DesignToken,
948
+ "half-lint": DesignToken,
949
+ "lint": DesignToken,
950
+ "2-lint": DesignToken,
951
+ "3-lint": DesignToken
952
+ },
953
+ "font-family": {
954
+ "primary": DesignToken,
955
+ "secondary": DesignToken
956
+ },
957
+ "border-width": {
958
+ "default": DesignToken,
959
+ "m": DesignToken,
960
+ "none": DesignToken
961
+ },
962
+ "space": {
963
+ "0": DesignToken,
964
+ "25": DesignToken,
965
+ "50": DesignToken,
966
+ "100": DesignToken,
967
+ "150": DesignToken,
968
+ "200": DesignToken,
969
+ "300": DesignToken,
970
+ "400": DesignToken,
971
+ "500": DesignToken,
972
+ "600": DesignToken,
973
+ "700": DesignToken
974
+ }
975
+ },
976
+ "utrecht": {
977
+ "column-layout": {
978
+ "column-rule-color": DesignToken,
979
+ "column-rule-width": DesignToken,
980
+ "column-width": DesignToken,
981
+ "gap": DesignToken
982
+ },
983
+ "unordered-list": {
984
+ "font-size": DesignToken,
985
+ "line-height": DesignToken,
878
986
  "margin-block-end": DesignToken,
879
987
  "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
- },
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
895
- },
896
- "content": {
897
- "font-family": DesignToken,
898
- "font-weight": DesignToken,
899
- "line-height": DesignToken,
900
- "color": DesignToken,
901
- "font-size": DesignToken
988
+ "padding-inline-start": DesignToken,
989
+ "item": {
990
+ "margin-block-end": DesignToken,
991
+ "margin-block-start": DesignToken,
992
+ "padding-inline-start": DesignToken
902
993
  },
903
- "pink-background-variation": {
994
+ "marker": {
995
+ "color": DesignToken
996
+ }
997
+ },
998
+ "textbox": {
999
+ "hover": {
904
1000
  "background-color": DesignToken,
905
- "border-end-start-radius": DesignToken,
906
- "padding": DesignToken
907
- },
908
- "pink-corner-border-variation": {
909
- "border-block-start-width": DesignToken,
910
1001
  "border-color": DesignToken,
911
- "border-inline-start-width": DesignToken,
912
- "border-start-start-radius": DesignToken,
913
- "padding": DesignToken
1002
+ "border-width": DesignToken,
1003
+ "color": DesignToken
914
1004
  },
915
- "pink-left-border-variation": {
1005
+ "focus": {
1006
+ "border-width": DesignToken,
1007
+ "background-color": DesignToken,
916
1008
  "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
1009
+ "color": DesignToken
922
1010
  },
923
1011
  "background-color": DesignToken,
924
- "border-inline-start-width": DesignToken,
1012
+ "border-block-end-width": DesignToken,
925
1013
  "border-color": DesignToken,
926
1014
  "border-radius": DesignToken,
927
1015
  "border-width": DesignToken,
928
1016
  "color": DesignToken,
929
- "font-size": DesignToken,
930
1017
  "font-family": DesignToken,
1018
+ "font-size": DesignToken,
1019
+ "font-weight": DesignToken,
1020
+ "line-height": DesignToken,
1021
+ "max-inline-size": DesignToken,
1022
+ "min-block-size": DesignToken,
931
1023
  "padding-block-end": DesignToken,
932
1024
  "padding-block-start": DesignToken,
933
1025
  "padding-inline-end": DesignToken,
934
1026
  "padding-inline-start": DesignToken,
935
- "row-gap": DesignToken,
936
- "attribution": {
937
- "color": DesignToken,
938
- "font-size": DesignToken
1027
+ "invalid": {
1028
+ "background-color": DesignToken,
1029
+ "border-block-end-width": DesignToken,
1030
+ "border-color": DesignToken,
1031
+ "border-width": DesignToken,
1032
+ "color": DesignToken
1033
+ },
1034
+ "placeholder": {
1035
+ "color": DesignToken
1036
+ },
1037
+ "read-only": {
1038
+ "background-color": DesignToken,
1039
+ "border-color": DesignToken,
1040
+ "color": DesignToken
1041
+ },
1042
+ "disabled": {
1043
+ "background-color": DesignToken,
1044
+ "border-color": DesignToken,
1045
+ "color": DesignToken
939
1046
  }
940
1047
  },
941
- "article": {
942
- "max-inline-size": DesignToken
943
- },
944
- "alert": {
945
- "heading": {
946
- "font-family": DesignToken,
947
- "font-size": DesignToken,
948
- "font-weight": DesignToken,
949
- "line-height": DesignToken
1048
+ "textarea": {
1049
+ "border-bottom-width": DesignToken,
1050
+ "hover": {
1051
+ "background-color": DesignToken,
1052
+ "border-color": DesignToken,
1053
+ "border-width": DesignToken,
1054
+ "color": DesignToken
950
1055
  },
951
- "message": {
952
- "column-gap": DesignToken,
953
- "line-height": DesignToken,
954
- "row-gap": DesignToken
1056
+ "focus": {
1057
+ "border-width": DesignToken,
1058
+ "background-color": DesignToken,
1059
+ "border-color": DesignToken,
1060
+ "color": DesignToken
955
1061
  },
956
1062
  "background-color": DesignToken,
1063
+ "border-block-end-width": DesignToken,
957
1064
  "border-color": DesignToken,
958
1065
  "border-radius": DesignToken,
959
1066
  "border-width": DesignToken,
960
1067
  "color": DesignToken,
961
- "column-gap": DesignToken,
962
- "margin-block-end": DesignToken,
963
- "margin-block-start": DesignToken,
1068
+ "font-family": DesignToken,
1069
+ "font-size": DesignToken,
1070
+ "font-weight": DesignToken,
1071
+ "line-height": DesignToken,
1072
+ "max-inline-size": DesignToken,
1073
+ "min-block-size": DesignToken,
964
1074
  "padding-block-end": DesignToken,
965
1075
  "padding-block-start": DesignToken,
966
1076
  "padding-inline-end": DesignToken,
967
1077
  "padding-inline-start": DesignToken,
968
- "content": {
969
- "row-gap": DesignToken
970
- },
971
- "error": {
1078
+ "invalid": {
972
1079
  "background-color": DesignToken,
1080
+ "border-block-end-width": DesignToken,
973
1081
  "border-color": DesignToken,
1082
+ "border-width": DesignToken,
974
1083
  "color": DesignToken
975
1084
  },
976
- "info": {
977
- "background-color": DesignToken,
978
- "border-color": DesignToken,
1085
+ "placeholder": {
979
1086
  "color": DesignToken
980
1087
  },
981
- "ok": {
1088
+ "read-only": {
982
1089
  "background-color": DesignToken,
983
1090
  "border-color": DesignToken,
984
1091
  "color": DesignToken
985
1092
  },
986
- "warning": {
1093
+ "disabled": {
987
1094
  "background-color": DesignToken,
988
1095
  "border-color": DesignToken,
989
1096
  "color": DesignToken
990
- },
991
- "icon": {
992
- "color": DesignToken,
993
- "inset-block-start": DesignToken,
994
- "size": DesignToken,
995
- "error": {
996
- "color": DesignToken
997
- },
998
- "info": {
999
- "color": DesignToken
1000
- },
1001
- "ok": {
1002
- "color": DesignToken
1003
- },
1004
- "warning": {
1005
- "color": DesignToken
1006
- }
1007
1097
  }
1008
1098
  },
1009
- "accordion": {
1010
- "button": {
1011
- "active": {
1012
- "row-gap": DesignToken,
1013
- "background-color": DesignToken,
1014
- "border-color": DesignToken,
1015
- "color": DesignToken
1016
- },
1017
- "focus": {
1018
- "background-color": DesignToken,
1019
- "border-color": DesignToken,
1020
- "color": DesignToken
1021
- },
1022
- "background-color": DesignToken,
1023
- "border-color": DesignToken,
1024
- "border-radius": DesignToken,
1025
- "border-width": DesignToken,
1099
+ "table": {
1100
+ "header-cell": {
1101
+ "line-height": DesignToken,
1026
1102
  "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
1034
- },
1035
- "hover": {
1036
- "background-color": DesignToken,
1037
- "border-color": DesignToken,
1038
- "color": DesignToken
1039
- },
1040
- "focus-visible": {
1041
- "background-color": DesignToken,
1042
- "border-color": DesignToken,
1043
- "border-width": DesignToken,
1044
- "color": DesignToken
1045
- }
1103
+ "font-family": DesignToken,
1104
+ "font-weight": DesignToken,
1105
+ "font-size": DesignToken
1046
1106
  },
1047
- "margin-block-end": DesignToken,
1048
- "margin-block-start": DesignToken,
1049
- "row-gap": DesignToken,
1050
- "panel": {
1051
- "border-color": DesignToken,
1052
- "border-width": DesignToken,
1107
+ "caption": {
1108
+ "line-height": DesignToken,
1109
+ "margin-block-end": DesignToken,
1110
+ "color": DesignToken,
1111
+ "font-family": DesignToken,
1112
+ "font-weight": DesignToken,
1113
+ "font-size": DesignToken
1114
+ },
1115
+ "cell": {
1053
1116
  "padding-block-end": DesignToken,
1054
1117
  "padding-block-start": DesignToken,
1055
1118
  "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
1119
+ "padding-inline-start": DesignToken,
1120
+ "line-height": DesignToken
1077
1121
  },
1078
- "best-friend": {
1079
- "margin-block-end": DesignToken
1122
+ "data-cell": {
1123
+ "color": DesignToken,
1124
+ "font-family": DesignToken,
1125
+ "font-weight": DesignToken,
1126
+ "line-height": DesignToken,
1127
+ "font-size": DesignToken
1080
1128
  },
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
1129
+ "header": {
1130
+ "border-block-end-width": DesignToken,
1131
+ "border-block-end-color": DesignToken,
1132
+ "background-color": DesignToken
1108
1133
  },
1109
- "busy": {
1110
- "cursor": DesignToken
1134
+ "footer": {
1135
+ "border-block-end-width": DesignToken,
1136
+ "border-block-end-color": DesignToken,
1137
+ "background-color": DesignToken
1111
1138
  },
1112
- "disabled": {
1113
- "cursor": DesignToken
1139
+ "row": {
1140
+ "border-block-end-width": DesignToken,
1141
+ "border-block-end-color": DesignToken,
1142
+ "background-color": DesignToken
1114
1143
  },
1115
- "inert": {
1116
- "cursor": DesignToken
1144
+ "footer-cell": {
1145
+ "font-weight": DesignToken,
1146
+ "font-size": DesignToken,
1147
+ "color": DesignToken,
1148
+ "font-family": DesignToken,
1149
+ "line-height": DesignToken
1117
1150
  },
1118
- "navigate": {
1119
- "cursor": DesignToken
1151
+ "container": {
1152
+ "box-inline-end-shadow": {
1153
+ "x": DesignToken,
1154
+ "y": DesignToken,
1155
+ "blur": DesignToken,
1156
+ "spread": DesignToken,
1157
+ "color": DesignToken
1158
+ },
1159
+ "box-inline-start-shadow": {
1160
+ "x": DesignToken,
1161
+ "y": DesignToken,
1162
+ "blur": DesignToken,
1163
+ "spread": DesignToken,
1164
+ "color": DesignToken
1165
+ }
1120
1166
  },
1121
- "submit": {
1122
- "cursor": DesignToken
1123
- }
1124
- }
1125
- },
1126
- "rhc": {
1127
- "unordered-list": {
1128
- "nested": {
1129
- "margin-inline-start": DesignToken
1130
- }
1167
+ "font-size": DesignToken
1131
1168
  },
1132
- "toggletip": {
1169
+ "separator": {
1170
+ "block-size": DesignToken,
1133
1171
  "color": DesignToken,
1134
- "background-color": DesignToken,
1135
- "border-color": DesignToken,
1172
+ "margin-block-end": DesignToken,
1173
+ "margin-block-start": DesignToken
1174
+ },
1175
+ "select": {
1176
+ "border-bottom-width": DesignToken,
1136
1177
  "border-radius": DesignToken,
1137
1178
  "border-width": DesignToken,
1179
+ "image-background-position": DesignToken,
1180
+ "max-inline-size": DesignToken,
1181
+ "padding-block-end": DesignToken,
1182
+ "padding-block-start": DesignToken,
1183
+ "padding-inline-end": DesignToken,
1184
+ "padding-inline-start": DesignToken,
1138
1185
  "icon": {
1139
1186
  "size": DesignToken
1140
1187
  },
1141
- "size": DesignToken,
1142
- "active": {
1188
+ "invalid": {
1189
+ "border-width": DesignToken,
1143
1190
  "color": DesignToken,
1144
1191
  "background-color": DesignToken,
1192
+ "border-block-end-width": DesignToken,
1145
1193
  "border-color": DesignToken
1146
1194
  },
1147
1195
  "hover": {
1148
- "color": DesignToken,
1149
- "background-color": DesignToken
1196
+ "border-width": DesignToken,
1197
+ "background-color": DesignToken,
1198
+ "border-color": DesignToken,
1199
+ "color": DesignToken
1150
1200
  },
1151
1201
  "focus": {
1152
- "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
1209
- }
1210
- },
1211
- "radio-group": {
1212
- "padding-block-end": DesignToken,
1213
- "padding-block-start": DesignToken,
1214
- "row-gap": DesignToken
1215
- },
1216
- "navigation-list": {
1217
- "icon": {
1202
+ "border-width": DesignToken,
1218
1203
  "background-color": DesignToken,
1219
- "border-radius": DesignToken,
1204
+ "border-color": DesignToken,
1220
1205
  "color": DesignToken
1221
1206
  },
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
- },
1207
+ "background-color": DesignToken,
1208
+ "border-block-end-width": DesignToken,
1209
+ "border-color": DesignToken,
1210
+ "color": DesignToken,
1211
+ "font-family": DesignToken,
1212
+ "font-size": DesignToken,
1213
+ "font-weight": DesignToken,
1214
+ "line-height": DesignToken,
1215
+ "min-block-size": DesignToken,
1216
+ "disabled": {
1248
1217
  "background-color": DesignToken,
1249
- "color": DesignToken,
1250
- "border-width": DesignToken,
1251
1218
  "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
1219
+ "color": DesignToken
1259
1220
  }
1260
1221
  },
1261
- "nav-bar": {
1262
- "border-block-end-width": DesignToken,
1263
- "max-inline-size": DesignToken,
1264
- "padding-inline": DesignToken,
1265
- "container": {
1266
- "inline-size": DesignToken
1267
- },
1268
- "content": {
1269
- "column-gap": DesignToken
1270
- },
1271
- "icon": {
1272
- "color": DesignToken,
1273
- "active": {
1274
- "color": DesignToken
1275
- },
1222
+ "radio-button": {
1223
+ "border-radius": DesignToken,
1224
+ "dot": {
1276
1225
  "size": DesignToken
1277
1226
  },
1278
- "link": {
1279
- "active": {
1227
+ "checked": {
1228
+ "disabled": {
1280
1229
  "background-color": DesignToken,
1230
+ "border-color": DesignToken,
1281
1231
  "color": DesignToken
1282
1232
  },
1283
1233
  "background-color": DesignToken,
1234
+ "border-color": DesignToken,
1235
+ "border-width": DesignToken,
1284
1236
  "color": DesignToken,
1285
- "focus": {
1237
+ "active": {
1286
1238
  "background-color": DesignToken,
1239
+ "border-color": DesignToken,
1240
+ "border-width": DesignToken,
1287
1241
  "color": DesignToken
1288
1242
  },
1289
1243
  "hover": {
1290
1244
  "background-color": DesignToken,
1245
+ "border-color": DesignToken,
1246
+ "border-width": DesignToken,
1291
1247
  "color": DesignToken
1292
1248
  },
1293
- "padding-block-end": DesignToken,
1294
- "padding-block-start": DesignToken,
1295
- "padding-inline-end": DesignToken,
1296
- "padding-inline-start": DesignToken,
1297
- "column-gap": DesignToken
1298
- },
1299
- "heading": {
1300
- "font-weight": DesignToken
1249
+ "focus": {
1250
+ "background-color": DesignToken,
1251
+ "border-color": DesignToken,
1252
+ "border-width": DesignToken,
1253
+ "color": DesignToken
1254
+ }
1301
1255
  },
1302
1256
  "background-color": DesignToken,
1257
+ "border-color": DesignToken,
1303
1258
  "color": DesignToken,
1304
- "border-color": DesignToken
1305
- },
1306
- "message-list": {
1307
- "item": {
1308
- "background-color": DesignToken,
1309
- "border-color": DesignToken,
1310
- "border-width": DesignToken,
1311
- "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": {
1259
+ "border-width": DesignToken,
1260
+ "size": DesignToken,
1261
+ "icon": {
1262
+ "size": DesignToken
1263
+ },
1264
+ "invalid": {
1338
1265
  "background-color": DesignToken,
1339
- "inline-size": DesignToken,
1340
- "block-size": DesignToken,
1341
- "color": DesignToken
1266
+ "border-color": DesignToken,
1267
+ "color": DesignToken,
1268
+ "border-width": DesignToken
1342
1269
  },
1343
- "title": {
1344
- "font-weight": DesignToken,
1345
- "line-height": DesignToken,
1346
- "font-size": DesignToken,
1347
- "padding-block-start": DesignToken
1270
+ "active": {
1271
+ "background-color": DesignToken,
1272
+ "border-color": DesignToken,
1273
+ "color": DesignToken,
1274
+ "border-width": DesignToken
1348
1275
  },
1349
- "subtitle": {
1350
- "font-weight": DesignToken,
1351
- "line-height": DesignToken,
1352
- "font-size": DesignToken
1276
+ "disabled": {
1277
+ "background-color": DesignToken,
1278
+ "border-color": DesignToken,
1279
+ "color": DesignToken
1353
1280
  },
1354
- "column-gap": DesignToken,
1281
+ "hover": {
1282
+ "background-color": DesignToken,
1283
+ "border-color": DesignToken,
1284
+ "color": DesignToken,
1285
+ "border-width": DesignToken
1286
+ },
1287
+ "focus": {
1288
+ "background-color": DesignToken,
1289
+ "border-color": DesignToken,
1290
+ "color": DesignToken,
1291
+ "border-width": DesignToken
1292
+ }
1293
+ },
1294
+ "pre-heading": {
1295
+ "color": DesignToken,
1355
1296
  "font-family": DesignToken,
1356
- "color": DesignToken
1297
+ "font-weight": DesignToken,
1298
+ "line-height": DesignToken,
1299
+ "font-size": DesignToken
1357
1300
  },
1358
- "link-list-card": {
1359
- "background-color": DesignToken,
1360
- "padding-block-start": DesignToken,
1361
- "padding-block-end": DesignToken,
1362
- "row-gap": DesignToken,
1301
+ "ordered-list": {
1302
+ "color": DesignToken,
1303
+ "font-family": DesignToken,
1304
+ "font-weight": DesignToken,
1305
+ "margin-inline-start": DesignToken,
1306
+ "font-size": DesignToken,
1307
+ "line-height": DesignToken,
1308
+ "margin-block-end": DesignToken,
1309
+ "margin-block-start": DesignToken,
1363
1310
  "padding-inline-start": DesignToken,
1364
- "padding-inline-end": DesignToken
1365
- },
1366
- "link": {
1367
- "column-gap": DesignToken
1368
- },
1369
- "icon-only-button": {
1370
- "padding-block-end": DesignToken,
1371
- "padding-block-start": DesignToken,
1372
- "padding-inline-end": DesignToken,
1373
- "padding-inline-start": DesignToken
1311
+ "item": {
1312
+ "margin-block-end": DesignToken,
1313
+ "margin-block-start": DesignToken,
1314
+ "padding-inline-start": DesignToken
1315
+ }
1374
1316
  },
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
- },
1317
+ "number-badge": {
1318
+ "background-color": DesignToken,
1319
+ "border-color": DesignToken,
1399
1320
  "border-radius": DesignToken,
1400
- "inline-size": DesignToken
1401
- },
1402
- "form-field-radio-option": {
1403
- "column-gap": DesignToken,
1321
+ "border-width": DesignToken,
1322
+ "color": DesignToken,
1323
+ "font-family": DesignToken,
1324
+ "font-size": DesignToken,
1404
1325
  "font-weight": DesignToken,
1326
+ "min-block-size": DesignToken,
1327
+ "min-inline-size": DesignToken,
1328
+ "padding-block": DesignToken,
1329
+ "padding-inline": DesignToken
1330
+ },
1331
+ "link-list": {
1332
+ "margin-block-end": DesignToken,
1333
+ "margin-block-start": DesignToken,
1405
1334
  "row-gap": DesignToken,
1406
- "label": {
1407
- "margin-block-end": DesignToken
1335
+ "icon": {
1336
+ "inset-block-start": DesignToken,
1337
+ "size": DesignToken
1408
1338
  },
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
1339
+ "link": {
1340
+ "column-gap": DesignToken,
1341
+ "text-decoration": DesignToken
1342
+ },
1343
+ "font-weight": DesignToken
1418
1344
  },
1419
- "page-footer": {
1345
+ "link": {
1346
+ "color": DesignToken,
1347
+ "text-decoration-color": DesignToken,
1420
1348
  "column-gap": DesignToken,
1421
- "column-width": DesignToken,
1422
- "column": {
1423
- "title": {
1424
- "margin-block-end": DesignToken
1425
- }
1349
+ "text-decoration": DesignToken,
1350
+ "text-decoration-thickness": DesignToken,
1351
+ "text-underline-offset": DesignToken,
1352
+ "icon": {
1353
+ "size": DesignToken
1426
1354
  },
1427
- "content": {
1428
- "max-inline-size": DesignToken,
1429
- "padding-inline-start": DesignToken,
1430
- "padding-inline-end": DesignToken,
1431
- "column-gap": DesignToken
1355
+ "active": {
1356
+ "color": DesignToken
1432
1357
  },
1433
- "border-block-start-width": DesignToken,
1434
- "border-block-start-color": DesignToken,
1435
- "border-block-start-style": DesignToken,
1436
- "outlined": {
1437
- "background-color": DesignToken,
1358
+ "hover": {
1438
1359
  "color": DesignToken,
1439
- "border-color": DesignToken
1360
+ "text-decoration": DesignToken,
1361
+ "text-decoration-thickness": DesignToken
1440
1362
  },
1441
- "padding-block-start": DesignToken,
1442
- "padding-block-end": DesignToken,
1443
- "padding-inline-start": DesignToken,
1444
- "padding-inline-end": DesignToken,
1445
- "flex": {
1446
- "direction": DesignToken
1363
+ "focus": {
1364
+ "background-color": DesignToken,
1365
+ "color": DesignToken
1366
+ },
1367
+ "focus-visible": {
1368
+ "text-decoration": DesignToken,
1369
+ "text-decoration-thickness": DesignToken
1370
+ },
1371
+ "visited": {
1372
+ "color": DesignToken
1447
1373
  }
1448
1374
  },
1449
- "file-input": {
1450
- "column-gap": DesignToken,
1451
- "row-gap": DesignToken,
1452
- "feedback": {
1453
- "color": DesignToken,
1454
- "font-size": DesignToken
1455
- }
1375
+ "icon": {
1376
+ "color": DesignToken,
1377
+ "size": DesignToken,
1378
+ "inset-block-start": DesignToken
1456
1379
  },
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
1380
+ "form-label": {
1381
+ "color": DesignToken,
1382
+ "font-size": DesignToken,
1383
+ "font-weight": DesignToken,
1384
+ "checkbox": {
1385
+ "color": DesignToken,
1386
+ "font-weight": DesignToken
1469
1387
  },
1470
- "subtitle": {
1388
+ "radio": {
1389
+ "color": DesignToken,
1390
+ "font-weight": DesignToken
1391
+ },
1392
+ "checked": {
1393
+ "font-weight": DesignToken
1394
+ },
1395
+ "disabled": {
1471
1396
  "color": DesignToken
1472
1397
  }
1473
1398
  },
1474
- "expandable-checkbox-group": {
1475
- "details": {
1476
- "margin-block-start": DesignToken
1399
+ "form-field-error-message": {
1400
+ "icon": {
1401
+ "margin-inline-end": DesignToken,
1402
+ "size": DesignToken
1477
1403
  },
1478
- "summary": {
1479
- "color": DesignToken,
1480
- "margin-block-end": DesignToken,
1481
- "margin-block-start": DesignToken,
1482
- "text-decoration": DesignToken
1404
+ "background-color": DesignToken,
1405
+ "color": DesignToken,
1406
+ "font-family": DesignToken,
1407
+ "font-size": DesignToken,
1408
+ "font-weight": DesignToken,
1409
+ "line-height": DesignToken,
1410
+ "margin-block-end": DesignToken,
1411
+ "margin-block-start": DesignToken,
1412
+ "padding-block-end": DesignToken,
1413
+ "padding-block-start": DesignToken,
1414
+ "padding-inline-end": DesignToken,
1415
+ "padding-inline-start": DesignToken
1416
+ },
1417
+ "form-field-description": {
1418
+ "padding-block-end": DesignToken,
1419
+ "color": DesignToken,
1420
+ "font-family": DesignToken,
1421
+ "font-size": DesignToken,
1422
+ "line-height": DesignToken,
1423
+ "margin-block-end": DesignToken,
1424
+ "margin-block-start": DesignToken
1425
+ },
1426
+ "form-field": {
1427
+ "label": {
1428
+ "margin-block-end": DesignToken
1429
+ },
1430
+ "margin-block-end": DesignToken,
1431
+ "margin-block-start": DesignToken,
1432
+ "invalid": {
1433
+ "border-inline-start-color": DesignToken,
1434
+ "border-inline-start-width": DesignToken,
1435
+ "padding-inline-start": DesignToken
1483
1436
  }
1484
1437
  },
1485
- "dot-badge": {
1486
- "border-radius": DesignToken,
1438
+ "page-footer": {
1439
+ "background-color": DesignToken,
1487
1440
  "color": DesignToken,
1488
- "size": DesignToken
1441
+ "padding-block-start": DesignToken,
1442
+ "padding-block-end": DesignToken,
1443
+ "padding-inline-start": DesignToken,
1444
+ "padding-inline-end": DesignToken
1489
1445
  },
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
1499
- },
1446
+ "figure": {
1447
+ "caption": {
1448
+ "border-color": DesignToken,
1449
+ "border-width": DesignToken,
1500
1450
  "padding-block-end": DesignToken,
1501
1451
  "padding-block-start": DesignToken,
1502
- "padding-inline-end": DesignToken,
1503
- "padding-inline-start": DesignToken
1452
+ "padding-inline-start": DesignToken,
1453
+ "color": DesignToken,
1454
+ "font-size": DesignToken,
1455
+ "line-height": DesignToken
1504
1456
  },
1505
- "item-key": {
1457
+ "img": {
1458
+ "border-end-end-radius": DesignToken,
1459
+ "border-end-start-radius": DesignToken,
1460
+ "border-start-end-radius": DesignToken,
1461
+ "border-start-start-radius": DesignToken
1462
+ }
1463
+ },
1464
+ "form-fieldset": {
1465
+ "legend": {
1466
+ "color": DesignToken,
1467
+ "font-family": DesignToken,
1468
+ "font-size": DesignToken,
1506
1469
  "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
1512
- },
1513
- "padding-block-end": DesignToken,
1514
- "padding-block-start": DesignToken,
1515
- "padding-inline-end": DesignToken,
1516
- "padding-inline-start": DesignToken
1470
+ "line-height": DesignToken,
1471
+ "disabled": {
1472
+ "color": DesignToken
1473
+ }
1517
1474
  },
1518
- "item": {
1519
- "border-width": DesignToken,
1520
- "border-color": DesignToken,
1521
- "border-block-end-style": DesignToken,
1475
+ "section": {
1476
+ "background-color": DesignToken,
1522
1477
  "color": DesignToken
1523
1478
  },
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
1479
+ "invalid": {
1480
+ "border-inline-start": {
1481
+ "color": DesignToken
1532
1482
  },
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
- "background-color": DesignToken,
1543
- "color": DesignToken
1483
+ "padding-inline-start": DesignToken,
1484
+ "border-inline-start-width": DesignToken
1544
1485
  }
1545
1486
  },
1546
- "code-input": {
1547
- "size": DesignToken
1548
- },
1549
- "code-input-group": {
1550
- "column-gap": DesignToken
1551
- },
1552
- "checkbox-group": {
1553
- "padding-block-end": DesignToken,
1487
+ "drawer": {
1488
+ "max-inline-size": DesignToken,
1489
+ "z-index": DesignToken,
1490
+ "background-color": DesignToken,
1491
+ "border-color": DesignToken,
1492
+ "border-width": DesignToken,
1493
+ "color": DesignToken,
1494
+ "max-block-size": DesignToken,
1554
1495
  "padding-block-start": DesignToken,
1555
- "row-gap": DesignToken
1496
+ "padding-block-end": DesignToken,
1497
+ "padding-inline-start": DesignToken,
1498
+ "padding-inline-end": DesignToken
1556
1499
  },
1557
- "card": {
1500
+ "data-badge": {
1558
1501
  "background-color": DesignToken,
1559
- "border-color": DesignToken,
1560
1502
  "border-radius": DesignToken,
1561
- "border-width": DesignToken,
1562
1503
  "color": DesignToken,
1563
- "column-gap": DesignToken,
1564
- "inline-size": DesignToken,
1565
- "icon": {
1566
- "color": DesignToken,
1567
- "size": DesignToken
1568
- },
1569
- "link": {
1570
- "color": DesignToken,
1571
- "text-decoration": DesignToken,
1504
+ "padding-block": DesignToken,
1505
+ "padding-inline": DesignToken
1506
+ },
1507
+ "checkbox": {
1508
+ "indeterminate": {
1572
1509
  "active": {
1573
- "text-decoration": DesignToken
1510
+ "background-color": DesignToken,
1511
+ "border-color": DesignToken,
1512
+ "color": DesignToken,
1513
+ "border-width": DesignToken
1514
+ },
1515
+ "disabled": {
1516
+ "background-color": DesignToken,
1517
+ "border-color": DesignToken,
1518
+ "color": DesignToken
1574
1519
  },
1575
1520
  "hover": {
1576
- "text-decoration": DesignToken
1521
+ "background-color": DesignToken,
1522
+ "border-color": DesignToken,
1523
+ "color": DesignToken,
1524
+ "border-width": DesignToken
1577
1525
  },
1578
1526
  "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": {
1591
- "background-color": DesignToken,
1592
- "text-decoration": DesignToken
1593
- },
1594
- "hover": {
1595
- "background-color": DesignToken,
1596
- "text-decoration": DesignToken
1597
- },
1598
- "focus": {
1599
- "background-color": DesignToken,
1600
- "text-decoration": DesignToken
1601
- },
1602
- "full-bleed": {
1527
+ "background-color": DesignToken,
1528
+ "border-color": DesignToken,
1529
+ "color": DesignToken,
1530
+ "border-width": DesignToken
1531
+ },
1603
1532
  "background-color": DesignToken,
1604
1533
  "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
1534
+ "border-width": DesignToken,
1535
+ "color": DesignToken
1613
1536
  },
1614
- "horizontal": {
1537
+ "checked": {
1538
+ "active": {
1539
+ "background-color": DesignToken,
1540
+ "border-color": DesignToken,
1541
+ "color": DesignToken,
1542
+ "border-width": DesignToken
1543
+ },
1544
+ "disabled": {
1545
+ "background-color": DesignToken,
1546
+ "border-color": DesignToken,
1547
+ "color": DesignToken
1548
+ },
1549
+ "hover": {
1550
+ "background-color": DesignToken,
1551
+ "border-color": DesignToken,
1552
+ "color": DesignToken,
1553
+ "border-width": DesignToken
1554
+ },
1555
+ "focus": {
1556
+ "background-color": DesignToken,
1557
+ "border-color": DesignToken,
1558
+ "color": DesignToken,
1559
+ "border-width": DesignToken
1560
+ },
1615
1561
  "background-color": DesignToken,
1616
1562
  "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
- }
1626
- }
1627
- },
1628
- "card-as-link": {
1563
+ "border-width": DesignToken,
1564
+ "color": DesignToken
1565
+ },
1629
1566
  "background-color": DesignToken,
1630
1567
  "border-color": DesignToken,
1631
1568
  "border-radius": DesignToken,
1632
1569
  "border-width": DesignToken,
1633
- "color": DesignToken,
1634
- "column-gap": DesignToken,
1570
+ "size": DesignToken,
1635
1571
  "icon": {
1636
- "color": DesignToken,
1637
1572
  "size": DesignToken
1638
1573
  },
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
- }
1574
+ "invalid": {
1575
+ "background-color": DesignToken,
1576
+ "border-color": DesignToken,
1577
+ "border-width": DesignToken
1651
1578
  },
1652
- "metadata": {
1653
- "color": DesignToken
1579
+ "active": {
1580
+ "background-color": DesignToken,
1581
+ "border-color": DesignToken,
1582
+ "border-width": DesignToken
1583
+ },
1584
+ "disabled": {
1585
+ "background-color": DesignToken,
1586
+ "border-color": DesignToken
1587
+ },
1588
+ "hover": {
1589
+ "background-color": DesignToken,
1590
+ "border-color": DesignToken,
1591
+ "border-width": DesignToken
1654
1592
  },
1593
+ "focus": {
1594
+ "background-color": DesignToken,
1595
+ "border-color": DesignToken,
1596
+ "border-width": DesignToken
1597
+ }
1598
+ },
1599
+ "button": {
1600
+ "background-color": DesignToken,
1601
+ "border-color": DesignToken,
1602
+ "border-radius": DesignToken,
1603
+ "border-width": DesignToken,
1604
+ "color": DesignToken,
1605
+ "column-gap": DesignToken,
1606
+ "font-family": DesignToken,
1607
+ "font-size": DesignToken,
1608
+ "font-weight": DesignToken,
1609
+ "line-height": DesignToken,
1610
+ "min-block-size": DesignToken,
1611
+ "min-inline-size": DesignToken,
1655
1612
  "padding-block-end": DesignToken,
1656
1613
  "padding-block-start": DesignToken,
1657
1614
  "padding-inline-end": DesignToken,
1658
1615
  "padding-inline-start": DesignToken,
1659
- "row-gap": DesignToken,
1616
+ "icon": {
1617
+ "size": DesignToken
1618
+ },
1619
+ "pressed": {
1620
+ "background-color": DesignToken,
1621
+ "border-color": DesignToken,
1622
+ "color": DesignToken
1623
+ },
1660
1624
  "active": {
1661
1625
  "background-color": DesignToken,
1662
- "text-decoration": DesignToken
1626
+ "border-color": DesignToken,
1627
+ "color": DesignToken
1628
+ },
1629
+ "disabled": {
1630
+ "background-color": DesignToken,
1631
+ "border-color": DesignToken,
1632
+ "color": DesignToken
1663
1633
  },
1664
1634
  "hover": {
1665
1635
  "background-color": DesignToken,
1666
- "text-decoration": DesignToken
1636
+ "border-color": DesignToken,
1637
+ "color": DesignToken
1667
1638
  },
1668
1639
  "focus": {
1669
1640
  "background-color": DesignToken,
1670
- "text-decoration": DesignToken
1641
+ "border-color": DesignToken,
1642
+ "color": DesignToken
1671
1643
  },
1672
- "full-bleed": {
1644
+ "primary-action": {
1673
1645
  "background-color": DesignToken,
1674
1646
  "border-color": DesignToken,
1675
1647
  "color": DesignToken,
1676
- "opacity": DesignToken
1677
- },
1678
- "heading": {
1679
- "color": DesignToken,
1680
- "padding-block-start": DesignToken,
1681
1648
  "font-size": DesignToken,
1682
- "font-weight": DesignToken
1649
+ "font-weight": DesignToken,
1650
+ "line-height": DesignToken,
1651
+ "disabled": {
1652
+ "background-color": DesignToken,
1653
+ "border-color": DesignToken,
1654
+ "color": DesignToken
1655
+ },
1656
+ "hover": {
1657
+ "background-color": DesignToken,
1658
+ "border-color": DesignToken,
1659
+ "color": DesignToken
1660
+ },
1661
+ "focus": {
1662
+ "background-color": DesignToken,
1663
+ "border-color": DesignToken,
1664
+ "color": DesignToken
1665
+ },
1666
+ "pressed": {
1667
+ "border-color": DesignToken,
1668
+ "color": DesignToken,
1669
+ "background-color": DesignToken
1670
+ },
1671
+ "active": {
1672
+ "border-color": DesignToken,
1673
+ "color": DesignToken,
1674
+ "background-color": DesignToken
1675
+ }
1683
1676
  },
1684
- "horizontal": {
1677
+ "secondary-action": {
1685
1678
  "background-color": DesignToken,
1686
1679
  "border-color": DesignToken,
1687
1680
  "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": {
1681
+ "font-size": DesignToken,
1682
+ "font-weight": DesignToken,
1683
+ "line-height": DesignToken,
1684
+ "disabled": {
1685
+ "background-color": DesignToken,
1686
+ "border-color": DesignToken,
1687
+ "color": DesignToken
1688
+ },
1689
+ "hover": {
1690
+ "background-color": DesignToken,
1691
+ "border-color": DesignToken,
1692
+ "color": DesignToken
1693
+ },
1694
+ "focus": {
1695
+ "background-color": DesignToken,
1696
+ "border-color": DesignToken,
1701
1697
  "color": DesignToken
1698
+ },
1699
+ "pressed": {
1700
+ "background-color": DesignToken,
1701
+ "border-color": DesignToken,
1702
+ "color": DesignToken
1703
+ },
1704
+ "active": {
1705
+ "background-color": DesignToken,
1706
+ "color": DesignToken,
1707
+ "border-color": DesignToken
1702
1708
  }
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
1709
  },
1738
- "section": {
1739
- "border-block-end-width": DesignToken,
1710
+ "subtle": {
1711
+ "background-color": DesignToken,
1740
1712
  "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": {
1713
+ "color": DesignToken,
1714
+ "font-size": DesignToken,
1715
+ "font-weight": DesignToken,
1716
+ "line-height": DesignToken,
1717
+ "disabled": {
1749
1718
  "background-color": DesignToken,
1719
+ "border-color": DesignToken,
1750
1720
  "color": DesignToken
1751
1721
  },
1752
- "icon": {
1753
- "margin-block": DesignToken
1722
+ "hover": {
1723
+ "background-color": DesignToken,
1724
+ "border-color": DesignToken,
1725
+ "color": DesignToken
1754
1726
  },
1755
- "font-family": DesignToken,
1756
- "font-weight": DesignToken,
1757
- "font-size": DesignToken,
1758
- "line-height": DesignToken
1727
+ "focus": {
1728
+ "background-color": DesignToken,
1729
+ "border-color": DesignToken,
1730
+ "color": DesignToken
1731
+ },
1732
+ "pressed": {
1733
+ "background-color": DesignToken,
1734
+ "border-color": DesignToken,
1735
+ "color": DesignToken
1736
+ },
1737
+ "active": {
1738
+ "background-color": DesignToken,
1739
+ "border-color": DesignToken,
1740
+ "color": DesignToken
1741
+ }
1759
1742
  }
1760
1743
  },
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
1744
+ "button-group": {
1745
+ "margin-block-end": DesignToken,
1746
+ "margin-block-start": DesignToken
1778
1747
  },
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
1748
+ "breadcrumb-nav": {
1749
+ "font-family": DesignToken,
1750
+ "font-size": DesignToken,
1751
+ "line-height": DesignToken,
1752
+ "min-block-size": DesignToken,
1753
+ "item": {
1754
+ "padding-block-end": DesignToken,
1755
+ "padding-block-start": DesignToken,
1756
+ "padding-inline-end": DesignToken,
1757
+ "padding-inline-start": DesignToken,
1758
+ "first": {
1759
+ "padding-inline-start": DesignToken
1760
+ }
1789
1761
  },
1790
- "border": {
1791
- "default": DesignToken,
1792
- "subdued": DesignToken,
1793
- "strong": DesignToken
1762
+ "separator": {
1763
+ "color": DesignToken,
1764
+ "icon": {
1765
+ "size": DesignToken
1766
+ }
1794
1767
  },
1795
- "canvas": DesignToken,
1796
- "feedback": {
1797
- "success": {
1798
- "default": DesignToken,
1799
- "subdued": DesignToken
1768
+ "link": {
1769
+ "color": DesignToken,
1770
+ "text-decoration": DesignToken,
1771
+ "current": {
1772
+ "font-weight": DesignToken
1800
1773
  },
1801
- "info": {
1802
- "default": DesignToken,
1803
- "subdued": DesignToken
1774
+ "active": {
1775
+ "color": DesignToken,
1776
+ "text-decoration": DesignToken
1804
1777
  },
1805
- "error": {
1806
- "default": DesignToken,
1807
- "subdued": DesignToken
1778
+ "disabled": {
1779
+ "color": DesignToken
1808
1780
  },
1809
- "warning": {
1810
- "default": DesignToken,
1811
- "subdued": DesignToken
1781
+ "focus": {
1782
+ "background-color": DesignToken,
1783
+ "color": DesignToken,
1784
+ "text-decoration": DesignToken
1785
+ },
1786
+ "hover": {
1787
+ "text-decoration": DesignToken,
1788
+ "color": DesignToken
1789
+ },
1790
+ "icon": {
1791
+ "size": DesignToken
1812
1792
  }
1793
+ }
1794
+ },
1795
+ "blockquote": {
1796
+ "border-block-end-width": DesignToken,
1797
+ "border-block-start-width": DesignToken,
1798
+ "border-end-end-radius": DesignToken,
1799
+ "border-end-start-radius": DesignToken,
1800
+ "border-inline-end-width": DesignToken,
1801
+ "border-start-end-radius": DesignToken,
1802
+ "border-start-start-radius": DesignToken,
1803
+ "margin-block-end": DesignToken,
1804
+ "margin-block-start": DesignToken,
1805
+ "margin-inline-end": DesignToken,
1806
+ "margin-inline-start": DesignToken,
1807
+ "blue-corner-border-variation": {
1808
+ "border-block-end-width": DesignToken,
1809
+ "border-color": DesignToken,
1810
+ "border-end-end-radius": DesignToken,
1811
+ "border-inline-end-width": DesignToken
1813
1812
  },
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
1813
+ "caption": {
1814
+ "color": DesignToken,
1815
+ "font-family": DesignToken,
1816
+ "font-size": DesignToken,
1817
+ "font-weight": DesignToken,
1818
+ "line-height": DesignToken,
1819
+ "padding-block-start": DesignToken
1848
1820
  },
1849
- "violet": {
1850
- "50": DesignToken,
1851
- "100": DesignToken,
1852
- "200": DesignToken,
1853
- "300": DesignToken,
1854
- "400": DesignToken,
1855
- "500": DesignToken
1821
+ "content": {
1822
+ "font-family": DesignToken,
1823
+ "font-weight": DesignToken,
1824
+ "line-height": DesignToken,
1825
+ "color": DesignToken,
1826
+ "font-size": DesignToken
1856
1827
  },
1857
- "paars": {
1858
- "50": DesignToken,
1859
- "100": DesignToken,
1860
- "200": DesignToken,
1861
- "300": DesignToken,
1862
- "400": DesignToken,
1863
- "500": DesignToken
1828
+ "pink-background-variation": {
1829
+ "background-color": DesignToken,
1830
+ "border-end-start-radius": DesignToken,
1831
+ "padding": DesignToken
1864
1832
  },
1865
- "hemelblauw": {
1866
- "50": DesignToken,
1867
- "100": DesignToken,
1868
- "200": DesignToken,
1869
- "300": DesignToken,
1870
- "400": DesignToken,
1871
- "500": DesignToken
1833
+ "pink-corner-border-variation": {
1834
+ "border-block-start-width": DesignToken,
1835
+ "border-color": DesignToken,
1836
+ "border-inline-start-width": DesignToken,
1837
+ "border-start-start-radius": DesignToken,
1838
+ "padding": DesignToken
1872
1839
  },
1873
- "donkerblauw": {
1874
- "50": DesignToken,
1875
- "100": DesignToken,
1876
- "200": DesignToken,
1877
- "300": DesignToken,
1878
- "400": DesignToken,
1879
- "500": DesignToken
1840
+ "pink-left-border-variation": {
1841
+ "border-color": DesignToken,
1842
+ "border-inline-start-width": DesignToken,
1843
+ "padding-block-end": DesignToken,
1844
+ "padding-block-start": DesignToken,
1845
+ "padding-inline-end": DesignToken,
1846
+ "padding-inline-start": DesignToken
1880
1847
  },
1881
- "mintgroen": {
1882
- "50": DesignToken,
1883
- "100": DesignToken,
1884
- "200": DesignToken,
1885
- "300": DesignToken,
1886
- "400": DesignToken,
1887
- "500": DesignToken
1848
+ "background-color": DesignToken,
1849
+ "border-inline-start-width": DesignToken,
1850
+ "border-color": DesignToken,
1851
+ "border-radius": DesignToken,
1852
+ "border-width": DesignToken,
1853
+ "color": DesignToken,
1854
+ "font-size": DesignToken,
1855
+ "font-family": DesignToken,
1856
+ "padding-block-end": DesignToken,
1857
+ "padding-block-start": DesignToken,
1858
+ "padding-inline-end": DesignToken,
1859
+ "padding-inline-start": DesignToken,
1860
+ "row-gap": DesignToken,
1861
+ "attribution": {
1862
+ "color": DesignToken,
1863
+ "font-size": DesignToken
1864
+ }
1865
+ },
1866
+ "backdrop": {
1867
+ "background-color": DesignToken,
1868
+ "color": DesignToken,
1869
+ "opacity": DesignToken,
1870
+ "fade-in": {
1871
+ "animation-duration": DesignToken
1888
1872
  },
1889
- "mosgroen": {
1890
- "50": DesignToken,
1891
- "100": DesignToken,
1892
- "200": DesignToken,
1893
- "300": DesignToken,
1894
- "400": DesignToken,
1895
- "500": DesignToken
1873
+ "reduced-transparency": {
1874
+ "opacity": DesignToken
1875
+ }
1876
+ },
1877
+ "article": {
1878
+ "max-inline-size": DesignToken
1879
+ },
1880
+ "alert": {
1881
+ "background-color": DesignToken,
1882
+ "border-color": DesignToken,
1883
+ "border-radius": DesignToken,
1884
+ "border-width": DesignToken,
1885
+ "color": DesignToken,
1886
+ "column-gap": DesignToken,
1887
+ "margin-block-end": DesignToken,
1888
+ "margin-block-start": DesignToken,
1889
+ "padding-block-end": DesignToken,
1890
+ "padding-block-start": DesignToken,
1891
+ "padding-inline-end": DesignToken,
1892
+ "padding-inline-start": DesignToken,
1893
+ "content": {
1894
+ "row-gap": DesignToken
1896
1895
  },
1897
- "groen": {
1898
- "50": DesignToken,
1899
- "100": DesignToken,
1900
- "200": DesignToken,
1901
- "300": DesignToken,
1902
- "400": DesignToken,
1903
- "500": DesignToken
1896
+ "error": {
1897
+ "background-color": DesignToken,
1898
+ "border-color": DesignToken,
1899
+ "color": DesignToken
1904
1900
  },
1905
- "donkergroen": {
1906
- "50": DesignToken,
1907
- "100": DesignToken,
1908
- "200": DesignToken,
1909
- "300": DesignToken,
1910
- "400": DesignToken,
1911
- "500": DesignToken
1901
+ "info": {
1902
+ "background-color": DesignToken,
1903
+ "border-color": DesignToken,
1904
+ "color": DesignToken
1912
1905
  },
1913
- "bruin": {
1914
- "50": DesignToken,
1915
- "100": DesignToken,
1916
- "200": DesignToken,
1917
- "300": DesignToken,
1918
- "400": DesignToken,
1919
- "500": DesignToken
1906
+ "message": {
1907
+ "row-gap": DesignToken
1920
1908
  },
1921
- "donkerbruin": {
1922
- "50": DesignToken,
1923
- "100": DesignToken,
1924
- "200": DesignToken,
1925
- "300": DesignToken,
1926
- "400": DesignToken,
1927
- "500": DesignToken
1909
+ "ok": {
1910
+ "background-color": DesignToken,
1911
+ "border-color": DesignToken,
1912
+ "color": DesignToken
1928
1913
  },
1929
- "geel": {
1930
- "50": DesignToken,
1931
- "100": DesignToken,
1932
- "200": DesignToken,
1933
- "300": DesignToken,
1934
- "400": DesignToken,
1935
- "500": DesignToken
1914
+ "warning": {
1915
+ "background-color": DesignToken,
1916
+ "border-color": DesignToken,
1917
+ "color": DesignToken
1936
1918
  },
1937
- "donkergeel": {
1938
- "50": DesignToken,
1939
- "100": DesignToken,
1940
- "200": DesignToken,
1941
- "300": DesignToken,
1942
- "400": DesignToken,
1943
- "500": DesignToken
1919
+ "icon": {
1920
+ "color": DesignToken,
1921
+ "inset-block-start": DesignToken,
1922
+ "size": DesignToken,
1923
+ "error": {
1924
+ "color": DesignToken
1925
+ },
1926
+ "info": {
1927
+ "color": DesignToken
1928
+ },
1929
+ "ok": {
1930
+ "color": DesignToken
1931
+ },
1932
+ "warning": {
1933
+ "color": DesignToken
1934
+ }
1935
+ }
1936
+ },
1937
+ "action-group": {
1938
+ "background-color": DesignToken,
1939
+ "column-gap": DesignToken,
1940
+ "padding-block-end": DesignToken,
1941
+ "padding-block-start": DesignToken,
1942
+ "row-gap": DesignToken
1943
+ },
1944
+ "accordion": {
1945
+ "margin-block-end": DesignToken,
1946
+ "margin-block-start": DesignToken,
1947
+ "row-gap": DesignToken,
1948
+ "panel": {
1949
+ "border-color": DesignToken,
1950
+ "border-width": DesignToken,
1951
+ "padding-block-end": DesignToken,
1952
+ "padding-block-start": DesignToken,
1953
+ "padding-inline-end": DesignToken,
1954
+ "padding-inline-start": DesignToken
1944
1955
  },
1945
- "oranje": {
1946
- "50": DesignToken,
1947
- "100": DesignToken,
1948
- "200": DesignToken,
1949
- "300": DesignToken,
1950
- "400": DesignToken,
1951
- "500": DesignToken
1956
+ "button": {
1957
+ "background-color": DesignToken,
1958
+ "border-color": DesignToken,
1959
+ "border-radius": DesignToken,
1960
+ "border-width": DesignToken,
1961
+ "color": DesignToken,
1962
+ "gap": DesignToken,
1963
+ "padding-block-end": DesignToken,
1964
+ "padding-block-start": DesignToken,
1965
+ "padding-inline-end": DesignToken,
1966
+ "padding-inline-start": DesignToken,
1967
+ "icon": {
1968
+ "size": DesignToken
1969
+ },
1970
+ "active": {
1971
+ "background-color": DesignToken,
1972
+ "border-color": DesignToken,
1973
+ "color": DesignToken
1974
+ },
1975
+ "hover": {
1976
+ "background-color": DesignToken,
1977
+ "border-color": DesignToken,
1978
+ "color": DesignToken
1979
+ },
1980
+ "focus-visible": {
1981
+ "background-color": DesignToken,
1982
+ "border-color": DesignToken,
1983
+ "border-width": DesignToken,
1984
+ "color": DesignToken
1985
+ }
1952
1986
  },
1953
- "rood": {
1954
- "50": DesignToken,
1955
- "100": DesignToken,
1956
- "200": DesignToken,
1957
- "300": DesignToken,
1958
- "400": DesignToken,
1959
- "500": DesignToken
1987
+ "section": {
1988
+ "border-color": DesignToken,
1989
+ "hover": {
1990
+ "border-color": DesignToken
1991
+ },
1992
+ "border-width": DesignToken,
1993
+ "margin-block-end": DesignToken,
1994
+ "margin-block-start": DesignToken
1995
+ }
1996
+ },
1997
+ "rich-text": {
1998
+ "stranger": {
1999
+ "margin-block-end": DesignToken
1960
2000
  },
1961
- "roze": {
1962
- "50": DesignToken,
1963
- "100": DesignToken,
1964
- "200": DesignToken,
1965
- "300": DesignToken,
1966
- "400": DesignToken,
1967
- "500": DesignToken
2001
+ "acquaintance": {
2002
+ "margin-block-end": DesignToken
1968
2003
  },
1969
- "robijnrood": {
1970
- "50": DesignToken,
1971
- "100": DesignToken,
1972
- "200": DesignToken,
1973
- "300": DesignToken,
1974
- "400": DesignToken,
1975
- "500": DesignToken
2004
+ "friend": {
2005
+ "margin-block-end": DesignToken
1976
2006
  },
1977
- "lintblauw": {
1978
- "50": DesignToken,
1979
- "100": DesignToken,
1980
- "200": DesignToken,
1981
- "300": DesignToken,
1982
- "400": DesignToken,
1983
- "500": DesignToken
2007
+ "best-friend": {
2008
+ "margin-block-end": DesignToken
1984
2009
  },
1985
- "wit": DesignToken,
1986
- "zwart": DesignToken,
1987
- "none": DesignToken
2010
+ "confidant": {
2011
+ "margin-block-end": DesignToken
2012
+ }
2013
+ },
2014
+ "pointer-target": {
2015
+ "min-size": DesignToken
1988
2016
  },
1989
2017
  "focus": {
2018
+ "outline-color": DesignToken,
1990
2019
  "outline-offset": DesignToken,
1991
2020
  "outline-style": DesignToken,
1992
- "outline-width": DesignToken
2021
+ "outline-width": DesignToken,
2022
+ "inverse": {
2023
+ "outline-color": DesignToken
2024
+ }
1993
2025
  },
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
2026
+ "document": {
2027
+ "background-color": DesignToken,
2028
+ "color": DesignToken,
2029
+ "font-family": DesignToken,
2030
+ "font-size": DesignToken,
2031
+ "line-height": DesignToken,
2032
+ "font-weight": DesignToken
2033
+ },
2034
+ "action": {
2035
+ "activate": {
2036
+ "cursor": DesignToken
2005
2037
  },
2006
- "xs": {
2007
- "desktop": DesignToken,
2008
- "tablet": DesignToken,
2009
- "mobile": DesignToken
2038
+ "busy": {
2039
+ "cursor": DesignToken
2010
2040
  },
2011
- "sm": {
2012
- "desktop": DesignToken,
2013
- "tablet": DesignToken,
2014
- "mobile": DesignToken
2041
+ "disabled": {
2042
+ "cursor": DesignToken
2015
2043
  },
2016
- "md": {
2017
- "desktop": DesignToken,
2018
- "tablet": DesignToken,
2019
- "mobile": DesignToken
2044
+ "inert": {
2045
+ "cursor": DesignToken
2020
2046
  },
2021
- "lg": {
2022
- "desktop": DesignToken,
2023
- "tablet": DesignToken,
2024
- "mobile": DesignToken
2047
+ "navigate": {
2048
+ "cursor": DesignToken
2025
2049
  },
2026
- "xl": {
2027
- "desktop": DesignToken,
2028
- "tablet": DesignToken,
2029
- "mobile": DesignToken
2050
+ "submit": {
2051
+ "cursor": DesignToken
2030
2052
  }
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
2053
  }
2080
2054
  },
2081
2055
  "todo": {
@@ -2093,9 +2067,6 @@ declare const tokens: {
2093
2067
  "color": DesignToken
2094
2068
  }
2095
2069
  },
2096
- "skip-link": {
2097
- "font-weight": DesignToken
2098
- },
2099
2070
  "radio-button": {
2100
2071
  "checked": {
2101
2072
  "disabled": {
@@ -2192,33 +2163,6 @@ declare const tokens: {
2192
2163
  },
2193
2164
  "nl": {
2194
2165
  "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
2166
  "background-color": DesignToken,
2223
2167
  "color": DesignToken,
2224
2168
  "padding-block": DesignToken,
@@ -2247,7 +2191,6 @@ declare const tokens: {
2247
2191
  }
2248
2192
  },
2249
2193
  "number-badge": {
2250
- "line-height": DesignToken,
2251
2194
  "background-color": DesignToken,
2252
2195
  "border-color": DesignToken,
2253
2196
  "border-radius": DesignToken,