@amsterdam/design-system-tokens 0.3.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/build.js +99 -0
  3. package/dist/compact.css +16 -0
  4. package/dist/compact.d.ts +56 -0
  5. package/dist/compact.json +33 -0
  6. package/dist/compact.mjs +14 -0
  7. package/dist/compact.scss +13 -0
  8. package/dist/compact.theme.css +16 -0
  9. package/dist/index.css +169 -196
  10. package/dist/index.d.ts +1103 -508
  11. package/dist/index.json +1082 -495
  12. package/dist/{index.js → index.mjs} +189 -216
  13. package/dist/{_variables.scss → index.scss} +168 -195
  14. package/dist/{root.css → index.theme.css} +169 -196
  15. package/package.json +8 -11
  16. package/src/brand/amsterdam/color.tokens.json +5 -6
  17. package/src/brand/amsterdam/typography.compact.tokens.json +29 -0
  18. package/src/brand/amsterdam/typography.tokens.json +28 -62
  19. package/src/common/amsterdam/hyphenation.tokens.json +9 -0
  20. package/src/components/amsterdam/accordion.tokens.json +4 -10
  21. package/src/components/amsterdam/alert.tokens.json +8 -18
  22. package/src/components/amsterdam/badge.tokens.json +43 -0
  23. package/src/components/amsterdam/blockquote.tokens.json +3 -9
  24. package/src/components/amsterdam/breadcrumb.tokens.json +2 -8
  25. package/src/components/amsterdam/button.tokens.json +2 -8
  26. package/src/components/amsterdam/checkbox.tokens.json +5 -11
  27. package/src/components/amsterdam/dialog.tokens.json +2 -15
  28. package/src/components/amsterdam/form-label.tokens.json +2 -8
  29. package/src/components/amsterdam/grid.compact.tokens.json +14 -0
  30. package/src/components/amsterdam/grid.tokens.json +6 -18
  31. package/src/components/amsterdam/header.tokens.json +1 -1
  32. package/src/components/amsterdam/heading.tokens.json +22 -50
  33. package/src/components/amsterdam/icon-button.tokens.json +37 -0
  34. package/src/components/amsterdam/icon.tokens.json +14 -34
  35. package/src/components/amsterdam/link-list.tokens.json +45 -0
  36. package/src/components/amsterdam/link.tokens.json +2 -25
  37. package/src/components/amsterdam/mega-menu.tokens.json +12 -0
  38. package/src/components/amsterdam/ordered-list.tokens.json +2 -8
  39. package/src/components/amsterdam/page-heading.tokens.json +2 -8
  40. package/src/components/amsterdam/page-menu.tokens.json +2 -8
  41. package/src/components/amsterdam/pagination.tokens.json +2 -8
  42. package/src/components/amsterdam/paragraph.tokens.json +10 -26
  43. package/src/components/amsterdam/search-field.tokens.json +4 -10
  44. package/src/components/amsterdam/skip-link.tokens.json +2 -6
  45. package/src/components/amsterdam/spotlight.tokens.json +3 -3
  46. package/src/components/amsterdam/table.tokens.json +20 -0
  47. package/src/components/amsterdam/text-input.tokens.json +2 -8
  48. package/src/components/amsterdam/top-task-link.tokens.json +4 -16
  49. package/src/components/amsterdam/unordered-list.tokens.json +2 -8
  50. package/dist/index.tokens.json +0 -1187
  51. package/dist/tokens.d.ts +0 -1210
  52. package/dist/tokens.js +0 -11291
  53. package/dist/variables.less +0 -499
  54. package/style-dictionary.config.json +0 -101
