@rijkshuisstijl-community/design-tokens 1.2.0 → 2.0.0

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