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