@neuravision/construct 2.0.0 → 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/components/navbar.css +1 -1
- package/package.json +2 -1
- package/tokens/tokens.css +3 -2
- package/tokens/tokens.js +52 -46
- package/tokens/tokens.json +49 -46
- package/tokens/tokens.ts +52 -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/components/navbar.css
CHANGED
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;
|
|
@@ -223,6 +223,7 @@
|
|
|
223
223
|
--grid-gap-sm: 16px;
|
|
224
224
|
--grid-gap-md: 24px;
|
|
225
225
|
--grid-gap-lg: 32px;
|
|
226
|
+
--navbar-height: 56px;
|
|
226
227
|
/* Shadows */
|
|
227
228
|
--shadow-xs: 0 1px 2px rgba(28, 20, 10, 0.07);
|
|
228
229
|
--shadow-sm: 0 2px 6px rgba(28, 20, 10, 0.09);
|
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": {
|
|
@@ -224,6 +224,9 @@ export const primitives = {
|
|
|
224
224
|
"sm": "16px",
|
|
225
225
|
"md": "24px",
|
|
226
226
|
"lg": "32px"
|
|
227
|
+
},
|
|
228
|
+
"navbar": {
|
|
229
|
+
"height": "56px"
|
|
227
230
|
}
|
|
228
231
|
},
|
|
229
232
|
"shadow": {
|
|
@@ -358,70 +361,70 @@ export const semantic = {
|
|
|
358
361
|
},
|
|
359
362
|
"font": {
|
|
360
363
|
"family": {
|
|
361
|
-
"heading": "\"
|
|
362
|
-
"body": "\"
|
|
364
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
365
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
363
366
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
364
367
|
}
|
|
365
368
|
},
|
|
366
369
|
"typography": {
|
|
367
370
|
"display": {
|
|
368
|
-
"fontFamily": "\"
|
|
371
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
369
372
|
"fontSize": "48px",
|
|
370
373
|
"lineHeight": "60px",
|
|
371
374
|
"fontWeight": "800",
|
|
372
375
|
"letterSpacing": "-0.3px"
|
|
373
376
|
},
|
|
374
377
|
"h1": {
|
|
375
|
-
"fontFamily": "\"
|
|
378
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
376
379
|
"fontSize": "40px",
|
|
377
380
|
"lineHeight": "52px",
|
|
378
381
|
"fontWeight": "700",
|
|
379
382
|
"letterSpacing": "-0.3px"
|
|
380
383
|
},
|
|
381
384
|
"h2": {
|
|
382
|
-
"fontFamily": "\"
|
|
385
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
383
386
|
"fontSize": "32px",
|
|
384
387
|
"lineHeight": "44px",
|
|
385
388
|
"fontWeight": "600",
|
|
386
389
|
"letterSpacing": "0px"
|
|
387
390
|
},
|
|
388
391
|
"h3": {
|
|
389
|
-
"fontFamily": "\"
|
|
392
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
390
393
|
"fontSize": "28px",
|
|
391
394
|
"lineHeight": "40px",
|
|
392
395
|
"fontWeight": "600",
|
|
393
396
|
"letterSpacing": "0px"
|
|
394
397
|
},
|
|
395
398
|
"h4": {
|
|
396
|
-
"fontFamily": "\"
|
|
399
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
397
400
|
"fontSize": "24px",
|
|
398
401
|
"lineHeight": "36px",
|
|
399
402
|
"fontWeight": "600",
|
|
400
403
|
"letterSpacing": "0px"
|
|
401
404
|
},
|
|
402
405
|
"body": {
|
|
403
|
-
"fontFamily": "\"
|
|
406
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
404
407
|
"fontSize": "16px",
|
|
405
408
|
"lineHeight": "24px",
|
|
406
409
|
"fontWeight": "400",
|
|
407
410
|
"letterSpacing": "0px"
|
|
408
411
|
},
|
|
409
412
|
"bodySm": {
|
|
410
|
-
"fontFamily": "\"
|
|
413
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
411
414
|
"fontSize": "14px",
|
|
412
415
|
"lineHeight": "20px",
|
|
413
416
|
"fontWeight": "400",
|
|
414
417
|
"letterSpacing": "0px"
|
|
415
418
|
},
|
|
416
419
|
"label": {
|
|
417
|
-
"fontFamily": "\"
|
|
420
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
418
421
|
"fontSize": "14px",
|
|
419
422
|
"lineHeight": "20px",
|
|
420
423
|
"fontWeight": "600",
|
|
421
424
|
"letterSpacing": "0.3px"
|
|
422
425
|
},
|
|
423
426
|
"caption": {
|
|
424
|
-
"fontFamily": "\"
|
|
427
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
425
428
|
"fontSize": "12px",
|
|
426
429
|
"lineHeight": "16px",
|
|
427
430
|
"fontWeight": "400",
|
|
@@ -536,70 +539,70 @@ export const semanticThemes = {
|
|
|
536
539
|
},
|
|
537
540
|
"font": {
|
|
538
541
|
"family": {
|
|
539
|
-
"heading": "\"
|
|
540
|
-
"body": "\"
|
|
542
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
543
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
541
544
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
542
545
|
}
|
|
543
546
|
},
|
|
544
547
|
"typography": {
|
|
545
548
|
"display": {
|
|
546
|
-
"fontFamily": "\"
|
|
549
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
547
550
|
"fontSize": "48px",
|
|
548
551
|
"lineHeight": "60px",
|
|
549
552
|
"fontWeight": "800",
|
|
550
553
|
"letterSpacing": "-0.3px"
|
|
551
554
|
},
|
|
552
555
|
"h1": {
|
|
553
|
-
"fontFamily": "\"
|
|
556
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
554
557
|
"fontSize": "40px",
|
|
555
558
|
"lineHeight": "52px",
|
|
556
559
|
"fontWeight": "700",
|
|
557
560
|
"letterSpacing": "-0.3px"
|
|
558
561
|
},
|
|
559
562
|
"h2": {
|
|
560
|
-
"fontFamily": "\"
|
|
563
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
561
564
|
"fontSize": "32px",
|
|
562
565
|
"lineHeight": "44px",
|
|
563
566
|
"fontWeight": "600",
|
|
564
567
|
"letterSpacing": "0px"
|
|
565
568
|
},
|
|
566
569
|
"h3": {
|
|
567
|
-
"fontFamily": "\"
|
|
570
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
568
571
|
"fontSize": "28px",
|
|
569
572
|
"lineHeight": "40px",
|
|
570
573
|
"fontWeight": "600",
|
|
571
574
|
"letterSpacing": "0px"
|
|
572
575
|
},
|
|
573
576
|
"h4": {
|
|
574
|
-
"fontFamily": "\"
|
|
577
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
575
578
|
"fontSize": "24px",
|
|
576
579
|
"lineHeight": "36px",
|
|
577
580
|
"fontWeight": "600",
|
|
578
581
|
"letterSpacing": "0px"
|
|
579
582
|
},
|
|
580
583
|
"body": {
|
|
581
|
-
"fontFamily": "\"
|
|
584
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
582
585
|
"fontSize": "16px",
|
|
583
586
|
"lineHeight": "24px",
|
|
584
587
|
"fontWeight": "400",
|
|
585
588
|
"letterSpacing": "0px"
|
|
586
589
|
},
|
|
587
590
|
"bodySm": {
|
|
588
|
-
"fontFamily": "\"
|
|
591
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
589
592
|
"fontSize": "14px",
|
|
590
593
|
"lineHeight": "20px",
|
|
591
594
|
"fontWeight": "400",
|
|
592
595
|
"letterSpacing": "0px"
|
|
593
596
|
},
|
|
594
597
|
"label": {
|
|
595
|
-
"fontFamily": "\"
|
|
598
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
596
599
|
"fontSize": "14px",
|
|
597
600
|
"lineHeight": "20px",
|
|
598
601
|
"fontWeight": "600",
|
|
599
602
|
"letterSpacing": "0.3px"
|
|
600
603
|
},
|
|
601
604
|
"caption": {
|
|
602
|
-
"fontFamily": "\"
|
|
605
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
603
606
|
"fontSize": "12px",
|
|
604
607
|
"lineHeight": "16px",
|
|
605
608
|
"fontWeight": "400",
|
|
@@ -712,70 +715,70 @@ export const semanticThemes = {
|
|
|
712
715
|
},
|
|
713
716
|
"font": {
|
|
714
717
|
"family": {
|
|
715
|
-
"heading": "\"
|
|
716
|
-
"body": "\"
|
|
718
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
719
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
717
720
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
718
721
|
}
|
|
719
722
|
},
|
|
720
723
|
"typography": {
|
|
721
724
|
"display": {
|
|
722
|
-
"fontFamily": "\"
|
|
725
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
723
726
|
"fontSize": "48px",
|
|
724
727
|
"lineHeight": "60px",
|
|
725
728
|
"fontWeight": "800",
|
|
726
729
|
"letterSpacing": "-0.3px"
|
|
727
730
|
},
|
|
728
731
|
"h1": {
|
|
729
|
-
"fontFamily": "\"
|
|
732
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
730
733
|
"fontSize": "40px",
|
|
731
734
|
"lineHeight": "52px",
|
|
732
735
|
"fontWeight": "700",
|
|
733
736
|
"letterSpacing": "-0.3px"
|
|
734
737
|
},
|
|
735
738
|
"h2": {
|
|
736
|
-
"fontFamily": "\"
|
|
739
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
737
740
|
"fontSize": "32px",
|
|
738
741
|
"lineHeight": "44px",
|
|
739
742
|
"fontWeight": "600",
|
|
740
743
|
"letterSpacing": "0px"
|
|
741
744
|
},
|
|
742
745
|
"h3": {
|
|
743
|
-
"fontFamily": "\"
|
|
746
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
744
747
|
"fontSize": "28px",
|
|
745
748
|
"lineHeight": "40px",
|
|
746
749
|
"fontWeight": "600",
|
|
747
750
|
"letterSpacing": "0px"
|
|
748
751
|
},
|
|
749
752
|
"h4": {
|
|
750
|
-
"fontFamily": "\"
|
|
753
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
751
754
|
"fontSize": "24px",
|
|
752
755
|
"lineHeight": "36px",
|
|
753
756
|
"fontWeight": "600",
|
|
754
757
|
"letterSpacing": "0px"
|
|
755
758
|
},
|
|
756
759
|
"body": {
|
|
757
|
-
"fontFamily": "\"
|
|
760
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
758
761
|
"fontSize": "16px",
|
|
759
762
|
"lineHeight": "24px",
|
|
760
763
|
"fontWeight": "400",
|
|
761
764
|
"letterSpacing": "0px"
|
|
762
765
|
},
|
|
763
766
|
"bodySm": {
|
|
764
|
-
"fontFamily": "\"
|
|
767
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
765
768
|
"fontSize": "14px",
|
|
766
769
|
"lineHeight": "20px",
|
|
767
770
|
"fontWeight": "400",
|
|
768
771
|
"letterSpacing": "0px"
|
|
769
772
|
},
|
|
770
773
|
"label": {
|
|
771
|
-
"fontFamily": "\"
|
|
774
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
772
775
|
"fontSize": "14px",
|
|
773
776
|
"lineHeight": "20px",
|
|
774
777
|
"fontWeight": "600",
|
|
775
778
|
"letterSpacing": "0.3px"
|
|
776
779
|
},
|
|
777
780
|
"caption": {
|
|
778
|
-
"fontFamily": "\"
|
|
781
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
779
782
|
"fontSize": "12px",
|
|
780
783
|
"lineHeight": "16px",
|
|
781
784
|
"fontWeight": "400",
|
|
@@ -888,70 +891,70 @@ export const semanticThemes = {
|
|
|
888
891
|
},
|
|
889
892
|
"font": {
|
|
890
893
|
"family": {
|
|
891
|
-
"heading": "\"
|
|
892
|
-
"body": "\"
|
|
894
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
895
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
893
896
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
894
897
|
}
|
|
895
898
|
},
|
|
896
899
|
"typography": {
|
|
897
900
|
"display": {
|
|
898
|
-
"fontFamily": "\"
|
|
901
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
899
902
|
"fontSize": "48px",
|
|
900
903
|
"lineHeight": "60px",
|
|
901
904
|
"fontWeight": "800",
|
|
902
905
|
"letterSpacing": "-0.3px"
|
|
903
906
|
},
|
|
904
907
|
"h1": {
|
|
905
|
-
"fontFamily": "\"
|
|
908
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
906
909
|
"fontSize": "40px",
|
|
907
910
|
"lineHeight": "52px",
|
|
908
911
|
"fontWeight": "700",
|
|
909
912
|
"letterSpacing": "-0.3px"
|
|
910
913
|
},
|
|
911
914
|
"h2": {
|
|
912
|
-
"fontFamily": "\"
|
|
915
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
913
916
|
"fontSize": "32px",
|
|
914
917
|
"lineHeight": "44px",
|
|
915
918
|
"fontWeight": "600",
|
|
916
919
|
"letterSpacing": "0px"
|
|
917
920
|
},
|
|
918
921
|
"h3": {
|
|
919
|
-
"fontFamily": "\"
|
|
922
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
920
923
|
"fontSize": "28px",
|
|
921
924
|
"lineHeight": "40px",
|
|
922
925
|
"fontWeight": "600",
|
|
923
926
|
"letterSpacing": "0px"
|
|
924
927
|
},
|
|
925
928
|
"h4": {
|
|
926
|
-
"fontFamily": "\"
|
|
929
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
927
930
|
"fontSize": "24px",
|
|
928
931
|
"lineHeight": "36px",
|
|
929
932
|
"fontWeight": "600",
|
|
930
933
|
"letterSpacing": "0px"
|
|
931
934
|
},
|
|
932
935
|
"body": {
|
|
933
|
-
"fontFamily": "\"
|
|
936
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
934
937
|
"fontSize": "16px",
|
|
935
938
|
"lineHeight": "24px",
|
|
936
939
|
"fontWeight": "400",
|
|
937
940
|
"letterSpacing": "0px"
|
|
938
941
|
},
|
|
939
942
|
"bodySm": {
|
|
940
|
-
"fontFamily": "\"
|
|
943
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
941
944
|
"fontSize": "14px",
|
|
942
945
|
"lineHeight": "20px",
|
|
943
946
|
"fontWeight": "400",
|
|
944
947
|
"letterSpacing": "0px"
|
|
945
948
|
},
|
|
946
949
|
"label": {
|
|
947
|
-
"fontFamily": "\"
|
|
950
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
948
951
|
"fontSize": "14px",
|
|
949
952
|
"lineHeight": "20px",
|
|
950
953
|
"fontWeight": "600",
|
|
951
954
|
"letterSpacing": "0.3px"
|
|
952
955
|
},
|
|
953
956
|
"caption": {
|
|
954
|
-
"fontFamily": "\"
|
|
957
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
955
958
|
"fontSize": "12px",
|
|
956
959
|
"lineHeight": "16px",
|
|
957
960
|
"fontWeight": "400",
|
|
@@ -1197,6 +1200,9 @@ export const cssVars = {
|
|
|
1197
1200
|
"sm": "var(--grid-gap-sm)",
|
|
1198
1201
|
"md": "var(--grid-gap-md)",
|
|
1199
1202
|
"lg": "var(--grid-gap-lg)"
|
|
1203
|
+
},
|
|
1204
|
+
"navbar": {
|
|
1205
|
+
"height": "var(--navbar-height)"
|
|
1200
1206
|
}
|
|
1201
1207
|
},
|
|
1202
1208
|
"shadow": {
|
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": {
|
|
@@ -223,6 +223,9 @@
|
|
|
223
223
|
"sm": "16px",
|
|
224
224
|
"md": "24px",
|
|
225
225
|
"lg": "32px"
|
|
226
|
+
},
|
|
227
|
+
"navbar": {
|
|
228
|
+
"height": "56px"
|
|
226
229
|
}
|
|
227
230
|
},
|
|
228
231
|
"shadow": {
|
|
@@ -356,70 +359,70 @@
|
|
|
356
359
|
},
|
|
357
360
|
"font": {
|
|
358
361
|
"family": {
|
|
359
|
-
"heading": "\"
|
|
360
|
-
"body": "\"
|
|
362
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
363
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
361
364
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
362
365
|
}
|
|
363
366
|
},
|
|
364
367
|
"typography": {
|
|
365
368
|
"display": {
|
|
366
|
-
"fontFamily": "\"
|
|
369
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
367
370
|
"fontSize": "48px",
|
|
368
371
|
"lineHeight": "60px",
|
|
369
372
|
"fontWeight": "800",
|
|
370
373
|
"letterSpacing": "-0.3px"
|
|
371
374
|
},
|
|
372
375
|
"h1": {
|
|
373
|
-
"fontFamily": "\"
|
|
376
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
374
377
|
"fontSize": "40px",
|
|
375
378
|
"lineHeight": "52px",
|
|
376
379
|
"fontWeight": "700",
|
|
377
380
|
"letterSpacing": "-0.3px"
|
|
378
381
|
},
|
|
379
382
|
"h2": {
|
|
380
|
-
"fontFamily": "\"
|
|
383
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
381
384
|
"fontSize": "32px",
|
|
382
385
|
"lineHeight": "44px",
|
|
383
386
|
"fontWeight": "600",
|
|
384
387
|
"letterSpacing": "0px"
|
|
385
388
|
},
|
|
386
389
|
"h3": {
|
|
387
|
-
"fontFamily": "\"
|
|
390
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
388
391
|
"fontSize": "28px",
|
|
389
392
|
"lineHeight": "40px",
|
|
390
393
|
"fontWeight": "600",
|
|
391
394
|
"letterSpacing": "0px"
|
|
392
395
|
},
|
|
393
396
|
"h4": {
|
|
394
|
-
"fontFamily": "\"
|
|
397
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
395
398
|
"fontSize": "24px",
|
|
396
399
|
"lineHeight": "36px",
|
|
397
400
|
"fontWeight": "600",
|
|
398
401
|
"letterSpacing": "0px"
|
|
399
402
|
},
|
|
400
403
|
"body": {
|
|
401
|
-
"fontFamily": "\"
|
|
404
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
402
405
|
"fontSize": "16px",
|
|
403
406
|
"lineHeight": "24px",
|
|
404
407
|
"fontWeight": "400",
|
|
405
408
|
"letterSpacing": "0px"
|
|
406
409
|
},
|
|
407
410
|
"bodySm": {
|
|
408
|
-
"fontFamily": "\"
|
|
411
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
409
412
|
"fontSize": "14px",
|
|
410
413
|
"lineHeight": "20px",
|
|
411
414
|
"fontWeight": "400",
|
|
412
415
|
"letterSpacing": "0px"
|
|
413
416
|
},
|
|
414
417
|
"label": {
|
|
415
|
-
"fontFamily": "\"
|
|
418
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
416
419
|
"fontSize": "14px",
|
|
417
420
|
"lineHeight": "20px",
|
|
418
421
|
"fontWeight": "600",
|
|
419
422
|
"letterSpacing": "0.3px"
|
|
420
423
|
},
|
|
421
424
|
"caption": {
|
|
422
|
-
"fontFamily": "\"
|
|
425
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
423
426
|
"fontSize": "12px",
|
|
424
427
|
"lineHeight": "16px",
|
|
425
428
|
"fontWeight": "400",
|
|
@@ -533,70 +536,70 @@
|
|
|
533
536
|
},
|
|
534
537
|
"font": {
|
|
535
538
|
"family": {
|
|
536
|
-
"heading": "\"
|
|
537
|
-
"body": "\"
|
|
539
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
540
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
538
541
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
539
542
|
}
|
|
540
543
|
},
|
|
541
544
|
"typography": {
|
|
542
545
|
"display": {
|
|
543
|
-
"fontFamily": "\"
|
|
546
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
544
547
|
"fontSize": "48px",
|
|
545
548
|
"lineHeight": "60px",
|
|
546
549
|
"fontWeight": "800",
|
|
547
550
|
"letterSpacing": "-0.3px"
|
|
548
551
|
},
|
|
549
552
|
"h1": {
|
|
550
|
-
"fontFamily": "\"
|
|
553
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
551
554
|
"fontSize": "40px",
|
|
552
555
|
"lineHeight": "52px",
|
|
553
556
|
"fontWeight": "700",
|
|
554
557
|
"letterSpacing": "-0.3px"
|
|
555
558
|
},
|
|
556
559
|
"h2": {
|
|
557
|
-
"fontFamily": "\"
|
|
560
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
558
561
|
"fontSize": "32px",
|
|
559
562
|
"lineHeight": "44px",
|
|
560
563
|
"fontWeight": "600",
|
|
561
564
|
"letterSpacing": "0px"
|
|
562
565
|
},
|
|
563
566
|
"h3": {
|
|
564
|
-
"fontFamily": "\"
|
|
567
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
565
568
|
"fontSize": "28px",
|
|
566
569
|
"lineHeight": "40px",
|
|
567
570
|
"fontWeight": "600",
|
|
568
571
|
"letterSpacing": "0px"
|
|
569
572
|
},
|
|
570
573
|
"h4": {
|
|
571
|
-
"fontFamily": "\"
|
|
574
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
572
575
|
"fontSize": "24px",
|
|
573
576
|
"lineHeight": "36px",
|
|
574
577
|
"fontWeight": "600",
|
|
575
578
|
"letterSpacing": "0px"
|
|
576
579
|
},
|
|
577
580
|
"body": {
|
|
578
|
-
"fontFamily": "\"
|
|
581
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
579
582
|
"fontSize": "16px",
|
|
580
583
|
"lineHeight": "24px",
|
|
581
584
|
"fontWeight": "400",
|
|
582
585
|
"letterSpacing": "0px"
|
|
583
586
|
},
|
|
584
587
|
"bodySm": {
|
|
585
|
-
"fontFamily": "\"
|
|
588
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
586
589
|
"fontSize": "14px",
|
|
587
590
|
"lineHeight": "20px",
|
|
588
591
|
"fontWeight": "400",
|
|
589
592
|
"letterSpacing": "0px"
|
|
590
593
|
},
|
|
591
594
|
"label": {
|
|
592
|
-
"fontFamily": "\"
|
|
595
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
593
596
|
"fontSize": "14px",
|
|
594
597
|
"lineHeight": "20px",
|
|
595
598
|
"fontWeight": "600",
|
|
596
599
|
"letterSpacing": "0.3px"
|
|
597
600
|
},
|
|
598
601
|
"caption": {
|
|
599
|
-
"fontFamily": "\"
|
|
602
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
600
603
|
"fontSize": "12px",
|
|
601
604
|
"lineHeight": "16px",
|
|
602
605
|
"fontWeight": "400",
|
|
@@ -709,70 +712,70 @@
|
|
|
709
712
|
},
|
|
710
713
|
"font": {
|
|
711
714
|
"family": {
|
|
712
|
-
"heading": "\"
|
|
713
|
-
"body": "\"
|
|
715
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
716
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
714
717
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
715
718
|
}
|
|
716
719
|
},
|
|
717
720
|
"typography": {
|
|
718
721
|
"display": {
|
|
719
|
-
"fontFamily": "\"
|
|
722
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
720
723
|
"fontSize": "48px",
|
|
721
724
|
"lineHeight": "60px",
|
|
722
725
|
"fontWeight": "800",
|
|
723
726
|
"letterSpacing": "-0.3px"
|
|
724
727
|
},
|
|
725
728
|
"h1": {
|
|
726
|
-
"fontFamily": "\"
|
|
729
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
727
730
|
"fontSize": "40px",
|
|
728
731
|
"lineHeight": "52px",
|
|
729
732
|
"fontWeight": "700",
|
|
730
733
|
"letterSpacing": "-0.3px"
|
|
731
734
|
},
|
|
732
735
|
"h2": {
|
|
733
|
-
"fontFamily": "\"
|
|
736
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
734
737
|
"fontSize": "32px",
|
|
735
738
|
"lineHeight": "44px",
|
|
736
739
|
"fontWeight": "600",
|
|
737
740
|
"letterSpacing": "0px"
|
|
738
741
|
},
|
|
739
742
|
"h3": {
|
|
740
|
-
"fontFamily": "\"
|
|
743
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
741
744
|
"fontSize": "28px",
|
|
742
745
|
"lineHeight": "40px",
|
|
743
746
|
"fontWeight": "600",
|
|
744
747
|
"letterSpacing": "0px"
|
|
745
748
|
},
|
|
746
749
|
"h4": {
|
|
747
|
-
"fontFamily": "\"
|
|
750
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
748
751
|
"fontSize": "24px",
|
|
749
752
|
"lineHeight": "36px",
|
|
750
753
|
"fontWeight": "600",
|
|
751
754
|
"letterSpacing": "0px"
|
|
752
755
|
},
|
|
753
756
|
"body": {
|
|
754
|
-
"fontFamily": "\"
|
|
757
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
755
758
|
"fontSize": "16px",
|
|
756
759
|
"lineHeight": "24px",
|
|
757
760
|
"fontWeight": "400",
|
|
758
761
|
"letterSpacing": "0px"
|
|
759
762
|
},
|
|
760
763
|
"bodySm": {
|
|
761
|
-
"fontFamily": "\"
|
|
764
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
762
765
|
"fontSize": "14px",
|
|
763
766
|
"lineHeight": "20px",
|
|
764
767
|
"fontWeight": "400",
|
|
765
768
|
"letterSpacing": "0px"
|
|
766
769
|
},
|
|
767
770
|
"label": {
|
|
768
|
-
"fontFamily": "\"
|
|
771
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
769
772
|
"fontSize": "14px",
|
|
770
773
|
"lineHeight": "20px",
|
|
771
774
|
"fontWeight": "600",
|
|
772
775
|
"letterSpacing": "0.3px"
|
|
773
776
|
},
|
|
774
777
|
"caption": {
|
|
775
|
-
"fontFamily": "\"
|
|
778
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
776
779
|
"fontSize": "12px",
|
|
777
780
|
"lineHeight": "16px",
|
|
778
781
|
"fontWeight": "400",
|
|
@@ -885,70 +888,70 @@
|
|
|
885
888
|
},
|
|
886
889
|
"font": {
|
|
887
890
|
"family": {
|
|
888
|
-
"heading": "\"
|
|
889
|
-
"body": "\"
|
|
891
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
892
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
890
893
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
891
894
|
}
|
|
892
895
|
},
|
|
893
896
|
"typography": {
|
|
894
897
|
"display": {
|
|
895
|
-
"fontFamily": "\"
|
|
898
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
896
899
|
"fontSize": "48px",
|
|
897
900
|
"lineHeight": "60px",
|
|
898
901
|
"fontWeight": "800",
|
|
899
902
|
"letterSpacing": "-0.3px"
|
|
900
903
|
},
|
|
901
904
|
"h1": {
|
|
902
|
-
"fontFamily": "\"
|
|
905
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
903
906
|
"fontSize": "40px",
|
|
904
907
|
"lineHeight": "52px",
|
|
905
908
|
"fontWeight": "700",
|
|
906
909
|
"letterSpacing": "-0.3px"
|
|
907
910
|
},
|
|
908
911
|
"h2": {
|
|
909
|
-
"fontFamily": "\"
|
|
912
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
910
913
|
"fontSize": "32px",
|
|
911
914
|
"lineHeight": "44px",
|
|
912
915
|
"fontWeight": "600",
|
|
913
916
|
"letterSpacing": "0px"
|
|
914
917
|
},
|
|
915
918
|
"h3": {
|
|
916
|
-
"fontFamily": "\"
|
|
919
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
917
920
|
"fontSize": "28px",
|
|
918
921
|
"lineHeight": "40px",
|
|
919
922
|
"fontWeight": "600",
|
|
920
923
|
"letterSpacing": "0px"
|
|
921
924
|
},
|
|
922
925
|
"h4": {
|
|
923
|
-
"fontFamily": "\"
|
|
926
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
924
927
|
"fontSize": "24px",
|
|
925
928
|
"lineHeight": "36px",
|
|
926
929
|
"fontWeight": "600",
|
|
927
930
|
"letterSpacing": "0px"
|
|
928
931
|
},
|
|
929
932
|
"body": {
|
|
930
|
-
"fontFamily": "\"
|
|
933
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
931
934
|
"fontSize": "16px",
|
|
932
935
|
"lineHeight": "24px",
|
|
933
936
|
"fontWeight": "400",
|
|
934
937
|
"letterSpacing": "0px"
|
|
935
938
|
},
|
|
936
939
|
"bodySm": {
|
|
937
|
-
"fontFamily": "\"
|
|
940
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
938
941
|
"fontSize": "14px",
|
|
939
942
|
"lineHeight": "20px",
|
|
940
943
|
"fontWeight": "400",
|
|
941
944
|
"letterSpacing": "0px"
|
|
942
945
|
},
|
|
943
946
|
"label": {
|
|
944
|
-
"fontFamily": "\"
|
|
947
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
945
948
|
"fontSize": "14px",
|
|
946
949
|
"lineHeight": "20px",
|
|
947
950
|
"fontWeight": "600",
|
|
948
951
|
"letterSpacing": "0.3px"
|
|
949
952
|
},
|
|
950
953
|
"caption": {
|
|
951
|
-
"fontFamily": "\"
|
|
954
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
952
955
|
"fontSize": "12px",
|
|
953
956
|
"lineHeight": "16px",
|
|
954
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": {
|
|
@@ -224,6 +224,9 @@ export const primitives = {
|
|
|
224
224
|
"sm": "16px",
|
|
225
225
|
"md": "24px",
|
|
226
226
|
"lg": "32px"
|
|
227
|
+
},
|
|
228
|
+
"navbar": {
|
|
229
|
+
"height": "56px"
|
|
227
230
|
}
|
|
228
231
|
},
|
|
229
232
|
"shadow": {
|
|
@@ -358,70 +361,70 @@ export const semantic = {
|
|
|
358
361
|
},
|
|
359
362
|
"font": {
|
|
360
363
|
"family": {
|
|
361
|
-
"heading": "\"
|
|
362
|
-
"body": "\"
|
|
364
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
365
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
363
366
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
364
367
|
}
|
|
365
368
|
},
|
|
366
369
|
"typography": {
|
|
367
370
|
"display": {
|
|
368
|
-
"fontFamily": "\"
|
|
371
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
369
372
|
"fontSize": "48px",
|
|
370
373
|
"lineHeight": "60px",
|
|
371
374
|
"fontWeight": "800",
|
|
372
375
|
"letterSpacing": "-0.3px"
|
|
373
376
|
},
|
|
374
377
|
"h1": {
|
|
375
|
-
"fontFamily": "\"
|
|
378
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
376
379
|
"fontSize": "40px",
|
|
377
380
|
"lineHeight": "52px",
|
|
378
381
|
"fontWeight": "700",
|
|
379
382
|
"letterSpacing": "-0.3px"
|
|
380
383
|
},
|
|
381
384
|
"h2": {
|
|
382
|
-
"fontFamily": "\"
|
|
385
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
383
386
|
"fontSize": "32px",
|
|
384
387
|
"lineHeight": "44px",
|
|
385
388
|
"fontWeight": "600",
|
|
386
389
|
"letterSpacing": "0px"
|
|
387
390
|
},
|
|
388
391
|
"h3": {
|
|
389
|
-
"fontFamily": "\"
|
|
392
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
390
393
|
"fontSize": "28px",
|
|
391
394
|
"lineHeight": "40px",
|
|
392
395
|
"fontWeight": "600",
|
|
393
396
|
"letterSpacing": "0px"
|
|
394
397
|
},
|
|
395
398
|
"h4": {
|
|
396
|
-
"fontFamily": "\"
|
|
399
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
397
400
|
"fontSize": "24px",
|
|
398
401
|
"lineHeight": "36px",
|
|
399
402
|
"fontWeight": "600",
|
|
400
403
|
"letterSpacing": "0px"
|
|
401
404
|
},
|
|
402
405
|
"body": {
|
|
403
|
-
"fontFamily": "\"
|
|
406
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
404
407
|
"fontSize": "16px",
|
|
405
408
|
"lineHeight": "24px",
|
|
406
409
|
"fontWeight": "400",
|
|
407
410
|
"letterSpacing": "0px"
|
|
408
411
|
},
|
|
409
412
|
"bodySm": {
|
|
410
|
-
"fontFamily": "\"
|
|
413
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
411
414
|
"fontSize": "14px",
|
|
412
415
|
"lineHeight": "20px",
|
|
413
416
|
"fontWeight": "400",
|
|
414
417
|
"letterSpacing": "0px"
|
|
415
418
|
},
|
|
416
419
|
"label": {
|
|
417
|
-
"fontFamily": "\"
|
|
420
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
418
421
|
"fontSize": "14px",
|
|
419
422
|
"lineHeight": "20px",
|
|
420
423
|
"fontWeight": "600",
|
|
421
424
|
"letterSpacing": "0.3px"
|
|
422
425
|
},
|
|
423
426
|
"caption": {
|
|
424
|
-
"fontFamily": "\"
|
|
427
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
425
428
|
"fontSize": "12px",
|
|
426
429
|
"lineHeight": "16px",
|
|
427
430
|
"fontWeight": "400",
|
|
@@ -536,70 +539,70 @@ export const semanticThemes = {
|
|
|
536
539
|
},
|
|
537
540
|
"font": {
|
|
538
541
|
"family": {
|
|
539
|
-
"heading": "\"
|
|
540
|
-
"body": "\"
|
|
542
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
543
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
541
544
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
542
545
|
}
|
|
543
546
|
},
|
|
544
547
|
"typography": {
|
|
545
548
|
"display": {
|
|
546
|
-
"fontFamily": "\"
|
|
549
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
547
550
|
"fontSize": "48px",
|
|
548
551
|
"lineHeight": "60px",
|
|
549
552
|
"fontWeight": "800",
|
|
550
553
|
"letterSpacing": "-0.3px"
|
|
551
554
|
},
|
|
552
555
|
"h1": {
|
|
553
|
-
"fontFamily": "\"
|
|
556
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
554
557
|
"fontSize": "40px",
|
|
555
558
|
"lineHeight": "52px",
|
|
556
559
|
"fontWeight": "700",
|
|
557
560
|
"letterSpacing": "-0.3px"
|
|
558
561
|
},
|
|
559
562
|
"h2": {
|
|
560
|
-
"fontFamily": "\"
|
|
563
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
561
564
|
"fontSize": "32px",
|
|
562
565
|
"lineHeight": "44px",
|
|
563
566
|
"fontWeight": "600",
|
|
564
567
|
"letterSpacing": "0px"
|
|
565
568
|
},
|
|
566
569
|
"h3": {
|
|
567
|
-
"fontFamily": "\"
|
|
570
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
568
571
|
"fontSize": "28px",
|
|
569
572
|
"lineHeight": "40px",
|
|
570
573
|
"fontWeight": "600",
|
|
571
574
|
"letterSpacing": "0px"
|
|
572
575
|
},
|
|
573
576
|
"h4": {
|
|
574
|
-
"fontFamily": "\"
|
|
577
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
575
578
|
"fontSize": "24px",
|
|
576
579
|
"lineHeight": "36px",
|
|
577
580
|
"fontWeight": "600",
|
|
578
581
|
"letterSpacing": "0px"
|
|
579
582
|
},
|
|
580
583
|
"body": {
|
|
581
|
-
"fontFamily": "\"
|
|
584
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
582
585
|
"fontSize": "16px",
|
|
583
586
|
"lineHeight": "24px",
|
|
584
587
|
"fontWeight": "400",
|
|
585
588
|
"letterSpacing": "0px"
|
|
586
589
|
},
|
|
587
590
|
"bodySm": {
|
|
588
|
-
"fontFamily": "\"
|
|
591
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
589
592
|
"fontSize": "14px",
|
|
590
593
|
"lineHeight": "20px",
|
|
591
594
|
"fontWeight": "400",
|
|
592
595
|
"letterSpacing": "0px"
|
|
593
596
|
},
|
|
594
597
|
"label": {
|
|
595
|
-
"fontFamily": "\"
|
|
598
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
596
599
|
"fontSize": "14px",
|
|
597
600
|
"lineHeight": "20px",
|
|
598
601
|
"fontWeight": "600",
|
|
599
602
|
"letterSpacing": "0.3px"
|
|
600
603
|
},
|
|
601
604
|
"caption": {
|
|
602
|
-
"fontFamily": "\"
|
|
605
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
603
606
|
"fontSize": "12px",
|
|
604
607
|
"lineHeight": "16px",
|
|
605
608
|
"fontWeight": "400",
|
|
@@ -712,70 +715,70 @@ export const semanticThemes = {
|
|
|
712
715
|
},
|
|
713
716
|
"font": {
|
|
714
717
|
"family": {
|
|
715
|
-
"heading": "\"
|
|
716
|
-
"body": "\"
|
|
718
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
719
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
717
720
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
718
721
|
}
|
|
719
722
|
},
|
|
720
723
|
"typography": {
|
|
721
724
|
"display": {
|
|
722
|
-
"fontFamily": "\"
|
|
725
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
723
726
|
"fontSize": "48px",
|
|
724
727
|
"lineHeight": "60px",
|
|
725
728
|
"fontWeight": "800",
|
|
726
729
|
"letterSpacing": "-0.3px"
|
|
727
730
|
},
|
|
728
731
|
"h1": {
|
|
729
|
-
"fontFamily": "\"
|
|
732
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
730
733
|
"fontSize": "40px",
|
|
731
734
|
"lineHeight": "52px",
|
|
732
735
|
"fontWeight": "700",
|
|
733
736
|
"letterSpacing": "-0.3px"
|
|
734
737
|
},
|
|
735
738
|
"h2": {
|
|
736
|
-
"fontFamily": "\"
|
|
739
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
737
740
|
"fontSize": "32px",
|
|
738
741
|
"lineHeight": "44px",
|
|
739
742
|
"fontWeight": "600",
|
|
740
743
|
"letterSpacing": "0px"
|
|
741
744
|
},
|
|
742
745
|
"h3": {
|
|
743
|
-
"fontFamily": "\"
|
|
746
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
744
747
|
"fontSize": "28px",
|
|
745
748
|
"lineHeight": "40px",
|
|
746
749
|
"fontWeight": "600",
|
|
747
750
|
"letterSpacing": "0px"
|
|
748
751
|
},
|
|
749
752
|
"h4": {
|
|
750
|
-
"fontFamily": "\"
|
|
753
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
751
754
|
"fontSize": "24px",
|
|
752
755
|
"lineHeight": "36px",
|
|
753
756
|
"fontWeight": "600",
|
|
754
757
|
"letterSpacing": "0px"
|
|
755
758
|
},
|
|
756
759
|
"body": {
|
|
757
|
-
"fontFamily": "\"
|
|
760
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
758
761
|
"fontSize": "16px",
|
|
759
762
|
"lineHeight": "24px",
|
|
760
763
|
"fontWeight": "400",
|
|
761
764
|
"letterSpacing": "0px"
|
|
762
765
|
},
|
|
763
766
|
"bodySm": {
|
|
764
|
-
"fontFamily": "\"
|
|
767
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
765
768
|
"fontSize": "14px",
|
|
766
769
|
"lineHeight": "20px",
|
|
767
770
|
"fontWeight": "400",
|
|
768
771
|
"letterSpacing": "0px"
|
|
769
772
|
},
|
|
770
773
|
"label": {
|
|
771
|
-
"fontFamily": "\"
|
|
774
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
772
775
|
"fontSize": "14px",
|
|
773
776
|
"lineHeight": "20px",
|
|
774
777
|
"fontWeight": "600",
|
|
775
778
|
"letterSpacing": "0.3px"
|
|
776
779
|
},
|
|
777
780
|
"caption": {
|
|
778
|
-
"fontFamily": "\"
|
|
781
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
779
782
|
"fontSize": "12px",
|
|
780
783
|
"lineHeight": "16px",
|
|
781
784
|
"fontWeight": "400",
|
|
@@ -888,70 +891,70 @@ export const semanticThemes = {
|
|
|
888
891
|
},
|
|
889
892
|
"font": {
|
|
890
893
|
"family": {
|
|
891
|
-
"heading": "\"
|
|
892
|
-
"body": "\"
|
|
894
|
+
"heading": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
895
|
+
"body": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
893
896
|
"code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
|
|
894
897
|
}
|
|
895
898
|
},
|
|
896
899
|
"typography": {
|
|
897
900
|
"display": {
|
|
898
|
-
"fontFamily": "\"
|
|
901
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
899
902
|
"fontSize": "48px",
|
|
900
903
|
"lineHeight": "60px",
|
|
901
904
|
"fontWeight": "800",
|
|
902
905
|
"letterSpacing": "-0.3px"
|
|
903
906
|
},
|
|
904
907
|
"h1": {
|
|
905
|
-
"fontFamily": "\"
|
|
908
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
906
909
|
"fontSize": "40px",
|
|
907
910
|
"lineHeight": "52px",
|
|
908
911
|
"fontWeight": "700",
|
|
909
912
|
"letterSpacing": "-0.3px"
|
|
910
913
|
},
|
|
911
914
|
"h2": {
|
|
912
|
-
"fontFamily": "\"
|
|
915
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
913
916
|
"fontSize": "32px",
|
|
914
917
|
"lineHeight": "44px",
|
|
915
918
|
"fontWeight": "600",
|
|
916
919
|
"letterSpacing": "0px"
|
|
917
920
|
},
|
|
918
921
|
"h3": {
|
|
919
|
-
"fontFamily": "\"
|
|
922
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
920
923
|
"fontSize": "28px",
|
|
921
924
|
"lineHeight": "40px",
|
|
922
925
|
"fontWeight": "600",
|
|
923
926
|
"letterSpacing": "0px"
|
|
924
927
|
},
|
|
925
928
|
"h4": {
|
|
926
|
-
"fontFamily": "\"
|
|
929
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
927
930
|
"fontSize": "24px",
|
|
928
931
|
"lineHeight": "36px",
|
|
929
932
|
"fontWeight": "600",
|
|
930
933
|
"letterSpacing": "0px"
|
|
931
934
|
},
|
|
932
935
|
"body": {
|
|
933
|
-
"fontFamily": "\"
|
|
936
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
934
937
|
"fontSize": "16px",
|
|
935
938
|
"lineHeight": "24px",
|
|
936
939
|
"fontWeight": "400",
|
|
937
940
|
"letterSpacing": "0px"
|
|
938
941
|
},
|
|
939
942
|
"bodySm": {
|
|
940
|
-
"fontFamily": "\"
|
|
943
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
941
944
|
"fontSize": "14px",
|
|
942
945
|
"lineHeight": "20px",
|
|
943
946
|
"fontWeight": "400",
|
|
944
947
|
"letterSpacing": "0px"
|
|
945
948
|
},
|
|
946
949
|
"label": {
|
|
947
|
-
"fontFamily": "\"
|
|
950
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
948
951
|
"fontSize": "14px",
|
|
949
952
|
"lineHeight": "20px",
|
|
950
953
|
"fontWeight": "600",
|
|
951
954
|
"letterSpacing": "0.3px"
|
|
952
955
|
},
|
|
953
956
|
"caption": {
|
|
954
|
-
"fontFamily": "\"
|
|
957
|
+
"fontFamily": "\"Lato\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
|
|
955
958
|
"fontSize": "12px",
|
|
956
959
|
"lineHeight": "16px",
|
|
957
960
|
"fontWeight": "400",
|
|
@@ -1197,6 +1200,9 @@ export const cssVars = {
|
|
|
1197
1200
|
"sm": "var(--grid-gap-sm)",
|
|
1198
1201
|
"md": "var(--grid-gap-md)",
|
|
1199
1202
|
"lg": "var(--grid-gap-lg)"
|
|
1203
|
+
},
|
|
1204
|
+
"navbar": {
|
|
1205
|
+
"height": "var(--navbar-height)"
|
|
1200
1206
|
}
|
|
1201
1207
|
},
|
|
1202
1208
|
"shadow": {
|