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