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