@signozhq/design-tokens 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +75 -14
  2. package/dist/Typography/typography-styles.css +1 -0
  3. package/dist/design-tokens.js +773 -33
  4. package/dist/design-tokens.umd.cjs +1 -1
  5. package/dist/index.d.ts +785 -3
  6. package/dist/themes/signoz-tokens.css +1 -0
  7. package/package.json +64 -63
package/dist/design-tokens.js CHANGED
@@ -1,4 +1,4 @@
1
- const u = {
1
+ const v = {
2
2
  BG_ROBIN_50: "#edf1fe",
3
3
  BG_ROBIN_100: "#cad5fd",
4
4
  BG_ROBIN_150: "#cad5fd",
@@ -271,7 +271,7 @@ const u = {
271
271
  TEXT_GRADIENT_OCEAN: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
272
272
  TEXT_GRADIENT_SPLASH: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
273
273
  TEXT_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
274
- }, f = {
274
+ }, T = {
275
275
  "robin-50": "#edf1fe",
276
276
  "robin-100": "#cad5fd",
277
277
  "robin-150": "#cad5fd",
@@ -408,7 +408,7 @@ const u = {
408
408
  "gradient-ocean": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
409
409
  "gradient-splash": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
410
410
  "gradient-flamingo": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
411
- }, n = {
411
+ }, R = {
412
412
  PADDING_1: "0.25rem",
413
413
  PADDING_2: "0.5rem",
414
414
  PADDING_3: "0.75rem",
@@ -445,7 +445,7 @@ const u = {
445
445
  MARGIN_48: "12rem",
446
446
  MARGIN_56: "14rem",
447
447
  MARGIN_64: "16rem"
448
- }, v = {
448
+ }, s = {
449
449
  FONTFAMILY_INTER: "Inter, sans-serif",
450
450
  FONTFAMILY_SFMONO: "SF Mono, monospace",
451
451
  FONTSIZE_XS: "0.75rem",
@@ -653,6 +653,480 @@ const u = {
653
653
  PARAGRAPH_SMALL_600_LINEHEIGHT: "18px",
654
654
  PARAGRAPH_SMALL_600_LETTERSPACING: "-0.5px",
655
655
  PARAGRAPH_SMALL_600_FONTFAMILY: "Inter, sans-serif"
656
+ }, S = {
657
+ LABEL_LARGE_400: {
658
+ fontFamily: "Inter, sans-serif",
659
+ fontSize: "18px",
660
+ fontWeight: "400",
661
+ lineHeight: "1",
662
+ letterSpacing: "0px"
663
+ },
664
+ LABEL_LARGE_500: {
665
+ fontFamily: "Inter, sans-serif",
666
+ fontSize: "18px",
667
+ fontWeight: "500",
668
+ lineHeight: "1",
669
+ letterSpacing: "0px"
670
+ },
671
+ LABEL_LARGE_600: {
672
+ fontFamily: "Inter, sans-serif",
673
+ fontSize: "18px",
674
+ fontWeight: "600",
675
+ lineHeight: "1",
676
+ letterSpacing: "0px"
677
+ },
678
+ LABEL_MEDIUM_400: {
679
+ fontFamily: "Inter, sans-serif",
680
+ fontSize: "16px",
681
+ fontWeight: "400",
682
+ lineHeight: "1",
683
+ letterSpacing: "0px"
684
+ },
685
+ LABEL_MEDIUM_500: {
686
+ fontFamily: "Inter, sans-serif",
687
+ fontSize: "16px",
688
+ fontWeight: "500",
689
+ lineHeight: "1",
690
+ letterSpacing: "0px"
691
+ },
692
+ LABEL_MEDIUM_600: {
693
+ fontFamily: "Inter, sans-serif",
694
+ fontSize: "16px",
695
+ fontWeight: "600",
696
+ lineHeight: "1",
697
+ letterSpacing: "0px"
698
+ },
699
+ LABEL_BASE_400: {
700
+ fontFamily: "Inter, sans-serif",
701
+ fontSize: "13px",
702
+ fontWeight: "400",
703
+ lineHeight: "1",
704
+ letterSpacing: "-0.5px"
705
+ },
706
+ LABEL_BASE_500: {
707
+ fontFamily: "Inter, sans-serif",
708
+ fontSize: "13px",
709
+ fontWeight: "500",
710
+ lineHeight: "1",
711
+ letterSpacing: "-0.5px"
712
+ },
713
+ LABEL_BASE_600: {
714
+ fontFamily: "Inter, sans-serif",
715
+ fontSize: "13px",
716
+ fontWeight: "600",
717
+ lineHeight: "1",
718
+ letterSpacing: "-0.5px"
719
+ },
720
+ LABEL_SMALL_400: {
721
+ fontFamily: "Inter, sans-serif",
722
+ fontSize: "11px",
723
+ fontWeight: "400",
724
+ lineHeight: "1",
725
+ letterSpacing: "0px"
726
+ },
727
+ LABEL_SMALL_500: {
728
+ fontFamily: "Inter, sans-serif",
729
+ fontSize: "11px",
730
+ fontWeight: "500",
731
+ lineHeight: "1",
732
+ letterSpacing: "0px"
733
+ },
734
+ LABEL_SMALL_600: {
735
+ fontFamily: "Inter, sans-serif",
736
+ fontSize: "11px",
737
+ fontWeight: "600",
738
+ lineHeight: "1",
739
+ letterSpacing: "0px"
740
+ },
741
+ UPPERCASE_BASE_400: {
742
+ fontFamily: "Inter, sans-serif",
743
+ fontSize: "13px",
744
+ fontWeight: "400",
745
+ lineHeight: "1",
746
+ letterSpacing: "4px"
747
+ },
748
+ UPPERCASE_BASE_500: {
749
+ fontFamily: "Inter, sans-serif",
750
+ fontSize: "13px",
751
+ fontWeight: "500",
752
+ lineHeight: "1",
753
+ letterSpacing: "4px"
754
+ },
755
+ UPPERCASE_BASE_600: {
756
+ fontFamily: "Inter, sans-serif",
757
+ fontSize: "13px",
758
+ fontWeight: "600",
759
+ lineHeight: "1",
760
+ letterSpacing: "4px"
761
+ },
762
+ UPPERCASE_SMALL_400: {
763
+ fontFamily: "Inter, sans-serif",
764
+ fontSize: "11px",
765
+ fontWeight: "400",
766
+ lineHeight: "1",
767
+ letterSpacing: "4px"
768
+ },
769
+ UPPERCASE_SMALL_500: {
770
+ fontFamily: "Inter, sans-serif",
771
+ fontSize: "11px",
772
+ fontWeight: "500",
773
+ lineHeight: "1",
774
+ letterSpacing: "4px"
775
+ },
776
+ UPPERCASE_SMALL_600: {
777
+ fontFamily: "Inter, sans-serif",
778
+ fontSize: "11px",
779
+ fontWeight: "600",
780
+ lineHeight: "1",
781
+ letterSpacing: "4px"
782
+ },
783
+ CODE_BASE_400: {
784
+ fontFamily: "SF Mono, monospace",
785
+ fontSize: "13px",
786
+ fontWeight: "400",
787
+ lineHeight: "1",
788
+ letterSpacing: "0px"
789
+ },
790
+ CODE_BASE_500: {
791
+ fontFamily: "SF Mono, monospace",
792
+ fontSize: "13px",
793
+ fontWeight: "500",
794
+ lineHeight: "1",
795
+ letterSpacing: "0px"
796
+ },
797
+ CODE_BASE_600: {
798
+ fontFamily: "SF Mono, monospace",
799
+ fontSize: "13px",
800
+ fontWeight: "600",
801
+ lineHeight: "1",
802
+ letterSpacing: "0px"
803
+ },
804
+ CODE_SMALL_400: {
805
+ fontFamily: "SF Mono, monospace",
806
+ fontSize: "11px",
807
+ fontWeight: "400",
808
+ lineHeight: "1",
809
+ letterSpacing: "0px"
810
+ },
811
+ CODE_SMALL_500: {
812
+ fontFamily: "SF Mono, monospace",
813
+ fontSize: "11px",
814
+ fontWeight: "500",
815
+ lineHeight: "1",
816
+ letterSpacing: "0px"
817
+ },
818
+ CODE_SMALL_600: {
819
+ fontFamily: "SF Mono, monospace",
820
+ fontSize: "11px",
821
+ fontWeight: "600",
822
+ lineHeight: "1",
823
+ letterSpacing: "0px"
824
+ },
825
+ PARAGRAPH_MEDIUM_400: {
826
+ fontFamily: "Inter, sans-serif",
827
+ fontSize: "16px",
828
+ fontWeight: "400",
829
+ lineHeight: "24px",
830
+ letterSpacing: "0px"
831
+ },
832
+ PARAGRAPH_MEDIUM_500: {
833
+ fontFamily: "Inter, sans-serif",
834
+ fontSize: "16px",
835
+ fontWeight: "500",
836
+ lineHeight: "24px",
837
+ letterSpacing: "0px"
838
+ },
839
+ PARAGRAPH_MEDIUM_600: {
840
+ fontFamily: "Inter, sans-serif",
841
+ fontSize: "16px",
842
+ fontWeight: "600",
843
+ lineHeight: "24px",
844
+ letterSpacing: "0px"
845
+ },
846
+ PARAGRAPH_BASE_400: {
847
+ fontFamily: "Inter, sans-serif",
848
+ fontSize: "13px",
849
+ fontWeight: "400",
850
+ lineHeight: "20px",
851
+ letterSpacing: "-0.5px"
852
+ },
853
+ PARAGRAPH_BASE_500: {
854
+ fontFamily: "Inter, sans-serif",
855
+ fontSize: "13px",
856
+ fontWeight: "500",
857
+ lineHeight: "20px",
858
+ letterSpacing: "-0.5px"
859
+ },
860
+ PARAGRAPH_BASE_600: {
861
+ fontFamily: "Inter, sans-serif",
862
+ fontSize: "13px",
863
+ fontWeight: "600",
864
+ lineHeight: "20px",
865
+ letterSpacing: "-0.5px"
866
+ },
867
+ PARAGRAPH_SMALL_400: {
868
+ fontFamily: "Inter, sans-serif",
869
+ fontSize: "11px",
870
+ fontWeight: "400",
871
+ lineHeight: "18px",
872
+ letterSpacing: "-0.5px"
873
+ },
874
+ PARAGRAPH_SMALL_500: {
875
+ fontFamily: "Inter, sans-serif",
876
+ fontSize: "11px",
877
+ fontWeight: "500",
878
+ lineHeight: "18px",
879
+ letterSpacing: "-0.5px"
880
+ },
881
+ PARAGRAPH_SMALL_600: {
882
+ fontFamily: "Inter, sans-serif",
883
+ fontSize: "11px",
884
+ fontWeight: "600",
885
+ lineHeight: "18px",
886
+ letterSpacing: "-0.5px"
887
+ }
888
+ }, d = {
889
+ BACKGROUND: "var(--background)",
890
+ FOREGROUND: "var(--foreground)",
891
+ CARD: "var(--card)",
892
+ CARD_FOREGROUND: "var(--card-foreground)",
893
+ POPOVER: "var(--popover)",
894
+ POPOVER_FOREGROUND: "var(--popover-foreground)",
895
+ PRIMARY: "var(--primary)",
896
+ SECONDARY: "var(--secondary)",
897
+ MUTED: "var(--muted)",
898
+ MUTED_FOREGROUND: "var(--muted-foreground)",
899
+ ACCENT: "var(--accent)",
900
+ ACCENT_FOREGROUND: "var(--accent-foreground)",
901
+ DESTRUCTIVE: "var(--destructive)",
902
+ DESTRUCTIVE_FOREGROUND: "var(--destructive-foreground)",
903
+ BORDER: "var(--border)",
904
+ INPUT: "var(--input)",
905
+ RING: "var(--ring)",
906
+ RADIUS: "var(--radius)",
907
+ CHART_1: "var(--chart-1)",
908
+ CHART_2: "var(--chart-2)",
909
+ CHART_3: "var(--chart-3)",
910
+ CHART_4: "var(--chart-4)",
911
+ CHART_5: "var(--chart-5)",
912
+ SIDEBAR: "var(--sidebar)",
913
+ SIDEBAR_FOREGROUND: "var(--sidebar-foreground)",
914
+ SIDEBAR_PRIMARY: "var(--sidebar-primary)",
915
+ SIDEBAR_PRIMARY_FOREGROUND: "var(--sidebar-primary-foreground)",
916
+ SIDEBAR_ACCENT: "var(--sidebar-accent)",
917
+ SIDEBAR_ACCENT_FOREGROUND: "var(--sidebar-accent-foreground)",
918
+ SIDEBAR_BORDER: "var(--sidebar-border)",
919
+ SIDEBAR_RING: "var(--sidebar-ring)",
920
+ FONT_SANS: "var(--font-sans)",
921
+ FONT_SERIF: "var(--font-serif)",
922
+ FONT_MONO: "var(--font-mono)",
923
+ BASE_WHITE: "var(--base-white)",
924
+ BASE_BLACK: "var(--base-black)",
925
+ L1_BACKGROUND: "var(--l1-background)",
926
+ L2_BACKGROUND: "var(--l2-background)",
927
+ L3_BACKGROUND: "var(--l3-background)",
928
+ L1_BACKGROUND_HOVER: "var(--l1-background-hover)",
929
+ L2_BACKGROUND_HOVER: "var(--l2-background-hover)",
930
+ L3_BACKGROUND_HOVER: "var(--l3-background-hover)",
931
+ L1_FOREGROUND: "var(--l1-foreground)",
932
+ L1_FOREGROUND_HOVER: "var(--l1-foreground-hover)",
933
+ L2_FOREGROUND: "var(--l2-foreground)",
934
+ L2_FOREGROUND_HOVER: "var(--l2-foreground-hover)",
935
+ L3_FOREGROUND: "var(--l3-foreground)",
936
+ L3_FOREGROUND_HOVER: "var(--l3-foreground-hover)",
937
+ L1_BORDER: "var(--l1-border)",
938
+ L2_BORDER: "var(--l2-border)",
939
+ L3_BORDER: "var(--l3-border)",
940
+ PRIMARY_BACKGROUND: "var(--primary-background)",
941
+ PRIMARY_BACKGROUND_HOVER: "var(--primary-background-hover)",
942
+ PRIMARY_FOREGROUND: "var(--primary-foreground)",
943
+ PRIMARY_FOREGROUND_HOVER: "var(--primary-foreground-hover)",
944
+ SECONDARY_BACKGROUND: "var(--secondary-background)",
945
+ SECONDARY_BACKGROUND_HOVER: "var(--secondary-background-hover)",
946
+ SECONDARY_FOREGROUND: "var(--secondary-foreground)",
947
+ SECONDARY_FOREGROUND_HOVER: "var(--secondary-foreground-hover)",
948
+ SECONDARY_BORDER: "var(--secondary-border)",
949
+ SUCCESS_BACKGROUND: "var(--success-background)",
950
+ SUCCESS_BACKGROUND_HOVER: "var(--success-background-hover)",
951
+ SUCCESS_FOREGROUND: "var(--success-foreground)",
952
+ SUCCESS_FOREGROUND_HOVER: "var(--success-foreground-hover)",
953
+ WARNING_BACKGROUND: "var(--warning-background)",
954
+ WARNING_BACKGROUND_HOVER: "var(--warning-background-hover)",
955
+ WARNING_FOREGROUND: "var(--warning-foreground)",
956
+ WARNING_FOREGROUND_HOVER: "var(--warning-foreground-hover)",
957
+ DANGER_BACKGROUND: "var(--danger-background)",
958
+ DANGER_BACKGROUND_HOVER: "var(--danger-background-hover)",
959
+ DANGER_FOREGROUND: "var(--danger-foreground)",
960
+ DANGER_FOREGROUND_HOVER: "var(--danger-foreground-hover)",
961
+ L1_BACKGROUND_TRANSPARENT: "var(--l1-background-transparent)",
962
+ L1_BACKGROUND_60: "var(--l1-background-60)",
963
+ L2_BACKGROUND_TRANSPARENT: "var(--l2-background-transparent)",
964
+ L2_BACKGROUND_60: "var(--l2-background-60)",
965
+ L3_BACKGROUND_TRANSPARENT: "var(--l3-background-transparent)",
966
+ L3_BACKGROUND_60: "var(--l3-background-60)",
967
+ ALERT_STRIP_BUTTON_BACKGROUND: "var(--alert-strip-button-background)",
968
+ CALLOUT_PRIMARY_BACKGROUND: "var(--callout-primary-background)",
969
+ CALLOUT_PRIMARY_BORDER: "var(--callout-primary-border)",
970
+ CALLOUT_PRIMARY_TITLE: "var(--callout-primary-title)",
971
+ CALLOUT_PRIMARY_DESCRIPTION: "var(--callout-primary-description)",
972
+ CALLOUT_PRIMARY_ICON: "var(--callout-primary-icon)",
973
+ CALLOUT_SUCCESS_BACKGROUND: "var(--callout-success-background)",
974
+ CALLOUT_SUCCESS_BORDER: "var(--callout-success-border)",
975
+ CALLOUT_SUCCESS_TITLE: "var(--callout-success-title)",
976
+ CALLOUT_SUCCESS_DESCRIPTION: "var(--callout-success-description)",
977
+ CALLOUT_SUCCESS_ICON: "var(--callout-success-icon)",
978
+ CALLOUT_WARNING_BACKGROUND: "var(--callout-warning-background)",
979
+ CALLOUT_WARNING_BORDER: "var(--callout-warning-border)",
980
+ CALLOUT_WARNING_TITLE: "var(--callout-warning-title)",
981
+ CALLOUT_WARNING_DESCRIPTION: "var(--callout-warning-description)",
982
+ CALLOUT_WARNING_ICON: "var(--callout-warning-icon)",
983
+ CALLOUT_ERROR_BACKGROUND: "var(--callout-error-background)",
984
+ CALLOUT_ERROR_BORDER: "var(--callout-error-border)",
985
+ CALLOUT_ERROR_TITLE: "var(--callout-error-title)",
986
+ CALLOUT_ERROR_DESCRIPTION: "var(--callout-error-description)",
987
+ CALLOUT_ERROR_ICON: "var(--callout-error-icon)",
988
+ ACCENT_PRIMARY: "var(--accent-primary)",
989
+ ACCENT_PRIMARY_HOVER: "var(--accent-primary-hover)",
990
+ ACCENT_PRIMARY_FOREGROUND: "var(--accent-primary-foreground)",
991
+ ACCENT_FOREST: "var(--accent-forest)",
992
+ ACCENT_FOREST_HOVER: "var(--accent-forest-hover)",
993
+ ACCENT_FOREST_FOREGROUND: "var(--accent-forest-foreground)",
994
+ ACCENT_AMBER: "var(--accent-amber)",
995
+ ACCENT_AMBER_HOVER: "var(--accent-amber-hover)",
996
+ ACCENT_AMBER_FOREGROUND: "var(--accent-amber-foreground)",
997
+ ACCENT_CHERRY: "var(--accent-cherry)",
998
+ ACCENT_CHERRY_HOVER: "var(--accent-cherry-hover)",
999
+ ACCENT_CHERRY_FOREGROUND: "var(--accent-cherry-foreground)",
1000
+ ACCENT_AQUA: "var(--accent-aqua)",
1001
+ ACCENT_AQUA_HOVER: "var(--accent-aqua-hover)",
1002
+ ACCENT_AQUA_FOREGROUND: "var(--accent-aqua-foreground)",
1003
+ ACCENT_SAKURA: "var(--accent-sakura)",
1004
+ ACCENT_SAKURA_HOVER: "var(--accent-sakura-hover)",
1005
+ ACCENT_SAKURA_FOREGROUND: "var(--accent-sakura-foreground)",
1006
+ ACCENT_SIENNA: "var(--accent-sienna)",
1007
+ ACCENT_SIENNA_HOVER: "var(--accent-sienna-hover)",
1008
+ ACCENT_SIENNA_FOREGROUND: "var(--accent-sienna-foreground)"
1009
+ }, L = {
1010
+ background: "var(--background)",
1011
+ foreground: "var(--foreground)",
1012
+ card: "var(--card)",
1013
+ "card-foreground": "var(--card-foreground)",
1014
+ popover: "var(--popover)",
1015
+ "popover-foreground": "var(--popover-foreground)",
1016
+ primary: "var(--primary)",
1017
+ secondary: "var(--secondary)",
1018
+ muted: "var(--muted)",
1019
+ "muted-foreground": "var(--muted-foreground)",
1020
+ accent: "var(--accent)",
1021
+ "accent-foreground": "var(--accent-foreground)",
1022
+ destructive: "var(--destructive)",
1023
+ "destructive-foreground": "var(--destructive-foreground)",
1024
+ border: "var(--border)",
1025
+ input: "var(--input)",
1026
+ ring: "var(--ring)",
1027
+ radius: "var(--radius)",
1028
+ "chart-1": "var(--chart-1)",
1029
+ "chart-2": "var(--chart-2)",
1030
+ "chart-3": "var(--chart-3)",
1031
+ "chart-4": "var(--chart-4)",
1032
+ "chart-5": "var(--chart-5)",
1033
+ sidebar: "var(--sidebar)",
1034
+ "sidebar-foreground": "var(--sidebar-foreground)",
1035
+ "sidebar-primary": "var(--sidebar-primary)",
1036
+ "sidebar-primary-foreground": "var(--sidebar-primary-foreground)",
1037
+ "sidebar-accent": "var(--sidebar-accent)",
1038
+ "sidebar-accent-foreground": "var(--sidebar-accent-foreground)",
1039
+ "sidebar-border": "var(--sidebar-border)",
1040
+ "sidebar-ring": "var(--sidebar-ring)",
1041
+ "font-sans": "var(--font-sans)",
1042
+ "font-serif": "var(--font-serif)",
1043
+ "font-mono": "var(--font-mono)",
1044
+ "base-white": "var(--base-white)",
1045
+ "base-black": "var(--base-black)",
1046
+ "l1-background": "var(--l1-background)",
1047
+ "l2-background": "var(--l2-background)",
1048
+ "l3-background": "var(--l3-background)",
1049
+ "l1-background-hover": "var(--l1-background-hover)",
1050
+ "l2-background-hover": "var(--l2-background-hover)",
1051
+ "l3-background-hover": "var(--l3-background-hover)",
1052
+ "l1-foreground": "var(--l1-foreground)",
1053
+ "l1-foreground-hover": "var(--l1-foreground-hover)",
1054
+ "l2-foreground": "var(--l2-foreground)",
1055
+ "l2-foreground-hover": "var(--l2-foreground-hover)",
1056
+ "l3-foreground": "var(--l3-foreground)",
1057
+ "l3-foreground-hover": "var(--l3-foreground-hover)",
1058
+ "l1-border": "var(--l1-border)",
1059
+ "l2-border": "var(--l2-border)",
1060
+ "l3-border": "var(--l3-border)",
1061
+ "primary-background": "var(--primary-background)",
1062
+ "primary-background-hover": "var(--primary-background-hover)",
1063
+ "primary-foreground": "var(--primary-foreground)",
1064
+ "primary-foreground-hover": "var(--primary-foreground-hover)",
1065
+ "secondary-background": "var(--secondary-background)",
1066
+ "secondary-background-hover": "var(--secondary-background-hover)",
1067
+ "secondary-foreground": "var(--secondary-foreground)",
1068
+ "secondary-foreground-hover": "var(--secondary-foreground-hover)",
1069
+ "secondary-border": "var(--secondary-border)",
1070
+ "success-background": "var(--success-background)",
1071
+ "success-background-hover": "var(--success-background-hover)",
1072
+ "success-foreground": "var(--success-foreground)",
1073
+ "success-foreground-hover": "var(--success-foreground-hover)",
1074
+ "warning-background": "var(--warning-background)",
1075
+ "warning-background-hover": "var(--warning-background-hover)",
1076
+ "warning-foreground": "var(--warning-foreground)",
1077
+ "warning-foreground-hover": "var(--warning-foreground-hover)",
1078
+ "danger-background": "var(--danger-background)",
1079
+ "danger-background-hover": "var(--danger-background-hover)",
1080
+ "danger-foreground": "var(--danger-foreground)",
1081
+ "danger-foreground-hover": "var(--danger-foreground-hover)",
1082
+ "l1-background-transparent": "var(--l1-background-transparent)",
1083
+ "l1-background-60": "var(--l1-background-60)",
1084
+ "l2-background-transparent": "var(--l2-background-transparent)",
1085
+ "l2-background-60": "var(--l2-background-60)",
1086
+ "l3-background-transparent": "var(--l3-background-transparent)",
1087
+ "l3-background-60": "var(--l3-background-60)",
1088
+ "alert-strip-button-background": "var(--alert-strip-button-background)",
1089
+ "callout-primary-background": "var(--callout-primary-background)",
1090
+ "callout-primary-border": "var(--callout-primary-border)",
1091
+ "callout-primary-title": "var(--callout-primary-title)",
1092
+ "callout-primary-description": "var(--callout-primary-description)",
1093
+ "callout-primary-icon": "var(--callout-primary-icon)",
1094
+ "callout-success-background": "var(--callout-success-background)",
1095
+ "callout-success-border": "var(--callout-success-border)",
1096
+ "callout-success-title": "var(--callout-success-title)",
1097
+ "callout-success-description": "var(--callout-success-description)",
1098
+ "callout-success-icon": "var(--callout-success-icon)",
1099
+ "callout-warning-background": "var(--callout-warning-background)",
1100
+ "callout-warning-border": "var(--callout-warning-border)",
1101
+ "callout-warning-title": "var(--callout-warning-title)",
1102
+ "callout-warning-description": "var(--callout-warning-description)",
1103
+ "callout-warning-icon": "var(--callout-warning-icon)",
1104
+ "callout-error-background": "var(--callout-error-background)",
1105
+ "callout-error-border": "var(--callout-error-border)",
1106
+ "callout-error-title": "var(--callout-error-title)",
1107
+ "callout-error-description": "var(--callout-error-description)",
1108
+ "callout-error-icon": "var(--callout-error-icon)",
1109
+ "accent-primary": "var(--accent-primary)",
1110
+ "accent-primary-hover": "var(--accent-primary-hover)",
1111
+ "accent-primary-foreground": "var(--accent-primary-foreground)",
1112
+ "accent-forest": "var(--accent-forest)",
1113
+ "accent-forest-hover": "var(--accent-forest-hover)",
1114
+ "accent-forest-foreground": "var(--accent-forest-foreground)",
1115
+ "accent-amber": "var(--accent-amber)",
1116
+ "accent-amber-hover": "var(--accent-amber-hover)",
1117
+ "accent-amber-foreground": "var(--accent-amber-foreground)",
1118
+ "accent-cherry": "var(--accent-cherry)",
1119
+ "accent-cherry-hover": "var(--accent-cherry-hover)",
1120
+ "accent-cherry-foreground": "var(--accent-cherry-foreground)",
1121
+ "accent-aqua": "var(--accent-aqua)",
1122
+ "accent-aqua-hover": "var(--accent-aqua-hover)",
1123
+ "accent-aqua-foreground": "var(--accent-aqua-foreground)",
1124
+ "accent-sakura": "var(--accent-sakura)",
1125
+ "accent-sakura-hover": "var(--accent-sakura-hover)",
1126
+ "accent-sakura-foreground": "var(--accent-sakura-foreground)",
1127
+ "accent-sienna": "var(--accent-sienna)",
1128
+ "accent-sienna-hover": "var(--accent-sienna-hover)",
1129
+ "accent-sienna-foreground": "var(--accent-sienna-foreground)"
656
1130
  }, e = {
657
1131
  Robin: {
658
1132
  50: {
@@ -1799,10 +2273,10 @@ const u = {
1799
2273
  type: "color"
1800
2274
  }
1801
2275
  }
1802
- }, L = {
2276
+ }, I = {
1803
2277
  bg: e,
1804
2278
  text: a
1805
- }, p = {
2279
+ }, r = {
1806
2280
  1: {
1807
2281
  value: "0.25rem",
1808
2282
  type: "spacing"
@@ -1948,10 +2422,10 @@ const u = {
1948
2422
  value: "16rem",
1949
2423
  type: "spacing"
1950
2424
  }
1951
- }, I = {
1952
- padding: p,
2425
+ }, h = {
2426
+ padding: r,
1953
2427
  margin: t
1954
- }, _ = {
2428
+ }, o = {
1955
2429
  inter: {
1956
2430
  value: "Inter, sans-serif",
1957
2431
  type: "typography"
@@ -1960,7 +2434,7 @@ const u = {
1960
2434
  value: "SF Mono, monospace",
1961
2435
  type: "typography"
1962
2436
  }
1963
- }, l = {
2437
+ }, p = {
1964
2438
  xs: {
1965
2439
  value: "0.75rem",
1966
2440
  type: "typography"
@@ -2013,7 +2487,7 @@ const u = {
2013
2487
  value: "8rem",
2014
2488
  type: "typography"
2015
2489
  }
2016
- }, o = {
2490
+ }, l = {
2017
2491
  thin: {
2018
2492
  value: "100",
2019
2493
  type: "typography"
@@ -2050,7 +2524,7 @@ const u = {
2050
2524
  value: "900",
2051
2525
  type: "typography"
2052
2526
  }
2053
- }, y = {
2527
+ }, n = {
2054
2528
  18: {
2055
2529
  value: "18px",
2056
2530
  type: "typography"
@@ -2087,7 +2561,7 @@ const u = {
2087
2561
  value: "2",
2088
2562
  type: "typography"
2089
2563
  }
2090
- }, r = {
2564
+ }, _ = {
2091
2565
  0: {
2092
2566
  value: "0px",
2093
2567
  type: "typography"
@@ -2124,7 +2598,7 @@ const u = {
2124
2598
  value: "-0.5px",
2125
2599
  type: "typography"
2126
2600
  }
2127
- }, E = {
2601
+ }, c = {
2128
2602
  large: {
2129
2603
  400: {
2130
2604
  fontSize: {
@@ -2397,7 +2871,7 @@ const u = {
2397
2871
  }
2398
2872
  }
2399
2873
  }
2400
- }, A = {
2874
+ }, y = {
2401
2875
  base: {
2402
2876
  400: {
2403
2877
  fontSize: {
@@ -2534,7 +3008,7 @@ const u = {
2534
3008
  }
2535
3009
  }
2536
3010
  }
2537
- }, T = {
3011
+ }, i = {
2538
3012
  base: {
2539
3013
  400: {
2540
3014
  fontSize: {
@@ -2671,7 +3145,7 @@ const u = {
2671
3145
  }
2672
3146
  }
2673
3147
  }
2674
- }, c = {
3148
+ }, E = {
2675
3149
  medium: {
2676
3150
  400: {
2677
3151
  fontSize: {
@@ -2876,23 +3350,289 @@ const u = {
2876
3350
  }
2877
3351
  }
2878
3352
  }
3353
+ }, N = {
3354
+ fontFamily: o,
3355
+ fontSize: p,
3356
+ fontWeight: l,
3357
+ lineHeight: n,
3358
+ letterSpacing: _,
3359
+ label: c,
3360
+ uppercase: y,
3361
+ code: i,
3362
+ paragraph: E
3363
+ }, A = {
3364
+ large: {
3365
+ 400: {
3366
+ fontFamily: "Inter, sans-serif",
3367
+ fontSize: "18px",
3368
+ fontWeight: "400",
3369
+ lineHeight: "1",
3370
+ letterSpacing: "0px"
3371
+ },
3372
+ 500: {
3373
+ fontFamily: "Inter, sans-serif",
3374
+ fontSize: "18px",
3375
+ fontWeight: "500",
3376
+ lineHeight: "1",
3377
+ letterSpacing: "0px"
3378
+ },
3379
+ 600: {
3380
+ fontFamily: "Inter, sans-serif",
3381
+ fontSize: "18px",
3382
+ fontWeight: "600",
3383
+ lineHeight: "1",
3384
+ letterSpacing: "0px"
3385
+ }
3386
+ },
3387
+ medium: {
3388
+ 400: {
3389
+ fontFamily: "Inter, sans-serif",
3390
+ fontSize: "16px",
3391
+ fontWeight: "400",
3392
+ lineHeight: "1",
3393
+ letterSpacing: "0px"
3394
+ },
3395
+ 500: {
3396
+ fontFamily: "Inter, sans-serif",
3397
+ fontSize: "16px",
3398
+ fontWeight: "500",
3399
+ lineHeight: "1",
3400
+ letterSpacing: "0px"
3401
+ },
3402
+ 600: {
3403
+ fontFamily: "Inter, sans-serif",
3404
+ fontSize: "16px",
3405
+ fontWeight: "600",
3406
+ lineHeight: "1",
3407
+ letterSpacing: "0px"
3408
+ }
3409
+ },
3410
+ base: {
3411
+ 400: {
3412
+ fontFamily: "Inter, sans-serif",
3413
+ fontSize: "13px",
3414
+ fontWeight: "400",
3415
+ lineHeight: "1",
3416
+ letterSpacing: "-0.5px"
3417
+ },
3418
+ 500: {
3419
+ fontFamily: "Inter, sans-serif",
3420
+ fontSize: "13px",
3421
+ fontWeight: "500",
3422
+ lineHeight: "1",
3423
+ letterSpacing: "-0.5px"
3424
+ },
3425
+ 600: {
3426
+ fontFamily: "Inter, sans-serif",
3427
+ fontSize: "13px",
3428
+ fontWeight: "600",
3429
+ lineHeight: "1",
3430
+ letterSpacing: "-0.5px"
3431
+ }
3432
+ },
3433
+ small: {
3434
+ 400: {
3435
+ fontFamily: "Inter, sans-serif",
3436
+ fontSize: "11px",
3437
+ fontWeight: "400",
3438
+ lineHeight: "1",
3439
+ letterSpacing: "0px"
3440
+ },
3441
+ 500: {
3442
+ fontFamily: "Inter, sans-serif",
3443
+ fontSize: "11px",
3444
+ fontWeight: "500",
3445
+ lineHeight: "1",
3446
+ letterSpacing: "0px"
3447
+ },
3448
+ 600: {
3449
+ fontFamily: "Inter, sans-serif",
3450
+ fontSize: "11px",
3451
+ fontWeight: "600",
3452
+ lineHeight: "1",
3453
+ letterSpacing: "0px"
3454
+ }
3455
+ }
3456
+ }, f = {
3457
+ base: {
3458
+ 400: {
3459
+ fontFamily: "Inter, sans-serif",
3460
+ fontSize: "13px",
3461
+ fontWeight: "400",
3462
+ lineHeight: "1",
3463
+ letterSpacing: "4px"
3464
+ },
3465
+ 500: {
3466
+ fontFamily: "Inter, sans-serif",
3467
+ fontSize: "13px",
3468
+ fontWeight: "500",
3469
+ lineHeight: "1",
3470
+ letterSpacing: "4px"
3471
+ },
3472
+ 600: {
3473
+ fontFamily: "Inter, sans-serif",
3474
+ fontSize: "13px",
3475
+ fontWeight: "600",
3476
+ lineHeight: "1",
3477
+ letterSpacing: "4px"
3478
+ }
3479
+ },
3480
+ small: {
3481
+ 400: {
3482
+ fontFamily: "Inter, sans-serif",
3483
+ fontSize: "11px",
3484
+ fontWeight: "400",
3485
+ lineHeight: "1",
3486
+ letterSpacing: "4px"
3487
+ },
3488
+ 500: {
3489
+ fontFamily: "Inter, sans-serif",
3490
+ fontSize: "11px",
3491
+ fontWeight: "500",
3492
+ lineHeight: "1",
3493
+ letterSpacing: "4px"
3494
+ },
3495
+ 600: {
3496
+ fontFamily: "Inter, sans-serif",
3497
+ fontSize: "11px",
3498
+ fontWeight: "600",
3499
+ lineHeight: "1",
3500
+ letterSpacing: "4px"
3501
+ }
3502
+ }
2879
3503
  }, g = {
2880
- fontFamily: _,
2881
- fontSize: l,
2882
- fontWeight: o,
2883
- lineHeight: y,
2884
- letterSpacing: r,
2885
- label: E,
2886
- uppercase: A,
2887
- code: T,
2888
- paragraph: c
3504
+ base: {
3505
+ 400: {
3506
+ fontFamily: "SF Mono, monospace",
3507
+ fontSize: "13px",
3508
+ fontWeight: "400",
3509
+ lineHeight: "1",
3510
+ letterSpacing: "0px"
3511
+ },
3512
+ 500: {
3513
+ fontFamily: "SF Mono, monospace",
3514
+ fontSize: "13px",
3515
+ fontWeight: "500",
3516
+ lineHeight: "1",
3517
+ letterSpacing: "0px"
3518
+ },
3519
+ 600: {
3520
+ fontFamily: "SF Mono, monospace",
3521
+ fontSize: "13px",
3522
+ fontWeight: "600",
3523
+ lineHeight: "1",
3524
+ letterSpacing: "0px"
3525
+ }
3526
+ },
3527
+ small: {
3528
+ 400: {
3529
+ fontFamily: "SF Mono, monospace",
3530
+ fontSize: "11px",
3531
+ fontWeight: "400",
3532
+ lineHeight: "1",
3533
+ letterSpacing: "0px"
3534
+ },
3535
+ 500: {
3536
+ fontFamily: "SF Mono, monospace",
3537
+ fontSize: "11px",
3538
+ fontWeight: "500",
3539
+ lineHeight: "1",
3540
+ letterSpacing: "0px"
3541
+ },
3542
+ 600: {
3543
+ fontFamily: "SF Mono, monospace",
3544
+ fontSize: "11px",
3545
+ fontWeight: "600",
3546
+ lineHeight: "1",
3547
+ letterSpacing: "0px"
3548
+ }
3549
+ }
3550
+ }, u = {
3551
+ medium: {
3552
+ 400: {
3553
+ fontFamily: "Inter, sans-serif",
3554
+ fontSize: "16px",
3555
+ fontWeight: "400",
3556
+ lineHeight: "24px",
3557
+ letterSpacing: "0px"
3558
+ },
3559
+ 500: {
3560
+ fontFamily: "Inter, sans-serif",
3561
+ fontSize: "16px",
3562
+ fontWeight: "500",
3563
+ lineHeight: "24px",
3564
+ letterSpacing: "0px"
3565
+ },
3566
+ 600: {
3567
+ fontFamily: "Inter, sans-serif",
3568
+ fontSize: "16px",
3569
+ fontWeight: "600",
3570
+ lineHeight: "24px",
3571
+ letterSpacing: "0px"
3572
+ }
3573
+ },
3574
+ base: {
3575
+ 400: {
3576
+ fontFamily: "Inter, sans-serif",
3577
+ fontSize: "13px",
3578
+ fontWeight: "400",
3579
+ lineHeight: "20px",
3580
+ letterSpacing: "-0.5px"
3581
+ },
3582
+ 500: {
3583
+ fontFamily: "Inter, sans-serif",
3584
+ fontSize: "13px",
3585
+ fontWeight: "500",
3586
+ lineHeight: "20px",
3587
+ letterSpacing: "-0.5px"
3588
+ },
3589
+ 600: {
3590
+ fontFamily: "Inter, sans-serif",
3591
+ fontSize: "13px",
3592
+ fontWeight: "600",
3593
+ lineHeight: "20px",
3594
+ letterSpacing: "-0.5px"
3595
+ }
3596
+ },
3597
+ small: {
3598
+ 400: {
3599
+ fontFamily: "Inter, sans-serif",
3600
+ fontSize: "11px",
3601
+ fontWeight: "400",
3602
+ lineHeight: "18px",
3603
+ letterSpacing: "-0.5px"
3604
+ },
3605
+ 500: {
3606
+ fontFamily: "Inter, sans-serif",
3607
+ fontSize: "11px",
3608
+ fontWeight: "500",
3609
+ lineHeight: "18px",
3610
+ letterSpacing: "-0.5px"
3611
+ },
3612
+ 600: {
3613
+ fontFamily: "Inter, sans-serif",
3614
+ fontSize: "11px",
3615
+ fontWeight: "600",
3616
+ lineHeight: "18px",
3617
+ letterSpacing: "-0.5px"
3618
+ }
3619
+ }
3620
+ }, G = {
3621
+ label: A,
3622
+ uppercase: f,
3623
+ code: g,
3624
+ paragraph: u
2889
3625
  };
2890
3626
  export {
2891
- u as Color,
2892
- f as ColorTailwind,
2893
- n as Spacing,
2894
- v as Typography,
2895
- L as colorTokens,
2896
- I as spacingTokens,
2897
- g as typographyTokens
3627
+ v as Color,
3628
+ T as ColorTailwind,
3629
+ R as Spacing,
3630
+ d as Style,
3631
+ L as StyleTailwind,
3632
+ s as Typography,
3633
+ S as TypographyStyles,
3634
+ I as colorTokens,
3635
+ h as spacingTokens,
3636
+ G as typographyStylesTokens,
3637
+ N as typographyTokens
2898
3638
  };