@amsterdam/design-system-tokens 0.1.8 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/_variables.scss +218 -154
- package/dist/index.css +218 -154
- package/dist/index.d.ts +200 -136
- package/dist/index.js +205 -141
- package/dist/index.json +204 -140
- package/dist/index.tokens.json +336 -269
- package/dist/root.css +218 -154
- package/dist/tokens.d.ts +324 -257
- package/dist/tokens.js +3343 -1864
- package/dist/variables.less +218 -154
- package/package.json +2 -2
- package/src/brand/amsterdam/typography.tokens.json +70 -84
- package/src/common/amsterdam/link-appearance.tokens.json +31 -0
- package/src/components/amsterdam/accordion.tokens.json +8 -7
- package/src/components/amsterdam/alert.tokens.json +6 -5
- package/src/components/amsterdam/blockquote.tokens.json +6 -5
- package/src/components/amsterdam/breadcrumb.tokens.json +19 -34
- package/src/components/amsterdam/button.tokens.json +6 -4
- package/src/components/amsterdam/card.tokens.json +6 -2
- package/src/components/amsterdam/checkbox.tokens.json +7 -13
- package/src/components/amsterdam/dialog.tokens.json +6 -5
- package/src/components/amsterdam/form-label.tokens.json +6 -5
- package/src/components/amsterdam/grid.tokens.json +2 -2
- package/src/components/amsterdam/heading.tokens.json +44 -28
- package/src/components/amsterdam/icon.tokens.json +37 -28
- package/src/components/amsterdam/link.tokens.json +41 -33
- package/src/components/amsterdam/ordered-list.tokens.json +6 -5
- package/src/components/amsterdam/page-heading.tokens.json +17 -8
- package/src/components/amsterdam/page-menu.tokens.json +13 -9
- package/src/components/amsterdam/pagination.tokens.json +17 -18
- package/src/components/amsterdam/paragraph.tokens.json +22 -19
- package/src/components/amsterdam/top-task-link.tokens.json +25 -47
- package/src/components/amsterdam/unordered-list.tokens.json +6 -5
- package/src/components/utrecht/button.tokens.json +1 -3
package/dist/tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 01 Dec 2023 15:48:43 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -55,78 +55,76 @@ declare const tokens: {
|
|
|
55
55
|
"normal": DesignToken,
|
|
56
56
|
"bold": DesignToken
|
|
57
57
|
},
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"font-size": DesignToken
|
|
58
|
+
"spacious": {
|
|
59
|
+
"text-level": {
|
|
60
|
+
"0": {
|
|
61
|
+
"font-size": DesignToken,
|
|
62
|
+
"line-height": DesignToken
|
|
62
63
|
},
|
|
63
|
-
"
|
|
64
|
-
"font-size": DesignToken
|
|
64
|
+
"1": {
|
|
65
|
+
"font-size": DesignToken,
|
|
66
|
+
"line-height": DesignToken
|
|
65
67
|
},
|
|
66
|
-
"
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
"narrow": {
|
|
70
|
-
"font-size": DesignToken
|
|
68
|
+
"2": {
|
|
69
|
+
"font-size": DesignToken,
|
|
70
|
+
"line-height": DesignToken
|
|
71
71
|
},
|
|
72
|
-
"
|
|
73
|
-
"font-size": DesignToken
|
|
72
|
+
"3": {
|
|
73
|
+
"font-size": DesignToken,
|
|
74
|
+
"line-height": DesignToken
|
|
74
75
|
},
|
|
75
|
-
"
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"narrow": {
|
|
79
|
-
"font-size": DesignToken
|
|
80
|
-
},
|
|
81
|
-
"wide": {
|
|
82
|
-
"font-size": DesignToken
|
|
83
|
-
},
|
|
84
|
-
"line-height": DesignToken
|
|
85
|
-
},
|
|
86
|
-
"3": {
|
|
87
|
-
"narrow": {
|
|
88
|
-
"font-size": DesignToken
|
|
76
|
+
"4": {
|
|
77
|
+
"font-size": DesignToken,
|
|
78
|
+
"line-height": DesignToken
|
|
89
79
|
},
|
|
90
|
-
"
|
|
91
|
-
"font-size": DesignToken
|
|
80
|
+
"5": {
|
|
81
|
+
"font-size": DesignToken,
|
|
82
|
+
"line-height": DesignToken
|
|
92
83
|
},
|
|
93
|
-
"
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
"narrow": {
|
|
97
|
-
"font-size": DesignToken
|
|
84
|
+
"6": {
|
|
85
|
+
"font-size": DesignToken,
|
|
86
|
+
"line-height": DesignToken
|
|
98
87
|
},
|
|
99
|
-
"
|
|
100
|
-
"font-size": DesignToken
|
|
88
|
+
"7": {
|
|
89
|
+
"font-size": DesignToken,
|
|
90
|
+
"line-height": DesignToken
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"compact": {
|
|
95
|
+
"text-level": {
|
|
96
|
+
"0": {
|
|
97
|
+
"font-size": DesignToken,
|
|
98
|
+
"line-height": DesignToken
|
|
101
99
|
},
|
|
102
|
-
"
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
"narrow": {
|
|
106
|
-
"font-size": DesignToken
|
|
100
|
+
"1": {
|
|
101
|
+
"font-size": DesignToken,
|
|
102
|
+
"line-height": DesignToken
|
|
107
103
|
},
|
|
108
|
-
"
|
|
109
|
-
"font-size": DesignToken
|
|
104
|
+
"2": {
|
|
105
|
+
"font-size": DesignToken,
|
|
106
|
+
"line-height": DesignToken
|
|
110
107
|
},
|
|
111
|
-
"
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
"narrow": {
|
|
115
|
-
"font-size": DesignToken
|
|
108
|
+
"3": {
|
|
109
|
+
"font-size": DesignToken,
|
|
110
|
+
"line-height": DesignToken
|
|
116
111
|
},
|
|
117
|
-
"
|
|
118
|
-
"font-size": DesignToken
|
|
112
|
+
"4": {
|
|
113
|
+
"font-size": DesignToken,
|
|
114
|
+
"line-height": DesignToken
|
|
119
115
|
},
|
|
120
|
-
"
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
"narrow": {
|
|
124
|
-
"font-size": DesignToken
|
|
116
|
+
"5": {
|
|
117
|
+
"font-size": DesignToken,
|
|
118
|
+
"line-height": DesignToken
|
|
125
119
|
},
|
|
126
|
-
"
|
|
127
|
-
"font-size": DesignToken
|
|
120
|
+
"6": {
|
|
121
|
+
"font-size": DesignToken,
|
|
122
|
+
"line-height": DesignToken
|
|
128
123
|
},
|
|
129
|
-
"
|
|
124
|
+
"7": {
|
|
125
|
+
"font-size": DesignToken,
|
|
126
|
+
"line-height": DesignToken
|
|
127
|
+
}
|
|
130
128
|
}
|
|
131
129
|
}
|
|
132
130
|
},
|
|
@@ -138,6 +136,33 @@ declare const tokens: {
|
|
|
138
136
|
"focus": {
|
|
139
137
|
"outline-offset": DesignToken
|
|
140
138
|
},
|
|
139
|
+
"link-appearance": {
|
|
140
|
+
"color": DesignToken,
|
|
141
|
+
"text-decoration-thickness": DesignToken,
|
|
142
|
+
"text-underline-offset": DesignToken,
|
|
143
|
+
"hover": {
|
|
144
|
+
"color": DesignToken
|
|
145
|
+
},
|
|
146
|
+
"on-background-dark": {
|
|
147
|
+
"color": DesignToken
|
|
148
|
+
},
|
|
149
|
+
"on-background-light": {
|
|
150
|
+
"color": DesignToken
|
|
151
|
+
},
|
|
152
|
+
"regular": {
|
|
153
|
+
"text-decoration-line": DesignToken,
|
|
154
|
+
"hover": {
|
|
155
|
+
"text-decoration-thickness": DesignToken,
|
|
156
|
+
"text-underline-offset": DesignToken
|
|
157
|
+
}
|
|
158
|
+
},
|
|
159
|
+
"subtle": {
|
|
160
|
+
"text-decoration-line": DesignToken,
|
|
161
|
+
"hover": {
|
|
162
|
+
"text-decoration-line": DesignToken
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
},
|
|
141
166
|
"spacing": {
|
|
142
167
|
"inset": {
|
|
143
168
|
"sm": DesignToken,
|
|
@@ -154,15 +179,16 @@ declare const tokens: {
|
|
|
154
179
|
},
|
|
155
180
|
"font-family": DesignToken,
|
|
156
181
|
"font-weight": DesignToken,
|
|
157
|
-
"line-height": DesignToken,
|
|
158
|
-
"narrow": {
|
|
159
|
-
"font-size": DesignToken
|
|
160
|
-
},
|
|
161
|
-
"wide": {
|
|
162
|
-
"font-size": DesignToken
|
|
163
|
-
},
|
|
164
182
|
"hover": {
|
|
165
183
|
"box-shadow": DesignToken
|
|
184
|
+
},
|
|
185
|
+
"spacious": {
|
|
186
|
+
"font-size": DesignToken,
|
|
187
|
+
"line-height": DesignToken
|
|
188
|
+
},
|
|
189
|
+
"compact": {
|
|
190
|
+
"font-size": DesignToken,
|
|
191
|
+
"line-height": DesignToken
|
|
166
192
|
}
|
|
167
193
|
}
|
|
168
194
|
},
|
|
@@ -178,12 +204,13 @@ declare const tokens: {
|
|
|
178
204
|
"color": DesignToken,
|
|
179
205
|
"font-family": DesignToken,
|
|
180
206
|
"font-weight": DesignToken,
|
|
181
|
-
"
|
|
182
|
-
|
|
183
|
-
"
|
|
207
|
+
"spacious": {
|
|
208
|
+
"font-size": DesignToken,
|
|
209
|
+
"line-height": DesignToken
|
|
184
210
|
},
|
|
185
|
-
"
|
|
186
|
-
"font-size": DesignToken
|
|
211
|
+
"compact": {
|
|
212
|
+
"font-size": DesignToken,
|
|
213
|
+
"line-height": DesignToken
|
|
187
214
|
}
|
|
188
215
|
},
|
|
189
216
|
"error": {
|
|
@@ -215,43 +242,49 @@ declare const tokens: {
|
|
|
215
242
|
"font-family": DesignToken,
|
|
216
243
|
"font-weight": DesignToken,
|
|
217
244
|
"inverse-color": DesignToken,
|
|
218
|
-
"
|
|
219
|
-
|
|
220
|
-
"
|
|
245
|
+
"spacious": {
|
|
246
|
+
"font-size": DesignToken,
|
|
247
|
+
"line-height": DesignToken
|
|
221
248
|
},
|
|
222
|
-
"
|
|
223
|
-
"font-size": DesignToken
|
|
249
|
+
"compact": {
|
|
250
|
+
"font-size": DesignToken,
|
|
251
|
+
"line-height": DesignToken
|
|
224
252
|
}
|
|
225
253
|
},
|
|
226
254
|
"breadcrumb": {
|
|
227
|
-
"color": DesignToken,
|
|
228
255
|
"font-family": DesignToken,
|
|
229
256
|
"font-weight": DesignToken,
|
|
230
|
-
"
|
|
231
|
-
|
|
232
|
-
"font-size": DesignToken
|
|
233
|
-
},
|
|
234
|
-
"wide": {
|
|
235
|
-
"font-size": DesignToken
|
|
257
|
+
"separator": {
|
|
258
|
+
"background-color": DesignToken
|
|
236
259
|
},
|
|
237
260
|
"item-link": {
|
|
261
|
+
"color": DesignToken,
|
|
238
262
|
"outline-offset": DesignToken,
|
|
263
|
+
"text-decoration-line": DesignToken,
|
|
264
|
+
"text-decoration-thickness": DesignToken,
|
|
265
|
+
"text-underline-offset": DesignToken,
|
|
239
266
|
"hover": {
|
|
240
267
|
"color": DesignToken,
|
|
241
|
-
"
|
|
242
|
-
},
|
|
243
|
-
"focus": {
|
|
244
|
-
"color": DesignToken,
|
|
245
|
-
"text-decoration": DesignToken
|
|
268
|
+
"text-decoration-line": DesignToken
|
|
246
269
|
}
|
|
270
|
+
},
|
|
271
|
+
"spacious": {
|
|
272
|
+
"font-size": DesignToken,
|
|
273
|
+
"line-height": DesignToken
|
|
274
|
+
},
|
|
275
|
+
"compact": {
|
|
276
|
+
"font-size": DesignToken,
|
|
277
|
+
"line-height": DesignToken
|
|
247
278
|
}
|
|
248
279
|
},
|
|
249
280
|
"button": {
|
|
250
|
-
"
|
|
251
|
-
"font-size": DesignToken
|
|
281
|
+
"spacious": {
|
|
282
|
+
"font-size": DesignToken,
|
|
283
|
+
"line-height": DesignToken
|
|
252
284
|
},
|
|
253
|
-
"
|
|
254
|
-
"font-size": DesignToken
|
|
285
|
+
"compact": {
|
|
286
|
+
"font-size": DesignToken,
|
|
287
|
+
"line-height": DesignToken
|
|
255
288
|
},
|
|
256
289
|
"secondary": {
|
|
257
290
|
"box-shadow": DesignToken,
|
|
@@ -274,8 +307,12 @@ declare const tokens: {
|
|
|
274
307
|
"card": {
|
|
275
308
|
"link": {
|
|
276
309
|
"color": DesignToken,
|
|
310
|
+
"text-decoration-line": DesignToken,
|
|
311
|
+
"text-decoration-thickness": DesignToken,
|
|
312
|
+
"text-underline-offset": DesignToken,
|
|
277
313
|
"hover": {
|
|
278
|
-
"color": DesignToken
|
|
314
|
+
"color": DesignToken,
|
|
315
|
+
"text-decoration-line": DesignToken
|
|
279
316
|
}
|
|
280
317
|
},
|
|
281
318
|
"outline-offset": DesignToken
|
|
@@ -331,14 +368,7 @@ declare const tokens: {
|
|
|
331
368
|
"hover": {
|
|
332
369
|
"background-color": DesignToken
|
|
333
370
|
}
|
|
334
|
-
}
|
|
335
|
-
"narrow": {
|
|
336
|
-
"size": DesignToken
|
|
337
|
-
},
|
|
338
|
-
"wide": {
|
|
339
|
-
"size": DesignToken
|
|
340
|
-
},
|
|
341
|
-
"multiplier": DesignToken
|
|
371
|
+
}
|
|
342
372
|
},
|
|
343
373
|
"disabled": {
|
|
344
374
|
"color": DesignToken
|
|
@@ -349,12 +379,13 @@ declare const tokens: {
|
|
|
349
379
|
"color": DesignToken
|
|
350
380
|
},
|
|
351
381
|
"outline-offset": DesignToken,
|
|
352
|
-
"
|
|
353
|
-
|
|
354
|
-
"
|
|
382
|
+
"spacious": {
|
|
383
|
+
"font-size": DesignToken,
|
|
384
|
+
"line-height": DesignToken
|
|
355
385
|
},
|
|
356
|
-
"
|
|
357
|
-
"font-size": DesignToken
|
|
386
|
+
"compact": {
|
|
387
|
+
"font-size": DesignToken,
|
|
388
|
+
"line-height": DesignToken
|
|
358
389
|
}
|
|
359
390
|
},
|
|
360
391
|
"dialog": {
|
|
@@ -365,12 +396,13 @@ declare const tokens: {
|
|
|
365
396
|
"color": DesignToken,
|
|
366
397
|
"font-family": DesignToken,
|
|
367
398
|
"font-weight": DesignToken,
|
|
368
|
-
"
|
|
369
|
-
|
|
370
|
-
"
|
|
399
|
+
"spacious": {
|
|
400
|
+
"font-size": DesignToken,
|
|
401
|
+
"line-height": DesignToken
|
|
371
402
|
},
|
|
372
|
-
"
|
|
373
|
-
"font-size": DesignToken
|
|
403
|
+
"compact": {
|
|
404
|
+
"font-size": DesignToken,
|
|
405
|
+
"line-height": DesignToken
|
|
374
406
|
}
|
|
375
407
|
},
|
|
376
408
|
"backdrop": {
|
|
@@ -404,21 +436,22 @@ declare const tokens: {
|
|
|
404
436
|
"color": DesignToken,
|
|
405
437
|
"font-family": DesignToken,
|
|
406
438
|
"font-weight": DesignToken,
|
|
407
|
-
"
|
|
408
|
-
|
|
409
|
-
"
|
|
439
|
+
"spacious": {
|
|
440
|
+
"font-size": DesignToken,
|
|
441
|
+
"line-height": DesignToken
|
|
410
442
|
},
|
|
411
|
-
"
|
|
412
|
-
"font-size": DesignToken
|
|
443
|
+
"compact": {
|
|
444
|
+
"font-size": DesignToken,
|
|
445
|
+
"line-height": DesignToken
|
|
413
446
|
}
|
|
414
447
|
},
|
|
415
448
|
"grid": {
|
|
416
449
|
"column-count": DesignToken,
|
|
417
|
-
"
|
|
450
|
+
"spacious": {
|
|
418
451
|
"gap": DesignToken,
|
|
419
452
|
"padding-inline": DesignToken
|
|
420
453
|
},
|
|
421
|
-
"
|
|
454
|
+
"compact": {
|
|
422
455
|
"gap": DesignToken,
|
|
423
456
|
"padding-inline": DesignToken
|
|
424
457
|
},
|
|
@@ -430,46 +463,46 @@ declare const tokens: {
|
|
|
430
463
|
}
|
|
431
464
|
},
|
|
432
465
|
"heading": {
|
|
433
|
-
"
|
|
434
|
-
|
|
435
|
-
|
|
466
|
+
"color": DesignToken,
|
|
467
|
+
"font-family": DesignToken,
|
|
468
|
+
"font-weight": DesignToken,
|
|
469
|
+
"inverse-color": DesignToken,
|
|
470
|
+
"spacious": {
|
|
471
|
+
"level-1": {
|
|
472
|
+
"line-height": DesignToken,
|
|
436
473
|
"font-size": DesignToken
|
|
437
474
|
},
|
|
438
|
-
"
|
|
475
|
+
"level-2": {
|
|
476
|
+
"line-height": DesignToken,
|
|
439
477
|
"font-size": DesignToken
|
|
440
|
-
}
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
"line-height": DesignToken,
|
|
444
|
-
"narrow": {
|
|
478
|
+
},
|
|
479
|
+
"level-3": {
|
|
480
|
+
"line-height": DesignToken,
|
|
445
481
|
"font-size": DesignToken
|
|
446
482
|
},
|
|
447
|
-
"
|
|
483
|
+
"level-4": {
|
|
484
|
+
"line-height": DesignToken,
|
|
448
485
|
"font-size": DesignToken
|
|
449
486
|
}
|
|
450
487
|
},
|
|
451
|
-
"
|
|
452
|
-
"
|
|
453
|
-
|
|
488
|
+
"compact": {
|
|
489
|
+
"level-1": {
|
|
490
|
+
"line-height": DesignToken,
|
|
454
491
|
"font-size": DesignToken
|
|
455
492
|
},
|
|
456
|
-
"
|
|
493
|
+
"level-2": {
|
|
494
|
+
"line-height": DesignToken,
|
|
457
495
|
"font-size": DesignToken
|
|
458
|
-
}
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
"line-height": DesignToken,
|
|
462
|
-
"narrow": {
|
|
496
|
+
},
|
|
497
|
+
"level-3": {
|
|
498
|
+
"line-height": DesignToken,
|
|
463
499
|
"font-size": DesignToken
|
|
464
500
|
},
|
|
465
|
-
"
|
|
501
|
+
"level-4": {
|
|
502
|
+
"line-height": DesignToken,
|
|
466
503
|
"font-size": DesignToken
|
|
467
504
|
}
|
|
468
|
-
}
|
|
469
|
-
"color": DesignToken,
|
|
470
|
-
"font-family": DesignToken,
|
|
471
|
-
"font-weight": DesignToken,
|
|
472
|
-
"inverse-color": DesignToken
|
|
505
|
+
}
|
|
473
506
|
},
|
|
474
507
|
"highlight": {
|
|
475
508
|
"blue": {
|
|
@@ -498,93 +531,106 @@ declare const tokens: {
|
|
|
498
531
|
}
|
|
499
532
|
},
|
|
500
533
|
"icon": {
|
|
501
|
-
"
|
|
502
|
-
"
|
|
503
|
-
"
|
|
504
|
-
"
|
|
534
|
+
"spacious": {
|
|
535
|
+
"size-3": {
|
|
536
|
+
"font-size": DesignToken,
|
|
537
|
+
"line-height": DesignToken
|
|
505
538
|
},
|
|
506
|
-
"
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
"icon-size": {
|
|
510
|
-
"narrow": DesignToken,
|
|
511
|
-
"wide": DesignToken
|
|
539
|
+
"size-4": {
|
|
540
|
+
"font-size": DesignToken,
|
|
541
|
+
"line-height": DesignToken
|
|
512
542
|
},
|
|
513
|
-
"
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
"icon-size": {
|
|
517
|
-
"narrow": DesignToken,
|
|
518
|
-
"wide": DesignToken
|
|
543
|
+
"size-5": {
|
|
544
|
+
"font-size": DesignToken,
|
|
545
|
+
"line-height": DesignToken
|
|
519
546
|
},
|
|
520
|
-
"
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
"icon-size": {
|
|
524
|
-
"narrow": DesignToken,
|
|
525
|
-
"wide": DesignToken
|
|
547
|
+
"size-6": {
|
|
548
|
+
"font-size": DesignToken,
|
|
549
|
+
"line-height": DesignToken
|
|
526
550
|
},
|
|
527
|
-
"
|
|
551
|
+
"size-7": {
|
|
552
|
+
"font-size": DesignToken,
|
|
553
|
+
"line-height": DesignToken
|
|
554
|
+
}
|
|
528
555
|
},
|
|
529
|
-
"
|
|
530
|
-
"
|
|
531
|
-
"
|
|
532
|
-
"
|
|
556
|
+
"compact": {
|
|
557
|
+
"size-3": {
|
|
558
|
+
"font-size": DesignToken,
|
|
559
|
+
"line-height": DesignToken
|
|
560
|
+
},
|
|
561
|
+
"size-4": {
|
|
562
|
+
"font-size": DesignToken,
|
|
563
|
+
"line-height": DesignToken
|
|
533
564
|
},
|
|
534
|
-
"
|
|
565
|
+
"size-5": {
|
|
566
|
+
"font-size": DesignToken,
|
|
567
|
+
"line-height": DesignToken
|
|
568
|
+
},
|
|
569
|
+
"size-6": {
|
|
570
|
+
"font-size": DesignToken,
|
|
571
|
+
"line-height": DesignToken
|
|
572
|
+
},
|
|
573
|
+
"size-7": {
|
|
574
|
+
"font-size": DesignToken,
|
|
575
|
+
"line-height": DesignToken
|
|
576
|
+
}
|
|
535
577
|
}
|
|
536
578
|
},
|
|
537
579
|
"link": {
|
|
538
580
|
"color": DesignToken,
|
|
539
|
-
"outline-offset": DesignToken,
|
|
540
581
|
"font-family": DesignToken,
|
|
541
582
|
"font-weight": DesignToken,
|
|
583
|
+
"outline-offset": DesignToken,
|
|
542
584
|
"hover": {
|
|
543
585
|
"color": DesignToken
|
|
544
586
|
},
|
|
545
587
|
"inline": {
|
|
546
|
-
"
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
},
|
|
588
|
+
"text-decoration-line": DesignToken,
|
|
589
|
+
"text-decoration-thickness": DesignToken,
|
|
590
|
+
"text-underline-offset": DesignToken,
|
|
550
591
|
"font-family": DesignToken,
|
|
551
592
|
"font-size": DesignToken,
|
|
552
593
|
"line-height": DesignToken,
|
|
553
|
-
"
|
|
554
|
-
|
|
594
|
+
"hover": {
|
|
595
|
+
"text-decoration-thickness": DesignToken,
|
|
596
|
+
"text-underline-offset": DesignToken
|
|
597
|
+
},
|
|
555
598
|
"visited": {
|
|
556
599
|
"color": DesignToken
|
|
557
600
|
}
|
|
558
601
|
},
|
|
559
602
|
"in-list": {
|
|
560
603
|
"gap": DesignToken,
|
|
604
|
+
"text-decoration-line": DesignToken,
|
|
605
|
+
"text-decoration-thickness": DesignToken,
|
|
606
|
+
"text-underline-offset": DesignToken,
|
|
561
607
|
"hover": {
|
|
562
|
-
"text-decoration": DesignToken
|
|
563
|
-
"text-decoration-thickness": DesignToken,
|
|
564
|
-
"text-underline-offset": DesignToken
|
|
608
|
+
"text-decoration-line": DesignToken
|
|
565
609
|
},
|
|
566
|
-
"
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
"font-size": DesignToken
|
|
610
|
+
"spacious": {
|
|
611
|
+
"font-size": DesignToken,
|
|
612
|
+
"line-height": DesignToken
|
|
570
613
|
},
|
|
571
|
-
"
|
|
572
|
-
"font-size": DesignToken
|
|
614
|
+
"compact": {
|
|
615
|
+
"font-size": DesignToken,
|
|
616
|
+
"line-height": DesignToken
|
|
573
617
|
}
|
|
574
618
|
},
|
|
575
619
|
"standalone": {
|
|
576
|
-
"text-
|
|
620
|
+
"text-decoration-line": DesignToken,
|
|
577
621
|
"text-decoration-thickness": DesignToken,
|
|
622
|
+
"text-underline-offset": DesignToken,
|
|
578
623
|
"hover": {
|
|
579
624
|
"text-decoration-thickness": DesignToken,
|
|
580
625
|
"text-underline-offset": DesignToken
|
|
581
626
|
},
|
|
582
|
-
"
|
|
583
|
-
|
|
584
|
-
"
|
|
627
|
+
"spacious": {
|
|
628
|
+
"font-size": DesignToken,
|
|
629
|
+
"line-height": DesignToken
|
|
585
630
|
},
|
|
586
|
-
"
|
|
587
|
-
"font-size": DesignToken
|
|
631
|
+
"compact": {
|
|
632
|
+
"font-size": DesignToken,
|
|
633
|
+
"line-height": DesignToken
|
|
588
634
|
}
|
|
589
635
|
},
|
|
590
636
|
"on-background-dark": {
|
|
@@ -623,13 +669,14 @@ declare const tokens: {
|
|
|
623
669
|
"font-family": DesignToken,
|
|
624
670
|
"font-weight": DesignToken,
|
|
625
671
|
"gap": DesignToken,
|
|
626
|
-
"line-height": DesignToken,
|
|
627
672
|
"list-style-type": DesignToken,
|
|
628
|
-
"
|
|
629
|
-
"font-size": DesignToken
|
|
673
|
+
"spacious": {
|
|
674
|
+
"font-size": DesignToken,
|
|
675
|
+
"line-height": DesignToken
|
|
630
676
|
},
|
|
631
|
-
"
|
|
632
|
-
"font-size": DesignToken
|
|
677
|
+
"compact": {
|
|
678
|
+
"font-size": DesignToken,
|
|
679
|
+
"line-height": DesignToken
|
|
633
680
|
},
|
|
634
681
|
"item": {
|
|
635
682
|
"margin-inline-start": DesignToken,
|
|
@@ -646,15 +693,16 @@ declare const tokens: {
|
|
|
646
693
|
"page-heading": {
|
|
647
694
|
"color": DesignToken,
|
|
648
695
|
"font-family": DesignToken,
|
|
649
|
-
"line-height": DesignToken,
|
|
650
|
-
"narrow": {
|
|
651
|
-
"font-size": DesignToken
|
|
652
|
-
},
|
|
653
|
-
"wide": {
|
|
654
|
-
"font-size": DesignToken
|
|
655
|
-
},
|
|
656
696
|
"font-weight": DesignToken,
|
|
657
|
-
"inverse-color": DesignToken
|
|
697
|
+
"inverse-color": DesignToken,
|
|
698
|
+
"spacious": {
|
|
699
|
+
"font-size": DesignToken,
|
|
700
|
+
"line-height": DesignToken
|
|
701
|
+
},
|
|
702
|
+
"compact": {
|
|
703
|
+
"font-size": DesignToken,
|
|
704
|
+
"line-height": DesignToken
|
|
705
|
+
}
|
|
658
706
|
},
|
|
659
707
|
"page-menu": {
|
|
660
708
|
"column-gap": DesignToken,
|
|
@@ -664,17 +712,21 @@ declare const tokens: {
|
|
|
664
712
|
"font-family": DesignToken,
|
|
665
713
|
"font-weight": DesignToken,
|
|
666
714
|
"gap": DesignToken,
|
|
667
|
-
"
|
|
668
|
-
"text-decoration": DesignToken,
|
|
669
|
-
"
|
|
670
|
-
|
|
715
|
+
"outline-offset": DesignToken,
|
|
716
|
+
"text-decoration-line": DesignToken,
|
|
717
|
+
"text-decoration-thickness": DesignToken,
|
|
718
|
+
"text-underline-offset": DesignToken,
|
|
719
|
+
"spacious": {
|
|
720
|
+
"font-size": DesignToken,
|
|
721
|
+
"line-height": DesignToken
|
|
671
722
|
},
|
|
672
|
-
"
|
|
673
|
-
"font-size": DesignToken
|
|
723
|
+
"compact": {
|
|
724
|
+
"font-size": DesignToken,
|
|
725
|
+
"line-height": DesignToken
|
|
674
726
|
},
|
|
675
727
|
"hover": {
|
|
676
728
|
"color": DesignToken,
|
|
677
|
-
"text-decoration": DesignToken
|
|
729
|
+
"text-decoration-line": DesignToken
|
|
678
730
|
}
|
|
679
731
|
}
|
|
680
732
|
},
|
|
@@ -682,21 +734,26 @@ declare const tokens: {
|
|
|
682
734
|
"color": DesignToken,
|
|
683
735
|
"font-family": DesignToken,
|
|
684
736
|
"font-weight": DesignToken,
|
|
685
|
-
"
|
|
686
|
-
|
|
687
|
-
"
|
|
737
|
+
"spacious": {
|
|
738
|
+
"font-size": DesignToken,
|
|
739
|
+
"line-height": DesignToken
|
|
688
740
|
},
|
|
689
|
-
"
|
|
690
|
-
"font-size": DesignToken
|
|
741
|
+
"compact": {
|
|
742
|
+
"font-size": DesignToken,
|
|
743
|
+
"line-height": DesignToken
|
|
691
744
|
},
|
|
692
745
|
"button": {
|
|
746
|
+
"outline-offset": DesignToken,
|
|
747
|
+
"text-decoration-line": DesignToken,
|
|
748
|
+
"text-decoration-thickness": DesignToken,
|
|
749
|
+
"text-underline-offset": DesignToken,
|
|
693
750
|
"current": {
|
|
694
751
|
"font-weight": DesignToken
|
|
695
752
|
},
|
|
696
753
|
"hover": {
|
|
697
|
-
"color": DesignToken
|
|
698
|
-
|
|
699
|
-
|
|
754
|
+
"color": DesignToken,
|
|
755
|
+
"text-decoration-line": DesignToken
|
|
756
|
+
}
|
|
700
757
|
}
|
|
701
758
|
},
|
|
702
759
|
"paragraph": {
|
|
@@ -704,29 +761,32 @@ declare const tokens: {
|
|
|
704
761
|
"font-family": DesignToken,
|
|
705
762
|
"font-weight": DesignToken,
|
|
706
763
|
"inverse-color": DesignToken,
|
|
707
|
-
"
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
"wide": {
|
|
712
|
-
"font-size": DesignToken
|
|
713
|
-
},
|
|
714
|
-
"small": {
|
|
715
|
-
"line-height": DesignToken,
|
|
716
|
-
"narrow": {
|
|
717
|
-
"font-size": DesignToken
|
|
764
|
+
"spacious": {
|
|
765
|
+
"small": {
|
|
766
|
+
"font-size": DesignToken,
|
|
767
|
+
"line-height": DesignToken
|
|
718
768
|
},
|
|
719
|
-
"
|
|
720
|
-
"font-size": DesignToken
|
|
769
|
+
"medium": {
|
|
770
|
+
"font-size": DesignToken,
|
|
771
|
+
"line-height": DesignToken
|
|
772
|
+
},
|
|
773
|
+
"large": {
|
|
774
|
+
"font-size": DesignToken,
|
|
775
|
+
"line-height": DesignToken
|
|
721
776
|
}
|
|
722
777
|
},
|
|
723
|
-
"
|
|
724
|
-
"
|
|
725
|
-
|
|
726
|
-
"
|
|
778
|
+
"compact": {
|
|
779
|
+
"small": {
|
|
780
|
+
"font-size": DesignToken,
|
|
781
|
+
"line-height": DesignToken
|
|
727
782
|
},
|
|
728
|
-
"
|
|
729
|
-
"font-size": DesignToken
|
|
783
|
+
"medium": {
|
|
784
|
+
"font-size": DesignToken,
|
|
785
|
+
"line-height": DesignToken
|
|
786
|
+
},
|
|
787
|
+
"large": {
|
|
788
|
+
"font-size": DesignToken,
|
|
789
|
+
"line-height": DesignToken
|
|
730
790
|
}
|
|
731
791
|
}
|
|
732
792
|
},
|
|
@@ -763,27 +823,33 @@ declare const tokens: {
|
|
|
763
823
|
"color": DesignToken,
|
|
764
824
|
"font-family": DesignToken,
|
|
765
825
|
"font-weight": DesignToken,
|
|
766
|
-
"
|
|
767
|
-
|
|
768
|
-
"
|
|
826
|
+
"spacious": {
|
|
827
|
+
"font-size": DesignToken,
|
|
828
|
+
"line-height": DesignToken
|
|
769
829
|
},
|
|
770
|
-
"
|
|
771
|
-
"font-size": DesignToken
|
|
830
|
+
"compact": {
|
|
831
|
+
"font-size": DesignToken,
|
|
832
|
+
"line-height": DesignToken
|
|
772
833
|
}
|
|
773
834
|
},
|
|
774
835
|
"label": {
|
|
775
836
|
"color": DesignToken,
|
|
776
837
|
"font-family": DesignToken,
|
|
777
838
|
"font-weight": DesignToken,
|
|
839
|
+
"text-decoration-line": DesignToken,
|
|
840
|
+
"text-decoration-thickness": DesignToken,
|
|
841
|
+
"text-underline-offset": DesignToken,
|
|
778
842
|
"hover": {
|
|
779
|
-
"color": DesignToken
|
|
843
|
+
"color": DesignToken,
|
|
844
|
+
"text-decoration-line": DesignToken
|
|
780
845
|
},
|
|
781
|
-
"
|
|
782
|
-
|
|
783
|
-
"
|
|
846
|
+
"spacious": {
|
|
847
|
+
"font-size": DesignToken,
|
|
848
|
+
"line-height": DesignToken
|
|
784
849
|
},
|
|
785
|
-
"
|
|
786
|
-
"font-size": DesignToken
|
|
850
|
+
"compact": {
|
|
851
|
+
"font-size": DesignToken,
|
|
852
|
+
"line-height": DesignToken
|
|
787
853
|
}
|
|
788
854
|
},
|
|
789
855
|
"outline-offset": DesignToken
|
|
@@ -793,13 +859,14 @@ declare const tokens: {
|
|
|
793
859
|
"font-family": DesignToken,
|
|
794
860
|
"font-weight": DesignToken,
|
|
795
861
|
"gap": DesignToken,
|
|
796
|
-
"line-height": DesignToken,
|
|
797
862
|
"list-style-type": DesignToken,
|
|
798
|
-
"
|
|
799
|
-
"font-size": DesignToken
|
|
863
|
+
"spacious": {
|
|
864
|
+
"font-size": DesignToken,
|
|
865
|
+
"line-height": DesignToken
|
|
800
866
|
},
|
|
801
|
-
"
|
|
802
|
-
"font-size": DesignToken
|
|
867
|
+
"compact": {
|
|
868
|
+
"font-size": DesignToken,
|
|
869
|
+
"line-height": DesignToken
|
|
803
870
|
},
|
|
804
871
|
"item": {
|
|
805
872
|
"margin-inline-start": DesignToken,
|
|
@@ -846,7 +913,7 @@ declare const tokens: {
|
|
|
846
913
|
"color": DesignToken,
|
|
847
914
|
"font-family": DesignToken,
|
|
848
915
|
"font-size": {},
|
|
849
|
-
"line-height":
|
|
916
|
+
"line-height": {},
|
|
850
917
|
"padding-inline-start": DesignToken,
|
|
851
918
|
"padding-inline-end": DesignToken,
|
|
852
919
|
"padding-block-start": DesignToken,
|