@onereach/styles 2.37.4 → 2.38.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 (3) hide show
  1. package/package.json +2 -2
  2. package/src/variables/tokens/design-tokens-next.json +256 -60
  3. package/tokens.css +24 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "2.37.4",
3
+ "version": "2.38.0",
4
4
  "description": "Styles for or-ui-next",
5
5
  "license": "UNLICENSED",
6
6
  "main": "./main.css",
@@ -56,5 +56,5 @@
56
56
  "publishConfig": {
57
57
  "access": "public"
58
58
  },
59
- "gitHead": "da440e958e8d546c1ea6e16354bbb744e5249541"
59
+ "gitHead": "f4108ebf4e5e76640df4c45549853dc7ed515d39"
60
60
  }
package/src/variables/tokens/design-tokens-next.json CHANGED
@@ -551,6 +551,102 @@
551
551
  {
552
552
  "name" : "dark-primary-hover-opacity-0-96",
553
553
  "value" : "rgba(111,174,255,0.96)"
554
+ },
555
+ {
556
+ "name" : "light-custom-colors-custom-1",
557
+ "value" : "rgba(157,59,97,1)"
558
+ },
559
+ {
560
+ "name" : "light-custom-colors-custom-2",
561
+ "value" : "rgba(105,76,173,1)"
562
+ },
563
+ {
564
+ "name" : "light-custom-colors-custom-3",
565
+ "value" : "rgba(0,105,108,1)"
566
+ },
567
+ {
568
+ "name" : "light-custom-colors-custom-4",
569
+ "value" : "rgba(0,110,44,1)"
570
+ },
571
+ {
572
+ "name" : "light-custom-colors-custom-5",
573
+ "value" : "rgba(94,97,53,1)"
574
+ },
575
+ {
576
+ "name" : "light-custom-colors-custom-6",
577
+ "value" : "rgba(153,71,0,1)"
578
+ },
579
+ {
580
+ "name" : "light-custom-colors-custom-1-container",
581
+ "value" : "rgba(255,217,226,1)"
582
+ },
583
+ {
584
+ "name" : "light-custom-colors-custom-2-container",
585
+ "value" : "rgba(233,221,255,1)"
586
+ },
587
+ {
588
+ "name" : "light-custom-colors-custom-3-container",
589
+ "value" : "rgba(111,246,251,1)"
590
+ },
591
+ {
592
+ "name" : "light-custom-colors-custom-4-container",
593
+ "value" : "rgba(154,247,164,1)"
594
+ },
595
+ {
596
+ "name" : "light-custom-colors-custom-5-container",
597
+ "value" : "rgba(227,231,175,1)"
598
+ },
599
+ {
600
+ "name" : "light-custom-colors-custom-6-container",
601
+ "value" : "rgba(255,219,200,1)"
602
+ },
603
+ {
604
+ "name" : "dark-custom-colors-custom-1",
605
+ "value" : "rgba(255,176,200,1)"
606
+ },
607
+ {
608
+ "name" : "dark-custom-colors-custom-2",
609
+ "value" : "rgba(208,188,255,1)"
610
+ },
611
+ {
612
+ "name" : "dark-custom-colors-custom-3",
613
+ "value" : "rgba(76,217,222,1)"
614
+ },
615
+ {
616
+ "name" : "dark-custom-colors-custom-4",
617
+ "value" : "rgba(126,218,139,1)"
618
+ },
619
+ {
620
+ "name" : "dark-custom-colors-custom-5",
621
+ "value" : "rgba(199,202,149,1)"
622
+ },
623
+ {
624
+ "name" : "dark-custom-colors-custom-6",
625
+ "value" : "rgba(255,182,139,1)"
626
+ },
627
+ {
628
+ "name" : "dark-custom-colors-custom-1-container",
629
+ "value" : "rgba(127,35,74,1)"
630
+ },
631
+ {
632
+ "name" : "dark-custom-colors-custom-2-container",
633
+ "value" : "rgba(81,51,148,1)"
634
+ },
635
+ {
636
+ "name" : "dark-custom-colors-custom-3-container",
637
+ "value" : "rgba(0,79,82,1)"
638
+ },
639
+ {
640
+ "name" : "dark-custom-colors-custom-4-container",
641
+ "value" : "rgba(0,83,31,1)"
642
+ },
643
+ {
644
+ "name" : "dark-custom-colors-custom-5-container",
645
+ "value" : "rgba(70,74,32,1)"
646
+ },
647
+ {
648
+ "name" : "dark-custom-colors-custom-6-container",
649
+ "value" : "rgba(117,52,0,1)"
554
650
  }
