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