@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-violet-oud/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:53 GMT
3
+ * Generated on Thu, 17 Jul 2025 11:54:47 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -22,852 +22,599 @@ 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
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
240
204
  },
241
- "donkergroen": {
242
- "50": DesignToken,
243
- "100": DesignToken,
244
- "200": DesignToken,
245
- "300": DesignToken,
246
- "400": DesignToken,
247
- "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
248
212
  },
249
- "bruin": {
250
- "50": DesignToken,
251
- "100": DesignToken,
252
- "200": DesignToken,
253
- "300": DesignToken,
254
- "400": DesignToken,
255
- "500": DesignToken
213
+ "focus-visible": {
214
+ "outline-color": DesignToken,
215
+ "text-decoration": DesignToken
256
216
  },
257
- "donkerbruin": {
258
- "50": DesignToken,
259
- "100": DesignToken,
260
- "200": DesignToken,
261
- "300": DesignToken,
262
- "400": DesignToken,
263
- "500": DesignToken
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,
223
+ "background-color": DesignToken,
224
+ "color": DesignToken,
225
+ "min-block-size": DesignToken,
226
+ "min-inline-size": DesignToken,
227
+ "padding-block-end": DesignToken,
228
+ "padding-block-start": DesignToken,
229
+ "padding-inline-end": DesignToken,
230
+ "padding-inline-start": DesignToken,
231
+ "text-decoration": DesignToken
232
+ },
233
+ "link-list": {
234
+ "item": {
235
+ "text-decoration": DesignToken,
236
+ "column-gap": DesignToken
264
237
  },
265
- "geel": {
266
- "50": DesignToken,
267
- "100": DesignToken,
268
- "200": DesignToken,
269
- "300": DesignToken,
270
- "400": DesignToken,
271
- "500": DesignToken
238
+ "margin-block-end": DesignToken,
239
+ "margin-block-start": DesignToken,
240
+ "row-gap": DesignToken,
241
+ "icon": {
242
+ "inset-block-start": DesignToken,
243
+ "size": DesignToken
272
244
  },
273
- "donkergeel": {
274
- "50": DesignToken,
275
- "100": DesignToken,
276
- "200": DesignToken,
277
- "300": DesignToken,
278
- "400": DesignToken,
279
- "500": DesignToken
245
+ "link": {
246
+ "column-gap": DesignToken,
247
+ "text-decoration": DesignToken
280
248
  },
281
- "oranje": {
282
- "50": DesignToken,
283
- "100": DesignToken,
284
- "200": DesignToken,
285
- "300": DesignToken,
286
- "400": DesignToken,
287
- "500": DesignToken
249
+ "font-weight": DesignToken
250
+ },
251
+ "link": {
252
+ "font-family": DesignToken,
253
+ "font-weight": DesignToken,
254
+ "line-height": DesignToken,
255
+ "font-size": DesignToken,
256
+ "active": {
257
+ "text-decoration": DesignToken,
258
+ "color": DesignToken
288
259
  },
289
- "rood": {
290
- "50": DesignToken,
291
- "100": DesignToken,
292
- "200": DesignToken,
293
- "300": DesignToken,
294
- "400": DesignToken,
295
- "500": DesignToken
260
+ "focus": {
261
+ "text-decoration": DesignToken,
262
+ "text-decoration-thickness": DesignToken,
263
+ "background-color": DesignToken,
264
+ "color": DesignToken
296
265
  },
297
- "roze": {
298
- "50": DesignToken,
299
- "100": DesignToken,
300
- "200": DesignToken,
301
- "300": DesignToken,
302
- "400": DesignToken,
303
- "500": DesignToken
266
+ "icon": {
267
+ "inset-block-start": DesignToken,
268
+ "size": DesignToken
304
269
  },
305
- "robijnrood": {
306
- "50": DesignToken,
307
- "100": DesignToken,
308
- "200": DesignToken,
309
- "300": DesignToken,
310
- "400": DesignToken,
311
- "500": DesignToken
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,
276
+ "hover": {
277
+ "color": DesignToken,
278
+ "text-decoration": DesignToken,
279
+ "text-decoration-thickness": DesignToken
312
280
  },
313
- "lintblauw": {
314
- "50": DesignToken,
315
- "100": DesignToken,
316
- "200": DesignToken,
317
- "300": DesignToken,
318
- "400": DesignToken,
319
- "500": DesignToken
281
+ "focus-visible": {
282
+ "text-decoration": DesignToken,
283
+ "text-decoration-thickness": DesignToken
320
284
  },
321
- "wit": DesignToken,
322
- "zwart": DesignToken,
323
- "none": DesignToken
324
- },
325
- "border-radius": {
326
- "sm": DesignToken,
327
- "md": DesignToken,
328
- "keep": DesignToken,
329
- "circle": DesignToken,
330
- "none": DesignToken
331
- },
332
- "sub-nav-bar": {
333
- "background-color": DesignToken,
334
- "column-gap": DesignToken,
335
- "column-width": DesignToken,
336
- "padding-block-end": DesignToken,
337
- "padding-block-start": DesignToken,
338
- "inline-size": DesignToken,
339
- "content": {
340
- "padding-inline-end": DesignToken,
341
- "padding-inline-start": DesignToken,
342
- "max-inline-size": DesignToken,
343
- "list": {
344
- "row-gap": DesignToken
345
- }
285
+ "visited": {
286
+ "color": DesignToken
346
287
  }
347
288
  },
348
- "toggletip": {
289
+ "data-badge": {
290
+ "background-color": DesignToken,
291
+ "border-radius": DesignToken,
349
292
  "color": DesignToken,
293
+ "padding-block": DesignToken,
294
+ "padding-inline": DesignToken
295
+ },
296
+ "button": {
350
297
  "background-color": DesignToken,
351
298
  "border-color": DesignToken,
352
299
  "border-radius": DesignToken,
353
300
  "border-width": DesignToken,
354
- "icon": {
355
- "size": DesignToken
301
+ "color": DesignToken,
302
+ "column-gap": DesignToken,
303
+ "font-family": DesignToken,
304
+ "font-size": DesignToken,
305
+ "font-weight": DesignToken,
306
+ "line-height": DesignToken,
307
+ "min-block-size": DesignToken,
308
+ "min-inline-size": DesignToken,
309
+ "padding-block-end": DesignToken,
310
+ "padding-block-start": DesignToken,
311
+ "padding-inline-end": DesignToken,
312
+ "padding-inline-start": DesignToken,
313
+ "icon": {
314
+ "size": DesignToken,
315
+ "gap": DesignToken
316
+ },
317
+ "pressed": {
318
+ "background-color": DesignToken,
319
+ "border-color": DesignToken,
320
+ "color": DesignToken
356
321
  },
357
- "size": DesignToken,
358
322
  "active": {
359
- "color": DesignToken,
360
323
  "background-color": DesignToken,
361
- "border-color": DesignToken
324
+ "border-color": DesignToken,
325
+ "color": DesignToken
326
+ },
327
+ "disabled": {
328
+ "background-color": DesignToken,
329
+ "border-color": DesignToken,
330
+ "color": DesignToken
362
331
  },
363
332
  "hover": {
364
- "color": DesignToken,
365
- "background-color": DesignToken
333
+ "background-color": DesignToken,
334
+ "border-color": DesignToken,
335
+ "color": DesignToken
366
336
  },
367
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,
368
345
  "color": DesignToken,
369
- "background-color": DesignToken
370
- }
371
- },
372
- "sidenav": {
373
- "display": DesignToken,
374
- "link": {
375
- "line-height": DesignToken,
376
- "icon": {
377
- "size": DesignToken,
378
- "margin-inline": DesignToken
379
- },
380
346
  "font-size": DesignToken,
381
- "font-family": DesignToken,
382
347
  "font-weight": DesignToken,
383
- "current": {
384
- "font-weight": DesignToken,
348
+ "line-height": DesignToken,
349
+ "disabled": {
350
+ "background-color": DesignToken,
351
+ "border-color": DesignToken,
385
352
  "color": DesignToken
386
353
  },
387
- "color": DesignToken,
388
- "active": {
389
- "color": DesignToken,
390
- "text-decoration": DesignToken
354
+ "hover": {
355
+ "background-color": DesignToken,
356
+ "border-color": DesignToken,
357
+ "color": DesignToken
391
358
  },
392
359
  "focus": {
393
- "border-radius": DesignToken,
394
- "border-width": DesignToken,
395
- "border-style": DesignToken,
396
- "border-color": DesignToken,
397
360
  "background-color": DesignToken,
398
- "color": DesignToken,
399
- "text-decoration": DesignToken
361
+ "border-color": DesignToken,
362
+ "color": DesignToken
400
363
  },
401
- "hover": {
364
+ "pressed": {
365
+ "border-color": DesignToken,
402
366
  "color": DesignToken,
403
- "text-decoration": DesignToken
367
+ "background-color": DesignToken
404
368
  },
405
- "padding-block-start": DesignToken,
406
- "padding-block-end": DesignToken,
407
- "text-decoration": DesignToken,
408
- "column-gap": DesignToken
409
- }
410
- },
411
- "radio-group": {
412
- "padding-block-end": DesignToken,
413
- "padding-block-start": DesignToken,
414
- "row-gap": DesignToken
415
- },
416
- "navigation-list": {
417
- "icon": {
418
- "background-color": DesignToken,
419
- "border-radius": DesignToken,
420
- "color": DesignToken
369
+ "active": {
370
+ "border-color": DesignToken,
371
+ "color": DesignToken,
372
+ "background-color": DesignToken
373
+ }
421
374
  },
422
- "item": {
423
- "icon": {
424
- "padding-inline": DesignToken,
425
- "padding-block": DesignToken,
426
- "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
427
386
  },
428
- "content": {
429
- "font-size": DesignToken,
430
- "column-gap": DesignToken,
431
- "row-gap": DesignToken
387
+ "hover": {
388
+ "background-color": DesignToken,
389
+ "border-color": DesignToken,
390
+ "color": DesignToken
432
391
  },
433
- "label": {
434
- "font-family": DesignToken,
435
- "font-size": DesignToken,
436
- "font-weight": DesignToken,
437
- "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
438
401
  },
439
402
  "active": {
440
- "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
441
419
  },
442
420
  "hover": {
443
- "background-color": DesignToken
421
+ "background-color": DesignToken,
422
+ "border-color": DesignToken,
423
+ "color": DesignToken
444
424
  },
445
425
  "focus": {
446
- "background-color": DesignToken
426
+ "background-color": DesignToken,
427
+ "border-color": DesignToken,
428
+ "color": DesignToken
447
429
  },
448
- "background-color": DesignToken,
449
- "color": DesignToken,
450
- "border-width": DesignToken,
451
- "border-color": DesignToken,
452
- "heading": {
430
+ "pressed": {
431
+ "background-color": DesignToken,
432
+ "border-color": DesignToken,
453
433
  "color": DesignToken
454
434
  },
455
- "column-gap": DesignToken,
456
- "min-height": DesignToken,
457
- "padding-block": DesignToken,
458
- "padding-inline": DesignToken
435
+ "active": {
436
+ "background-color": DesignToken,
437
+ "border-color": DesignToken,
438
+ "color": DesignToken
439
+ }
459
440
  }
460
441
  },
461
- "nav-bar": {
462
- "border-block-end-width": DesignToken,
463
- "max-inline-size": DesignToken,
464
- "padding-inline": DesignToken,
465
- "container": {
466
- "inline-size": DesignToken
467
- },
468
- "content": {
469
- "column-gap": DesignToken
470
- },
471
- "icon": {
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": {
472
453
  "color": DesignToken,
473
- "active": {
474
- "color": DesignToken
475
- },
454
+ "inset-block-start": DesignToken,
476
455
  "size": DesignToken
477
456
  },
478
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,
479
473
  "active": {
480
- "background-color": DesignToken,
474
+ "color": DesignToken,
475
+ "text-decoration": DesignToken
476
+ },
477
+ "disabled": {
481
478
  "color": DesignToken
482
479
  },
483
- "background-color": DesignToken,
484
- "color": DesignToken,
485
480
  "focus": {
486
481
  "background-color": DesignToken,
487
- "color": DesignToken
482
+ "color": DesignToken,
483
+ "text-decoration": DesignToken
488
484
  },
489
485
  "hover": {
490
- "background-color": DesignToken,
486
+ "text-decoration": DesignToken,
491
487
  "color": DesignToken
492
- },
488
+ }
489
+ },
490
+ "font-family": DesignToken,
491
+ "font-size": DesignToken,
492
+ "line-height": DesignToken,
493
+ "min-block-size": DesignToken,
494
+ "item": {
493
495
  "padding-block-end": DesignToken,
494
496
  "padding-block-start": DesignToken,
495
497
  "padding-inline-end": DesignToken,
496
498
  "padding-inline-start": DesignToken,
497
- "column-gap": DesignToken
498
- },
499
- "heading": {
500
- "font-weight": DesignToken
499
+ "first": {
500
+ "padding-inline-start": DesignToken
501
+ }
501
502
  },
502
- "background-color": DesignToken,
503
- "color": DesignToken,
504
- "border-color": DesignToken
503
+ "separator": {
504
+ "color": DesignToken,
505
+ "icon": {
506
+ "size": DesignToken
507
+ }
508
+ }
505
509
  },
506
- "message-list": {
507
- "item": {
508
- "background-color": DesignToken,
510
+ "accordion": {
511
+ "panel": {
509
512
  "border-color": DesignToken,
510
513
  "border-width": DesignToken,
511
- "color": DesignToken,
512
- "column-gap": 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,
513
521
  "icon": {
514
- "size": DesignToken,
515
- "color": DesignToken
516
- },
517
- "min-height": DesignToken,
518
- "padding-block": DesignToken,
519
- "padding-inline": DesignToken,
520
- "content": {
521
- "font-size": DesignToken,
522
- "column-gap": DesignToken,
523
- "row-gap": DesignToken
522
+ "size": DesignToken
524
523
  },
525
- "label": {
526
- "font-family": DesignToken,
527
- "font-size": DesignToken,
528
- "font-weight": DesignToken,
529
- "line-height": DesignToken
524
+ "hover": {
525
+ "background-color": DesignToken,
526
+ "border-color": DesignToken,
527
+ "color": DesignToken
530
528
  },
531
- "heading": {
529
+ "background-color": DesignToken,
530
+ "border-color": DesignToken,
531
+ "border-width": DesignToken,
532
+ "color": DesignToken,
533
+ "focus": {
534
+ "background-color": DesignToken,
535
+ "border-color": DesignToken,
532
536
  "color": DesignToken
537
+ },
538
+ "active": {
539
+ "background-color": DesignToken,
540
+ "border-color": DesignToken,
541
+ "color": DesignToken,
542
+ "row-gap": DesignToken
533
543
  }
534
544
  }
535
545
  },
536
- "logo": {
537
- "image": {
538
- "background-color": DesignToken,
539
- "inline-size": DesignToken,
540
- "block-size": DesignToken,
541
- "color": DesignToken
542
- },
543
- "title": {
544
- "font-weight": DesignToken,
545
- "line-height": DesignToken,
546
- "font-size": DesignToken,
547
- "padding-block-start": DesignToken
548
- },
549
- "subtitle": {
550
- "font-weight": DesignToken,
551
- "line-height": DesignToken,
552
- "font-size": DesignToken
546
+ "action": {
547
+ "activate": {
548
+ "cursor": DesignToken
553
549
  },
554
- "column-gap": DesignToken,
555
- "font-family": DesignToken,
556
- "color": DesignToken
557
- },
558
- "link-list-card": {
559
- "background-color": DesignToken,
560
- "padding-block-start": DesignToken,
561
- "padding-block-end": DesignToken,
562
- "row-gap": DesignToken,
563
- "padding-inline-start": DesignToken,
564
- "padding-inline-end": DesignToken
565
- },
566
- "link-list": {
567
- "text-decoration": DesignToken
568
- },
569
- "icon-only-button": {
570
- "padding-block-end": DesignToken,
571
- "padding-block-start": DesignToken,
572
- "padding-inline-end": DesignToken,
573
- "padding-inline-start": DesignToken
574
- },
575
- "hero": {
576
- "heading": {
577
- "font-weight": DesignToken,
578
- "line-height": DesignToken,
579
- "font-size": DesignToken,
580
- "font-family": DesignToken
550
+ "busy": {
551
+ "cursor": DesignToken
581
552
  },
582
- "sub-heading": {
583
- "font-weight": DesignToken,
584
- "line-height": DesignToken,
585
- "font-size": DesignToken,
586
- "font-family": DesignToken
553
+ "disabled": {
554
+ "cursor": DesignToken
587
555
  },
588
- "message": {
589
- "background-color": DesignToken,
590
- "color": DesignToken,
591
- "row-gap": DesignToken,
592
- "padding-block-end": DesignToken,
593
- "padding-inline-end": DesignToken,
594
- "padding-inline-start": DesignToken,
595
- "padding-block-start": DesignToken,
596
- "border-radius": DesignToken,
597
- "inline-size": DesignToken
556
+ "inert": {
557
+ "cursor": DesignToken
598
558
  },
599
- "border-radius": DesignToken,
600
- "inline-size": DesignToken
601
- },
602
- "form-field-radio-option": {
603
- "column-gap": DesignToken,
604
- "font-weight": DesignToken,
605
- "row-gap": DesignToken,
606
- "label": {
607
- "margin-block-end": DesignToken
559
+ "navigate": {
560
+ "cursor": DesignToken
608
561
  },
609
- "input": {
610
- "margin": {
611
- "block-start": DesignToken
612
- }
562
+ "submit": {
563
+ "cursor": DesignToken
613
564
  }
614
565
  },
615
- "form-field-checkbox-option": {
616
- "column-gap": DesignToken,
617
- "margin-block-end": DesignToken
618
- },
619
- "page-footer": {
620
- "column-gap": DesignToken,
621
- "column-width": DesignToken,
622
- "column": {
623
- "title": {
624
- "margin-block-end": DesignToken
625
- }
626
- },
627
- "content": {
628
- "max-inline-size": DesignToken,
629
- "padding-inline-start": DesignToken,
630
- "padding-inline-end": DesignToken,
631
- "column-gap": DesignToken
632
- },
633
- "border-block-start-width": DesignToken,
634
- "border-block-start-color": DesignToken,
635
- "border-block-start-style": DesignToken,
636
- "outlined": {
637
- "background-color": DesignToken,
638
- "color": DesignToken,
639
- "border-color": DesignToken
566
+ "unordered-list": {
567
+ "color": DesignToken,
568
+ "marker": {
569
+ "border-color": DesignToken,
570
+ "color": DesignToken
640
571
  },
641
- "padding-block-start": DesignToken,
642
- "padding-block-end": DesignToken,
572
+ "font-family": DesignToken,
573
+ "font-weight": DesignToken,
574
+ "font-size": DesignToken,
575
+ "line-height": DesignToken,
576
+ "margin-block-end": DesignToken,
577
+ "margin-block-start": DesignToken,
643
578
  "padding-inline-start": DesignToken,
644
- "padding-inline-end": DesignToken,
645
- "flex": {
646
- "direction": DesignToken
647
- }
648
- },
649
- "file-input": {
650
- "column-gap": DesignToken,
651
- "row-gap": DesignToken,
652
- "feedback": {
653
- "color": DesignToken,
654
- "font-size": DesignToken
579
+ "item": {
580
+ "margin-block-end": DesignToken,
581
+ "margin-block-start": DesignToken,
582
+ "padding-inline-start": DesignToken
655
583
  }
656
584
  },
657
- "file": {
658
- "border-style": DesignToken,
659
- "border-color": DesignToken,
660
- "border-width": DesignToken,
661
- "border-radius": 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,
662
594
  "padding-inline-start": DesignToken,
663
- "padding-inline-end": DesignToken,
664
- "padding-block-start": DesignToken,
665
- "padding-block-end": DesignToken,
666
- "column-gap": DesignToken,
667
- "error": {
668
- "border-color": DesignToken
669
- },
670
- "subtitle": {
671
- "color": DesignToken
595
+ "item": {
596
+ "margin-block-end": DesignToken,
597
+ "margin-block-start": DesignToken,
598
+ "padding-inline-start": DesignToken
672
599
  }
673
600
  },
674
- "dot-badge": {
675
- "border-radius": DesignToken,
676
- "color": DesignToken,
677
- "size": DesignToken
678
- },
679
- "code-input": {
680
- "size": DesignToken
681
- },
682
- "code-input-group": {
683
- "column-gap": DesignToken
684
- },
685
- "checkbox-group": {
686
- "padding-block-end": DesignToken,
687
- "padding-block-start": DesignToken,
688
- "row-gap": DesignToken
689
- },
690
- "card-as-link": {
601
+ "blockquote": {
691
602
  "background-color": DesignToken,
603
+ "border-inline-start-width": DesignToken,
692
604
  "border-color": DesignToken,
693
605
  "border-radius": DesignToken,
694
606
  "border-width": DesignToken,
695
607
  "color": DesignToken,
696
- "column-gap": DesignToken,
697
- "inline-size": DesignToken,
698
- "icon": {
699
- "color": DesignToken,
700
- "size": DesignToken
701
- },
702
- "link": {
703
- "color": DesignToken,
704
- "text-decoration": DesignToken,
705
- "active": {
706
- "text-decoration": DesignToken
707
- },
708
- "hover": {
709
- "text-decoration": DesignToken
710
- },
711
- "focus": {
712
- "text-decoration": DesignToken
713
- }
714
- },
715
- "metadata": {
716
- "color": DesignToken
717
- },
608
+ "font-size": DesignToken,
609
+ "font-family": DesignToken,
718
610
  "padding-block-end": DesignToken,
719
611
  "padding-block-start": DesignToken,
720
612
  "padding-inline-end": DesignToken,
721
613
  "padding-inline-start": DesignToken,
722
614
  "row-gap": DesignToken,
723
- "active": {
724
- "background-color": DesignToken,
725
- "text-decoration": DesignToken
726
- },
727
- "hover": {
728
- "background-color": DesignToken,
729
- "text-decoration": DesignToken
730
- },
731
- "focus": {
732
- "background-color": DesignToken,
733
- "text-decoration": DesignToken
734
- },
735
- "full-bleed": {
736
- "background-color": DesignToken,
737
- "border-color": DesignToken,
738
- "color": DesignToken,
739
- "opacity": DesignToken
740
- },
741
- "heading": {
742
- "color": DesignToken,
743
- "padding-block-start": DesignToken,
744
- "font-size": DesignToken,
745
- "font-weight": DesignToken
746
- },
747
- "horizontal": {
748
- "background-color": DesignToken,
749
- "border-color": DesignToken,
750
- "color": DesignToken,
751
- "max-block-size": DesignToken,
752
- "padding-block-end": DesignToken,
753
- "padding-block-start": DesignToken,
754
- "padding-inline-end": DesignToken,
755
- "padding-inline-start": DesignToken,
756
- "heading": {
757
- "inline-size": DesignToken
758
- }
759
- }
760
- },
761
- "focus": {
762
- "outline-offset": DesignToken,
763
- "outline-style": DesignToken,
764
- "outline-width": DesignToken
765
- },
766
- "font-size": {
767
- "heading": {
768
- "level-1": DesignToken,
769
- "level-2": DesignToken,
770
- "level-3": DesignToken,
771
- "level-4": DesignToken,
772
- "level-5": DesignToken
773
- },
774
- "body": {
775
- "intro": DesignToken,
776
- "default": DesignToken
777
- },
778
- "xs": {
779
- "desktop": DesignToken,
780
- "tablet": DesignToken,
781
- "mobile": DesignToken
782
- },
783
- "sm": {
784
- "desktop": DesignToken,
785
- "tablet": DesignToken,
786
- "mobile": DesignToken
787
- },
788
- "md": {
789
- "desktop": DesignToken,
790
- "tablet": DesignToken,
791
- "mobile": DesignToken
792
- },
793
- "lg": {
794
- "desktop": DesignToken,
795
- "tablet": DesignToken,
796
- "mobile": DesignToken
797
- },
798
- "xl": {
799
- "desktop": DesignToken,
800
- "tablet": DesignToken,
801
- "mobile": DesignToken
802
- }
803
- },
804
- "font-weight": {
805
- "default": DesignToken,
806
- "strong": DesignToken,
807
- "extra-bold": DesignToken,
808
- "bold": DesignToken,
809
- "semi-bold": DesignToken,
810
- "regular": DesignToken,
811
- "light": DesignToken,
812
- "thin": DesignToken
813
- },
814
- "line-height": {
815
- "body": DesignToken,
816
- "sm": DesignToken,
817
- "md": DesignToken
818
- },
819
- "size": {
820
- "target": DesignToken,
821
- "icon": {
822
- "functional": DesignToken
823
- },
824
- "quarter-lint": DesignToken,
825
- "half-lint": DesignToken,
826
- "lint": DesignToken,
827
- "2-lint": DesignToken,
828
- "3-lint": DesignToken
829
- },
830
- "font-family": {
831
- "primary": DesignToken,
832
- "secondary": DesignToken
833
- },
834
- "border-width": {
835
- "default": DesignToken,
836
- "m": DesignToken,
837
- "none": DesignToken
838
- },
839
- "space": {
840
- "0": DesignToken,
841
- "25": DesignToken,
842
- "50": DesignToken,
843
- "100": DesignToken,
844
- "150": DesignToken,
845
- "200": DesignToken,
846
- "300": DesignToken,
847
- "400": DesignToken,
848
- "500": DesignToken,
849
- "600": DesignToken,
850
- "700": DesignToken
851
- }
852
- },
853
- "utrecht": {
854
- "blockquote": {
855
- "background-color": DesignToken,
856
- "border-inline-start-width": DesignToken,
857
- "border-color": DesignToken,
858
- "border-radius": DesignToken,
859
- "border-width": DesignToken,
860
- "color": DesignToken,
861
- "font-size": DesignToken,
862
- "font-family": DesignToken,
863
- "padding-block-end": DesignToken,
864
- "padding-block-start": DesignToken,
865
- "padding-inline-end": DesignToken,
866
- "padding-inline-start": DesignToken,
867
- "row-gap": DesignToken,
868
- "attribution": {
869
- "color": DesignToken,
870
- "font-size": DesignToken
615
+ "attribution": {
616
+ "color": DesignToken,
617
+ "font-size": DesignToken
871
618
  },
872
619
  "content": {
873
620
  "color": DesignToken,
@@ -933,25 +680,6 @@ declare const tokens: {
933
680
  "size": DesignToken,
934
681
  "inset-block-start": DesignToken
935
682
  },
936
- "unordered-list": {
937
- "padding-inline-start": DesignToken,
938
- "margin-block-end": DesignToken,
939
- "margin-block-start": DesignToken,
940
- "color": DesignToken,
941
- "font-family": DesignToken,
942
- "font-weight": DesignToken,
943
- "font-size": DesignToken,
944
- "line-height": DesignToken,
945
- "item": {
946
- "padding-inline-start": DesignToken,
947
- "margin-block-end": DesignToken,
948
- "margin-block-start": DesignToken
949
- },
950
- "marker": {
951
- "color": DesignToken,
952
- "border-color": DesignToken
953
- }
954
- },
955
683
  "textbox": {
956
684
  "border-radius": DesignToken,
957
685
  "font-family": DesignToken,
@@ -1118,42 +846,6 @@ declare const tokens: {
1118
846
  },
1119
847
  "font-size": DesignToken
1120
848
  },
1121
- "skip-link": {
1122
- "font-weight": DesignToken,
1123
- "font-family": DesignToken,
1124
- "font-size": DesignToken,
1125
- "line-height": DesignToken,
1126
- "min-block-size": DesignToken,
1127
- "min-inline-size": DesignToken,
1128
- "padding-block-end": DesignToken,
1129
- "padding-block-start": DesignToken,
1130
- "padding-inline-end": DesignToken,
1131
- "padding-inline-start": DesignToken,
1132
- "focus": {
1133
- "background-color": DesignToken,
1134
- "border-color": DesignToken,
1135
- "border-style": DesignToken,
1136
- "border-width": DesignToken,
1137
- "color": DesignToken,
1138
- "text-decoration": DesignToken
1139
- },
1140
- "focus-visible": {
1141
- "outline-color": DesignToken
1142
- },
1143
- "background-color": DesignToken,
1144
- "border-color": DesignToken,
1145
- "color": DesignToken,
1146
- "border-width": DesignToken,
1147
- "box-block-end-shadow": {
1148
- "offset-x": DesignToken,
1149
- "offset-y": DesignToken,
1150
- "blur-radius": DesignToken,
1151
- "spread-radius": DesignToken,
1152
- "color": DesignToken
1153
- },
1154
- "text-decoration": DesignToken,
1155
- "text-underline-offset": DesignToken
1156
- },
1157
849
  "separator": {
1158
850
  "color": DesignToken,
1159
851
  "block-size": DesignToken,
@@ -1281,120 +973,72 @@ declare const tokens: {
1281
973
  "font-size": DesignToken,
1282
974
  "font-weight": DesignToken,
1283
975
  "line-height": DesignToken,
1284
- "margin-block-end": DesignToken,
1285
- "margin-block-start": DesignToken,
1286
976
  "lead": {
1287
977
  "color": DesignToken,
1288
978
  "font-size": DesignToken,
1289
979
  "font-weight": DesignToken,
1290
980
  "line-height": DesignToken
1291
- }
981
+ },
982
+ "small": {
983
+ "font-size": DesignToken,
984
+ "color": DesignToken,
985
+ "font-weight": DesignToken,
986
+ "line-height": DesignToken
987
+ },
988
+ "margin-block-end": DesignToken,
989
+ "margin-block-start": DesignToken
1292
990
  },
1293
- "ordered-list": {
1294
- "padding-inline-start": DesignToken,
991
+ "heading-1": {
992
+ "color": DesignToken,
993
+ "font-family": DesignToken,
994
+ "font-size": DesignToken,
995
+ "font-weight": DesignToken,
996
+ "line-height": DesignToken,
1295
997
  "margin-block-end": DesignToken,
1296
- "margin-block-start": DesignToken,
1297
- "margin-inline-start": DesignToken,
1298
- "item": {
1299
- "padding-inline-start": DesignToken,
1300
- "margin-block-end": DesignToken,
1301
- "margin-block-start": DesignToken
1302
- },
998
+ "margin-block-start": DesignToken
999
+ },
1000
+ "heading-2": {
1303
1001
  "color": DesignToken,
1304
1002
  "font-family": DesignToken,
1003
+ "font-size": DesignToken,
1305
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,
1306
1012
  "font-size": DesignToken,
1307
- "line-height": DesignToken
1013
+ "font-weight": DesignToken,
1014
+ "line-height": DesignToken,
1015
+ "margin-block-end": DesignToken,
1016
+ "margin-block-start": DesignToken
1308
1017
  },
1309
- "link-list": {
1310
- "margin-block-start": DesignToken,
1311
- "row-gap": DesignToken,
1018
+ "heading-4": {
1019
+ "color": DesignToken,
1020
+ "font-family": DesignToken,
1021
+ "font-size": DesignToken,
1022
+ "font-weight": DesignToken,
1023
+ "line-height": DesignToken,
1312
1024
  "margin-block-end": DesignToken,
1313
- "item": {
1314
- "column-gap": DesignToken,
1315
- "text-decoration": DesignToken
1316
- },
1317
- "icon": {
1318
- "size": DesignToken,
1319
- "inset-block-start": DesignToken
1320
- }
1025
+ "margin-block-start": DesignToken
1321
1026
  },
1322
- "link": {
1027
+ "heading-5": {
1323
1028
  "color": DesignToken,
1324
- "text-decoration-color": DesignToken,
1325
- "active": {
1326
- "color": DesignToken,
1327
- "text-decoration": DesignToken
1328
- },
1329
- "focus": {
1330
- "background-color": DesignToken,
1331
- "color": DesignToken,
1332
- "text-decoration": DesignToken,
1333
- "text-decoration-thickness": DesignToken
1334
- },
1335
- "hover": {
1336
- "color": DesignToken,
1337
- "text-decoration": DesignToken,
1338
- "text-decoration-thickness": DesignToken
1339
- },
1340
- "visited": {
1341
- "color": DesignToken
1342
- },
1343
- "text-decoration": DesignToken,
1344
- "icon": {
1345
- "inset-block-start": DesignToken,
1346
- "size": DesignToken
1347
- },
1348
- "column-gap": DesignToken,
1349
- "text-decoration-thickness": DesignToken,
1350
- "text-underline-offset": DesignToken,
1351
1029
  "font-family": DesignToken,
1352
- "font-weight": DesignToken,
1353
1030
  "font-size": DesignToken,
1354
- "line-height": DesignToken
1355
- },
1356
- "heading-1": {
1357
- "color": DesignToken,
1358
- "font-family": DesignToken,
1359
1031
  "font-weight": DesignToken,
1360
1032
  "line-height": DesignToken,
1361
- "font-size": DesignToken,
1362
1033
  "margin-block-end": DesignToken,
1363
1034
  "margin-block-start": DesignToken
1364
1035
  },
1365
- "heading-2": {
1036
+ "heading-6": {
1366
1037
  "color": DesignToken,
1367
1038
  "font-family": DesignToken,
1368
- "font-weight": DesignToken,
1369
- "line-height": DesignToken,
1370
1039
  "font-size": DesignToken,
1371
- "margin-block-end": DesignToken,
1372
- "margin-block-start": DesignToken
1373
- },
1374
- "heading-3": {
1375
- "color": DesignToken,
1376
- "font-family": DesignToken,
1377
1040
  "font-weight": DesignToken,
1378
1041
  "line-height": DesignToken,
1379
- "font-size": DesignToken,
1380
- "margin-block-end": DesignToken,
1381
- "margin-block-start": DesignToken
1382
- },
1383
- "heading-4": {
1384
- "color": DesignToken,
1385
- "font-family": DesignToken,
1386
- "font-weight": DesignToken,
1387
- "line-height": DesignToken,
1388
- "font-size": DesignToken,
1389
- "margin-block-end": DesignToken,
1390
- "margin-block-start": DesignToken
1391
- },
1392
- "heading-5": {
1393
- "color": DesignToken,
1394
- "font-family": DesignToken,
1395
- "font-weight": DesignToken,
1396
- "line-height": DesignToken,
1397
- "font-size": DesignToken,
1398
1042
  "margin-block-end": DesignToken,
1399
1043
  "margin-block-start": DesignToken
1400
1044
  },
@@ -1602,468 +1246,980 @@ declare const tokens: {
1602
1246
  "border-color": DesignToken
1603
1247
  }
1604
1248
  },
1605
- "button-group": {
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,
1269
+ "color": 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
1311
+ },
1312
+ "document": {
1313
+ "background-color": DesignToken,
1314
+ "color": DesignToken,
1315
+ "font-family": DesignToken,
1316
+ "font-size": DesignToken,
1317
+ "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
1335
+ }
1336
+ },
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,
1412
+ "padding-inline-start": DesignToken,
1413
+ "expanded": {
1414
+ "background-color": DesignToken,
1415
+ "color": DesignToken
1416
+ }
1417
+ },
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
1428
+ },
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
+ },
1457
+ "item": {
1458
+ "border-width": DesignToken,
1459
+ "border-color": DesignToken,
1460
+ "border-block-end-style": DesignToken,
1461
+ "color": DesignToken
1462
+ },
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
1476
+ }
1477
+ },
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
1487
+ },
1488
+ "focus": {
1489
+ "outline": DesignToken
1490
+ },
1491
+ "foreground": {
1492
+ "default": DesignToken,
1493
+ "subdued": DesignToken,
1494
+ "link": DesignToken,
1495
+ "on-dark-color": DesignToken,
1496
+ "on-light-color": DesignToken
1497
+ },
1498
+ "border": {
1499
+ "default": DesignToken,
1500
+ "subdued": DesignToken,
1501
+ "strong": DesignToken
1502
+ },
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
1651
+ },
1652
+ "rood": {
1653
+ "50": DesignToken,
1654
+ "100": DesignToken,
1655
+ "200": DesignToken,
1656
+ "300": DesignToken,
1657
+ "400": DesignToken,
1658
+ "500": DesignToken
1659
+ },
1660
+ "roze": {
1661
+ "50": DesignToken,
1662
+ "100": DesignToken,
1663
+ "200": DesignToken,
1664
+ "300": DesignToken,
1665
+ "400": DesignToken,
1666
+ "500": DesignToken
1667
+ },
1668
+ "robijnrood": {
1669
+ "50": DesignToken,
1670
+ "100": DesignToken,
1671
+ "200": DesignToken,
1672
+ "300": DesignToken,
1673
+ "400": DesignToken,
1674
+ "500": DesignToken
1675
+ },
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
1687
+ },
1688
+ "border-radius": {
1689
+ "sm": DesignToken,
1690
+ "md": DesignToken,
1691
+ "keep": DesignToken,
1692
+ "circle": DesignToken,
1693
+ "none": DesignToken
1694
+ },
1695
+ "sub-nav-bar": {
1606
1696
  "background-color": DesignToken,
1607
1697
  "column-gap": DesignToken,
1608
- "margin-block-end": DesignToken,
1609
- "margin-block-start": DesignToken,
1698
+ "column-width": DesignToken,
1610
1699
  "padding-block-end": DesignToken,
1611
1700
  "padding-block-start": DesignToken,
1612
- "row-gap": DesignToken
1701
+ "inline-size": DesignToken,
1702
+ "content": {
1703
+ "padding-inline-end": DesignToken,
1704
+ "padding-inline-start": DesignToken,
1705
+ "max-inline-size": DesignToken,
1706
+ "list": {
1707
+ "row-gap": DesignToken
1708
+ }
1709
+ }
1613
1710
  },
1614
- "button": {
1711
+ "toggletip": {
1712
+ "color": DesignToken,
1615
1713
  "background-color": DesignToken,
1616
1714
  "border-color": DesignToken,
1617
- "color": DesignToken,
1618
1715
  "border-radius": DesignToken,
1619
1716
  "border-width": DesignToken,
1620
1717
  "icon": {
1621
- "gap": DesignToken,
1622
1718
  "size": DesignToken
1623
1719
  },
1624
- "font-family": DesignToken,
1625
- "font-size": DesignToken,
1626
- "font-weight": DesignToken,
1627
- "line-height": DesignToken,
1628
- "padding-block-end": DesignToken,
1629
- "padding-block-start": DesignToken,
1630
- "padding-inline-end": DesignToken,
1631
- "padding-inline-start": DesignToken,
1632
- "disabled": {
1633
- "background-color": DesignToken,
1634
- "border-color": DesignToken,
1635
- "color": DesignToken
1636
- },
1637
- "focus": {
1720
+ "size": DesignToken,
1721
+ "active": {
1722
+ "color": DesignToken,
1638
1723
  "background-color": DesignToken,
1639
- "border-color": DesignToken,
1640
- "color": DesignToken
1724
+ "border-color": DesignToken
1641
1725
  },
1642
1726
  "hover": {
1643
- "background-color": DesignToken,
1644
- "border-color": DesignToken,
1645
- "color": DesignToken
1646
- },
1647
- "active": {
1648
- "background-color": DesignToken,
1649
- "border-color": DesignToken,
1650
- "color": DesignToken
1727
+ "color": DesignToken,
1728
+ "background-color": DesignToken
1651
1729
  },
1652
- "min-block-size": DesignToken,
1653
- "min-inline-size": DesignToken,
1654
- "column-gap": DesignToken,
1655
- "primary-action": {
1656
- "hover": {
1657
- "background-color": DesignToken,
1658
- "border-color": DesignToken,
1730
+ "focus": {
1731
+ "color": DesignToken,
1732
+ "background-color": DesignToken
1733
+ }
1734
+ },
1735
+ "sidenav": {
1736
+ "display": DesignToken,
1737
+ "link": {
1738
+ "line-height": DesignToken,
1739
+ "icon": {
1740
+ "size": DesignToken,
1741
+ "margin-inline": DesignToken
1742
+ },
1743
+ "font-size": DesignToken,
1744
+ "font-family": DesignToken,
1745
+ "font-weight": DesignToken,
1746
+ "current": {
1747
+ "font-weight": DesignToken,
1659
1748
  "color": DesignToken
1660
1749
  },
1661
- "background-color": DesignToken,
1662
- "border-color": DesignToken,
1663
1750
  "color": DesignToken,
1664
- "disabled": {
1665
- "background-color": DesignToken,
1666
- "border-color": DesignToken,
1667
- "color": DesignToken
1751
+ "active": {
1752
+ "color": DesignToken,
1753
+ "text-decoration": DesignToken
1668
1754
  },
1669
1755
  "focus": {
1670
- "background-color": DesignToken,
1756
+ "border-radius": DesignToken,
1757
+ "border-width": DesignToken,
1758
+ "border-style": DesignToken,
1671
1759
  "border-color": DesignToken,
1672
- "color": DesignToken
1673
- },
1674
- "font-weight": DesignToken,
1675
- "active": {
1676
1760
  "background-color": DesignToken,
1677
- "border-color": DesignToken,
1678
- "color": DesignToken
1761
+ "color": DesignToken,
1762
+ "text-decoration": DesignToken
1679
1763
  },
1680
- "font-size": DesignToken,
1681
- "line-height": DesignToken,
1682
- "pressed": {
1683
- "background-color": DesignToken,
1684
- "border-color": DesignToken,
1685
- "color": DesignToken
1686
- }
1687
- },
1688
- "secondary-action": {
1689
1764
  "hover": {
1690
- "background-color": DesignToken,
1691
- "border-color": DesignToken,
1692
- "color": DesignToken
1765
+ "color": DesignToken,
1766
+ "text-decoration": DesignToken
1693
1767
  },
1768
+ "padding-block-start": DesignToken,
1769
+ "padding-block-end": DesignToken,
1770
+ "text-decoration": DesignToken,
1771
+ "column-gap": DesignToken
1772
+ }
1773
+ },
1774
+ "radio-group": {
1775
+ "padding-block-end": DesignToken,
1776
+ "padding-block-start": DesignToken,
1777
+ "row-gap": DesignToken
1778
+ },
1779
+ "navigation-list": {
1780
+ "icon": {
1694
1781
  "background-color": DesignToken,
1695
- "border-color": DesignToken,
1696
- "color": DesignToken,
1697
- "disabled": {
1698
- "background-color": DesignToken,
1699
- "border-color": DesignToken,
1700
- "color": DesignToken
1782
+ "border-radius": DesignToken,
1783
+ "color": DesignToken
1784
+ },
1785
+ "item": {
1786
+ "icon": {
1787
+ "padding-inline": DesignToken,
1788
+ "padding-block": DesignToken,
1789
+ "size": DesignToken
1701
1790
  },
1702
- "focus": {
1703
- "background-color": DesignToken,
1704
- "border-color": DesignToken,
1705
- "color": DesignToken
1791
+ "content": {
1792
+ "font-size": DesignToken,
1793
+ "column-gap": DesignToken,
1794
+ "row-gap": DesignToken
1795
+ },
1796
+ "label": {
1797
+ "font-family": DesignToken,
1798
+ "font-size": DesignToken,
1799
+ "font-weight": DesignToken,
1800
+ "line-height": DesignToken
1706
1801
  },
1707
- "font-weight": DesignToken,
1708
1802
  "active": {
1709
- "background-color": DesignToken,
1710
- "border-color": DesignToken,
1711
- "color": DesignToken
1803
+ "background-color": DesignToken
1712
1804
  },
1713
- "font-size": DesignToken,
1714
- "line-height": DesignToken,
1715
- "pressed": {
1716
- "background-color": DesignToken,
1717
- "border-color": DesignToken,
1718
- "color": DesignToken
1719
- }
1720
- },
1721
- "subtle": {
1722
- "font-size": DesignToken,
1723
- "font-weight": DesignToken,
1724
1805
  "hover": {
1725
- "background-color": DesignToken,
1726
- "border-color": DesignToken,
1727
- "color": DesignToken
1806
+ "background-color": DesignToken
1807
+ },
1808
+ "focus": {
1809
+ "background-color": DesignToken
1728
1810
  },
1729
1811
  "background-color": DesignToken,
1812
+ "color": DesignToken,
1813
+ "border-width": DesignToken,
1730
1814
  "border-color": DesignToken,
1815
+ "heading": {
1816
+ "color": DesignToken
1817
+ },
1818
+ "column-gap": DesignToken,
1819
+ "min-height": DesignToken,
1820
+ "padding-block": DesignToken,
1821
+ "padding-inline": DesignToken
1822
+ }
1823
+ },
1824
+ "nav-bar": {
1825
+ "border-block-end-width": DesignToken,
1826
+ "max-inline-size": DesignToken,
1827
+ "padding-inline": DesignToken,
1828
+ "container": {
1829
+ "inline-size": DesignToken
1830
+ },
1831
+ "content": {
1832
+ "column-gap": DesignToken
1833
+ },
1834
+ "icon": {
1731
1835
  "color": DesignToken,
1732
- "disabled": {
1733
- "background-color": DesignToken,
1734
- "border-color": DesignToken,
1836
+ "active": {
1735
1837
  "color": DesignToken
1736
1838
  },
1737
- "focus": {
1839
+ "size": DesignToken
1840
+ },
1841
+ "link": {
1842
+ "active": {
1738
1843
  "background-color": DesignToken,
1739
- "border-color": DesignToken,
1740
1844
  "color": DesignToken
1741
1845
  },
1742
- "active": {
1846
+ "background-color": DesignToken,
1847
+ "color": DesignToken,
1848
+ "focus": {
1743
1849
  "background-color": DesignToken,
1744
- "border-color": DesignToken,
1745
1850
  "color": DesignToken
1746
1851
  },
1747
- "line-height": DesignToken,
1748
- "pressed": {
1852
+ "hover": {
1749
1853
  "background-color": DesignToken,
1750
- "border-color": DesignToken,
1751
1854
  "color": DesignToken
1752
- }
1753
- },
1754
- "pressed": {
1755
- "background-color": DesignToken,
1756
- "border-color": DesignToken,
1757
- "color": DesignToken
1758
- }
1759
- },
1760
- "breadcrumb-nav": {
1761
- "line-height": DesignToken,
1762
- "font-size": DesignToken,
1763
- "link": {
1764
- "icon": {
1765
- "size": DesignToken,
1766
- "margin-inline": DesignToken,
1767
- "inset-block-start": DesignToken
1768
1855
  },
1769
1856
  "padding-block-end": DesignToken,
1770
1857
  "padding-block-start": DesignToken,
1771
1858
  "padding-inline-end": DesignToken,
1772
1859
  "padding-inline-start": DesignToken,
1860
+ "column-gap": DesignToken
1861
+ },
1862
+ "heading": {
1863
+ "font-weight": DesignToken
1864
+ },
1865
+ "background-color": DesignToken,
1866
+ "color": DesignToken,
1867
+ "border-color": DesignToken
1868
+ },
1869
+ "message-list": {
1870
+ "item": {
1871
+ "background-color": DesignToken,
1872
+ "border-color": DesignToken,
1873
+ "border-width": DesignToken,
1773
1874
  "color": DesignToken,
1774
- "active": {
1775
- "color": DesignToken,
1776
- "text-decoration": DesignToken
1777
- },
1778
- "focus": {
1779
- "background-color": DesignToken,
1780
- "color": DesignToken,
1781
- "text-decoration": DesignToken
1875
+ "column-gap": DesignToken,
1876
+ "icon": {
1877
+ "size": DesignToken,
1878
+ "color": DesignToken
1782
1879
  },
1783
- "hover": {
1784
- "color": DesignToken,
1785
- "text-decoration": DesignToken
1880
+ "min-height": DesignToken,
1881
+ "padding-block": DesignToken,
1882
+ "padding-inline": DesignToken,
1883
+ "content": {
1884
+ "font-size": DesignToken,
1885
+ "column-gap": DesignToken,
1886
+ "row-gap": DesignToken
1786
1887
  },
1787
- "current": {
1788
- "color": DesignToken
1888
+ "label": {
1889
+ "font-family": DesignToken,
1890
+ "font-size": DesignToken,
1891
+ "font-weight": DesignToken,
1892
+ "line-height": DesignToken
1789
1893
  },
1790
- "text-decoration": DesignToken
1894
+ "heading": {
1895
+ "color": DesignToken
1896
+ }
1897
+ }
1898
+ },
1899
+ "logo": {
1900
+ "image": {
1901
+ "background-color": DesignToken,
1902
+ "inline-size": DesignToken,
1903
+ "block-size": DesignToken,
1904
+ "color": DesignToken
1791
1905
  },
1792
- "divider": {
1793
- "size": DesignToken,
1794
- "color": DesignToken,
1795
- "inset-block-start": DesignToken
1906
+ "title": {
1907
+ "font-weight": DesignToken,
1908
+ "line-height": DesignToken,
1909
+ "font-size": DesignToken,
1910
+ "padding-block-start": DesignToken
1796
1911
  },
1797
- "margin-inline": DesignToken,
1798
- "font-family": DesignToken,
1799
- "font-weight": DesignToken
1800
- },
1801
- "article": {
1802
- "max-inline-size": DesignToken
1803
- },
1804
- "alert": {
1805
- "heading": {
1806
- "font-family": DesignToken,
1912
+ "subtitle": {
1807
1913
  "font-weight": DesignToken,
1808
1914
  "line-height": DesignToken,
1809
1915
  "font-size": DesignToken
1810
1916
  },
1811
1917
  "column-gap": DesignToken,
1812
- "border-width": DesignToken,
1813
- "margin-block-end": DesignToken,
1814
- "margin-block-start": DesignToken,
1918
+ "font-family": DesignToken,
1919
+ "color": DesignToken
1920
+ },
1921
+ "link-list-card": {
1922
+ "background-color": DesignToken,
1923
+ "padding-block-start": DesignToken,
1924
+ "padding-block-end": DesignToken,
1925
+ "row-gap": DesignToken,
1926
+ "padding-inline-start": DesignToken,
1927
+ "padding-inline-end": DesignToken
1928
+ },
1929
+ "icon-only-button": {
1815
1930
  "padding-block-end": DesignToken,
1816
1931
  "padding-block-start": DesignToken,
1817
1932
  "padding-inline-end": DesignToken,
1818
- "padding-inline-start": DesignToken,
1819
- "background-color": DesignToken,
1820
- "border-color": DesignToken,
1821
- "color": DesignToken,
1822
- "info": {
1823
- "background-color": DesignToken,
1824
- "border-color": DesignToken,
1825
- "color": DesignToken
1826
- },
1827
- "error": {
1828
- "background-color": DesignToken,
1829
- "border-color": DesignToken,
1830
- "color": DesignToken
1831
- },
1832
- "ok": {
1833
- "background-color": DesignToken,
1834
- "border-color": DesignToken,
1835
- "color": DesignToken
1836
- },
1837
- "warning": {
1838
- "background-color": DesignToken,
1839
- "border-color": DesignToken,
1840
- "color": DesignToken
1933
+ "padding-inline-start": DesignToken
1934
+ },
1935
+ "hero": {
1936
+ "heading": {
1937
+ "font-weight": DesignToken,
1938
+ "line-height": DesignToken,
1939
+ "font-size": DesignToken,
1940
+ "font-family": DesignToken
1841
1941
  },
1842
- "icon": {
1843
- "inset-block-start": DesignToken,
1844
- "info": {
1845
- "color": DesignToken
1846
- },
1847
- "error": {
1848
- "color": DesignToken
1849
- },
1850
- "ok": {
1851
- "color": DesignToken
1852
- },
1853
- "warning": {
1854
- "color": DesignToken
1855
- },
1856
- "size": DesignToken
1942
+ "sub-heading": {
1943
+ "font-weight": DesignToken,
1944
+ "line-height": DesignToken,
1945
+ "font-size": DesignToken,
1946
+ "font-family": DesignToken
1857
1947
  },
1858
1948
  "message": {
1859
- "line-height": DesignToken,
1860
- "column-gap": DesignToken
1949
+ "background-color": DesignToken,
1950
+ "color": DesignToken,
1951
+ "row-gap": DesignToken,
1952
+ "padding-block-end": DesignToken,
1953
+ "padding-inline-end": DesignToken,
1954
+ "padding-inline-start": DesignToken,
1955
+ "padding-block-start": DesignToken,
1956
+ "border-radius": DesignToken,
1957
+ "inline-size": DesignToken
1861
1958
  },
1862
- "border-radius": DesignToken
1959
+ "border-radius": DesignToken,
1960
+ "inline-size": DesignToken
1863
1961
  },
1864
- "action": {
1865
- "activate": {
1866
- "cursor": DesignToken
1962
+ "form-field-radio-option": {
1963
+ "column-gap": DesignToken,
1964
+ "font-weight": DesignToken,
1965
+ "row-gap": DesignToken,
1966
+ "label": {
1967
+ "margin-block-end": DesignToken
1867
1968
  },
1868
- "busy": {
1869
- "cursor": DesignToken
1969
+ "input": {
1970
+ "margin": {
1971
+ "block-start": DesignToken
1972
+ }
1973
+ }
1974
+ },
1975
+ "form-field-checkbox-option": {
1976
+ "column-gap": DesignToken,
1977
+ "margin-block-end": DesignToken
1978
+ },
1979
+ "page-footer": {
1980
+ "column-gap": DesignToken,
1981
+ "column-width": DesignToken,
1982
+ "column": {
1983
+ "title": {
1984
+ "margin-block-end": DesignToken
1985
+ }
1870
1986
  },
1871
- "disabled": {
1872
- "cursor": DesignToken
1987
+ "content": {
1988
+ "max-inline-size": DesignToken,
1989
+ "padding-inline-start": DesignToken,
1990
+ "padding-inline-end": DesignToken,
1991
+ "column-gap": DesignToken
1873
1992
  },
1874
- "inert": {
1875
- "cursor": DesignToken
1993
+ "border-block-start-width": DesignToken,
1994
+ "border-block-start-color": DesignToken,
1995
+ "border-block-start-style": DesignToken,
1996
+ "outlined": {
1997
+ "background-color": DesignToken,
1998
+ "color": DesignToken,
1999
+ "border-color": DesignToken
1876
2000
  },
1877
- "navigate": {
1878
- "cursor": DesignToken
2001
+ "padding-block-start": DesignToken,
2002
+ "padding-block-end": DesignToken,
2003
+ "padding-inline-start": DesignToken,
2004
+ "padding-inline-end": DesignToken,
2005
+ "flex": {
2006
+ "direction": DesignToken
2007
+ }
2008
+ },
2009
+ "file-input": {
2010
+ "column-gap": DesignToken,
2011
+ "row-gap": DesignToken,
2012
+ "feedback": {
2013
+ "color": DesignToken,
2014
+ "font-size": DesignToken
2015
+ }
2016
+ },
2017
+ "file": {
2018
+ "border-style": DesignToken,
2019
+ "border-color": DesignToken,
2020
+ "border-width": DesignToken,
2021
+ "border-radius": DesignToken,
2022
+ "padding-inline-start": DesignToken,
2023
+ "padding-inline-end": DesignToken,
2024
+ "padding-block-start": DesignToken,
2025
+ "padding-block-end": DesignToken,
2026
+ "column-gap": DesignToken,
2027
+ "error": {
2028
+ "border-color": DesignToken
1879
2029
  },
1880
- "submit": {
1881
- "cursor": DesignToken
2030
+ "subtitle": {
2031
+ "color": DesignToken
1882
2032
  }
1883
2033
  },
1884
- "document": {
1885
- "background-color": DesignToken,
2034
+ "dot-badge": {
2035
+ "border-radius": DesignToken,
1886
2036
  "color": DesignToken,
1887
- "font-family": DesignToken,
1888
- "font-size": DesignToken,
1889
- "line-height": DesignToken,
1890
- "font-weight": DesignToken
2037
+ "size": DesignToken
1891
2038
  },
1892
- "rich-text": {
1893
- "stranger": {
1894
- "margin-block-end": DesignToken
1895
- },
1896
- "acquaintance": {
1897
- "margin-block-end": DesignToken
2039
+ "code-input": {
2040
+ "size": DesignToken
2041
+ },
2042
+ "code-input-group": {
2043
+ "column-gap": DesignToken
2044
+ },
2045
+ "checkbox-group": {
2046
+ "padding-block-end": DesignToken,
2047
+ "padding-block-start": DesignToken,
2048
+ "row-gap": DesignToken
2049
+ },
2050
+ "card-as-link": {
2051
+ "background-color": DesignToken,
2052
+ "border-color": DesignToken,
2053
+ "border-radius": DesignToken,
2054
+ "border-width": DesignToken,
2055
+ "color": DesignToken,
2056
+ "column-gap": DesignToken,
2057
+ "inline-size": DesignToken,
2058
+ "icon": {
2059
+ "color": DesignToken,
2060
+ "size": DesignToken
1898
2061
  },
1899
- "friend": {
1900
- "margin-block-end": DesignToken
2062
+ "link": {
2063
+ "color": DesignToken,
2064
+ "text-decoration": DesignToken,
2065
+ "active": {
2066
+ "text-decoration": DesignToken
2067
+ },
2068
+ "hover": {
2069
+ "text-decoration": DesignToken
2070
+ },
2071
+ "focus": {
2072
+ "text-decoration": DesignToken
2073
+ }
1901
2074
  },
1902
- "best-friend": {
1903
- "margin-block-end": DesignToken
2075
+ "metadata": {
2076
+ "color": DesignToken
1904
2077
  },
1905
- "confidant": {
1906
- "margin-block-end": DesignToken
1907
- }
1908
- },
1909
- "pointer-target": {
1910
- "min-size": DesignToken
1911
- },
1912
- "focus": {
1913
- "outline-color": DesignToken,
1914
- "outline-offset": DesignToken,
1915
- "outline-style": DesignToken,
1916
- "outline-width": DesignToken,
1917
- "inverse": {
1918
- "outline-color": DesignToken
1919
- }
1920
- }
1921
- },
1922
- "nl": {
1923
- "skip-link": {
1924
- "font-weight": DesignToken,
1925
- "font-family": DesignToken,
1926
- "font-size": DesignToken,
1927
- "line-height": DesignToken,
1928
- "min-block-size": DesignToken,
1929
- "min-inline-size": DesignToken,
1930
2078
  "padding-block-end": DesignToken,
1931
2079
  "padding-block-start": DesignToken,
1932
2080
  "padding-inline-end": DesignToken,
1933
2081
  "padding-inline-start": DesignToken,
1934
- "focus": {
2082
+ "row-gap": DesignToken,
2083
+ "active": {
1935
2084
  "background-color": DesignToken,
1936
- "border-color": DesignToken,
1937
- "border-style": DesignToken,
1938
- "border-width": DesignToken,
1939
- "color": DesignToken,
1940
2085
  "text-decoration": DesignToken
1941
2086
  },
1942
- "focus-visible": {
1943
- "outline-color": DesignToken
2087
+ "hover": {
2088
+ "background-color": DesignToken,
2089
+ "text-decoration": DesignToken
1944
2090
  },
1945
- "background-color": DesignToken,
1946
- "border-color": DesignToken,
1947
- "color": DesignToken,
1948
- "border-width": DesignToken,
1949
- "box-block-end-shadow": {
1950
- "offset-x": DesignToken,
1951
- "offset-y": DesignToken,
1952
- "blur-radius": DesignToken,
1953
- "spread-radius": DesignToken,
1954
- "color": DesignToken
2091
+ "focus": {
2092
+ "background-color": DesignToken,
2093
+ "text-decoration": DesignToken
1955
2094
  },
1956
- "text-decoration": DesignToken,
1957
- "text-underline-offset": DesignToken
1958
- },
1959
- "paragraph": {
1960
- "color": DesignToken,
1961
- "font-family": DesignToken,
1962
- "font-size": DesignToken,
1963
- "font-weight": DesignToken,
1964
- "line-height": DesignToken,
1965
- "margin-block-end": DesignToken,
1966
- "margin-block-start": DesignToken,
1967
- "lead": {
2095
+ "full-bleed": {
2096
+ "background-color": DesignToken,
2097
+ "border-color": DesignToken,
1968
2098
  "color": DesignToken,
1969
- "font-size": DesignToken,
1970
- "font-weight": DesignToken,
1971
- "line-height": DesignToken
1972
- }
1973
- },
1974
- "link": {
1975
- "color": DesignToken,
1976
- "text-decoration-color": DesignToken,
1977
- "active": {
2099
+ "opacity": DesignToken
2100
+ },
2101
+ "heading": {
1978
2102
  "color": DesignToken,
1979
- "text-decoration": DesignToken
2103
+ "padding-block-start": DesignToken,
2104
+ "font-size": DesignToken,
2105
+ "font-weight": DesignToken
1980
2106
  },
1981
- "focus": {
2107
+ "horizontal": {
1982
2108
  "background-color": DesignToken,
2109
+ "border-color": DesignToken,
1983
2110
  "color": DesignToken,
1984
- "text-decoration": DesignToken,
1985
- "text-decoration-thickness": DesignToken
2111
+ "max-block-size": DesignToken,
2112
+ "padding-block-end": DesignToken,
2113
+ "padding-block-start": DesignToken,
2114
+ "padding-inline-end": DesignToken,
2115
+ "padding-inline-start": DesignToken,
2116
+ "heading": {
2117
+ "inline-size": DesignToken
2118
+ }
2119
+ }
2120
+ },
2121
+ "focus": {
2122
+ "outline-offset": DesignToken,
2123
+ "outline-style": DesignToken,
2124
+ "outline-width": DesignToken
2125
+ },
2126
+ "font-size": {
2127
+ "heading": {
2128
+ "level-1": DesignToken,
2129
+ "level-2": DesignToken,
2130
+ "level-3": DesignToken,
2131
+ "level-4": DesignToken,
2132
+ "level-5": DesignToken
1986
2133
  },
1987
- "hover": {
1988
- "color": DesignToken,
1989
- "text-decoration": DesignToken,
1990
- "text-decoration-thickness": DesignToken
2134
+ "body": {
2135
+ "intro": DesignToken,
2136
+ "default": DesignToken
1991
2137
  },
1992
- "visited": {
1993
- "color": DesignToken
2138
+ "xs": {
2139
+ "desktop": DesignToken,
2140
+ "tablet": DesignToken,
2141
+ "mobile": DesignToken
1994
2142
  },
1995
- "text-decoration": DesignToken,
1996
- "icon": {
1997
- "inset-block-start": DesignToken,
1998
- "size": DesignToken
2143
+ "sm": {
2144
+ "desktop": DesignToken,
2145
+ "tablet": DesignToken,
2146
+ "mobile": DesignToken
1999
2147
  },
2000
- "column-gap": DesignToken,
2001
- "text-decoration-thickness": DesignToken,
2002
- "text-underline-offset": DesignToken,
2003
- "font-family": DesignToken,
2004
- "font-weight": DesignToken,
2005
- "font-size": DesignToken,
2006
- "line-height": DesignToken
2148
+ "md": {
2149
+ "desktop": DesignToken,
2150
+ "tablet": DesignToken,
2151
+ "mobile": DesignToken
2152
+ },
2153
+ "lg": {
2154
+ "desktop": DesignToken,
2155
+ "tablet": DesignToken,
2156
+ "mobile": DesignToken
2157
+ },
2158
+ "xl": {
2159
+ "desktop": DesignToken,
2160
+ "tablet": DesignToken,
2161
+ "mobile": DesignToken
2162
+ }
2007
2163
  },
2008
- "heading-level-1": {
2009
- "color": DesignToken,
2010
- "font-family": DesignToken,
2011
- "font-weight": DesignToken,
2012
- "line-height": DesignToken,
2013
- "font-size": DesignToken,
2014
- "margin-block-end": DesignToken,
2015
- "margin-block-start": DesignToken
2164
+ "font-weight": {
2165
+ "default": DesignToken,
2166
+ "strong": DesignToken,
2167
+ "extra-bold": DesignToken,
2168
+ "bold": DesignToken,
2169
+ "semi-bold": DesignToken,
2170
+ "regular": DesignToken,
2171
+ "light": DesignToken,
2172
+ "thin": DesignToken
2016
2173
  },
2017
- "heading-level-2": {
2018
- "color": DesignToken,
2019
- "font-family": DesignToken,
2020
- "font-weight": DesignToken,
2021
- "line-height": DesignToken,
2022
- "font-size": DesignToken,
2023
- "margin-block-end": DesignToken,
2024
- "margin-block-start": DesignToken
2174
+ "line-height": {
2175
+ "body": DesignToken,
2176
+ "sm": DesignToken,
2177
+ "md": DesignToken
2025
2178
  },
2026
- "heading-level-3": {
2027
- "color": DesignToken,
2028
- "font-family": DesignToken,
2029
- "font-weight": DesignToken,
2030
- "line-height": DesignToken,
2031
- "font-size": DesignToken,
2032
- "margin-block-end": DesignToken,
2033
- "margin-block-start": DesignToken
2179
+ "size": {
2180
+ "target": DesignToken,
2181
+ "icon": {
2182
+ "functional": DesignToken
2183
+ },
2184
+ "quarter-lint": DesignToken,
2185
+ "half-lint": DesignToken,
2186
+ "lint": DesignToken,
2187
+ "2-lint": DesignToken,
2188
+ "3-lint": DesignToken
2034
2189
  },
2035
- "heading-level-4": {
2036
- "color": DesignToken,
2037
- "font-family": DesignToken,
2038
- "font-weight": DesignToken,
2039
- "line-height": DesignToken,
2040
- "font-size": DesignToken,
2041
- "margin-block-end": DesignToken,
2042
- "margin-block-start": DesignToken
2190
+ "font-family": {
2191
+ "primary": DesignToken,
2192
+ "secondary": DesignToken
2043
2193
  },
2044
- "heading-level-5": {
2045
- "color": DesignToken,
2046
- "font-family": DesignToken,
2047
- "font-weight": DesignToken,
2048
- "line-height": DesignToken,
2049
- "font-size": DesignToken,
2050
- "margin-block-end": DesignToken,
2051
- "margin-block-start": DesignToken
2194
+ "border-width": {
2195
+ "default": DesignToken,
2196
+ "m": DesignToken,
2197
+ "none": DesignToken
2052
2198
  },
2053
- "number-badge": {
2054
- "font-size": DesignToken,
2055
- "line-height": DesignToken,
2056
- "min-block-size": DesignToken,
2057
- "min-inline-size": DesignToken,
2058
- "font-weight": DesignToken,
2059
- "border-width": DesignToken,
2060
- "border-radius": DesignToken,
2061
- "font-family": DesignToken,
2062
- "background-color": DesignToken,
2063
- "border-color": DesignToken,
2064
- "color": DesignToken,
2065
- "padding-inline": DesignToken,
2066
- "padding-block": DesignToken
2199
+ "space": {
2200
+ "0": DesignToken,
2201
+ "25": DesignToken,
2202
+ "50": DesignToken,
2203
+ "100": DesignToken,
2204
+ "150": DesignToken,
2205
+ "200": DesignToken,
2206
+ "300": DesignToken,
2207
+ "400": DesignToken,
2208
+ "500": DesignToken,
2209
+ "600": DesignToken,
2210
+ "700": DesignToken
2211
+ }
2212
+ },
2213
+ "todo": {
2214
+ "link-list": {
2215
+ "link": {
2216
+ "hover": {
2217
+ "text-decoration": DesignToken
2218
+ }
2219
+ }
2220
+ },
2221
+ "skip-link": {
2222
+ "font-weight": DesignToken
2067
2223
  }
2068
2224
  }
2069
2225
  }