555
651
  ],
556
652
  "Gradients" : [
@@ -644,66 +740,6 @@
644
740
  }
645
741
  ],
646
742
  "typeStyles" : [
647
- {
648
- "name" : "display-large",
649
- "fontFamily" : "Inter",
650
- "fontSize" : "57px",
651
- "lineHeight" : "64px",
652
- "letterSpacing" : "-0.25px",
653
- "fontWeight" : "400",
654
- "fontSizeRem" : "3.5625",
655
- "lineHeightRem" : "4"
656
- },
657
- {
658
- "name" : "display-medium",
659
- "fontFamily" : "Inter",
660
- "fontSize" : "45px",
661
- "lineHeight" : "52px",
662
- "letterSpacing" : "0em",
663
- "fontWeight" : "400",
664
- "fontSizeRem" : "2.8125",
665
- "lineHeightRem" : "3.25"
666
- },
667
- {
668
- "name" : "display-small",
669
- "fontFamily" : "Inter",
670
- "fontSize" : "36px",
671
- "lineHeight" : "44px",
672
- "letterSpacing" : "0em",
673
- "fontWeight" : "500",
674
- "fontSizeRem" : "2.25",
675
- "lineHeightRem" : "2.75"
676
- },
677
- {
678
- "name" : "mobile-display-large",
679
- "fontFamily" : "Inter",
680
- "fontSize" : "36px",
681
- "lineHeight" : "40px",
682
- "letterSpacing" : "-0.25px",
683
- "fontWeight" : "400",
684
- "fontSizeRem" : "2.25",
685
- "lineHeightRem" : "2.5"
686
- },
687
- {
688
- "name" : "mobile-display-medium",
689
- "fontFamily" : "Inter",
690
- "fontSize" : "32px",
691
- "lineHeight" : "36px",
692
- "letterSpacing" : "0em",
693
- "fontWeight" : "400",
694
- "fontSizeRem" : "2",
695
- "lineHeightRem" : "2.25"
696
- },
697
- {
698
- "name" : "mobile-display-small",
699
- "fontFamily" : "Inter",
700
- "fontSize" : "28px",
701
- "lineHeight" : "32px",
702
- "letterSpacing" : "0em",
703
- "fontWeight" : "500",
704
- "fontSizeRem" : "1.75",
705
- "lineHeightRem" : "2"
706
- },
707
743
  {
708
744
  "name" : "headline-1",
709
745
  "fontFamily" : "Inter",
@@ -883,6 +919,166 @@
883
919
  "fontWeight" : "700",
884
920
  "fontSizeRem" : "1",
885
921
  "lineHeightRem" : "1.5"
922
+ },
923
+ {
924
+ "name" : "display-large",
925
+ "fontFamily" : "Inter",
926
+ "fontSize" : "57px",
927
+ "lineHeight" : "64px",
928
+ "letterSpacing" : "-0.25px",
929
+ "fontWeight" : "400",
930
+ "fontSizeRem" : "3.5625",
931
+ "lineHeightRem" : "4"
932
+ },
933
+ {
934
+ "name" : "display-medium",
935
+ "fontFamily" : "Inter",
936
+ "fontSize" : "45px",
937
+ "lineHeight" : "52px",
938
+ "letterSpacing" : "0em",
939
+ "fontWeight" : "400",
940
+ "fontSizeRem" : "2.8125",
941
+ "lineHeightRem" : "3.25"
942
+ },
943
+ {
944
+ "name" : "display-small",
945
+ "fontFamily" : "Inter",
946
+ "fontSize" : "36px",
947
+ "lineHeight" : "44px",
948
+ "letterSpacing" : "0em",
949
+ "fontWeight" : "500",
950
+ "fontSizeRem" : "2.25",
951
+ "lineHeightRem" : "2.75"
952
+ },
953
+ {
954
+ "name" : "mobile-display-large",
955
+ "fontFamily" : "Inter",
956
+ "fontSize" : "36px",
957
+ "lineHeight" : "40px",
958
+ "letterSpacing" : "-0.25px",
959
+ "fontWeight" : "400",
960
+ "fontSizeRem" : "2.25",
961
+ "lineHeightRem" : "2.5"
962
+ },
963
+ {
964
+ "name" : "mobile-display-medium",
965
+ "fontFamily" : "Inter",
966
+ "fontSize" : "32px",
967
+ "lineHeight" : "36px",
968
+ "letterSpacing" : "0em",
969
+ "fontWeight" : "400",
970
+ "fontSizeRem" : "2",
971
+ "lineHeightRem" : "2.25"
972
+ },
973
+ {
974
+ "name" : "mobile-display-small",
975
+ "fontFamily" : "Inter",
976
+ "fontSize" : "28px",
977
+ "lineHeight" : "32px",
978
+ "letterSpacing" : "0em",
979
+ "fontWeight" : "500",
980
+ "fontSizeRem" : "1.75",
981
+ "lineHeightRem" : "2"
982
+ },
983
+ {
984
+ "name" : "mobile-headline-1",
985
+ "fontFamily" : "Inter",
986
+ "fontSize" : "24px",
987
+ "lineHeight" : "29px",
988
+ "letterSpacing" : "0px",
989
+ "fontWeight" : "700",
990
+ "fontSizeRem" : "1.5",
991
+ "lineHeightRem" : "1.8125"
992
+ },
993
+ {
994
+ "name" : "mobile-headline-2",
995
+ "fontFamily" : "Inter",
996
+ "fontSize" : "20px",
997
+ "lineHeight" : "24px",
998
+ "letterSpacing" : "0px",
999
+ "fontWeight" : "700",
1000
+ "fontSizeRem" : "1.25",
1001
+ "lineHeightRem" : "1.5"
1002
+ },
1003
+ {
1004
+ "name" : "mobile-headline-3",
1005
+ "fontFamily" : "Inter",
1006
+ "fontSize" : "16px",
1007
+ "lineHeight" : "24px",
1008
+ "letterSpacing" : "0px",
1009
+ "fontWeight" : "700",
1010
+ "fontSizeRem" : "1",
1011
+ "lineHeightRem" : "1.5"
1012
+ },
1013
+ {
1014
+ "name" : "mobile-headline-4",
1015
+ "fontFamily" : "Inter",
1016
+ "fontSize" : "16px",
1017
+ "lineHeight" : "24px",
1018
+ "letterSpacing" : "0px",
1019
+ "fontWeight" : "700",
1020
+ "fontSizeRem" : "1",
1021
+ "lineHeightRem" : "1.5"
1022
+ },
1023
+ {
1024
+ "name" : "mobile-body-1-bold",
1025
+ "fontFamily" : "Inter",
1026
+ "fontSize" : "16px",
1027
+ "lineHeight" : "24px",
1028
+ "letterSpacing" : "0px",
1029
+ "fontWeight" : "700",
1030
+ "fontSizeRem" : "1",
1031
+ "lineHeightRem" : "1.5"
1032
+ },
1033
+ {
1034
+ "name" : "mobile-body-1-semibold",
1035
+ "fontFamily" : "Inter",
1036
+ "fontSize" : "16px",
1037
+ "lineHeight" : "24px",
1038
+ "letterSpacing" : "0px",
1039
+ "fontWeight" : "600",
1040
+ "fontSizeRem" : "1",
1041
+ "lineHeightRem" : "1.5"
1042
+ },
1043
+ {
1044
+ "name" : "mobile-caption-regular",
1045
+ "fontFamily" : "Inter",
1046
+ "fontSize" : "12px",
1047
+ "lineHeight" : "18px",
1048
+ "letterSpacing" : "0px",
1049
+ "fontWeight" : "400",
1050
+ "fontSizeRem" : "0.75",
1051
+ "lineHeightRem" : "1.125"
1052
+ },
1053
+ {
1054
+ "name" : "mobile-caption-semibold",
1055
+ "fontFamily" : "Inter",
1056
+ "fontSize" : "12px",
1057
+ "lineHeight" : "18px",
1058
+ "letterSpacing" : "0px",
1059
+ "fontWeight" : "600",
1060
+ "fontSizeRem" : "0.75",
1061
+ "lineHeightRem" : "1.125"
1062
+ },
1063
+ {
1064
+ "name" : "mobile-caption-bold",
1065
+ "fontFamily" : "Inter",
1066
+ "fontSize" : "12px",
1067
+ "lineHeight" : "18px",
1068
+ "letterSpacing" : "0px",
1069
+ "fontWeight" : "700",
1070
+ "fontSizeRem" : "0.75",
1071
+ "lineHeightRem" : "1.125"
1072
+ },
1073
+ {
1074
+ "name" : "mobile-body-1-regular",
1075
+ "fontFamily" : "Inter",
1076
+ "fontSize" : "16px",
1077
+ "lineHeight" : "24px",
1078
+ "letterSpacing" : "0px",
1079
+ "fontWeight" : "400",
1080
+ "fontSizeRem" : "1",
1081
+ "lineHeightRem" : "1.5"
886
1082
  }
887
1083
  ],
