@pantheon-systems/pds-design-tokens 1.0.0-dev.76 → 1.0.0-dev.78
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.
|
@@ -10,15 +10,17 @@
|
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
:root {
|
|
13
|
-
--pds-animation-button-transition:
|
|
13
|
+
--pds-animation-button-transition: all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
14
14
|
--pds-animation-focus-transition: outline var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
15
15
|
--pds-animation-input-transition: background-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay), border-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
16
|
-
--pds-animation-link-transition:
|
|
16
|
+
--pds-animation-link-transition: all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
17
|
+
--pds-animation-reveal-transition: all var(--pds-animation-transition-reveal-duration) var(--pds-animation-transition-default-timing-function);
|
|
17
18
|
--pds-animation-rotation-transition: transform var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
18
19
|
--pds-animation-transition-default-delay: 0s;
|
|
19
20
|
--pds-animation-transition-default-duration: 200ms;
|
|
20
21
|
--pds-animation-transition-default-timing-function: ease-in-out;
|
|
21
22
|
--pds-animation-transition-dropdown-duration: 300ms;
|
|
23
|
+
--pds-animation-transition-reveal-duration: 300ms;
|
|
22
24
|
--pds-border-radius-container: 0.375rem;
|
|
23
25
|
--pds-border-radius-default: 0.1875rem;
|
|
24
26
|
--pds-border-width-default: 1px;
|
|
@@ -56,10 +58,10 @@
|
|
|
56
58
|
--pds-typography-font-weight-medium: 500;
|
|
57
59
|
--pds-typography-font-weight-regular: 400;
|
|
58
60
|
--pds-typography-font-weight-semibold: 600;
|
|
59
|
-
--pds-typography-letter-spacing-l: 0.
|
|
60
|
-
--pds-typography-letter-spacing-m: 0.
|
|
61
|
-
--pds-typography-letter-spacing-s: 0.
|
|
62
|
-
--pds-typography-letter-spacing-xl: 0.
|
|
61
|
+
--pds-typography-letter-spacing-l: 0.04rem;
|
|
62
|
+
--pds-typography-letter-spacing-m: 0.02rem;
|
|
63
|
+
--pds-typography-letter-spacing-s: 0.01rem;
|
|
64
|
+
--pds-typography-letter-spacing-xl: 0.06rem;
|
|
63
65
|
--pds-typography-line-height-l: 170%;
|
|
64
66
|
--pds-typography-line-height-m: 140%;
|
|
65
67
|
--pds-typography-line-height-s: 120%;
|
|
@@ -51,14 +51,39 @@
|
|
|
51
51
|
]
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
|
+
"reveal": {
|
|
55
|
+
"transition": {
|
|
56
|
+
"value": "all 300ms ease-in-out",
|
|
57
|
+
"public": true,
|
|
58
|
+
"filePath": "tokens/animation/alias.json",
|
|
59
|
+
"isSource": true,
|
|
60
|
+
"original": {
|
|
61
|
+
"value": "all {animation.transition.reveal.duration.value} {animation.transition.default.timing-function.value}",
|
|
62
|
+
"public": true,
|
|
63
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
64
|
+
"isSource": false
|
|
65
|
+
},
|
|
66
|
+
"name": "animation-reveal-transition",
|
|
67
|
+
"attributes": {
|
|
68
|
+
"category": "animation",
|
|
69
|
+
"type": "reveal",
|
|
70
|
+
"item": "transition"
|
|
71
|
+
},
|
|
72
|
+
"path": [
|
|
73
|
+
"animation",
|
|
74
|
+
"reveal",
|
|
75
|
+
"transition"
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
},
|
|
54
79
|
"button": {
|
|
55
80
|
"transition": {
|
|
56
|
-
"value": "
|
|
81
|
+
"value": "all 200ms ease-in-out 0s",
|
|
57
82
|
"public": true,
|
|
58
83
|
"filePath": "tokens/animation/alias.json",
|
|
59
84
|
"isSource": true,
|
|
60
85
|
"original": {
|
|
61
|
-
"value": "
|
|
86
|
+
"value": "all {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
|
|
62
87
|
"public": true,
|
|
63
88
|
"filePath": "build/json/pds-design-tokens.json",
|
|
64
89
|
"isSource": false
|
|
@@ -103,12 +128,12 @@
|
|
|
103
128
|
},
|
|
104
129
|
"link": {
|
|
105
130
|
"transition": {
|
|
106
|
-
"value": "
|
|
131
|
+
"value": "all 200ms ease-in-out 0s",
|
|
107
132
|
"public": true,
|
|
108
133
|
"filePath": "tokens/animation/alias.json",
|
|
109
134
|
"isSource": true,
|
|
110
135
|
"original": {
|
|
111
|
-
"value": "
|
|
136
|
+
"value": "all {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
|
|
112
137
|
"public": true,
|
|
113
138
|
"filePath": "build/json/pds-design-tokens.json",
|
|
114
139
|
"isSource": false
|
|
@@ -230,6 +255,33 @@
|
|
|
230
255
|
"duration"
|
|
231
256
|
]
|
|
232
257
|
}
|
|
258
|
+
},
|
|
259
|
+
"reveal": {
|
|
260
|
+
"duration": {
|
|
261
|
+
"value": "300ms",
|
|
262
|
+
"public": true,
|
|
263
|
+
"filePath": "tokens/animation/base.json",
|
|
264
|
+
"isSource": true,
|
|
265
|
+
"original": {
|
|
266
|
+
"value": "300ms",
|
|
267
|
+
"public": true,
|
|
268
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
269
|
+
"isSource": false
|
|
270
|
+
},
|
|
271
|
+
"name": "animation-transition-reveal-duration",
|
|
272
|
+
"attributes": {
|
|
273
|
+
"category": "animation",
|
|
274
|
+
"type": "transition",
|
|
275
|
+
"item": "reveal",
|
|
276
|
+
"subitem": "duration"
|
|
277
|
+
},
|
|
278
|
+
"path": [
|
|
279
|
+
"animation",
|
|
280
|
+
"transition",
|
|
281
|
+
"reveal",
|
|
282
|
+
"duration"
|
|
283
|
+
]
|
|
284
|
+
}
|
|
233
285
|
}
|
|
234
286
|
}
|
|
235
287
|
},
|
|
@@ -347,22 +399,55 @@
|
|
|
347
399
|
"paragraph"
|
|
348
400
|
]
|
|
349
401
|
},
|
|
402
|
+
"anchor": {
|
|
403
|
+
"value": {
|
|
404
|
+
"fontSize": "1 * 16",
|
|
405
|
+
"fontFamily": "Poppins",
|
|
406
|
+
"fontWeight": 400,
|
|
407
|
+
"lineHeight": "140%",
|
|
408
|
+
"textDecoration": "underline"
|
|
409
|
+
},
|
|
410
|
+
"type": "typography",
|
|
411
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
412
|
+
"isSource": true,
|
|
413
|
+
"original": {
|
|
414
|
+
"value": {
|
|
415
|
+
"fontSize": "{typography.size.M} * {figma.typography.size.base}",
|
|
416
|
+
"fontFamily": "Poppins",
|
|
417
|
+
"fontWeight": "{typography.font-weight.regular}",
|
|
418
|
+
"lineHeight": "{typography.line-height.M}",
|
|
419
|
+
"textDecoration": "underline"
|
|
420
|
+
},
|
|
421
|
+
"type": "typography"
|
|
422
|
+
},
|
|
423
|
+
"name": "text-body-anchor",
|
|
424
|
+
"attributes": {
|
|
425
|
+
"category": "text",
|
|
426
|
+
"type": "body",
|
|
427
|
+
"item": "anchor"
|
|
428
|
+
},
|
|
429
|
+
"path": [
|
|
430
|
+
"text",
|
|
431
|
+
"body",
|
|
432
|
+
"anchor"
|
|
433
|
+
]
|
|
434
|
+
},
|
|
350
435
|
"lead": {
|
|
351
436
|
"value": {
|
|
352
|
-
"fontSize": "1.
|
|
437
|
+
"fontSize": "1.501 * 16",
|
|
353
438
|
"fontFamily": "Aleo",
|
|
354
439
|
"fontWeight": 400,
|
|
355
|
-
"lineHeight": "
|
|
440
|
+
"lineHeight": "170%"
|
|
356
441
|
},
|
|
357
442
|
"type": "typography",
|
|
358
443
|
"filePath": "tokens-figma/typography/base.json",
|
|
359
444
|
"isSource": true,
|
|
360
445
|
"original": {
|
|
361
446
|
"value": {
|
|
362
|
-
"fontSize": "{typography.size.
|
|
447
|
+
"fontSize": "{typography.size.XL} * {figma.typography.size.base}",
|
|
363
448
|
"fontFamily": "Aleo",
|
|
364
449
|
"fontWeight": "{typography.font-weight.regular}",
|
|
365
|
-
"lineHeight": "{typography.line-height.
|
|
450
|
+
"lineHeight": "{typography.line-height.L}"
|
|
366
451
|
},
|
|
367
452
|
"type": "typography"
|
|
368
453
|
},
|
|
@@ -378,9 +463,40 @@
|
|
|
378
463
|
"lead"
|
|
379
464
|
]
|
|
380
465
|
},
|
|
466
|
+
"lead-small": {
|
|
467
|
+
"value": {
|
|
468
|
+
"fontSize": "1.225 * 16",
|
|
469
|
+
"fontFamily": "Aleo",
|
|
470
|
+
"fontWeight": 400,
|
|
471
|
+
"lineHeight": "170%"
|
|
472
|
+
},
|
|
473
|
+
"type": "typography",
|
|
474
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
475
|
+
"isSource": true,
|
|
476
|
+
"original": {
|
|
477
|
+
"value": {
|
|
478
|
+
"fontSize": "{typography.size.L} * {figma.typography.size.base}",
|
|
479
|
+
"fontFamily": "Aleo",
|
|
480
|
+
"fontWeight": "{typography.font-weight.regular}",
|
|
481
|
+
"lineHeight": "{typography.line-height.L}"
|
|
482
|
+
},
|
|
483
|
+
"type": "typography"
|
|
484
|
+
},
|
|
485
|
+
"name": "text-body-lead-small",
|
|
486
|
+
"attributes": {
|
|
487
|
+
"category": "text",
|
|
488
|
+
"type": "body",
|
|
489
|
+
"item": "lead-small"
|
|
490
|
+
},
|
|
491
|
+
"path": [
|
|
492
|
+
"text",
|
|
493
|
+
"body",
|
|
494
|
+
"lead-small"
|
|
495
|
+
]
|
|
496
|
+
},
|
|
381
497
|
"quote": {
|
|
382
498
|
"value": {
|
|
383
|
-
"fontSize": "1.
|
|
499
|
+
"fontSize": "1.838 * 16",
|
|
384
500
|
"fontFamily": "Aleo",
|
|
385
501
|
"fontWeight": "Italic",
|
|
386
502
|
"letterSpacing": "0.01 * 100%",
|
|
@@ -411,9 +527,42 @@
|
|
|
411
527
|
"quote"
|
|
412
528
|
]
|
|
413
529
|
},
|
|
530
|
+
"quote-large": {
|
|
531
|
+
"value": {
|
|
532
|
+
"fontSize": "2.759 * 16",
|
|
533
|
+
"fontFamily": "Aleo",
|
|
534
|
+
"fontWeight": "Italic",
|
|
535
|
+
"letterSpacing": "0.01 * 100%",
|
|
536
|
+
"lineHeight": "140%"
|
|
537
|
+
},
|
|
538
|
+
"type": "typography",
|
|
539
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
540
|
+
"isSource": true,
|
|
541
|
+
"original": {
|
|
542
|
+
"value": {
|
|
543
|
+
"fontSize": "{typography.size.4XL} * {figma.typography.size.base}",
|
|
544
|
+
"fontFamily": "Aleo",
|
|
545
|
+
"fontWeight": "Italic",
|
|
546
|
+
"letterSpacing": "{typography.letter-spacing.S} * 100%",
|
|
547
|
+
"lineHeight": "{typography.line-height.M}"
|
|
548
|
+
},
|
|
549
|
+
"type": "typography"
|
|
550
|
+
},
|
|
551
|
+
"name": "text-body-quote-large",
|
|
552
|
+
"attributes": {
|
|
553
|
+
"category": "text",
|
|
554
|
+
"type": "body",
|
|
555
|
+
"item": "quote-large"
|
|
556
|
+
},
|
|
557
|
+
"path": [
|
|
558
|
+
"text",
|
|
559
|
+
"body",
|
|
560
|
+
"quote-large"
|
|
561
|
+
]
|
|
562
|
+
},
|
|
414
563
|
"overline": {
|
|
415
564
|
"value": {
|
|
416
|
-
"fontSize": "1.
|
|
565
|
+
"fontSize": "1.225 * 16",
|
|
417
566
|
"fontFamily": "Poppins",
|
|
418
567
|
"fontWeight": 700,
|
|
419
568
|
"letterSpacing": "0.04 * 100%",
|
|
@@ -445,12 +594,82 @@
|
|
|
445
594
|
"body",
|
|
446
595
|
"overline"
|
|
447
596
|
]
|
|
597
|
+
},
|
|
598
|
+
"overline-small": {
|
|
599
|
+
"value": {
|
|
600
|
+
"fontSize": "1 * 16",
|
|
601
|
+
"fontFamily": "Poppins",
|
|
602
|
+
"fontWeight": 700,
|
|
603
|
+
"letterSpacing": "0.04 * 100%",
|
|
604
|
+
"textCase": "uppercase",
|
|
605
|
+
"lineHeight": "120%"
|
|
606
|
+
},
|
|
607
|
+
"type": "typography",
|
|
608
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
609
|
+
"isSource": true,
|
|
610
|
+
"original": {
|
|
611
|
+
"value": {
|
|
612
|
+
"fontSize": "{typography.size.M} * {figma.typography.size.base}",
|
|
613
|
+
"fontFamily": "Poppins",
|
|
614
|
+
"fontWeight": "{typography.font-weight.bold}",
|
|
615
|
+
"letterSpacing": "{typography.letter-spacing.L} * 100%",
|
|
616
|
+
"textCase": "uppercase",
|
|
617
|
+
"lineHeight": "{typography.line-height.S}"
|
|
618
|
+
},
|
|
619
|
+
"type": "typography"
|
|
620
|
+
},
|
|
621
|
+
"name": "text-body-overline-small",
|
|
622
|
+
"attributes": {
|
|
623
|
+
"category": "text",
|
|
624
|
+
"type": "body",
|
|
625
|
+
"item": "overline-small"
|
|
626
|
+
},
|
|
627
|
+
"path": [
|
|
628
|
+
"text",
|
|
629
|
+
"body",
|
|
630
|
+
"overline-small"
|
|
631
|
+
]
|
|
632
|
+
},
|
|
633
|
+
"overline-xs": {
|
|
634
|
+
"value": {
|
|
635
|
+
"fontSize": "0.875 * 16",
|
|
636
|
+
"fontFamily": "Poppins",
|
|
637
|
+
"fontWeight": 700,
|
|
638
|
+
"letterSpacing": "0.04 * 100%",
|
|
639
|
+
"textCase": "uppercase",
|
|
640
|
+
"lineHeight": "120%"
|
|
641
|
+
},
|
|
642
|
+
"type": "typography",
|
|
643
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
644
|
+
"isSource": true,
|
|
645
|
+
"original": {
|
|
646
|
+
"value": {
|
|
647
|
+
"fontSize": "{typography.size.S} * {figma.typography.size.base}",
|
|
648
|
+
"fontFamily": "Poppins",
|
|
649
|
+
"fontWeight": "{typography.font-weight.bold}",
|
|
650
|
+
"letterSpacing": "{typography.letter-spacing.L} * 100%",
|
|
651
|
+
"textCase": "uppercase",
|
|
652
|
+
"lineHeight": "{typography.line-height.S}"
|
|
653
|
+
},
|
|
654
|
+
"type": "typography"
|
|
655
|
+
},
|
|
656
|
+
"name": "text-body-overline-xs",
|
|
657
|
+
"attributes": {
|
|
658
|
+
"category": "text",
|
|
659
|
+
"type": "body",
|
|
660
|
+
"item": "overline-xs"
|
|
661
|
+
},
|
|
662
|
+
"path": [
|
|
663
|
+
"text",
|
|
664
|
+
"body",
|
|
665
|
+
"overline-xs"
|
|
666
|
+
]
|
|
448
667
|
}
|
|
449
668
|
},
|
|
450
669
|
"headings": {
|
|
451
670
|
"h1": {
|
|
452
671
|
"value": {
|
|
453
|
-
"fontSize": "
|
|
672
|
+
"fontSize": "2.759 * 16",
|
|
454
673
|
"fontWeight": 700,
|
|
455
674
|
"fontFamily": "Poppins",
|
|
456
675
|
"lineHeight": "120%"
|
|
@@ -481,7 +700,7 @@
|
|
|
481
700
|
},
|
|
482
701
|
"h2": {
|
|
483
702
|
"value": {
|
|
484
|
-
"fontSize": "2.
|
|
703
|
+
"fontSize": "2.252 * 16",
|
|
485
704
|
"fontWeight": 700,
|
|
486
705
|
"fontFamily": "Poppins",
|
|
487
706
|
"lineHeight": "120%"
|
|
@@ -512,7 +731,7 @@
|
|
|
512
731
|
},
|
|
513
732
|
"h3": {
|
|
514
733
|
"value": {
|
|
515
|
-
"fontSize": "1.
|
|
734
|
+
"fontSize": "1.838 * 16",
|
|
516
735
|
"fontWeight": 700,
|
|
517
736
|
"fontFamily": "Poppins",
|
|
518
737
|
"lineHeight": "120%"
|
|
@@ -543,7 +762,7 @@
|
|
|
543
762
|
},
|
|
544
763
|
"h4": {
|
|
545
764
|
"value": {
|
|
546
|
-
"fontSize": "1.
|
|
765
|
+
"fontSize": "1.501 * 16",
|
|
547
766
|
"fontWeight": 700,
|
|
548
767
|
"fontFamily": "Poppins",
|
|
549
768
|
"lineHeight": "120%"
|
|
@@ -574,7 +793,7 @@
|
|
|
574
793
|
},
|
|
575
794
|
"h5": {
|
|
576
795
|
"value": {
|
|
577
|
-
"fontSize": "1.
|
|
796
|
+
"fontSize": "1.225 * 16",
|
|
578
797
|
"fontWeight": 700,
|
|
579
798
|
"fontFamily": "Poppins",
|
|
580
799
|
"lineHeight": "120%"
|
|
@@ -638,7 +857,7 @@
|
|
|
638
857
|
"button": {
|
|
639
858
|
"large": {
|
|
640
859
|
"value": {
|
|
641
|
-
"fontSize": "1.
|
|
860
|
+
"fontSize": "1.225 * 16",
|
|
642
861
|
"fontWeight": 700,
|
|
643
862
|
"fontFamily": "Poppins",
|
|
644
863
|
"letterSpacing": "0.01 * 100%",
|
|
@@ -872,7 +1091,7 @@
|
|
|
872
1091
|
"regular": {
|
|
873
1092
|
"4XL": {
|
|
874
1093
|
"value": {
|
|
875
|
-
"fontSize": "
|
|
1094
|
+
"fontSize": "2.759 * 16",
|
|
876
1095
|
"fontFamily": "Poppins",
|
|
877
1096
|
"fontWeight": 400
|
|
878
1097
|
},
|
|
@@ -903,7 +1122,7 @@
|
|
|
903
1122
|
},
|
|
904
1123
|
"3XL": {
|
|
905
1124
|
"value": {
|
|
906
|
-
"fontSize": "2.
|
|
1125
|
+
"fontSize": "2.252 * 16",
|
|
907
1126
|
"fontFamily": "Poppins",
|
|
908
1127
|
"fontWeight": 400
|
|
909
1128
|
},
|
|
@@ -934,7 +1153,7 @@
|
|
|
934
1153
|
},
|
|
935
1154
|
"2XL": {
|
|
936
1155
|
"value": {
|
|
937
|
-
"fontSize": "1.
|
|
1156
|
+
"fontSize": "1.838 * 16",
|
|
938
1157
|
"fontFamily": "Poppins",
|
|
939
1158
|
"fontWeight": 400
|
|
940
1159
|
},
|
|
@@ -965,7 +1184,7 @@
|
|
|
965
1184
|
},
|
|
966
1185
|
"XL": {
|
|
967
1186
|
"value": {
|
|
968
|
-
"fontSize": "1.
|
|
1187
|
+
"fontSize": "1.501 * 16",
|
|
969
1188
|
"fontFamily": "Poppins",
|
|
970
1189
|
"fontWeight": 400
|
|
971
1190
|
},
|
|
@@ -996,7 +1215,7 @@
|
|
|
996
1215
|
},
|
|
997
1216
|
"L": {
|
|
998
1217
|
"value": {
|
|
999
|
-
"fontSize": "1.
|
|
1218
|
+
"fontSize": "1.225 * 16",
|
|
1000
1219
|
"fontFamily": "Poppins",
|
|
1001
1220
|
"fontWeight": 400
|
|
1002
1221
|
},
|
|
@@ -1124,7 +1343,7 @@
|
|
|
1124
1343
|
"medium": {
|
|
1125
1344
|
"4XL": {
|
|
1126
1345
|
"value": {
|
|
1127
|
-
"fontSize": "
|
|
1346
|
+
"fontSize": "2.759 * 16",
|
|
1128
1347
|
"fontFamily": "Poppins",
|
|
1129
1348
|
"fontWeight": 500
|
|
1130
1349
|
},
|
|
@@ -1155,7 +1374,7 @@
|
|
|
1155
1374
|
},
|
|
1156
1375
|
"3XL": {
|
|
1157
1376
|
"value": {
|
|
1158
|
-
"fontSize": "2.
|
|
1377
|
+
"fontSize": "2.252 * 16",
|
|
1159
1378
|
"fontFamily": "Poppins",
|
|
1160
1379
|
"fontWeight": 500
|
|
1161
1380
|
},
|
|
@@ -1186,7 +1405,7 @@
|
|
|
1186
1405
|
},
|
|
1187
1406
|
"2XL": {
|
|
1188
1407
|
"value": {
|
|
1189
|
-
"fontSize": "1.
|
|
1408
|
+
"fontSize": "1.838 * 16",
|
|
1190
1409
|
"fontFamily": "Poppins",
|
|
1191
1410
|
"fontWeight": 500
|
|
1192
1411
|
},
|
|
@@ -1217,7 +1436,7 @@
|
|
|
1217
1436
|
},
|
|
1218
1437
|
"XL": {
|
|
1219
1438
|
"value": {
|
|
1220
|
-
"fontSize": "1.
|
|
1439
|
+
"fontSize": "1.501 * 16",
|
|
1221
1440
|
"fontFamily": "Poppins",
|
|
1222
1441
|
"fontWeight": 500
|
|
1223
1442
|
},
|
|
@@ -1248,7 +1467,7 @@
|
|
|
1248
1467
|
},
|
|
1249
1468
|
"L": {
|
|
1250
1469
|
"value": {
|
|
1251
|
-
"fontSize": "1.
|
|
1470
|
+
"fontSize": "1.225 * 16",
|
|
1252
1471
|
"fontFamily": "Poppins",
|
|
1253
1472
|
"fontWeight": 500
|
|
1254
1473
|
},
|
|
@@ -1376,7 +1595,7 @@
|
|
|
1376
1595
|
"semibold": {
|
|
1377
1596
|
"4XL": {
|
|
1378
1597
|
"value": {
|
|
1379
|
-
"fontSize": "
|
|
1598
|
+
"fontSize": "2.759 * 16",
|
|
1380
1599
|
"fontFamily": "Poppins",
|
|
1381
1600
|
"fontWeight": 600
|
|
1382
1601
|
},
|
|
@@ -1407,7 +1626,7 @@
|
|
|
1407
1626
|
},
|
|
1408
1627
|
"3XL": {
|
|
1409
1628
|
"value": {
|
|
1410
|
-
"fontSize": "2.
|
|
1629
|
+
"fontSize": "2.252 * 16",
|
|
1411
1630
|
"fontFamily": "Poppins",
|
|
1412
1631
|
"fontWeight": 600
|
|
1413
1632
|
},
|
|
@@ -1438,7 +1657,7 @@
|
|
|
1438
1657
|
},
|
|
1439
1658
|
"2XL": {
|
|
1440
1659
|
"value": {
|
|
1441
|
-
"fontSize": "1.
|
|
1660
|
+
"fontSize": "1.838 * 16",
|
|
1442
1661
|
"fontFamily": "Poppins",
|
|
1443
1662
|
"fontWeight": 600
|
|
1444
1663
|
},
|
|
@@ -1469,7 +1688,7 @@
|
|
|
1469
1688
|
},
|
|
1470
1689
|
"XL": {
|
|
1471
1690
|
"value": {
|
|
1472
|
-
"fontSize": "1.
|
|
1691
|
+
"fontSize": "1.501 * 16",
|
|
1473
1692
|
"fontFamily": "Poppins",
|
|
1474
1693
|
"fontWeight": 600
|
|
1475
1694
|
},
|
|
@@ -1500,7 +1719,7 @@
|
|
|
1500
1719
|
},
|
|
1501
1720
|
"L": {
|
|
1502
1721
|
"value": {
|
|
1503
|
-
"fontSize": "1.
|
|
1722
|
+
"fontSize": "1.225 * 16",
|
|
1504
1723
|
"fontFamily": "Poppins",
|
|
1505
1724
|
"fontWeight": 600
|
|
1506
1725
|
},
|
|
@@ -1628,7 +1847,7 @@
|
|
|
1628
1847
|
"bold": {
|
|
1629
1848
|
"4XL": {
|
|
1630
1849
|
"value": {
|
|
1631
|
-
"fontSize": "
|
|
1850
|
+
"fontSize": "2.759 * 16",
|
|
1632
1851
|
"fontFamily": "Poppins",
|
|
1633
1852
|
"fontWeight": 700
|
|
1634
1853
|
},
|
|
@@ -1659,7 +1878,7 @@
|
|
|
1659
1878
|
},
|
|
1660
1879
|
"3XL": {
|
|
1661
1880
|
"value": {
|
|
1662
|
-
"fontSize": "2.
|
|
1881
|
+
"fontSize": "2.252 * 16",
|
|
1663
1882
|
"fontFamily": "Poppins",
|
|
1664
1883
|
"fontWeight": 700
|
|
1665
1884
|
},
|
|
@@ -1690,7 +1909,7 @@
|
|
|
1690
1909
|
},
|
|
1691
1910
|
"2XL": {
|
|
1692
1911
|
"value": {
|
|
1693
|
-
"fontSize": "1.
|
|
1912
|
+
"fontSize": "1.838 * 16",
|
|
1694
1913
|
"fontFamily": "Poppins",
|
|
1695
1914
|
"fontWeight": 700
|
|
1696
1915
|
},
|
|
@@ -1721,7 +1940,7 @@
|
|
|
1721
1940
|
},
|
|
1722
1941
|
"XL": {
|
|
1723
1942
|
"value": {
|
|
1724
|
-
"fontSize": "1.
|
|
1943
|
+
"fontSize": "1.501 * 16",
|
|
1725
1944
|
"fontFamily": "Poppins",
|
|
1726
1945
|
"fontWeight": 700
|
|
1727
1946
|
},
|
|
@@ -1752,7 +1971,7 @@
|
|
|
1752
1971
|
},
|
|
1753
1972
|
"L": {
|
|
1754
1973
|
"value": {
|
|
1755
|
-
"fontSize": "1.
|
|
1974
|
+
"fontSize": "1.225 * 16",
|
|
1756
1975
|
"fontFamily": "Poppins",
|
|
1757
1976
|
"fontWeight": 700
|
|
1758
1977
|
},
|
|
@@ -46,14 +46,37 @@
|
|
|
46
46
|
]
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
|
+
"reveal": {
|
|
50
|
+
"transition": {
|
|
51
|
+
"value": "all 300ms ease-in-out",
|
|
52
|
+
"public": true,
|
|
53
|
+
"filePath": "tokens/animation/alias.json",
|
|
54
|
+
"isSource": true,
|
|
55
|
+
"original": {
|
|
56
|
+
"value": "all {animation.transition.reveal.duration.value} {animation.transition.default.timing-function.value}",
|
|
57
|
+
"public": true
|
|
58
|
+
},
|
|
59
|
+
"name": "animation-reveal-transition",
|
|
60
|
+
"attributes": {
|
|
61
|
+
"category": "animation",
|
|
62
|
+
"type": "reveal",
|
|
63
|
+
"item": "transition"
|
|
64
|
+
},
|
|
65
|
+
"path": [
|
|
66
|
+
"animation",
|
|
67
|
+
"reveal",
|
|
68
|
+
"transition"
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
},
|
|
49
72
|
"button": {
|
|
50
73
|
"transition": {
|
|
51
|
-
"value": "
|
|
74
|
+
"value": "all 200ms ease-in-out 0s",
|
|
52
75
|
"public": true,
|
|
53
76
|
"filePath": "tokens/animation/alias.json",
|
|
54
77
|
"isSource": true,
|
|
55
78
|
"original": {
|
|
56
|
-
"value": "
|
|
79
|
+
"value": "all {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
|
|
57
80
|
"public": true
|
|
58
81
|
},
|
|
59
82
|
"name": "animation-button-transition",
|
|
@@ -94,12 +117,12 @@
|
|
|
94
117
|
},
|
|
95
118
|
"link": {
|
|
96
119
|
"transition": {
|
|
97
|
-
"value": "
|
|
120
|
+
"value": "all 200ms ease-in-out 0s",
|
|
98
121
|
"public": true,
|
|
99
122
|
"filePath": "tokens/animation/alias.json",
|
|
100
123
|
"isSource": true,
|
|
101
124
|
"original": {
|
|
102
|
-
"value": "
|
|
125
|
+
"value": "all {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
|
|
103
126
|
"public": true
|
|
104
127
|
},
|
|
105
128
|
"name": "animation-link-transition",
|
|
@@ -211,6 +234,31 @@
|
|
|
211
234
|
"duration"
|
|
212
235
|
]
|
|
213
236
|
}
|
|
237
|
+
},
|
|
238
|
+
"reveal": {
|
|
239
|
+
"duration": {
|
|
240
|
+
"value": "300ms",
|
|
241
|
+
"public": true,
|
|
242
|
+
"filePath": "tokens/animation/base.json",
|
|
243
|
+
"isSource": true,
|
|
244
|
+
"original": {
|
|
245
|
+
"value": "300ms",
|
|
246
|
+
"public": true
|
|
247
|
+
},
|
|
248
|
+
"name": "animation-transition-reveal-duration",
|
|
249
|
+
"attributes": {
|
|
250
|
+
"category": "animation",
|
|
251
|
+
"type": "transition",
|
|
252
|
+
"item": "reveal",
|
|
253
|
+
"subitem": "duration"
|
|
254
|
+
},
|
|
255
|
+
"path": [
|
|
256
|
+
"animation",
|
|
257
|
+
"transition",
|
|
258
|
+
"reveal",
|
|
259
|
+
"duration"
|
|
260
|
+
]
|
|
261
|
+
}
|
|
214
262
|
}
|
|
215
263
|
}
|
|
216
264
|
},
|
|
@@ -1237,13 +1285,13 @@
|
|
|
1237
1285
|
"letter-spacing": {
|
|
1238
1286
|
"XL": {
|
|
1239
1287
|
"value": "0.06",
|
|
1240
|
-
"defaultUnit": "
|
|
1288
|
+
"defaultUnit": "rem",
|
|
1241
1289
|
"public": true,
|
|
1242
1290
|
"filePath": "tokens/typography/base/letter-spacing.json",
|
|
1243
1291
|
"isSource": true,
|
|
1244
1292
|
"original": {
|
|
1245
1293
|
"value": "0.06",
|
|
1246
|
-
"defaultUnit": "
|
|
1294
|
+
"defaultUnit": "rem",
|
|
1247
1295
|
"public": true
|
|
1248
1296
|
},
|
|
1249
1297
|
"name": "typography-letter-spacing-xl",
|
|
@@ -1260,13 +1308,13 @@
|
|
|
1260
1308
|
},
|
|
1261
1309
|
"L": {
|
|
1262
1310
|
"value": "0.04",
|
|
1263
|
-
"defaultUnit": "
|
|
1311
|
+
"defaultUnit": "rem",
|
|
1264
1312
|
"public": true,
|
|
1265
1313
|
"filePath": "tokens/typography/base/letter-spacing.json",
|
|
1266
1314
|
"isSource": true,
|
|
1267
1315
|
"original": {
|
|
1268
1316
|
"value": "0.04",
|
|
1269
|
-
"defaultUnit": "
|
|
1317
|
+
"defaultUnit": "rem",
|
|
1270
1318
|
"public": true
|
|
1271
1319
|
},
|
|
1272
1320
|
"name": "typography-letter-spacing-l",
|
|
@@ -1283,13 +1331,13 @@
|
|
|
1283
1331
|
},
|
|
1284
1332
|
"M": {
|
|
1285
1333
|
"value": "0.02",
|
|
1286
|
-
"defaultUnit": "
|
|
1334
|
+
"defaultUnit": "rem",
|
|
1287
1335
|
"public": true,
|
|
1288
1336
|
"filePath": "tokens/typography/base/letter-spacing.json",
|
|
1289
1337
|
"isSource": true,
|
|
1290
1338
|
"original": {
|
|
1291
1339
|
"value": "0.02",
|
|
1292
|
-
"defaultUnit": "
|
|
1340
|
+
"defaultUnit": "rem",
|
|
1293
1341
|
"public": true
|
|
1294
1342
|
},
|
|
1295
1343
|
"name": "typography-letter-spacing-m",
|
|
@@ -1306,13 +1354,13 @@
|
|
|
1306
1354
|
},
|
|
1307
1355
|
"S": {
|
|
1308
1356
|
"value": "0.01",
|
|
1309
|
-
"defaultUnit": "
|
|
1357
|
+
"defaultUnit": "rem",
|
|
1310
1358
|
"public": true,
|
|
1311
1359
|
"filePath": "tokens/typography/base/letter-spacing.json",
|
|
1312
1360
|
"isSource": true,
|
|
1313
1361
|
"original": {
|
|
1314
1362
|
"value": "0.01",
|
|
1315
|
-
"defaultUnit": "
|
|
1363
|
+
"defaultUnit": "rem",
|
|
1316
1364
|
"public": true
|
|
1317
1365
|
},
|
|
1318
1366
|
"name": "typography-letter-spacing-s",
|
|
@@ -1459,12 +1507,12 @@
|
|
|
1459
1507
|
}
|
|
1460
1508
|
},
|
|
1461
1509
|
"scale-ratio": {
|
|
1462
|
-
"value": "1.
|
|
1510
|
+
"value": "1.225",
|
|
1463
1511
|
"comment": "The base ratio/multiplier of the typographic scale.",
|
|
1464
1512
|
"filePath": "tokens/typography/base/size.json",
|
|
1465
1513
|
"isSource": true,
|
|
1466
1514
|
"original": {
|
|
1467
|
-
"value": "1.
|
|
1515
|
+
"value": "1.225",
|
|
1468
1516
|
"comment": "The base ratio/multiplier of the typographic scale."
|
|
1469
1517
|
},
|
|
1470
1518
|
"name": "typography-scale-ratio",
|
|
@@ -1479,15 +1527,13 @@
|
|
|
1479
1527
|
},
|
|
1480
1528
|
"size": {
|
|
1481
1529
|
"4XL": {
|
|
1482
|
-
"value": "
|
|
1483
|
-
"
|
|
1484
|
-
"defaultUnit": "em",
|
|
1530
|
+
"value": "2.759",
|
|
1531
|
+
"defaultUnit": "rem",
|
|
1485
1532
|
"filePath": "tokens/typography/base/size.json",
|
|
1486
1533
|
"isSource": true,
|
|
1487
1534
|
"original": {
|
|
1488
|
-
"value": "
|
|
1489
|
-
"
|
|
1490
|
-
"defaultUnit": "em"
|
|
1535
|
+
"value": "2.759",
|
|
1536
|
+
"defaultUnit": "rem"
|
|
1491
1537
|
},
|
|
1492
1538
|
"name": "typography-size-4-xl",
|
|
1493
1539
|
"attributes": {
|
|
@@ -1502,15 +1548,13 @@
|
|
|
1502
1548
|
]
|
|
1503
1549
|
},
|
|
1504
1550
|
"3XL": {
|
|
1505
|
-
"value": "2.
|
|
1506
|
-
"
|
|
1507
|
-
"defaultUnit": "em",
|
|
1551
|
+
"value": "2.252",
|
|
1552
|
+
"defaultUnit": "rem",
|
|
1508
1553
|
"filePath": "tokens/typography/base/size.json",
|
|
1509
1554
|
"isSource": true,
|
|
1510
1555
|
"original": {
|
|
1511
|
-
"value": "2.
|
|
1512
|
-
"
|
|
1513
|
-
"defaultUnit": "em"
|
|
1556
|
+
"value": "2.252",
|
|
1557
|
+
"defaultUnit": "rem"
|
|
1514
1558
|
},
|
|
1515
1559
|
"name": "typography-size-3-xl",
|
|
1516
1560
|
"attributes": {
|
|
@@ -1525,15 +1569,13 @@
|
|
|
1525
1569
|
]
|
|
1526
1570
|
},
|
|
1527
1571
|
"2XL": {
|
|
1528
|
-
"value": "1.
|
|
1529
|
-
"
|
|
1530
|
-
"defaultUnit": "em",
|
|
1572
|
+
"value": "1.838",
|
|
1573
|
+
"defaultUnit": "rem",
|
|
1531
1574
|
"filePath": "tokens/typography/base/size.json",
|
|
1532
1575
|
"isSource": true,
|
|
1533
1576
|
"original": {
|
|
1534
|
-
"value": "1.
|
|
1535
|
-
"
|
|
1536
|
-
"defaultUnit": "em"
|
|
1577
|
+
"value": "1.838",
|
|
1578
|
+
"defaultUnit": "rem"
|
|
1537
1579
|
},
|
|
1538
1580
|
"name": "typography-size-2-xl",
|
|
1539
1581
|
"attributes": {
|
|
@@ -1548,15 +1590,13 @@
|
|
|
1548
1590
|
]
|
|
1549
1591
|
},
|
|
1550
1592
|
"XL": {
|
|
1551
|
-
"value": "1.
|
|
1552
|
-
"
|
|
1553
|
-
"defaultUnit": "em",
|
|
1593
|
+
"value": "1.501",
|
|
1594
|
+
"defaultUnit": "rem",
|
|
1554
1595
|
"filePath": "tokens/typography/base/size.json",
|
|
1555
1596
|
"isSource": true,
|
|
1556
1597
|
"original": {
|
|
1557
|
-
"value": "1.
|
|
1558
|
-
"
|
|
1559
|
-
"defaultUnit": "em"
|
|
1598
|
+
"value": "1.501",
|
|
1599
|
+
"defaultUnit": "rem"
|
|
1560
1600
|
},
|
|
1561
1601
|
"name": "typography-size-xl",
|
|
1562
1602
|
"attributes": {
|
|
@@ -1571,15 +1611,13 @@
|
|
|
1571
1611
|
]
|
|
1572
1612
|
},
|
|
1573
1613
|
"L": {
|
|
1574
|
-
"value": "1.
|
|
1575
|
-
"
|
|
1576
|
-
"defaultUnit": "em",
|
|
1614
|
+
"value": "1.225",
|
|
1615
|
+
"defaultUnit": "rem",
|
|
1577
1616
|
"filePath": "tokens/typography/base/size.json",
|
|
1578
1617
|
"isSource": true,
|
|
1579
1618
|
"original": {
|
|
1580
|
-
"value": "1.
|
|
1581
|
-
"
|
|
1582
|
-
"defaultUnit": "em"
|
|
1619
|
+
"value": "1.225",
|
|
1620
|
+
"defaultUnit": "rem"
|
|
1583
1621
|
},
|
|
1584
1622
|
"name": "typography-size-l",
|
|
1585
1623
|
"attributes": {
|
|
@@ -1596,13 +1634,13 @@
|
|
|
1596
1634
|
"M": {
|
|
1597
1635
|
"value": "1",
|
|
1598
1636
|
"comment": "Base value.",
|
|
1599
|
-
"defaultUnit": "
|
|
1637
|
+
"defaultUnit": "rem",
|
|
1600
1638
|
"filePath": "tokens/typography/base/size.json",
|
|
1601
1639
|
"isSource": true,
|
|
1602
1640
|
"original": {
|
|
1603
1641
|
"value": "1",
|
|
1604
1642
|
"comment": "Base value.",
|
|
1605
|
-
"defaultUnit": "
|
|
1643
|
+
"defaultUnit": "rem"
|
|
1606
1644
|
},
|
|
1607
1645
|
"name": "typography-size-m",
|
|
1608
1646
|
"attributes": {
|
|
@@ -1618,14 +1656,12 @@
|
|
|
1618
1656
|
},
|
|
1619
1657
|
"S": {
|
|
1620
1658
|
"value": "0.875",
|
|
1621
|
-
"
|
|
1622
|
-
"defaultUnit": "em",
|
|
1659
|
+
"defaultUnit": "rem",
|
|
1623
1660
|
"filePath": "tokens/typography/base/size.json",
|
|
1624
1661
|
"isSource": true,
|
|
1625
1662
|
"original": {
|
|
1626
1663
|
"value": "0.875",
|
|
1627
|
-
"
|
|
1628
|
-
"defaultUnit": "em"
|
|
1664
|
+
"defaultUnit": "rem"
|
|
1629
1665
|
},
|
|
1630
1666
|
"name": "typography-size-s",
|
|
1631
1667
|
"attributes": {
|
|
@@ -1641,14 +1677,12 @@
|
|
|
1641
1677
|
},
|
|
1642
1678
|
"XS": {
|
|
1643
1679
|
"value": "0.75",
|
|
1644
|
-
"
|
|
1645
|
-
"defaultUnit": "em",
|
|
1680
|
+
"defaultUnit": "rem",
|
|
1646
1681
|
"filePath": "tokens/typography/base/size.json",
|
|
1647
1682
|
"isSource": true,
|
|
1648
1683
|
"original": {
|
|
1649
1684
|
"value": "0.75",
|
|
1650
|
-
"
|
|
1651
|
-
"defaultUnit": "em"
|
|
1685
|
+
"defaultUnit": "rem"
|
|
1652
1686
|
},
|
|
1653
1687
|
"name": "typography-size-xs",
|
|
1654
1688
|
"attributes": {
|