@rijkshuisstijl-community/design-tokens 9.0.0 → 10.0.1

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