888
1084
  "SpacePatterns" : [
package/tokens.css CHANGED
@@ -71,6 +71,18 @@
71
71
  --or-c-primary-hover-opacity-0-64: rgba(0,119,220,0.64);
72
72
  --or-c-primary-hover-opacity-0-80: rgba(0,119,220,0.8);
73
73
  --or-c-primary-hover-opacity-0-96: rgba(0,119,220,0.96);
74
+ --or-c-custom-colors-custom-1: rgba(157,59,97,1);
75
+ --or-c-custom-colors-custom-2: rgba(105,76,173,1);
76
+ --or-c-custom-colors-custom-3: rgba(0,105,108,1);
77
+ --or-c-custom-colors-custom-4: rgba(0,110,44,1);
78
+ --or-c-custom-colors-custom-5: rgba(94,97,53,1);
79
+ --or-c-custom-colors-custom-6: rgba(153,71,0,1);
80
+ --or-c-custom-colors-custom-1-container: rgba(255,217,226,1);
81
+ --or-c-custom-colors-custom-2-container: rgba(233,221,255,1);
82
+ --or-c-custom-colors-custom-3-container: rgba(111,246,251,1);
83
+ --or-c-custom-colors-custom-4-container: rgba(154,247,164,1);
84
+ --or-c-custom-colors-custom-5-container: rgba(227,231,175,1);
85
+ --or-c-custom-colors-custom-6-container: rgba(255,219,200,1);
74
86
  }