package/dist/tokens.d.ts DELETED
@@ -1,1210 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 22 Dec 2023 12:50:01 GMT
4
- */
5
-
6
- export default tokens;
7
-
8
- declare interface DesignToken {
9
- value: any;
10
- name?: string;
11
- comment?: string;
12
- themeable?: boolean;
13
- attributes?: {
14
- category?: string;
15
- type?: string;
16
- item?: string;
17
- subitem?: string;
18
- state?: string;
19
- [key: string]: any;
20
- };
21
- [key: string]: any;
22
- }
23
-
24
- declare const tokens: {
25
- "amsterdam": {
26
- "color": {
27
- "primary-black": DesignToken,
28
- "primary-white": DesignToken,
29
- "primary-blue": DesignToken,
30
- "primary-red": DesignToken,
31
- "dark-blue": DesignToken,
32
- "orange": DesignToken,
33
- "yellow": DesignToken,
34
- "green": DesignToken,
35
- "dark-green": DesignToken,
36
- "blue": DesignToken,
37
- "purple": DesignToken,
38
- "magenta": DesignToken,
39
- "neutral-grey1": DesignToken,
40
- "neutral-grey2": DesignToken,
41
- "neutral-grey3": DesignToken,
42
- "neutral-grey4": DesignToken
43
- },
44
- "proportion": {
45
- "x-tall": DesignToken,
46
- "tall": DesignToken,
47
- "square": DesignToken,
48
- "wide": DesignToken,
49
- "x-wide": DesignToken,
50
- "2x-wide": DesignToken
51
- },
52
- "typography": {
53
- "font-family": DesignToken,
54
- "font-weight": {
55
- "normal": DesignToken,
56
- "bold": DesignToken
57
- },
58
- "spacious": {
59
- "text-level": {
60
- "0": {
61
- "font-size": DesignToken,
62
- "line-height": DesignToken
63
- },
64
- "1": {
65
- "font-size": DesignToken,
66
- "line-height": DesignToken
67
- },
68
- "2": {
69
- "font-size": DesignToken,
70
- "line-height": DesignToken
71
- },
72
- "3": {
73
- "font-size": DesignToken,
74
- "line-height": DesignToken
75
- },
76
- "4": {
77
- "font-size": DesignToken,
78
- "line-height": DesignToken
79
- },
80
- "5": {
81
- "font-size": DesignToken,
82
- "line-height": DesignToken
83
- },
84
- "6": {
85
- "font-size": DesignToken,
86
- "line-height": DesignToken
87
- }
88
- }
89
- },
90
- "compact": {
91
- "text-level": {
92
- "0": {
93
- "font-size": DesignToken,
94
- "line-height": DesignToken
95
- },
96
- "1": {
97
- "font-size": DesignToken,
98
- "line-height": DesignToken
99
- },
100
- "2": {
101
- "font-size": DesignToken,
102
- "line-height": DesignToken
103
- },
104
- "3": {
105
- "font-size": DesignToken,
106
- "line-height": DesignToken
107
- },
108
- "4": {
109
- "font-size": DesignToken,
110
- "line-height": DesignToken
111
- },
112
- "5": {
113
- "font-size": DesignToken,
114
- "line-height": DesignToken
115
- },
116
- "6": {
117
- "font-size": DesignToken,
118
- "line-height": DesignToken
119
- }
120
- }
121
- }
122
- },
123
- "border-width": {
124
- "sm": DesignToken,
125
- "md": DesignToken,
126
- "lg": DesignToken
127
- },
128
- "focus": {
129
- "outline-offset": DesignToken
130
- },
131
- "link-appearance": {
132
- "color": DesignToken,
133
- "text-decoration-thickness": DesignToken,
134
- "text-underline-offset": DesignToken,
135
- "hover": {
136
- "color": DesignToken
137
- },
138
- "on-background-dark": {
139
- "color": DesignToken
140
- },
141
- "on-background-light": {
142
- "color": DesignToken
143
- },
144
- "regular": {
145
- "text-decoration-line": DesignToken,
146
- "hover": {
147
- "text-decoration-thickness": DesignToken,
148
- "text-underline-offset": DesignToken
149
- }
150
- },
151
- "subtle": {
152
- "text-decoration-line": DesignToken,
153
- "hover": {
154
- "text-decoration-line": DesignToken
155
- }
156
- }
157
- },
158
- "spacing": {
159
- "inset": {
160
- "sm": DesignToken,
161
- "md": DesignToken,
162
- "lg": DesignToken,
163
- "xl": DesignToken
164
- }
165
- },
166
- "accordion": {
167
- "button": {
168
- "color": DesignToken,
169
- "focus": {
170
- "outline-offset": DesignToken
171
- },
172
- "font-family": DesignToken,
173
- "font-weight": DesignToken,
174
- "hover": {
175
- "box-shadow": DesignToken
176
- },
177
- "spacious": {
178
- "font-size": DesignToken,
179
- "line-height": DesignToken
180
- },
181
- "compact": {
182
- "font-size": DesignToken,
183
- "line-height": DesignToken
184
- }
185
- }
186
- },
187
- "alert": {
188
- "background-color": DesignToken,
189
- "border": DesignToken,
190
- "gap": DesignToken,
191
- "padding-block-start": DesignToken,
192
- "padding-block-end": DesignToken,
193
- "padding-inline-start": DesignToken,
194
- "padding-inline-end": DesignToken,
195
- "title": {
196
- "color": DesignToken,
197
- "font-family": DesignToken,
198
- "font-weight": DesignToken,
199
- "spacious": {
200
- "font-size": DesignToken,
201
- "line-height": DesignToken
202
- },
203
- "compact": {
204
- "font-size": DesignToken,
205
- "line-height": DesignToken
206
- }
207
- },
208
- "error": {
209
- "background-color": DesignToken,
210
- "border-color": DesignToken
211
- },
212
- "success": {
213
- "background-color": DesignToken,
214
- "border-color": DesignToken
215
- },
216
- "close": {
217
- "background-color": DesignToken,
218
- "fill": DesignToken,
219
- "hover": {
220
- "fill": DesignToken
221
- }
222
- }
223
- },
224
- "aspect-ratio": {
225
- "x-tall": DesignToken,
226
- "tall": DesignToken,
227
- "square": DesignToken,
228
- "wide": DesignToken,
229
- "x-wide": DesignToken,
230
- "2x-wide": DesignToken
231
- },
232
- "blockquote": {
233
- "color": DesignToken,
234
- "font-family": DesignToken,
235
- "font-weight": DesignToken,
236
- "inverse-color": DesignToken,
237
- "spacious": {
238
- "font-size": DesignToken,
239
- "line-height": DesignToken
240
- },
241
- "compact": {
242
- "font-size": DesignToken,
243
- "line-height": DesignToken
244
- }
245
- },
246
- "breadcrumb": {
247
- "font-family": DesignToken,
248
- "font-weight": DesignToken,
249
- "separator": {
250
- "background-image": DesignToken
251
- },
252
- "item-link": {
253
- "color": DesignToken,
254
- "outline-offset": DesignToken,
255
- "text-decoration-line": DesignToken,
256
- "text-decoration-thickness": DesignToken,
257
- "text-underline-offset": DesignToken,
258
- "hover": {
259
- "color": DesignToken,
260
- "text-decoration-line": DesignToken
261
- }
262
- },
263
- "spacious": {
264
- "font-size": DesignToken,
265
- "line-height": DesignToken
266
- },
267
- "compact": {
268
- "font-size": DesignToken,
269
- "line-height": DesignToken
270
- }
271
- },
272
- "button": {
273
- "spacious": {
274
- "font-size": DesignToken,
275
- "line-height": DesignToken
276
- },
277
- "compact": {
278
- "font-size": DesignToken,
279
- "line-height": DesignToken
280
- },
281
- "secondary": {
282
- "box-shadow": DesignToken,
283
- "hover": {
284
- "box-shadow": DesignToken
285
- },
286
- "disabled": {
287
- "box-shadow": DesignToken
288
- },
289
- "focus": {
290
- "box-shadow": DesignToken
291
- }
292
- },
293
- "tertiary": {
294
- "hover": {
295
- "box-shadow": DesignToken
296
- }
297
- }
298
- },
299
- "card": {
300
- "link": {
301
- "color": DesignToken,
302
- "text-decoration-line": DesignToken,
303
- "text-decoration-thickness": DesignToken,
304
- "text-underline-offset": DesignToken,
305
- "hover": {
306
- "color": DesignToken,
307
- "text-decoration-line": DesignToken
308
- }
309
- },
310
- "outline-offset": DesignToken
311
- },
312
- "checkbox": {
313
- "color": DesignToken,
314
- "checkmark": {
315
- "border-color": DesignToken,
316
- "checked": {
317
- "background-color": DesignToken,
318
- "hover": {
319
- "background-color": DesignToken
320
- }
321
- },
322
- "disabled": {
323
- "border-color": DesignToken,
324
- "checked": {
325
- "background-color": DesignToken,
326
- "hover": {
327
- "background-color": DesignToken
328
- }
329
- },
330
- "indeterminate": {
331
- "background-color": DesignToken,
332
- "hover": {
333
- "background-color": DesignToken
334
- }
335
- }
336
- },
337
- "hover": {
338
- "border-color": DesignToken
339
- },
340
- "invalid": {
341
- "border-color": DesignToken,
342
- "checked": {
343
- "background-color": DesignToken,
344
- "hover": {
345
- "background-color": DesignToken
346
- }
347
- },
348
- "hover": {
349
- "border-color": DesignToken
350
- },
351
- "indeterminate": {
352
- "background-color": DesignToken,
353
- "hover": {
354
- "background-color": DesignToken
355
- }
356
- }
357
- },
358
- "indeterminate": {
359
- "background-color": DesignToken,
360
- "hover": {
361
- "background-color": DesignToken
362
- }
363
- }
364
- },
365
- "disabled": {
366
- "color": DesignToken
367
- },
368
- "font-family": DesignToken,
369
- "font-weight": DesignToken,
370
- "hover": {
371
- "color": DesignToken
372
- },
373
- "outline-offset": DesignToken,
374
- "spacious": {
375
- "font-size": DesignToken,
376
- "line-height": DesignToken
377
- },
378
- "compact": {
379
- "font-size": DesignToken,
380
- "line-height": DesignToken
381
- }
382
- },
383
- "dialog": {
384
- "background-color": DesignToken,
385
- "border": DesignToken,
386
- "max-inline-size": DesignToken,
387
- "title": {
388
- "color": DesignToken,
389
- "font-family": DesignToken,
390
- "font-weight": DesignToken,
391
- "spacious": {
392
- "font-size": DesignToken,
393
- "line-height": DesignToken
394
- },
395
- "compact": {
396
- "font-size": DesignToken,
397
- "line-height": DesignToken
398
- }
399
- },
400
- "backdrop": {
401
- "background": DesignToken
402
- },
403
- "close": {
404
- "background-color": DesignToken,
405
- "fill": DesignToken,
406
- "hover": {
407
- "fill": DesignToken
408
- }
409
- },
410
- "form": {
411
- "gap": DesignToken,
412
- "padding-block": DesignToken,
413
- "padding-inline": DesignToken,
414
- "max-block-size": DesignToken
415
- },
416
- "article": {
417
- "padding-inline-end": DesignToken
418
- },
419
- "header": {
420
- "gap": DesignToken
421
- },
422
- "footer": {
423
- "gap": DesignToken,
424
- "padding-block": DesignToken
425
- }
426
- },
427
- "form-label": {
428
- "color": DesignToken,
429
- "font-family": DesignToken,
430
- "font-weight": DesignToken,
431
- "spacious": {
432
- "font-size": DesignToken,
433
- "line-height": DesignToken
434
- },
435
- "compact": {
436
- "font-size": DesignToken,
437
- "line-height": DesignToken
438
- }
439
- },
440
- "grid": {
441
- "column-count": DesignToken,
442
- "spacious": {
443
- "gap": DesignToken,
444
- "padding-inline": DesignToken
445
- },
446
- "compact": {
447
- "gap": DesignToken,
448
- "padding-inline": DesignToken
449
- },
450
- "medium": {
451
- "column-count": DesignToken
452
- },
453
- "wide": {
454
- "column-count": DesignToken
455
- }
456
- },
457
- "header": {
458
- "column-gap": DesignToken
459
- },
460
- "heading": {
461
- "color": DesignToken,
462
- "font-family": DesignToken,
463
- "font-weight": DesignToken,
464
- "inverse-color": DesignToken,
465
- "spacious": {
466
- "level-1": {
467
- "line-height": DesignToken,
468
- "font-size": DesignToken
469
- },
470
- "level-2": {
471
- "line-height": DesignToken,
472
- "font-size": DesignToken
473
- },
474
- "level-3": {
475
- "line-height": DesignToken,
476
- "font-size": DesignToken
477
- },
478
- "level-4": {
479
- "line-height": DesignToken,
480
- "font-size": DesignToken
481
- },
482
- "level-5": {
483
- "line-height": DesignToken,
484
- "font-size": DesignToken
485
- },
486
- "level-6": {
487
- "line-height": DesignToken,
488
- "font-size": DesignToken
489
- }
490
- },
491
- "compact": {
492
- "level-1": {
493
- "line-height": DesignToken,
494
- "font-size": DesignToken
495
- },
496
- "level-2": {
497
- "line-height": DesignToken,
498
- "font-size": DesignToken
499
- },
500
- "level-3": {
501
- "line-height": DesignToken,
502
- "font-size": DesignToken
503
- },
504
- "level-4": {
505
- "line-height": DesignToken,
506
- "font-size": DesignToken
507
- },
508
- "level-5": {
509
- "line-height": DesignToken,
510
- "font-size": DesignToken
511
- },
512
- "level-6": {
513
- "line-height": DesignToken,
514
- "font-size": DesignToken
515
- }
516
- }
517
- },
518
- "icon": {
519
- "spacious": {
520
- "size-3": {
521
- "font-size": DesignToken,
522
- "line-height": DesignToken
523
- },
524
- "size-4": {
525
- "font-size": DesignToken,
526
- "line-height": DesignToken
527
- },
528
- "size-5": {
529
- "font-size": DesignToken,
530
- "line-height": DesignToken
531
- },
532
- "size-6": {
533
- "font-size": DesignToken,
534
- "line-height": DesignToken
535
- }
536
- },
537
- "compact": {
538
- "size-3": {
539
- "font-size": DesignToken,
540
- "line-height": DesignToken
541
- },
542
- "size-4": {
543
- "font-size": DesignToken,
544
- "line-height": DesignToken
545
- },
546
- "size-5": {
547
- "font-size": DesignToken,
548
- "line-height": DesignToken
549
- },
550
- "size-6": {
551
- "font-size": DesignToken,
552
- "line-height": DesignToken
553
- }
554
- }
555
- },
556
- "link": {
557
- "color": DesignToken,
558
- "font-family": DesignToken,
559
- "font-weight": DesignToken,
560
- "outline-offset": DesignToken,
561
- "hover": {
562
- "color": DesignToken
563
- },
564
- "inline": {
565
- "text-decoration-line": DesignToken,
566
- "text-decoration-thickness": DesignToken,
567
- "text-underline-offset": DesignToken,
568
- "font-family": DesignToken,
569
- "font-size": DesignToken,
570
- "line-height": DesignToken,
571
- "hover": {
572
- "text-decoration-thickness": DesignToken,
573
- "text-underline-offset": DesignToken
574
- },
575
- "visited": {
576
- "color": DesignToken
577
- }
578
- },
579
- "in-list": {
580
- "gap": DesignToken,
581
- "text-decoration-line": DesignToken,
582
- "text-decoration-thickness": DesignToken,
583
- "text-underline-offset": DesignToken,
584
- "hover": {
585
- "text-decoration-line": DesignToken
586
- },
587
- "spacious": {
588
- "font-size": DesignToken,
589
- "line-height": DesignToken
590
- },
591
- "compact": {
592
- "font-size": DesignToken,
593
- "line-height": DesignToken
594
- }
595
- },
596
- "standalone": {
597
- "text-decoration-line": DesignToken,
598
- "text-decoration-thickness": DesignToken,
599
- "text-underline-offset": DesignToken,
600
- "hover": {
601
- "text-decoration-thickness": DesignToken,
602
- "text-underline-offset": DesignToken
603
- },
604
- "spacious": {
605
- "font-size": DesignToken,
606
- "line-height": DesignToken
607
- },
608
- "compact": {
609
- "font-size": DesignToken,
610
- "line-height": DesignToken
611
- }
612
- },
613
- "on-background-dark": {
614
- "color": DesignToken,
615
- "hover": {
616
- "color": DesignToken
617
- },
618
- "visited": {
619
- "color": DesignToken
620
- }
621
- },
622
- "on-background-light": {
623
- "color": DesignToken,
624
- "hover": {
625
- "color": DesignToken
626
- },
627
- "visited": {
628
- "color": DesignToken
629
- }
630
- }
631
- },
632
- "logo": {
633
- "height": DesignToken,
634
- "emblem": {
635
- "color": DesignToken
636
- },
637
- "title": {
638
- "color": DesignToken
639
- },
640
- "subsite": {
641
- "color": DesignToken
642
- }
643
- },
644
- "mark": {
645
- "background-color": DesignToken
646
- },
647
- "ordered-list": {
648
- "color": DesignToken,
649
- "font-family": DesignToken,
650
- "font-weight": DesignToken,
651
- "gap": DesignToken,
652
- "list-style-type": DesignToken,
653
- "spacious": {
654
- "font-size": DesignToken,
655
- "line-height": DesignToken
656
- },
657
- "compact": {
658
- "font-size": DesignToken,
659
- "line-height": DesignToken
660
- },
661
- "item": {
662
- "margin-inline-start": DesignToken,
663
- "padding-inline-start": DesignToken
664
- },
665
- "ordered-list": {
666
- "list-style-type": DesignToken,
667
- "item": {
668
- "margin-inline-start": DesignToken,
669
- "padding-inline-start": DesignToken
670
- }
671
- }
672
- },
673
- "page-heading": {
674
- "color": DesignToken,
675
- "font-family": DesignToken,
676
- "font-weight": DesignToken,
677
- "inverse-color": DesignToken,
678
- "spacious": {
679
- "font-size": DesignToken,
680
- "line-height": DesignToken
681
- },
682
- "compact": {
683
- "font-size": DesignToken,
684
- "line-height": DesignToken
685
- }
686
- },
687
- "page-menu": {
688
- "column-gap": DesignToken,
689
- "row-gap": DesignToken,
690
- "item": {
691
- "color": DesignToken,
692
- "font-family": DesignToken,
693
- "font-weight": DesignToken,
694
- "gap": DesignToken,
695
- "outline-offset": DesignToken,
696
- "text-decoration-line": DesignToken,
697
- "text-decoration-thickness": DesignToken,
698
- "text-underline-offset": DesignToken,
699
- "spacious": {
700
- "font-size": DesignToken,
701
- "line-height": DesignToken
702
- },
703
- "compact": {
704
- "font-size": DesignToken,
705
- "line-height": DesignToken
706
- },
707
- "hover": {
708
- "color": DesignToken,
709
- "text-decoration-line": DesignToken
710
- }
711
- }
712
- },
713
- "pagination": {
714
- "color": DesignToken,
715
- "font-family": DesignToken,
716
- "font-weight": DesignToken,
717
- "spacious": {
718
- "font-size": DesignToken,
719
- "line-height": DesignToken
720
- },
721
- "compact": {
722
- "font-size": DesignToken,
723
- "line-height": DesignToken
724
- },
725
- "button": {
726
- "outline-offset": DesignToken,
727
- "text-decoration-line": DesignToken,
728
- "text-decoration-thickness": DesignToken,
729
- "text-underline-offset": DesignToken,
730
- "current": {
731
- "font-weight": DesignToken
732
- },
733
- "hover": {
734
- "color": DesignToken,
735
- "text-decoration-line": DesignToken
736
- }
737
- }
738
- },
739
- "paragraph": {
740
- "color": DesignToken,
741
- "font-family": DesignToken,
742
- "font-weight": DesignToken,
743
- "inverse-color": DesignToken,
744
- "spacious": {
745
- "small": {
746
- "font-size": DesignToken,
747
- "line-height": DesignToken
748
- },
749
- "medium": {
750
- "font-size": DesignToken,
751
- "line-height": DesignToken
752
- },
753
- "large": {
754
- "font-size": DesignToken,
755
- "line-height": DesignToken
756
- }
757
- },
758
- "compact": {
759
- "small": {
760
- "font-size": DesignToken,
761
- "line-height": DesignToken
762
- },
763
- "medium": {
764
- "font-size": DesignToken,
765
- "line-height": DesignToken
766
- },
767
- "large": {
768
- "font-size": DesignToken,
769
- "line-height": DesignToken
770
- }
771
- }
772
- },
773
- "screen": {
774
- "wide": {
775
- "max-width": DesignToken
776
- },
777
- "x-wide": {
778
- "max-width": DesignToken
779
- }
780
- },
781
- "search-field": {
782
- "button": {
783
- "background-color": DesignToken,
784
- "color": DesignToken,
785
- "outline-offset": DesignToken,
786
- "hover": {
787
- "background-color": DesignToken
788
- }
789
- },
790
- "input": {
791
- "box-shadow": DesignToken,
792
- "color": DesignToken,
793
- "font-family": DesignToken,
794
- "font-weight": DesignToken,
795
- "outline-offset": DesignToken,
796
- "cancel-button": {
797
- "background-image": DesignToken,
798
- "color": DesignToken,
799
- "height": DesignToken,
800
- "width": DesignToken
801
- },
802
- "hover": {
803
- "box-shadow": DesignToken
804
- },
805
- "placeholder": {
806
- "color": DesignToken
807
- },
808
- "compact": {
809
- "font-size": DesignToken,
810
- "line-height": DesignToken
811
- },
812
- "spacious": {
813
- "font-size": DesignToken,
814
- "line-height": DesignToken
815
- }
816
- }
817
- },
818
- "skip-link": {
819
- "background-color": DesignToken,
820
- "color": DesignToken,
821
- "font-family": DesignToken,
822
- "font-weight": DesignToken,
823
- "font-size": DesignToken,
824
- "line-height": DesignToken,
825
- "outline-offset": DesignToken,
826
- "compact": {
827
- "font-size": DesignToken,
828
- "line-height": DesignToken
829
- },
830
- "hover": {
831
- "background-color": DesignToken
832
- }
833
- },
834
- "spotlight": {
835
- "blue": {
836
- "background-color": DesignToken
837
- },
838
- "dark-green": {
839
- "background-color": DesignToken
840
- },
841
- "green": {
842
- "background-color": DesignToken
843
- },
844
- "light-blue": {
845
- "background-color": DesignToken
846
- },
847
- "magenta": {
848
- "background-color": DesignToken
849
- },
850
- "orange": {
851
- "background-color": DesignToken
852
- },
853
- "purple": {
854
- "background-color": DesignToken
855
- },
856
- "yellow": {
857
- "background-color": DesignToken
858
- }
859
- },
860
- "switch": {
861
- "font-family": DesignToken,
862
- "background-color": DesignToken,
863
- "width": DesignToken,
864
- "thumb": {
865
- "background-color": DesignToken,
866
- "width": DesignToken,
867
- "height": DesignToken,
868
- "hover": {
869
- "color": DesignToken
870
- }
871
- },
872
- "checked": {
873
- "background-color": DesignToken
874
- },
875
- "outline-offset": DesignToken,
876
- "disabled": {
877
- "background-color": DesignToken
878
- }
879
- },
880
- "text-input": {
881
- "box-shadow": DesignToken,
882
- "color": DesignToken,
883
- "font-family": DesignToken,
884
- "font-weight": DesignToken,
885
- "outline-offset": DesignToken,
886
- "disabled": {
887
- "background-color": DesignToken,
888
- "box-shadow": DesignToken,
889
- "color": DesignToken
890
- },
891
- "hover": {
892
- "box-shadow": DesignToken
893
- },
894
- "invalid": {
895
- "box-shadow": DesignToken,
896
- "hover": {
897
- "box-shadow": DesignToken
898
- }
899
- },
900
- "placeholder": {
901
- "color": DesignToken
902
- },
903
- "compact": {
904
- "font-size": DesignToken,
905
- "line-height": DesignToken
906
- },
907
- "spacious": {
908
- "font-size": DesignToken,
909
- "line-height": DesignToken
910
- }
911
- },
912
- "top-task-link": {
913
- "description": {
914
- "color": DesignToken,
915
- "font-family": DesignToken,
916
- "font-weight": DesignToken,
917
- "spacious": {
918
- "font-size": DesignToken,
919
- "line-height": DesignToken
920
- },
921
- "compact": {
922
- "font-size": DesignToken,
923
- "line-height": DesignToken
924
- }
925
- },
926
- "label": {
927
- "color": DesignToken,
928
- "font-family": DesignToken,
929
- "font-weight": DesignToken,
930
- "text-decoration-line": DesignToken,
931
- "text-decoration-thickness": DesignToken,
932
- "text-underline-offset": DesignToken,
933
- "hover": {
934
- "color": DesignToken,
935
- "text-decoration-line": DesignToken
936
- },
937
- "spacious": {
938
- "font-size": DesignToken,
939
- "line-height": DesignToken
940
- },
941
- "compact": {
942
- "font-size": DesignToken,
943
- "line-height": DesignToken
944
- }
945
- },
946
- "outline-offset": DesignToken
947
- },
948
- "unordered-list": {
949
- "color": DesignToken,
950
- "font-family": DesignToken,
951
- "font-weight": DesignToken,
952
- "gap": DesignToken,
953
- "list-style-type": DesignToken,
954
- "spacious": {
955
- "font-size": DesignToken,
956
- "line-height": DesignToken
957
- },
958
- "compact": {
959
- "font-size": DesignToken,
960
- "line-height": DesignToken
961
- },
962
- "item": {
963
- "margin-inline-start": DesignToken,
964
- "padding-inline-start": DesignToken
965
- },
966
- "unordered-list": {
967
- "list-style-type": DesignToken,
968
- "item": {
969
- "margin-inline-start": DesignToken,
970
- "padding-inline-start": DesignToken
971
- }
972
- }
973
- }
974
- },
975
- "utrecht": {
976
- "action": {
977
- "activate": {
978
- "cursor": DesignToken
979
- },
980
- "busy": {
981
- "cursor": DesignToken
982
- },
983
- "disabled": {
984
- "cursor": DesignToken
985
- },
986
- "inert": {
987
- "cursor": DesignToken
988
- },
989
- "navigate": {
990
- "cursor": DesignToken
991
- },
992
- "submit": {
993
- "cursor": DesignToken
994
- }
995
- },
996
- "focus": {
997
- "outline-offset": DesignToken
998
- },
999
- "button": {
1000
- "background-color": DesignToken,
1001
- "border-color": {},
1002
- "border-radius": {},
1003
- "border-width": {},
1004
- "color": DesignToken,
1005
- "font-family": DesignToken,
1006
- "font-size": {},
1007
- "line-height": {},
1008
- "padding-inline-start": DesignToken,
1009
- "padding-inline-end": DesignToken,
1010
- "padding-block-start": DesignToken,
1011
- "padding-block-end": DesignToken,
1012
- "margin-inline-start": {},
1013
- "margin-inline-end": {},
1014
- "margin-block-start": {},
1015
- "margin-block-end": {},
1016
- "icon": {
1017
- "gap": {}
1018
- },
1019
- "disabled": {
1020
- "background-color": DesignToken,
1021
- "color": DesignToken,
1022
- "border-color": {}
1023
- },
1024
- "hover": {
1025
- "background-color": {}
1026
- },
1027
- "focus": {
1028
- "scale": {}
1029
- },
1030
- "primary-action": {
1031
- "background-color": DesignToken,
1032
- "border-color": {},
1033
- "border-width": {},
1034
- "color": DesignToken,
1035
- "disabled": {
1036
- "background-color": DesignToken,
1037
- "color": {},
1038
- "border-color": {}
1039
- },
1040
- "hover": {
1041
- "background-color": DesignToken,
1042
- "border-color": {},
1043
- "color": {}
1044
- },
1045
- "focus": {
1046
- "background-color": {},
1047
- "border-color": {},
1048
- "border-width": {}
1049
- },
1050
- "ready": {
1051
- "background-color": {},
1052
- "border-color": {},
1053
- "color": {},
1054
- "disabled": {
1055
- "border-color": {}
1056
- },
1057
- "hover": {
1058
- "background-color": {},
1059
- "border-color": {},
1060
- "color": {}
1061
- },
1062
- "focus": {
1063
- "background-color": {},
1064
- "border-color": {}
1065
- }
1066
- },
1067
- "warning": {
1068
- "background-color": {},
1069
- "border-color": {},
1070
- "color": {},
1071
- "disabled": {
1072
- "border-color": {}
1073
- },
1074
- "hover": {
1075
- "background-color": {},
1076
- "border-color": {},
1077
- "color": {}
1078
- },
1079
- "focus": {
1080
- "background-color": {},
1081
- "border-color": {}
1082
- }
1083
- },
1084
- "danger": {
1085
- "background-color": {},
1086
- "border-color": {},
1087
- "color": {},
1088
- "disabled": {
1089
- "border-color": {}
1090
- },
1091
- "hover": {
1092
- "background-color": {},
1093
- "border-color": {},
1094
- "color": {}
1095
- },
1096
- "focus": {
1097
- "background-color": {},
1098
- "border-color": {}
1099
- }
1100
- }
1101
- },
1102
- "secondary-action": {
1103
- "background-color": DesignToken,
1104
- "color": DesignToken,
1105
- "border-color": {},
1106
- "border-width": {},
1107
- "hover": {
1108
- "background-color": {},
1109
- "color": DesignToken,
1110
- "border-color": {}
1111
- },
1112
- "disabled": {
1113
- "background-color": DesignToken,
1114
- "color": DesignToken,
1115
- "border-color": {}
1116
- },
1117
- "danger": {
1118
- "background-color": {},
1119
- "border-color": {},
1120
- "color": {},
1121
- "disabled": {
1122
- "border-color": {}
1123
- },
1124
- "hover": {
1125
- "background-color": {},
1126
- "border-color": {},
1127
- "color": {}
1128
- },
1129
- "focus": {
1130
- "background-color": {},
1131
- "border-color": {}
1132
- }
1133
- },
1134
- "warning": {
1135
- "background-color": {},
1136
- "border-color": {},
1137
- "color": {},
1138
- "disabled": {
1139
- "border-color": {}
1140
- },
1141
- "hover": {
1142
- "background-color": {},
1143
- "border-color": {},
1144
- "color": {}
1145
- },
1146
- "focus": {
1147
- "background-color": {},
1148
- "border-color": {}
1149
- }
1150
- },
1151
- "ready": {
1152
- "background-color": {},
1153
- "border-color": {},
1154
- "color": {},
1155
- "disabled": {
1156
- "border-color": {}
1157
- },
1158
- "hover": {
1159
- "background-color": {},
1160
- "border-color": {},
1161
- "color": {}
1162
- },
1163
- "focus": {
1164
- "background-color": {},
1165
- "border-color": {}
1166
- }
1167
- }
1168
- },
1169
- "subtle": {
1170
- "background-color": DesignToken,
1171
- "border-color": {},
1172
- "border-width": {},
1173
- "color": DesignToken,
1174
- "font-weight": {},
1175
- "hover": {
1176
- "background-color": {},
1177
- "color": DesignToken,
1178
- "border-color": {}
1179
- },
1180
- "focus": {
1181
- "background-color": {},
1182
- "color": DesignToken,
1183
- "border-color": {}
1184
- },
1185
- "disabled": {
1186
- "background-color": DesignToken,
1187
- "color": DesignToken
1188
- },
1189
- "danger": {
1190
- "color": {},
1191
- "hover": {
1192
- "color": {}
1193
- },
1194
- "focus": {
1195
- "color": {}
1196
- }
1197
- },
1198
- "ready": {
1199
- "color": {},
1200
- "hover": {
1201
- "color": {}
1202
- },
1203
- "focus": {
1204
- "color": {}
1205
- }
1206
- }
1207
- }
1208
- }
1209
- }
1210
- }