@neuravision/construct 2.0.1 → 2.0.2
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/README.md +6 -3
- package/package.json +2 -1
- package/tokens/tokens.css +2 -2
- package/tokens/tokens.js +46 -46
- package/tokens/tokens.json +46 -46
- package/tokens/tokens.ts +46 -46
package/README.md
CHANGED
|
@@ -99,8 +99,11 @@ Raw design values (colors, spacing, typography)
|
|
|
99
99
|
```json
|
|
100
100
|
{
|
|
101
101
|
"color": {
|
|
102
|
-
"
|
|
103
|
-
"
|
|
102
|
+
"stone": {
|
|
103
|
+
"950": "#16130F"
|
|
104
|
+
},
|
|
105
|
+
"orange": {
|
|
106
|
+
"500": "#F4581C"
|
|
104
107
|
}
|
|
105
108
|
},
|
|
106
109
|
"space": {
|
|
@@ -116,7 +119,7 @@ Contextual aliases that reference primitives
|
|
|
116
119
|
{
|
|
117
120
|
"color": {
|
|
118
121
|
"brand": {
|
|
119
|
-
"primary": "{color.
|
|
122
|
+
"primary": "{color.stone.950}"
|
|
120
123
|
}
|
|
121
124
|
}
|
|
122
125
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neuravision/construct",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2",
|
|
4
4
|
"description": "Construct Design System - Accessible, token-based design system for modern web applications",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
"@vitest/browser-playwright": "^4.0.18",
|
|
61
61
|
"@vitest/coverage-v8": "^4.0.18",
|
|
62
62
|
"playwright": "^1.58.1",
|
|
63
|
+
"remark-gfm": "^4.0.1",
|
|
63
64
|
"storybook": "^10.2.3",
|
|
64
65
|
"vitest": "^4.0.18"
|
|
65
66
|
}
|
package/tokens/tokens.css
CHANGED
|
@@ -94,8 +94,8 @@
|
|
|
94
94
|
--color-pink-800: #461020;
|
|
95
95
|
--color-pink-900: #29080F;
|
|
96
96
|
/* Typography */
|
|
97
|
-
--font-family-brand: "
|
|
98
|
-
--font-family-text: "
|
|
97
|
+
--font-family-brand: "Lato", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
|
98
|
+
--font-family-text: "Lato", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
|
99
99
|
--font-family-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;
|
|
100
100
|
--font-weight-regular: 400;
|
|
101
101
|
--font-weight-medium: 500;
|
package/tokens/tokens.js
CHANGED
|
@@ -115,8 +115,8 @@ export const primitives = {
|
|
|
115
115
|
},
|
|
116
116
|
"font": {
|
|
117
117
|
"family": {
|
|
118
|
-
"brand": "\"
|
|
119
|
-
"text": "\"
|
|
118
|
+
"brand": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
119
|
+
"text": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
120
120
|
"mono": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
121
121
|
},
|
|
122
122
|
"weight": {
|
|
@@ -361,70 +361,70 @@ export const semantic = {
|
|
|
361
361
|
},
|
|
362
362
|
"font": {
|
|
363
363
|
"family": {
|
|
364
|
-
"heading": "\"
|
|
365
|
-
"body": "\"
|
|
364
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
365
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
366
366
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
367
367
|
}
|
|
368
368
|
},
|
|
369
369
|
"typography": {
|
|
370
370
|
"display": {
|
|
371
|
-
"fontFamily": "\"
|
|
371
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
372
372
|
"fontSize": "48px",
|
|
373
373
|
"lineHeight": "60px",
|
|
374
374
|
"fontWeight": "800",
|
|
375
375
|
"letterSpacing": "-0.3px"
|
|
376
376
|
},
|
|
377
377
|
"h1": {
|
|
378
|
-
"fontFamily": "\"
|
|
378
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
379
379
|
"fontSize": "40px",
|
|
380
380
|
"lineHeight": "52px",
|
|
381
381
|
"fontWeight": "700",
|
|
382
382
|
"letterSpacing": "-0.3px"
|
|
383
383
|
},
|
|
384
384
|
"h2": {
|
|
385
|
-
"fontFamily": "\"
|
|
385
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
386
386
|
"fontSize": "32px",
|
|
387
387
|
"lineHeight": "44px",
|
|
388
388
|
"fontWeight": "600",
|
|
389
389
|
"letterSpacing": "0px"
|
|
390
390
|
},
|
|
391
391
|
"h3": {
|
|
392
|
-
"fontFamily": "\"
|
|
392
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
393
393
|
"fontSize": "28px",
|
|
394
394
|
"lineHeight": "40px",
|
|
395
395
|
"fontWeight": "600",
|
|
396
396
|
"letterSpacing": "0px"
|
|
397
397
|
},
|
|
398
398
|
"h4": {
|
|
399
|
-
"fontFamily": "\"
|
|
399
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
400
400
|
"fontSize": "24px",
|
|
401
401
|
"lineHeight": "36px",
|
|
402
402
|
"fontWeight": "600",
|
|
403
403
|
"letterSpacing": "0px"
|
|
404
404
|
},
|
|
405
405
|
"body": {
|
|
406
|
-
"fontFamily": "\"
|
|
406
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
407
407
|
"fontSize": "16px",
|
|
408
408
|
"lineHeight": "24px",
|
|
409
409
|
"fontWeight": "400",
|
|
410
410
|
"letterSpacing": "0px"
|
|
411
411
|
},
|
|
412
412
|
"bodySm": {
|
|
413
|
-
"fontFamily": "\"
|
|
413
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
414
414
|
"fontSize": "14px",
|
|
415
415
|
"lineHeight": "20px",
|
|
416
416
|
"fontWeight": "400",
|
|
417
417
|
"letterSpacing": "0px"
|
|
418
418
|
},
|
|
419
419
|
"label": {
|
|
420
|
-
"fontFamily": "\"
|
|
420
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
421
421
|
"fontSize": "14px",
|
|
422
422
|
"lineHeight": "20px",
|
|
423
423
|
"fontWeight": "600",
|
|
424
424
|
"letterSpacing": "0.3px"
|
|
425
425
|
},
|
|
426
426
|
"caption": {
|
|
427
|
-
"fontFamily": "\"
|
|
427
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
428
428
|
"fontSize": "12px",
|
|
429
429
|
"lineHeight": "16px",
|
|
430
430
|
"fontWeight": "400",
|
|
@@ -539,70 +539,70 @@ export const semanticThemes = {
|
|
|
539
539
|
},
|
|
540
540
|
"font": {
|
|
541
541
|
"family": {
|
|
542
|
-
"heading": "\"
|
|
543
|
-
"body": "\"
|
|
542
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
543
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
544
544
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
545
545
|
}
|
|
546
546
|
},
|
|
547
547
|
"typography": {
|
|
548
548
|
"display": {
|
|
549
|
-
"fontFamily": "\"
|
|
549
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
550
550
|
"fontSize": "48px",
|
|
551
551
|
"lineHeight": "60px",
|
|
552
552
|
"fontWeight": "800",
|
|
553
553
|
"letterSpacing": "-0.3px"
|
|
554
554
|
},
|
|
555
555
|
"h1": {
|
|
556
|
-
"fontFamily": "\"
|
|
556
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
557
557
|
"fontSize": "40px",
|
|
558
558
|
"lineHeight": "52px",
|
|
559
559
|
"fontWeight": "700",
|
|
560
560
|
"letterSpacing": "-0.3px"
|
|
561
561
|
},
|
|
562
562
|
"h2": {
|
|
563
|
-
"fontFamily": "\"
|
|
563
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
564
564
|
"fontSize": "32px",
|
|
565
565
|
"lineHeight": "44px",
|
|
566
566
|
"fontWeight": "600",
|
|
567
567
|
"letterSpacing": "0px"
|
|
568
568
|
},
|
|
569
569
|
"h3": {
|
|
570
|
-
"fontFamily": "\"
|
|
570
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
571
571
|
"fontSize": "28px",
|
|
572
572
|
"lineHeight": "40px",
|
|
573
573
|
"fontWeight": "600",
|
|
574
574
|
"letterSpacing": "0px"
|
|
575
575
|
},
|
|
576
576
|
"h4": {
|
|
577
|
-
"fontFamily": "\"
|
|
577
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
578
578
|
"fontSize": "24px",
|
|
579
579
|
"lineHeight": "36px",
|
|
580
580
|
"fontWeight": "600",
|
|
581
581
|
"letterSpacing": "0px"
|
|
582
582
|
},
|
|
583
583
|
"body": {
|
|
584
|
-
"fontFamily": "\"
|
|
584
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
585
585
|
"fontSize": "16px",
|
|
586
586
|
"lineHeight": "24px",
|
|
587
587
|
"fontWeight": "400",
|
|
588
588
|
"letterSpacing": "0px"
|
|
589
589
|
},
|
|
590
590
|
"bodySm": {
|
|
591
|
-
"fontFamily": "\"
|
|
591
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
592
592
|
"fontSize": "14px",
|
|
593
593
|
"lineHeight": "20px",
|
|
594
594
|
"fontWeight": "400",
|
|
595
595
|
"letterSpacing": "0px"
|
|
596
596
|
},
|
|
597
597
|
"label": {
|
|
598
|
-
"fontFamily": "\"
|
|
598
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
599
599
|
"fontSize": "14px",
|
|
600
600
|
"lineHeight": "20px",
|
|
601
601
|
"fontWeight": "600",
|
|
602
602
|
"letterSpacing": "0.3px"
|
|
603
603
|
},
|
|
604
604
|
"caption": {
|
|
605
|
-
"fontFamily": "\"
|
|
605
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
606
606
|
"fontSize": "12px",
|
|
607
607
|
"lineHeight": "16px",
|
|
608
608
|
"fontWeight": "400",
|
|
@@ -715,70 +715,70 @@ export const semanticThemes = {
|
|
|
715
715
|
},
|
|
716
716
|
"font": {
|
|
717
717
|
"family": {
|
|
718
|
-
"heading": "\"
|
|
719
|
-
"body": "\"
|
|
718
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
719
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
720
720
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
721
721
|
}
|
|
722
722
|
},
|
|
723
723
|
"typography": {
|
|
724
724
|
"display": {
|
|
725
|
-
"fontFamily": "\"
|
|
725
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
726
726
|
"fontSize": "48px",
|
|
727
727
|
"lineHeight": "60px",
|
|
728
728
|
"fontWeight": "800",
|
|
729
729
|
"letterSpacing": "-0.3px"
|
|
730
730
|
},
|
|
731
731
|
"h1": {
|
|
732
|
-
"fontFamily": "\"
|
|
732
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
733
733
|
"fontSize": "40px",
|
|
734
734
|
"lineHeight": "52px",
|
|
735
735
|
"fontWeight": "700",
|
|
736
736
|
"letterSpacing": "-0.3px"
|
|
737
737
|
},
|
|
738
738
|
"h2": {
|
|
739
|
-
"fontFamily": "\"
|
|
739
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
740
740
|
"fontSize": "32px",
|
|
741
741
|
"lineHeight": "44px",
|
|
742
742
|
"fontWeight": "600",
|
|
743
743
|
"letterSpacing": "0px"
|
|
744
744
|
},
|
|
745
745
|
"h3": {
|
|
746
|
-
"fontFamily": "\"
|
|
746
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
747
747
|
"fontSize": "28px",
|
|
748
748
|
"lineHeight": "40px",
|
|
749
749
|
"fontWeight": "600",
|
|
750
750
|
"letterSpacing": "0px"
|
|
751
751
|
},
|
|
752
752
|
"h4": {
|
|
753
|
-
"fontFamily": "\"
|
|
753
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
754
754
|
"fontSize": "24px",
|
|
755
755
|
"lineHeight": "36px",
|
|
756
756
|
"fontWeight": "600",
|
|
757
757
|
"letterSpacing": "0px"
|
|
758
758
|
},
|
|
759
759
|
"body": {
|
|
760
|
-
"fontFamily": "\"
|
|
760
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
761
761
|
"fontSize": "16px",
|
|
762
762
|
"lineHeight": "24px",
|
|
763
763
|
"fontWeight": "400",
|
|
764
764
|
"letterSpacing": "0px"
|
|
765
765
|
},
|
|
766
766
|
"bodySm": {
|
|
767
|
-
"fontFamily": "\"
|
|
767
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
768
768
|
"fontSize": "14px",
|
|
769
769
|
"lineHeight": "20px",
|
|
770
770
|
"fontWeight": "400",
|
|
771
771
|
"letterSpacing": "0px"
|
|
772
772
|
},
|
|
773
773
|
"label": {
|
|
774
|
-
"fontFamily": "\"
|
|
774
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
775
775
|
"fontSize": "14px",
|
|
776
776
|
"lineHeight": "20px",
|
|
777
777
|
"fontWeight": "600",
|
|
778
778
|
"letterSpacing": "0.3px"
|
|
779
779
|
},
|
|
780
780
|
"caption": {
|
|
781
|
-
"fontFamily": "\"
|
|
781
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
782
782
|
"fontSize": "12px",
|
|
783
783
|
"lineHeight": "16px",
|
|
784
784
|
"fontWeight": "400",
|
|
@@ -891,70 +891,70 @@ export const semanticThemes = {
|
|
|
891
891
|
},
|
|
892
892
|
"font": {
|
|
893
893
|
"family": {
|
|
894
|
-
"heading": "\"
|
|
895
|
-
"body": "\"
|
|
894
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
895
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
896
896
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
897
897
|
}
|
|
898
898
|
},
|
|
899
899
|
"typography": {
|
|
900
900
|
"display": {
|
|
901
|
-
"fontFamily": "\"
|
|
901
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
902
902
|
"fontSize": "48px",
|
|
903
903
|
"lineHeight": "60px",
|
|
904
904
|
"fontWeight": "800",
|
|
905
905
|
"letterSpacing": "-0.3px"
|
|
906
906
|
},
|
|
907
907
|
"h1": {
|
|
908
|
-
"fontFamily": "\"
|
|
908
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
909
909
|
"fontSize": "40px",
|
|
910
910
|
"lineHeight": "52px",
|
|
911
911
|
"fontWeight": "700",
|
|
912
912
|
"letterSpacing": "-0.3px"
|
|
913
913
|
},
|
|
914
914
|
"h2": {
|
|
915
|
-
"fontFamily": "\"
|
|
915
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
916
916
|
"fontSize": "32px",
|
|
917
917
|
"lineHeight": "44px",
|
|
918
918
|
"fontWeight": "600",
|
|
919
919
|
"letterSpacing": "0px"
|
|
920
920
|
},
|
|
921
921
|
"h3": {
|
|
922
|
-
"fontFamily": "\"
|
|
922
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
923
923
|
"fontSize": "28px",
|
|
924
924
|
"lineHeight": "40px",
|
|
925
925
|
"fontWeight": "600",
|
|
926
926
|
"letterSpacing": "0px"
|
|
927
927
|
},
|
|
928
928
|
"h4": {
|
|
929
|
-
"fontFamily": "\"
|
|
929
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
930
930
|
"fontSize": "24px",
|
|
931
931
|
"lineHeight": "36px",
|
|
932
932
|
"fontWeight": "600",
|
|
933
933
|
"letterSpacing": "0px"
|
|
934
934
|
},
|
|
935
935
|
"body": {
|
|
936
|
-
"fontFamily": "\"
|
|
936
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
937
937
|
"fontSize": "16px",
|
|
938
938
|
"lineHeight": "24px",
|
|
939
939
|
"fontWeight": "400",
|
|
940
940
|
"letterSpacing": "0px"
|
|
941
941
|
},
|
|
942
942
|
"bodySm": {
|
|
943
|
-
"fontFamily": "\"
|
|
943
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
944
944
|
"fontSize": "14px",
|
|
945
945
|
"lineHeight": "20px",
|
|
946
946
|
"fontWeight": "400",
|
|
947
947
|
"letterSpacing": "0px"
|
|
948
948
|
},
|
|
949
949
|
"label": {
|
|
950
|
-
"fontFamily": "\"
|
|
950
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
951
951
|
"fontSize": "14px",
|
|
952
952
|
"lineHeight": "20px",
|
|
953
953
|
"fontWeight": "600",
|
|
954
954
|
"letterSpacing": "0.3px"
|
|
955
955
|
},
|
|
956
956
|
"caption": {
|
|
957
|
-
"fontFamily": "\"
|
|
957
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
958
958
|
"fontSize": "12px",
|
|
959
959
|
"lineHeight": "16px",
|
|
960
960
|
"fontWeight": "400",
|
package/tokens/tokens.json
CHANGED
|
@@ -114,8 +114,8 @@
|
|
|
114
114
|
},
|
|
115
115
|
"font": {
|
|
116
116
|
"family": {
|
|
117
|
-
"brand": "\"
|
|
118
|
-
"text": "\"
|
|
117
|
+
"brand": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
118
|
+
"text": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
119
119
|
"mono": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
120
120
|
},
|
|
121
121
|
"weight": {
|
|
@@ -359,70 +359,70 @@
|
|
|
359
359
|
},
|
|
360
360
|
"font": {
|
|
361
361
|
"family": {
|
|
362
|
-
"heading": "\"
|
|
363
|
-
"body": "\"
|
|
362
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
363
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
364
364
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
365
365
|
}
|
|
366
366
|
},
|
|
367
367
|
"typography": {
|
|
368
368
|
"display": {
|
|
369
|
-
"fontFamily": "\"
|
|
369
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
370
370
|
"fontSize": "48px",
|
|
371
371
|
"lineHeight": "60px",
|
|
372
372
|
"fontWeight": "800",
|
|
373
373
|
"letterSpacing": "-0.3px"
|
|
374
374
|
},
|
|
375
375
|
"h1": {
|
|
376
|
-
"fontFamily": "\"
|
|
376
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
377
377
|
"fontSize": "40px",
|
|
378
378
|
"lineHeight": "52px",
|
|
379
379
|
"fontWeight": "700",
|
|
380
380
|
"letterSpacing": "-0.3px"
|
|
381
381
|
},
|
|
382
382
|
"h2": {
|
|
383
|
-
"fontFamily": "\"
|
|
383
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
384
384
|
"fontSize": "32px",
|
|
385
385
|
"lineHeight": "44px",
|
|
386
386
|
"fontWeight": "600",
|
|
387
387
|
"letterSpacing": "0px"
|
|
388
388
|
},
|
|
389
389
|
"h3": {
|
|
390
|
-
"fontFamily": "\"
|
|
390
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
391
391
|
"fontSize": "28px",
|
|
392
392
|
"lineHeight": "40px",
|
|
393
393
|
"fontWeight": "600",
|
|
394
394
|
"letterSpacing": "0px"
|
|
395
395
|
},
|
|
396
396
|
"h4": {
|
|
397
|
-
"fontFamily": "\"
|
|
397
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
398
398
|
"fontSize": "24px",
|
|
399
399
|
"lineHeight": "36px",
|
|
400
400
|
"fontWeight": "600",
|
|
401
401
|
"letterSpacing": "0px"
|
|
402
402
|
},
|
|
403
403
|
"body": {
|
|
404
|
-
"fontFamily": "\"
|
|
404
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
405
405
|
"fontSize": "16px",
|
|
406
406
|
"lineHeight": "24px",
|
|
407
407
|
"fontWeight": "400",
|
|
408
408
|
"letterSpacing": "0px"
|
|
409
409
|
},
|
|
410
410
|
"bodySm": {
|
|
411
|
-
"fontFamily": "\"
|
|
411
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
412
412
|
"fontSize": "14px",
|
|
413
413
|
"lineHeight": "20px",
|
|
414
414
|
"fontWeight": "400",
|
|
415
415
|
"letterSpacing": "0px"
|
|
416
416
|
},
|
|
417
417
|
"label": {
|
|
418
|
-
"fontFamily": "\"
|
|
418
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
419
419
|
"fontSize": "14px",
|
|
420
420
|
"lineHeight": "20px",
|
|
421
421
|
"fontWeight": "600",
|
|
422
422
|
"letterSpacing": "0.3px"
|
|
423
423
|
},
|
|
424
424
|
"caption": {
|
|
425
|
-
"fontFamily": "\"
|
|
425
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
426
426
|
"fontSize": "12px",
|
|
427
427
|
"lineHeight": "16px",
|
|
428
428
|
"fontWeight": "400",
|
|
@@ -536,70 +536,70 @@
|
|
|
536
536
|
},
|
|
537
537
|
"font": {
|
|
538
538
|
"family": {
|
|
539
|
-
"heading": "\"
|
|
540
|
-
"body": "\"
|
|
539
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
540
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
541
541
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
542
542
|
}
|
|
543
543
|
},
|
|
544
544
|
"typography": {
|
|
545
545
|
"display": {
|
|
546
|
-
"fontFamily": "\"
|
|
546
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
547
547
|
"fontSize": "48px",
|
|
548
548
|
"lineHeight": "60px",
|
|
549
549
|
"fontWeight": "800",
|
|
550
550
|
"letterSpacing": "-0.3px"
|
|
551
551
|
},
|
|
552
552
|
"h1": {
|
|
553
|
-
"fontFamily": "\"
|
|
553
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
554
554
|
"fontSize": "40px",
|
|
555
555
|
"lineHeight": "52px",
|
|
556
556
|
"fontWeight": "700",
|
|
557
557
|
"letterSpacing": "-0.3px"
|
|
558
558
|
},
|
|
559
559
|
"h2": {
|
|
560
|
-
"fontFamily": "\"
|
|
560
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
561
561
|
"fontSize": "32px",
|
|
562
562
|
"lineHeight": "44px",
|
|
563
563
|
"fontWeight": "600",
|
|
564
564
|
"letterSpacing": "0px"
|
|
565
565
|
},
|
|
566
566
|
"h3": {
|
|
567
|
-
"fontFamily": "\"
|
|
567
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
568
568
|
"fontSize": "28px",
|
|
569
569
|
"lineHeight": "40px",
|
|
570
570
|
"fontWeight": "600",
|
|
571
571
|
"letterSpacing": "0px"
|
|
572
572
|
},
|
|
573
573
|
"h4": {
|
|
574
|
-
"fontFamily": "\"
|
|
574
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
575
575
|
"fontSize": "24px",
|
|
576
576
|
"lineHeight": "36px",
|
|
577
577
|
"fontWeight": "600",
|
|
578
578
|
"letterSpacing": "0px"
|
|
579
579
|
},
|
|
580
580
|
"body": {
|
|
581
|
-
"fontFamily": "\"
|
|
581
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
582
582
|
"fontSize": "16px",
|
|
583
583
|
"lineHeight": "24px",
|
|
584
584
|
"fontWeight": "400",
|
|
585
585
|
"letterSpacing": "0px"
|
|
586
586
|
},
|
|
587
587
|
"bodySm": {
|
|
588
|
-
"fontFamily": "\"
|
|
588
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
589
589
|
"fontSize": "14px",
|
|
590
590
|
"lineHeight": "20px",
|
|
591
591
|
"fontWeight": "400",
|
|
592
592
|
"letterSpacing": "0px"
|
|
593
593
|
},
|
|
594
594
|
"label": {
|
|
595
|
-
"fontFamily": "\"
|
|
595
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
596
596
|
"fontSize": "14px",
|
|
597
597
|
"lineHeight": "20px",
|
|
598
598
|
"fontWeight": "600",
|
|
599
599
|
"letterSpacing": "0.3px"
|
|
600
600
|
},
|
|
601
601
|
"caption": {
|
|
602
|
-
"fontFamily": "\"
|
|
602
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
603
603
|
"fontSize": "12px",
|
|
604
604
|
"lineHeight": "16px",
|
|
605
605
|
"fontWeight": "400",
|
|
@@ -712,70 +712,70 @@
|
|
|
712
712
|
},
|
|
713
713
|
"font": {
|
|
714
714
|
"family": {
|
|
715
|
-
"heading": "\"
|
|
716
|
-
"body": "\"
|
|
715
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
716
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
717
717
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
718
718
|
}
|
|
719
719
|
},
|
|
720
720
|
"typography": {
|
|
721
721
|
"display": {
|
|
722
|
-
"fontFamily": "\"
|
|
722
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
723
723
|
"fontSize": "48px",
|
|
724
724
|
"lineHeight": "60px",
|
|
725
725
|
"fontWeight": "800",
|
|
726
726
|
"letterSpacing": "-0.3px"
|
|
727
727
|
},
|
|
728
728
|
"h1": {
|
|
729
|
-
"fontFamily": "\"
|
|
729
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
730
730
|
"fontSize": "40px",
|
|
731
731
|
"lineHeight": "52px",
|
|
732
732
|
"fontWeight": "700",
|
|
733
733
|
"letterSpacing": "-0.3px"
|
|
734
734
|
},
|
|
735
735
|
"h2": {
|
|
736
|
-
"fontFamily": "\"
|
|
736
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
737
737
|
"fontSize": "32px",
|
|
738
738
|
"lineHeight": "44px",
|
|
739
739
|
"fontWeight": "600",
|
|
740
740
|
"letterSpacing": "0px"
|
|
741
741
|
},
|
|
742
742
|
"h3": {
|
|
743
|
-
"fontFamily": "\"
|
|
743
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
744
744
|
"fontSize": "28px",
|
|
745
745
|
"lineHeight": "40px",
|
|
746
746
|
"fontWeight": "600",
|
|
747
747
|
"letterSpacing": "0px"
|
|
748
748
|
},
|
|
749
749
|
"h4": {
|
|
750
|
-
"fontFamily": "\"
|
|
750
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
751
751
|
"fontSize": "24px",
|
|
752
752
|
"lineHeight": "36px",
|
|
753
753
|
"fontWeight": "600",
|
|
754
754
|
"letterSpacing": "0px"
|
|
755
755
|
},
|
|
756
756
|
"body": {
|
|
757
|
-
"fontFamily": "\"
|
|
757
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
758
758
|
"fontSize": "16px",
|
|
759
759
|
"lineHeight": "24px",
|
|
760
760
|
"fontWeight": "400",
|
|
761
761
|
"letterSpacing": "0px"
|
|
762
762
|
},
|
|
763
763
|
"bodySm": {
|
|
764
|
-
"fontFamily": "\"
|
|
764
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
765
765
|
"fontSize": "14px",
|
|
766
766
|
"lineHeight": "20px",
|
|
767
767
|
"fontWeight": "400",
|
|
768
768
|
"letterSpacing": "0px"
|
|
769
769
|
},
|
|
770
770
|
"label": {
|
|
771
|
-
"fontFamily": "\"
|
|
771
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
772
772
|
"fontSize": "14px",
|
|
773
773
|
"lineHeight": "20px",
|
|
774
774
|
"fontWeight": "600",
|
|
775
775
|
"letterSpacing": "0.3px"
|
|
776
776
|
},
|
|
777
777
|
"caption": {
|
|
778
|
-
"fontFamily": "\"
|
|
778
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
779
779
|
"fontSize": "12px",
|
|
780
780
|
"lineHeight": "16px",
|
|
781
781
|
"fontWeight": "400",
|
|
@@ -888,70 +888,70 @@
|
|
|
888
888
|
},
|
|
889
889
|
"font": {
|
|
890
890
|
"family": {
|
|
891
|
-
"heading": "\"
|
|
892
|
-
"body": "\"
|
|
891
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
892
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
893
893
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
894
894
|
}
|
|
895
895
|
},
|
|
896
896
|
"typography": {
|
|
897
897
|
"display": {
|
|
898
|
-
"fontFamily": "\"
|
|
898
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
899
899
|
"fontSize": "48px",
|
|
900
900
|
"lineHeight": "60px",
|
|
901
901
|
"fontWeight": "800",
|
|
902
902
|
"letterSpacing": "-0.3px"
|
|
903
903
|
},
|
|
904
904
|
"h1": {
|
|
905
|
-
"fontFamily": "\"
|
|
905
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
906
906
|
"fontSize": "40px",
|
|
907
907
|
"lineHeight": "52px",
|
|
908
908
|
"fontWeight": "700",
|
|
909
909
|
"letterSpacing": "-0.3px"
|
|
910
910
|
},
|
|
911
911
|
"h2": {
|
|
912
|
-
"fontFamily": "\"
|
|
912
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
913
913
|
"fontSize": "32px",
|
|
914
914
|
"lineHeight": "44px",
|
|
915
915
|
"fontWeight": "600",
|
|
916
916
|
"letterSpacing": "0px"
|
|
917
917
|
},
|
|
918
918
|
"h3": {
|
|
919
|
-
"fontFamily": "\"
|
|
919
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
920
920
|
"fontSize": "28px",
|
|
921
921
|
"lineHeight": "40px",
|
|
922
922
|
"fontWeight": "600",
|
|
923
923
|
"letterSpacing": "0px"
|
|
924
924
|
},
|
|
925
925
|
"h4": {
|
|
926
|
-
"fontFamily": "\"
|
|
926
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
927
927
|
"fontSize": "24px",
|
|
928
928
|
"lineHeight": "36px",
|
|
929
929
|
"fontWeight": "600",
|
|
930
930
|
"letterSpacing": "0px"
|
|
931
931
|
},
|
|
932
932
|
"body": {
|
|
933
|
-
"fontFamily": "\"
|
|
933
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
934
934
|
"fontSize": "16px",
|
|
935
935
|
"lineHeight": "24px",
|
|
936
936
|
"fontWeight": "400",
|
|
937
937
|
"letterSpacing": "0px"
|
|
938
938
|
},
|
|
939
939
|
"bodySm": {
|
|
940
|
-
"fontFamily": "\"
|
|
940
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
941
941
|
"fontSize": "14px",
|
|
942
942
|
"lineHeight": "20px",
|
|
943
943
|
"fontWeight": "400",
|
|
944
944
|
"letterSpacing": "0px"
|
|
945
945
|
},
|
|
946
946
|
"label": {
|
|
947
|
-
"fontFamily": "\"
|
|
947
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
948
948
|
"fontSize": "14px",
|
|
949
949
|
"lineHeight": "20px",
|
|
950
950
|
"fontWeight": "600",
|
|
951
951
|
"letterSpacing": "0.3px"
|
|
952
952
|
},
|
|
953
953
|
"caption": {
|
|
954
|
-
"fontFamily": "\"
|
|
954
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
955
955
|
"fontSize": "12px",
|
|
956
956
|
"lineHeight": "16px",
|
|
957
957
|
"fontWeight": "400",
|
package/tokens/tokens.ts
CHANGED
|
@@ -115,8 +115,8 @@ export const primitives = {
|
|
|
115
115
|
},
|
|
116
116
|
"font": {
|
|
117
117
|
"family": {
|
|
118
|
-
"brand": "\"
|
|
119
|
-
"text": "\"
|
|
118
|
+
"brand": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
119
|
+
"text": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
120
120
|
"mono": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
121
121
|
},
|
|
122
122
|
"weight": {
|
|
@@ -361,70 +361,70 @@ export const semantic = {
|
|
|
361
361
|
},
|
|
362
362
|
"font": {
|
|
363
363
|
"family": {
|
|
364
|
-
"heading": "\"
|
|
365
|
-
"body": "\"
|
|
364
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
365
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
366
366
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
367
367
|
}
|
|
368
368
|
},
|
|
369
369
|
"typography": {
|
|
370
370
|
"display": {
|
|
371
|
-
"fontFamily": "\"
|
|
371
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
372
372
|
"fontSize": "48px",
|
|
373
373
|
"lineHeight": "60px",
|
|
374
374
|
"fontWeight": "800",
|
|
375
375
|
"letterSpacing": "-0.3px"
|
|
376
376
|
},
|
|
377
377
|
"h1": {
|
|
378
|
-
"fontFamily": "\"
|
|
378
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
379
379
|
"fontSize": "40px",
|
|
380
380
|
"lineHeight": "52px",
|
|
381
381
|
"fontWeight": "700",
|
|
382
382
|
"letterSpacing": "-0.3px"
|
|
383
383
|
},
|
|
384
384
|
"h2": {
|
|
385
|
-
"fontFamily": "\"
|
|
385
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
386
386
|
"fontSize": "32px",
|
|
387
387
|
"lineHeight": "44px",
|
|
388
388
|
"fontWeight": "600",
|
|
389
389
|
"letterSpacing": "0px"
|
|
390
390
|
},
|
|
391
391
|
"h3": {
|
|
392
|
-
"fontFamily": "\"
|
|
392
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
393
393
|
"fontSize": "28px",
|
|
394
394
|
"lineHeight": "40px",
|
|
395
395
|
"fontWeight": "600",
|
|
396
396
|
"letterSpacing": "0px"
|
|
397
397
|
},
|
|
398
398
|
"h4": {
|
|
399
|
-
"fontFamily": "\"
|
|
399
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
400
400
|
"fontSize": "24px",
|
|
401
401
|
"lineHeight": "36px",
|
|
402
402
|
"fontWeight": "600",
|
|
403
403
|
"letterSpacing": "0px"
|
|
404
404
|
},
|
|
405
405
|
"body": {
|
|
406
|
-
"fontFamily": "\"
|
|
406
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
407
407
|
"fontSize": "16px",
|
|
408
408
|
"lineHeight": "24px",
|
|
409
409
|
"fontWeight": "400",
|
|
410
410
|
"letterSpacing": "0px"
|
|
411
411
|
},
|
|
412
412
|
"bodySm": {
|
|
413
|
-
"fontFamily": "\"
|
|
413
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
414
414
|
"fontSize": "14px",
|
|
415
415
|
"lineHeight": "20px",
|
|
416
416
|
"fontWeight": "400",
|
|
417
417
|
"letterSpacing": "0px"
|
|
418
418
|
},
|
|
419
419
|
"label": {
|
|
420
|
-
"fontFamily": "\"
|
|
420
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
421
421
|
"fontSize": "14px",
|
|
422
422
|
"lineHeight": "20px",
|
|
423
423
|
"fontWeight": "600",
|
|
424
424
|
"letterSpacing": "0.3px"
|
|
425
425
|
},
|
|
426
426
|
"caption": {
|
|
427
|
-
"fontFamily": "\"
|
|
427
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
428
428
|
"fontSize": "12px",
|
|
429
429
|
"lineHeight": "16px",
|
|
430
430
|
"fontWeight": "400",
|
|
@@ -539,70 +539,70 @@ export const semanticThemes = {
|
|
|
539
539
|
},
|
|
540
540
|
"font": {
|
|
541
541
|
"family": {
|
|
542
|
-
"heading": "\"
|
|
543
|
-
"body": "\"
|
|
542
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
543
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
544
544
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
545
545
|
}
|
|
546
546
|
},
|
|
547
547
|
"typography": {
|
|
548
548
|
"display": {
|
|
549
|
-
"fontFamily": "\"
|
|
549
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
550
550
|
"fontSize": "48px",
|
|
551
551
|
"lineHeight": "60px",
|
|
552
552
|
"fontWeight": "800",
|
|
553
553
|
"letterSpacing": "-0.3px"
|
|
554
554
|
},
|
|
555
555
|
"h1": {
|
|
556
|
-
"fontFamily": "\"
|
|
556
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
557
557
|
"fontSize": "40px",
|
|
558
558
|
"lineHeight": "52px",
|
|
559
559
|
"fontWeight": "700",
|
|
560
560
|
"letterSpacing": "-0.3px"
|
|
561
561
|
},
|
|
562
562
|
"h2": {
|
|
563
|
-
"fontFamily": "\"
|
|
563
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
564
564
|
"fontSize": "32px",
|
|
565
565
|
"lineHeight": "44px",
|
|
566
566
|
"fontWeight": "600",
|
|
567
567
|
"letterSpacing": "0px"
|
|
568
568
|
},
|
|
569
569
|
"h3": {
|
|
570
|
-
"fontFamily": "\"
|
|
570
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
571
571
|
"fontSize": "28px",
|
|
572
572
|
"lineHeight": "40px",
|
|
573
573
|
"fontWeight": "600",
|
|
574
574
|
"letterSpacing": "0px"
|
|
575
575
|
},
|
|
576
576
|
"h4": {
|
|
577
|
-
"fontFamily": "\"
|
|
577
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
578
578
|
"fontSize": "24px",
|
|
579
579
|
"lineHeight": "36px",
|
|
580
580
|
"fontWeight": "600",
|
|
581
581
|
"letterSpacing": "0px"
|
|
582
582
|
},
|
|
583
583
|
"body": {
|
|
584
|
-
"fontFamily": "\"
|
|
584
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
585
585
|
"fontSize": "16px",
|
|
586
586
|
"lineHeight": "24px",
|
|
587
587
|
"fontWeight": "400",
|
|
588
588
|
"letterSpacing": "0px"
|
|
589
589
|
},
|
|
590
590
|
"bodySm": {
|
|
591
|
-
"fontFamily": "\"
|
|
591
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
592
592
|
"fontSize": "14px",
|
|
593
593
|
"lineHeight": "20px",
|
|
594
594
|
"fontWeight": "400",
|
|
595
595
|
"letterSpacing": "0px"
|
|
596
596
|
},
|
|
597
597
|
"label": {
|
|
598
|
-
"fontFamily": "\"
|
|
598
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
599
599
|
"fontSize": "14px",
|
|
600
600
|
"lineHeight": "20px",
|
|
601
601
|
"fontWeight": "600",
|
|
602
602
|
"letterSpacing": "0.3px"
|
|
603
603
|
},
|
|
604
604
|
"caption": {
|
|
605
|
-
"fontFamily": "\"
|
|
605
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
606
606
|
"fontSize": "12px",
|
|
607
607
|
"lineHeight": "16px",
|
|
608
608
|
"fontWeight": "400",
|
|
@@ -715,70 +715,70 @@ export const semanticThemes = {
|
|
|
715
715
|
},
|
|
716
716
|
"font": {
|
|
717
717
|
"family": {
|
|
718
|
-
"heading": "\"
|
|
719
|
-
"body": "\"
|
|
718
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
719
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
720
720
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
721
721
|
}
|
|
722
722
|
},
|
|
723
723
|
"typography": {
|
|
724
724
|
"display": {
|
|
725
|
-
"fontFamily": "\"
|
|
725
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
726
726
|
"fontSize": "48px",
|
|
727
727
|
"lineHeight": "60px",
|
|
728
728
|
"fontWeight": "800",
|
|
729
729
|
"letterSpacing": "-0.3px"
|
|
730
730
|
},
|
|
731
731
|
"h1": {
|
|
732
|
-
"fontFamily": "\"
|
|
732
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
733
733
|
"fontSize": "40px",
|
|
734
734
|
"lineHeight": "52px",
|
|
735
735
|
"fontWeight": "700",
|
|
736
736
|
"letterSpacing": "-0.3px"
|
|
737
737
|
},
|
|
738
738
|
"h2": {
|
|
739
|
-
"fontFamily": "\"
|
|
739
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
740
740
|
"fontSize": "32px",
|
|
741
741
|
"lineHeight": "44px",
|
|
742
742
|
"fontWeight": "600",
|
|
743
743
|
"letterSpacing": "0px"
|
|
744
744
|
},
|
|
745
745
|
"h3": {
|
|
746
|
-
"fontFamily": "\"
|
|
746
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
747
747
|
"fontSize": "28px",
|
|
748
748
|
"lineHeight": "40px",
|
|
749
749
|
"fontWeight": "600",
|
|
750
750
|
"letterSpacing": "0px"
|
|
751
751
|
},
|
|
752
752
|
"h4": {
|
|
753
|
-
"fontFamily": "\"
|
|
753
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
754
754
|
"fontSize": "24px",
|
|
755
755
|
"lineHeight": "36px",
|
|
756
756
|
"fontWeight": "600",
|
|
757
757
|
"letterSpacing": "0px"
|
|
758
758
|
},
|
|
759
759
|
"body": {
|
|
760
|
-
"fontFamily": "\"
|
|
760
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
761
761
|
"fontSize": "16px",
|
|
762
762
|
"lineHeight": "24px",
|
|
763
763
|
"fontWeight": "400",
|
|
764
764
|
"letterSpacing": "0px"
|
|
765
765
|
},
|
|
766
766
|
"bodySm": {
|
|
767
|
-
"fontFamily": "\"
|
|
767
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
768
768
|
"fontSize": "14px",
|
|
769
769
|
"lineHeight": "20px",
|
|
770
770
|
"fontWeight": "400",
|
|
771
771
|
"letterSpacing": "0px"
|
|
772
772
|
},
|
|
773
773
|
"label": {
|
|
774
|
-
"fontFamily": "\"
|
|
774
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
775
775
|
"fontSize": "14px",
|
|
776
776
|
"lineHeight": "20px",
|
|
777
777
|
"fontWeight": "600",
|
|
778
778
|
"letterSpacing": "0.3px"
|
|
779
779
|
},
|
|
780
780
|
"caption": {
|
|
781
|
-
"fontFamily": "\"
|
|
781
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
782
782
|
"fontSize": "12px",
|
|
783
783
|
"lineHeight": "16px",
|
|
784
784
|
"fontWeight": "400",
|
|
@@ -891,70 +891,70 @@ export const semanticThemes = {
|
|
|
891
891
|
},
|
|
892
892
|
"font": {
|
|
893
893
|
"family": {
|
|
894
|
-
"heading": "\"
|
|
895
|
-
"body": "\"
|
|
894
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
895
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
896
896
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
897
897
|
}
|
|
898
898
|
},
|
|
899
899
|
"typography": {
|
|
900
900
|
"display": {
|
|
901
|
-
"fontFamily": "\"
|
|
901
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
902
902
|
"fontSize": "48px",
|
|
903
903
|
"lineHeight": "60px",
|
|
904
904
|
"fontWeight": "800",
|
|
905
905
|
"letterSpacing": "-0.3px"
|
|
906
906
|
},
|
|
907
907
|
"h1": {
|
|
908
|
-
"fontFamily": "\"
|
|
908
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
909
909
|
"fontSize": "40px",
|
|
910
910
|
"lineHeight": "52px",
|
|
911
911
|
"fontWeight": "700",
|
|
912
912
|
"letterSpacing": "-0.3px"
|
|
913
913
|
},
|
|
914
914
|
"h2": {
|
|
915
|
-
"fontFamily": "\"
|
|
915
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
916
916
|
"fontSize": "32px",
|
|
917
917
|
"lineHeight": "44px",
|
|
918
918
|
"fontWeight": "600",
|
|
919
919
|
"letterSpacing": "0px"
|
|
920
920
|
},
|
|
921
921
|
"h3": {
|
|
922
|
-
"fontFamily": "\"
|
|
922
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
923
923
|
"fontSize": "28px",
|
|
924
924
|
"lineHeight": "40px",
|
|
925
925
|
"fontWeight": "600",
|
|
926
926
|
"letterSpacing": "0px"
|
|
927
927
|
},
|
|
928
928
|
"h4": {
|
|
929
|
-
"fontFamily": "\"
|
|
929
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
930
930
|
"fontSize": "24px",
|
|
931
931
|
"lineHeight": "36px",
|
|
932
932
|
"fontWeight": "600",
|
|
933
933
|
"letterSpacing": "0px"
|
|
934
934
|
},
|
|
935
935
|
"body": {
|
|
936
|
-
"fontFamily": "\"
|
|
936
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
937
937
|
"fontSize": "16px",
|
|
938
938
|
"lineHeight": "24px",
|
|
939
939
|
"fontWeight": "400",
|
|
940
940
|
"letterSpacing": "0px"
|
|
941
941
|
},
|
|
942
942
|
"bodySm": {
|
|
943
|
-
"fontFamily": "\"
|
|
943
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
944
944
|
"fontSize": "14px",
|
|
945
945
|
"lineHeight": "20px",
|
|
946
946
|
"fontWeight": "400",
|
|
947
947
|
"letterSpacing": "0px"
|
|
948
948
|
},
|
|
949
949
|
"label": {
|
|
950
|
-
"fontFamily": "\"
|
|
950
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
951
951
|
"fontSize": "14px",
|
|
952
952
|
"lineHeight": "20px",
|
|
953
953
|
"fontWeight": "600",
|
|
954
954
|
"letterSpacing": "0.3px"
|
|
955
955
|
},
|
|
956
956
|
"caption": {
|
|
957
|
-
"fontFamily": "\"
|
|
957
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
958
958
|
"fontSize": "12px",
|
|
959
959
|
"lineHeight": "16px",
|
|
960
960
|
"fontWeight": "400",
|