75
87
  [data-theme="dark-mode"], [data-theme="dark"] {
76
88
  --or-c-primary: rgba(164,200,255,1);
@@ -141,4 +153,16 @@
141
153
  --or-c-primary-hover-opacity-0-64: rgba(111,174,255,0.64);
142
154
  --or-c-primary-hover-opacity-0-80: rgba(111,174,255,0.8);
143
155
  --or-c-primary-hover-opacity-0-96: rgba(111,174,255,0.96);
156
+ --or-c-custom-colors-custom-1: rgba(255,176,200,1);
157
+ --or-c-custom-colors-custom-2: rgba(208,188,255,1);
158
+ --or-c-custom-colors-custom-3: rgba(76,217,222,1);
159
+ --or-c-custom-colors-custom-4: rgba(126,218,139,1);
160
+ --or-c-custom-colors-custom-5: rgba(199,202,149,1);
161
+ --or-c-custom-colors-custom-6: rgba(255,182,139,1);
162
+ --or-c-custom-colors-custom-1-container: rgba(127,35,74,1);
163
+ --or-c-custom-colors-custom-2-container: rgba(81,51,148,1);
164
+ --or-c-custom-colors-custom-3-container: rgba(0,79,82,1);
165
+ --or-c-custom-colors-custom-4-container: rgba(0,83,31,1);
166
+ --or-c-custom-colors-custom-5-container: rgba(70,74,32,1);
167
+ --or-c-custom-colors-custom-6-container: rgba(117,52,0,1);
144
168
  }