@alfalab/core-components-vars 9.15.0 → 9.16.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.
- package/colors-bluetint.css +103 -85
- package/colors-bluetint.module.d.ts +103 -85
- package/colors-bluetint.module.js +103 -85
- package/colors-indigo.css +26 -8
- package/colors-indigo.module.d.ts +26 -8
- package/colors-indigo.module.js +26 -8
- package/colors-monochrome.css +192 -0
- package/colors-x5.css +1 -0
- package/colors-x5.module.d.ts +1 -0
- package/colors-x5.module.js +1 -0
- package/cssm/bundle/click.css +103 -85
- package/cssm/bundle/corp.css +103 -85
- package/cssm/bundle/intranet.css +103 -85
- package/cssm/bundle/mobile.css +103 -85
- package/cssm/bundle/site.css +103 -85
- package/cssm/colors-bluetint.css +103 -85
- package/cssm/colors-bluetint.module.d.ts +103 -85
- package/cssm/colors-bluetint.module.js +103 -85
- package/cssm/colors-indigo.css +26 -8
- package/cssm/colors-indigo.module.d.ts +26 -8
- package/cssm/colors-indigo.module.js +26 -8
- package/cssm/colors-monochrome.css +192 -0
- package/cssm/colors-x5.css +1 -0
- package/cssm/colors-x5.module.d.ts +1 -0
- package/cssm/colors-x5.module.js +1 -0
- package/cssm/index.css +103 -85
- package/cssm/index.d.ts +103 -85
- package/cssm/index.js +103 -85
- package/esm/colors-bluetint.module.d.ts +103 -85
- package/esm/colors-bluetint.module.js +103 -85
- package/esm/colors-indigo.module.d.ts +26 -8
- package/esm/colors-indigo.module.js +26 -8
- package/esm/colors-x5.module.d.ts +1 -0
- package/esm/colors-x5.module.js +1 -0
- package/esm/index.d.ts +103 -85
- package/esm/index.js +103 -85
- package/index.d.ts +103 -85
- package/index.js +103 -85
- package/modern/colors-bluetint.module.d.ts +103 -85
- package/modern/colors-bluetint.module.js +103 -85
- package/modern/colors-indigo.module.d.ts +26 -8
- package/modern/colors-indigo.module.js +26 -8
- package/modern/colors-x5.module.d.ts +1 -0
- package/modern/colors-x5.module.js +1 -0
- package/modern/index.d.ts +103 -85
- package/modern/index.js +103 -85
- package/moderncssm/bundle/click.css +103 -85
- package/moderncssm/bundle/corp.css +103 -85
- package/moderncssm/bundle/intranet.css +103 -85
- package/moderncssm/bundle/mobile.css +103 -85
- package/moderncssm/bundle/site.css +103 -85
- package/moderncssm/colors-bluetint.css +103 -85
- package/moderncssm/colors-bluetint.module.d.ts +103 -85
- package/moderncssm/colors-bluetint.module.js +103 -85
- package/moderncssm/colors-indigo.css +26 -8
- package/moderncssm/colors-indigo.module.d.ts +26 -8
- package/moderncssm/colors-indigo.module.js +26 -8
- package/moderncssm/colors-monochrome.css +192 -0
- package/moderncssm/colors-x5.css +1 -0
- package/moderncssm/colors-x5.module.d.ts +1 -0
- package/moderncssm/colors-x5.module.js +1 -0
- package/moderncssm/index.css +103 -85
- package/moderncssm/index.d.ts +103 -85
- package/moderncssm/index.js +103 -85
- package/package.json +1 -1
- package/src/colors-bluetint.css +103 -85
- package/src/colors-indigo.css +26 -8
- package/src/colors-monochrome.css +192 -0
- package/src/colors-x5.css +1 -0
|
@@ -46,6 +46,12 @@ export const colorDarkNeutral100Inverted = "#f2f3f5";
|
|
|
46
46
|
export const colorDarkNeutral100InvertedHover = "#e7e8eb";
|
|
47
47
|
export const colorDarkNeutral100InvertedPress = "#dcdde1";
|
|
48
48
|
export const colorDarkNeutral100Press = "#29292c";
|
|
49
|
+
export const colorDarkNeutral1300 = "#f2f3f5";
|
|
50
|
+
export const colorDarkNeutral1300Hover = "#d2d3d9";
|
|
51
|
+
export const colorDarkNeutral1300Inverted = "#212124";
|
|
52
|
+
export const colorDarkNeutral1300InvertedHover = "#3f3f45";
|
|
53
|
+
export const colorDarkNeutral1300InvertedPress = "#5f5f66";
|
|
54
|
+
export const colorDarkNeutral1300Press = "#babbc2";
|
|
49
55
|
export const colorDarkNeutral1500 = "#fff";
|
|
50
56
|
export const colorDarkNeutral1500Hover = "#babbc2";
|
|
51
57
|
export const colorDarkNeutral1500Inverted = "#121213";
|
|
@@ -97,8 +103,8 @@ export const colorDarkNeutralTranslucent100Press = "rgba(222, 222, 238, 0.13)";
|
|
|
97
103
|
export const colorDarkNeutralTranslucent1300 = "rgba(255, 255, 255, 0.94)";
|
|
98
104
|
export const colorDarkNeutralTranslucent1300Hover = "rgba(255, 255, 255, 0.7)";
|
|
99
105
|
export const colorDarkNeutralTranslucent1300Inverted = "rgba(3, 3, 6, 0.88)";
|
|
100
|
-
export const colorDarkNeutralTranslucent1300InvertedHover = "rgba(
|
|
101
|
-
export const colorDarkNeutralTranslucent1300InvertedPress = "rgba(
|
|
106
|
+
export const colorDarkNeutralTranslucent1300InvertedHover = "rgba(2, 2, 10, 0.76)";
|
|
107
|
+
export const colorDarkNeutralTranslucent1300InvertedPress = "rgba(1, 1, 12, 0.63)";
|
|
102
108
|
export const colorDarkNeutralTranslucent1300Press = "rgba(255, 255, 255, 0.6)";
|
|
103
109
|
export const colorDarkNeutralTranslucent1500Hover = "rgba(243, 245, 254, 0.75)";
|
|
104
110
|
export const colorDarkNeutralTranslucent1500InvertedHover = "rgba(2, 2, 10, 0.76)";
|
|
@@ -304,6 +310,12 @@ export const colorLightNeutral100Inverted = "#1c1c1e";
|
|
|
304
310
|
export const colorLightNeutral100InvertedHover = "#212124";
|
|
305
311
|
export const colorLightNeutral100InvertedPress = "#29292c";
|
|
306
312
|
export const colorLightNeutral100Press = "#dcdde1";
|
|
313
|
+
export const colorLightNeutral1300 = "#212124";
|
|
314
|
+
export const colorLightNeutral1300Hover = "#3f3f45";
|
|
315
|
+
export const colorLightNeutral1300Inverted = "#f2f3f5";
|
|
316
|
+
export const colorLightNeutral1300InvertedHover = "#d2d3d9";
|
|
317
|
+
export const colorLightNeutral1300InvertedPress = "#babbc2";
|
|
318
|
+
export const colorLightNeutral1300Press = "#5f5f66";
|
|
307
319
|
export const colorLightNeutral1500 = "#121213";
|
|
308
320
|
export const colorLightNeutral1500Hover = "#3f3f45";
|
|
309
321
|
export const colorLightNeutral1500Inverted = "#fff";
|
|
@@ -353,11 +365,11 @@ export const colorLightNeutralTranslucent100InvertedHover = "rgba(222, 222, 238,
|
|
|
353
365
|
export const colorLightNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
|
|
354
366
|
export const colorLightNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
|
|
355
367
|
export const colorLightNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
|
|
356
|
-
export const colorLightNeutralTranslucent1300Hover = "rgba(
|
|
368
|
+
export const colorLightNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
|
|
357
369
|
export const colorLightNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
|
|
358
370
|
export const colorLightNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
|
|
359
371
|
export const colorLightNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
|
|
360
|
-
export const colorLightNeutralTranslucent1300Press = "rgba(
|
|
372
|
+
export const colorLightNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
|
|
361
373
|
export const colorLightNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
|
|
362
374
|
export const colorLightNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
|
|
363
375
|
export const colorLightNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";
|
|
@@ -526,7 +538,7 @@ export const colorStaticAccentSecondaryInverted = "#f2f3f5";
|
|
|
526
538
|
export const colorStaticAccentSecondaryInvertedHover = "#dcdde1";
|
|
527
539
|
export const colorStaticAccentSecondaryInvertedPress = "#d2d3d9";
|
|
528
540
|
export const colorStaticAccentSecondaryPress = "#353539";
|
|
529
|
-
export const colorStaticBgPrimaryDark = "#
|
|
541
|
+
export const colorStaticBgPrimaryDark = "#121213";
|
|
530
542
|
export const colorStaticNeutral0 = "#fff";
|
|
531
543
|
export const colorStaticNeutral0Hover = "#e7e8eb";
|
|
532
544
|
export const colorStaticNeutral0Inverted = "#262629";
|
|
@@ -539,6 +551,12 @@ export const colorStaticNeutral100Inverted = "#1c1c1e";
|
|
|
539
551
|
export const colorStaticNeutral100InvertedHover = "#212124";
|
|
540
552
|
export const colorStaticNeutral100InvertedPress = "#29292c";
|
|
541
553
|
export const colorStaticNeutral100Press = "#dcdde1";
|
|
554
|
+
export const colorStaticNeutral1300 = "#212124";
|
|
555
|
+
export const colorStaticNeutral1300Hover = "#3f3f45";
|
|
556
|
+
export const colorStaticNeutral1300Inverted = "#f2f3f5";
|
|
557
|
+
export const colorStaticNeutral1300InvertedHover = "#d2d3d9";
|
|
558
|
+
export const colorStaticNeutral1300InvertedPress = "#babbc2";
|
|
559
|
+
export const colorStaticNeutral1300Press = "#5f5f66";
|
|
542
560
|
export const colorStaticNeutral1500 = "#121213";
|
|
543
561
|
export const colorStaticNeutral1500Hover = "#3f3f45";
|
|
544
562
|
export const colorStaticNeutral1500Inverted = "#fff";
|
|
@@ -588,11 +606,11 @@ export const colorStaticNeutralTranslucent100InvertedHover = "rgba(222, 222, 238
|
|
|
588
606
|
export const colorStaticNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
|
|
589
607
|
export const colorStaticNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
|
|
590
608
|
export const colorStaticNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
|
|
591
|
-
export const colorStaticNeutralTranslucent1300Hover = "rgba(
|
|
609
|
+
export const colorStaticNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
|
|
592
610
|
export const colorStaticNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
|
|
593
611
|
export const colorStaticNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
|
|
594
612
|
export const colorStaticNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
|
|
595
|
-
export const colorStaticNeutralTranslucent1300Press = "rgba(
|
|
613
|
+
export const colorStaticNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
|
|
596
614
|
export const colorStaticNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
|
|
597
615
|
export const colorStaticNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
|
|
598
616
|
export const colorStaticNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";
|
|
@@ -714,7 +732,7 @@ export const colorDarkBgNulled = "rgba(0, 0, 0, 0)";
|
|
|
714
732
|
export const colorDarkBgOpaque = "rgba(255, 255, 255, 0.8)";
|
|
715
733
|
export const colorDarkBgOverlay = "rgba(0, 0, 0, 0.8)";
|
|
716
734
|
export const colorDarkBgPositiveMuted = "#232d25";
|
|
717
|
-
export const colorDarkBgPrimary = "#
|
|
735
|
+
export const colorDarkBgPrimary = "#121213";
|
|
718
736
|
export const colorDarkBgPrimaryGrouped = "#1a1a1d";
|
|
719
737
|
export const colorDarkBgPrimaryInverted = "#fff";
|
|
720
738
|
export const colorDarkBgQuaternary = "#36363a";
|
|
@@ -743,8 +761,8 @@ export const colorDarkGraphicLink = "#3193fc";
|
|
|
743
761
|
export const colorDarkGraphicNegative = "#ff5431";
|
|
744
762
|
export const colorDarkGraphicNeutral = "#2a2a2c";
|
|
745
763
|
export const colorDarkGraphicPositive = "#17d055";
|
|
746
|
-
export const colorDarkGraphicPrimary = "#
|
|
747
|
-
export const colorDarkGraphicPrimaryInverted = "#
|
|
764
|
+
export const colorDarkGraphicPrimary = "#f1f1f1";
|
|
765
|
+
export const colorDarkGraphicPrimaryInverted = "#212124";
|
|
748
766
|
export const colorDarkGraphicQuaternary = "#27272a";
|
|
749
767
|
export const colorDarkGraphicQuaternaryInverted = "#e7e8ec";
|
|
750
768
|
export const colorDarkGraphicSecondary = "#898991";
|
|
@@ -787,7 +805,7 @@ export const colorLightBgOverlay = "rgba(0, 0, 0, 0.65)";
|
|
|
787
805
|
export const colorLightBgPositiveMuted = "#dff8e5";
|
|
788
806
|
export const colorLightBgPrimary = "#fff";
|
|
789
807
|
export const colorLightBgPrimaryGrouped = "#f2f2f6";
|
|
790
|
-
export const colorLightBgPrimaryInverted = "#
|
|
808
|
+
export const colorLightBgPrimaryInverted = "#121213";
|
|
791
809
|
export const colorLightBgQuaternary = "#dcdee2";
|
|
792
810
|
export const colorLightBgQuaternaryInverted = "#36363a";
|
|
793
811
|
export const colorLightBgSecondary = "#f2f3f5";
|
|
@@ -814,8 +832,8 @@ export const colorLightGraphicLink = "#2288fa";
|
|
|
814
832
|
export const colorLightGraphicNegative = "#ff5431";
|
|
815
833
|
export const colorLightGraphicNeutral = "#dcdcdd";
|
|
816
834
|
export const colorLightGraphicPositive = "#0cc44d";
|
|
817
|
-
export const colorLightGraphicPrimary = "#
|
|
818
|
-
export const colorLightGraphicPrimaryInverted = "#
|
|
835
|
+
export const colorLightGraphicPrimary = "#212124";
|
|
836
|
+
export const colorLightGraphicPrimaryInverted = "#f1f1f1";
|
|
819
837
|
export const colorLightGraphicQuaternary = "#e7e8ec";
|
|
820
838
|
export const colorLightGraphicQuaternaryInverted = "#27272a";
|
|
821
839
|
export const colorLightGraphicSecondary = "#898991";
|
|
@@ -857,8 +875,8 @@ export const colorStaticBgTertiaryDark = "#27272a";
|
|
|
857
875
|
export const colorStaticBgTertiaryLight = "#edeef0";
|
|
858
876
|
export const colorStaticBorderAccent = "#ef3124";
|
|
859
877
|
export const colorStaticGraphicAccent = "#ef3124";
|
|
860
|
-
export const colorStaticGraphicDark = "#
|
|
861
|
-
export const colorStaticGraphicLight = "#
|
|
878
|
+
export const colorStaticGraphicDark = "#212124";
|
|
879
|
+
export const colorStaticGraphicLight = "#f1f1f1";
|
|
862
880
|
export const colorStaticTextAccent = "#ef3124";
|
|
863
881
|
export const colorStaticTextSecondaryDarkTransparent = "rgba(3, 3, 16, 0.56)";
|
|
864
882
|
export const colorStaticTextSecondaryLightTransparent = "rgba(235, 235, 245, 0.6)";
|
|
@@ -914,10 +932,10 @@ export const colorLightTextSecondaryShade20 = "rgba(3, 3, 15, 0.64)";
|
|
|
914
932
|
export const colorLightTextSecondaryShade40 = "rgba(2, 2, 11, 0.73)";
|
|
915
933
|
export const colorLightTextSecondaryInvertedTint20 = "rgba(241, 241, 252, 0.64)";
|
|
916
934
|
export const colorLightTextSecondaryInvertedTint30 = "rgba(243, 243, 252, 0.685)";
|
|
917
|
-
export const colorStaticBgPrimaryDarkAlpha10 = "rgba(
|
|
918
|
-
export const colorStaticBgPrimaryDarkAlpha20 = "rgba(
|
|
919
|
-
export const colorStaticBgPrimaryDarkTint15 = "rgb(
|
|
920
|
-
export const colorStaticBgPrimaryDarkTint20 = "rgb(
|
|
935
|
+
export const colorStaticBgPrimaryDarkAlpha10 = "rgba(18, 18, 19, 0.1)";
|
|
936
|
+
export const colorStaticBgPrimaryDarkAlpha20 = "rgba(18, 18, 19, 0.2)";
|
|
937
|
+
export const colorStaticBgPrimaryDarkTint15 = "rgb(54, 54, 54)";
|
|
938
|
+
export const colorStaticBgPrimaryDarkTint20 = "rgb(65, 65, 66)";
|
|
921
939
|
export const colorStaticTextPrimaryLightAlpha30 = "rgba(255, 255, 255, 0.3)";
|
|
922
940
|
export const colorDarkBgAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
|
|
923
941
|
export const colorDarkBgAccentShade15 = "rgb(203, 42, 31)";
|
|
@@ -926,18 +944,18 @@ export const colorDarkBgAccentTint7 = "rgb(240, 63, 51)";
|
|
|
926
944
|
export const colorDarkBgAccentTint10 = "rgb(241, 70, 58)";
|
|
927
945
|
export const colorDarkBgAccentTint15 = "rgb(241, 80, 69)";
|
|
928
946
|
export const colorDarkBgAccentTint30 = "rgb(244, 111, 102)";
|
|
929
|
-
export const colorDarkBgPrimaryAlpha4 = "rgba(
|
|
930
|
-
export const colorDarkBgPrimaryAlpha8 = "rgba(
|
|
931
|
-
export const colorDarkBgPrimaryAlpha12 = "rgba(
|
|
932
|
-
export const colorDarkBgPrimaryAlpha15 = "rgba(
|
|
933
|
-
export const colorDarkBgPrimaryAlpha16 = "rgba(
|
|
934
|
-
export const colorDarkBgPrimaryAlpha20 = "rgba(
|
|
935
|
-
export const colorDarkBgPrimaryAlpha30 = "rgba(
|
|
936
|
-
export const colorDarkBgPrimaryAlpha32 = "rgba(
|
|
937
|
-
export const colorDarkBgPrimaryAlpha37 = "rgba(
|
|
938
|
-
export const colorDarkBgPrimaryAlpha40 = "rgba(
|
|
939
|
-
export const colorDarkBgPrimaryTint7 = "rgb(
|
|
940
|
-
export const colorDarkBgPrimaryTint15 = "rgb(
|
|
947
|
+
export const colorDarkBgPrimaryAlpha4 = "rgba(18, 18, 19, 0.04)";
|
|
948
|
+
export const colorDarkBgPrimaryAlpha8 = "rgba(18, 18, 19, 0.08)";
|
|
949
|
+
export const colorDarkBgPrimaryAlpha12 = "rgba(18, 18, 19, 0.12)";
|
|
950
|
+
export const colorDarkBgPrimaryAlpha15 = "rgba(18, 18, 19, 0.15)";
|
|
951
|
+
export const colorDarkBgPrimaryAlpha16 = "rgba(18, 18, 19, 0.16)";
|
|
952
|
+
export const colorDarkBgPrimaryAlpha20 = "rgba(18, 18, 19, 0.2)";
|
|
953
|
+
export const colorDarkBgPrimaryAlpha30 = "rgba(18, 18, 19, 0.3)";
|
|
954
|
+
export const colorDarkBgPrimaryAlpha32 = "rgba(18, 18, 19, 0.32)";
|
|
955
|
+
export const colorDarkBgPrimaryAlpha37 = "rgba(18, 18, 19, 0.37)";
|
|
956
|
+
export const colorDarkBgPrimaryAlpha40 = "rgba(18, 18, 19, 0.4)";
|
|
957
|
+
export const colorDarkBgPrimaryTint7 = "rgb(35, 35, 36)";
|
|
958
|
+
export const colorDarkBgPrimaryTint15 = "rgb(54, 54, 54)";
|
|
941
959
|
export const colorDarkBgPrimaryInvertedAlpha3 = "rgba(255, 255, 255, 0.03)";
|
|
942
960
|
export const colorDarkBgPrimaryInvertedAlpha4 = "rgba(255, 255, 255, 0.04)";
|
|
943
961
|
export const colorDarkBgPrimaryInvertedAlpha5 = "rgba(255, 255, 255, 0.05)";
|
|
@@ -999,23 +1017,23 @@ export const colorDarkGraphicNegativeTint30 = "rgb(255, 135, 111)";
|
|
|
999
1017
|
export const colorDarkGraphicPositiveAlpha10 = "rgba(23, 208, 85, 0.1)";
|
|
1000
1018
|
export const colorDarkGraphicPositiveTint10 = "rgb(46, 213, 102)";
|
|
1001
1019
|
export const colorDarkGraphicPositiveTint30 = "rgb(93, 222, 136)";
|
|
1002
|
-
export const colorDarkGraphicPrimaryAlpha30 = "rgba(
|
|
1003
|
-
export const colorDarkGraphicPrimaryAlpha40 = "rgba(
|
|
1004
|
-
export const colorDarkGraphicPrimaryAlpha50 = "rgba(
|
|
1005
|
-
export const colorDarkGraphicPrimaryAlpha60 = "rgba(
|
|
1006
|
-
export const colorDarkGraphicPrimaryShade15 = "rgb(
|
|
1007
|
-
export const colorDarkGraphicPrimaryShade20 = "rgb(
|
|
1008
|
-
export const colorDarkGraphicPrimaryShade30 = "rgb(
|
|
1009
|
-
export const colorDarkGraphicPrimaryTint10 = "rgb(
|
|
1010
|
-
export const colorDarkGraphicPrimaryTint30 = "rgb(
|
|
1011
|
-
export const colorDarkGraphicPrimaryInvertedAlpha30 = "rgba(
|
|
1012
|
-
export const colorDarkGraphicPrimaryInvertedAlpha40 = "rgba(
|
|
1013
|
-
export const colorDarkGraphicPrimaryInvertedAlpha50 = "rgba(
|
|
1014
|
-
export const colorDarkGraphicPrimaryInvertedAlpha60 = "rgba(
|
|
1015
|
-
export const colorDarkGraphicPrimaryInvertedTint7 = "rgb(
|
|
1016
|
-
export const colorDarkGraphicPrimaryInvertedTint10 = "rgb(
|
|
1017
|
-
export const colorDarkGraphicPrimaryInvertedTint15 = "rgb(
|
|
1018
|
-
export const colorDarkGraphicPrimaryInvertedTint30 = "rgb(
|
|
1020
|
+
export const colorDarkGraphicPrimaryAlpha30 = "rgba(241, 241, 241, 0.3)";
|
|
1021
|
+
export const colorDarkGraphicPrimaryAlpha40 = "rgba(241, 241, 241, 0.4)";
|
|
1022
|
+
export const colorDarkGraphicPrimaryAlpha50 = "rgba(241, 241, 241, 0.5)";
|
|
1023
|
+
export const colorDarkGraphicPrimaryAlpha60 = "rgba(241, 241, 241, 0.6)";
|
|
1024
|
+
export const colorDarkGraphicPrimaryShade15 = "rgb(205, 205, 205)";
|
|
1025
|
+
export const colorDarkGraphicPrimaryShade20 = "rgb(193, 193, 193)";
|
|
1026
|
+
export const colorDarkGraphicPrimaryShade30 = "rgb(169, 169, 169)";
|
|
1027
|
+
export const colorDarkGraphicPrimaryTint10 = "rgb(242, 242, 242)";
|
|
1028
|
+
export const colorDarkGraphicPrimaryTint30 = "rgb(245, 245, 245)";
|
|
1029
|
+
export const colorDarkGraphicPrimaryInvertedAlpha30 = "rgba(33, 33, 36, 0.3)";
|
|
1030
|
+
export const colorDarkGraphicPrimaryInvertedAlpha40 = "rgba(33, 33, 36, 0.4)";
|
|
1031
|
+
export const colorDarkGraphicPrimaryInvertedAlpha50 = "rgba(33, 33, 36, 0.5)";
|
|
1032
|
+
export const colorDarkGraphicPrimaryInvertedAlpha60 = "rgba(33, 33, 36, 0.6)";
|
|
1033
|
+
export const colorDarkGraphicPrimaryInvertedTint7 = "rgb(49, 49, 51)";
|
|
1034
|
+
export const colorDarkGraphicPrimaryInvertedTint10 = "rgb(55, 55, 58)";
|
|
1035
|
+
export const colorDarkGraphicPrimaryInvertedTint15 = "rgb(66, 66, 69)";
|
|
1036
|
+
export const colorDarkGraphicPrimaryInvertedTint30 = "rgb(100, 100, 102)";
|
|
1019
1037
|
export const colorDarkGraphicQuaternaryTint10 = "rgb(61, 61, 63)";
|
|
1020
1038
|
export const colorDarkGraphicSecondaryAlpha30 = "rgba(137, 137, 145, 0.3)";
|
|
1021
1039
|
export const colorDarkGraphicSecondaryTint30 = "rgb(172, 172, 178)";
|
|
@@ -1075,24 +1093,24 @@ export const colorLightBgPrimaryAlpha37 = "rgba(255, 255, 255, 0.37)";
|
|
|
1075
1093
|
export const colorLightBgPrimaryAlpha40 = "rgba(255, 255, 255, 0.4)";
|
|
1076
1094
|
export const colorLightBgPrimaryShade7 = "rgb(237, 237, 237)";
|
|
1077
1095
|
export const colorLightBgPrimaryShade15 = "rgb(217, 217, 217)";
|
|
1078
|
-
export const colorLightBgPrimaryInvertedAlpha3 = "rgba(
|
|
1079
|
-
export const colorLightBgPrimaryInvertedAlpha4 = "rgba(
|
|
1080
|
-
export const colorLightBgPrimaryInvertedAlpha5 = "rgba(
|
|
1081
|
-
export const colorLightBgPrimaryInvertedAlpha7 = "rgba(
|
|
1082
|
-
export const colorLightBgPrimaryInvertedAlpha8 = "rgba(
|
|
1083
|
-
export const colorLightBgPrimaryInvertedAlpha10 = "rgba(
|
|
1084
|
-
export const colorLightBgPrimaryInvertedAlpha12 = "rgba(
|
|
1085
|
-
export const colorLightBgPrimaryInvertedAlpha15 = "rgba(
|
|
1086
|
-
export const colorLightBgPrimaryInvertedAlpha16 = "rgba(
|
|
1087
|
-
export const colorLightBgPrimaryInvertedAlpha20 = "rgba(
|
|
1088
|
-
export const colorLightBgPrimaryInvertedAlpha24 = "rgba(
|
|
1089
|
-
export const colorLightBgPrimaryInvertedAlpha30 = "rgba(
|
|
1090
|
-
export const colorLightBgPrimaryInvertedAlpha32 = "rgba(
|
|
1091
|
-
export const colorLightBgPrimaryInvertedAlpha40 = "rgba(
|
|
1092
|
-
export const colorLightBgPrimaryInvertedAlpha50 = "rgba(
|
|
1093
|
-
export const colorLightBgPrimaryInvertedTint7 = "rgb(
|
|
1094
|
-
export const colorLightBgPrimaryInvertedTint15 = "rgb(
|
|
1095
|
-
export const colorLightBgPrimaryInvertedTint20 = "rgb(
|
|
1096
|
+
export const colorLightBgPrimaryInvertedAlpha3 = "rgba(18, 18, 19, 0.03)";
|
|
1097
|
+
export const colorLightBgPrimaryInvertedAlpha4 = "rgba(18, 18, 19, 0.04)";
|
|
1098
|
+
export const colorLightBgPrimaryInvertedAlpha5 = "rgba(18, 18, 19, 0.05)";
|
|
1099
|
+
export const colorLightBgPrimaryInvertedAlpha7 = "rgba(18, 18, 19, 0.07)";
|
|
1100
|
+
export const colorLightBgPrimaryInvertedAlpha8 = "rgba(18, 18, 19, 0.08)";
|
|
1101
|
+
export const colorLightBgPrimaryInvertedAlpha10 = "rgba(18, 18, 19, 0.1)";
|
|
1102
|
+
export const colorLightBgPrimaryInvertedAlpha12 = "rgba(18, 18, 19, 0.12)";
|
|
1103
|
+
export const colorLightBgPrimaryInvertedAlpha15 = "rgba(18, 18, 19, 0.15)";
|
|
1104
|
+
export const colorLightBgPrimaryInvertedAlpha16 = "rgba(18, 18, 19, 0.16)";
|
|
1105
|
+
export const colorLightBgPrimaryInvertedAlpha20 = "rgba(18, 18, 19, 0.2)";
|
|
1106
|
+
export const colorLightBgPrimaryInvertedAlpha24 = "rgba(18, 18, 19, 0.24)";
|
|
1107
|
+
export const colorLightBgPrimaryInvertedAlpha30 = "rgba(18, 18, 19, 0.3)";
|
|
1108
|
+
export const colorLightBgPrimaryInvertedAlpha32 = "rgba(18, 18, 19, 0.32)";
|
|
1109
|
+
export const colorLightBgPrimaryInvertedAlpha40 = "rgba(18, 18, 19, 0.4)";
|
|
1110
|
+
export const colorLightBgPrimaryInvertedAlpha50 = "rgba(18, 18, 19, 0.5)";
|
|
1111
|
+
export const colorLightBgPrimaryInvertedTint7 = "rgb(35, 35, 36)";
|
|
1112
|
+
export const colorLightBgPrimaryInvertedTint15 = "rgb(54, 54, 54)";
|
|
1113
|
+
export const colorLightBgPrimaryInvertedTint20 = "rgb(65, 65, 66)";
|
|
1096
1114
|
export const colorLightBgQuaternaryAlpha30 = "rgba(220, 222, 226, 0.3)";
|
|
1097
1115
|
export const colorLightBgQuaternaryShade7 = "rgb(205, 206, 210)";
|
|
1098
1116
|
export const colorLightBgQuaternaryShade10 = "rgb(198, 200, 203)";
|
|
@@ -1136,23 +1154,23 @@ export const colorLightGraphicNegativeShade30 = "rgb(179, 59, 34)";
|
|
|
1136
1154
|
export const colorLightGraphicPositiveAlpha10 = "rgba(12, 196, 77, 0.1)";
|
|
1137
1155
|
export const colorLightGraphicPositiveShade10 = "rgb(11, 176, 69)";
|
|
1138
1156
|
export const colorLightGraphicPositiveShade30 = "rgb(8, 137, 54)";
|
|
1139
|
-
export const colorLightGraphicPrimaryAlpha30 = "rgba(
|
|
1140
|
-
export const colorLightGraphicPrimaryAlpha40 = "rgba(
|
|
1141
|
-
export const colorLightGraphicPrimaryAlpha50 = "rgba(
|
|
1142
|
-
export const colorLightGraphicPrimaryAlpha60 = "rgba(
|
|
1143
|
-
export const colorLightGraphicPrimaryTint15 = "rgb(
|
|
1144
|
-
export const colorLightGraphicPrimaryTint20 = "rgb(
|
|
1145
|
-
export const colorLightGraphicPrimaryTint30 = "rgb(
|
|
1146
|
-
export const colorLightGraphicPrimaryShade10 = "rgb(
|
|
1147
|
-
export const colorLightGraphicPrimaryShade30 = "rgb(
|
|
1148
|
-
export const colorLightGraphicPrimaryInvertedAlpha30 = "rgba(
|
|
1149
|
-
export const colorLightGraphicPrimaryInvertedAlpha40 = "rgba(
|
|
1150
|
-
export const colorLightGraphicPrimaryInvertedAlpha50 = "rgba(
|
|
1151
|
-
export const colorLightGraphicPrimaryInvertedAlpha60 = "rgba(
|
|
1152
|
-
export const colorLightGraphicPrimaryInvertedShade7 = "rgb(
|
|
1153
|
-
export const colorLightGraphicPrimaryInvertedShade10 = "rgb(
|
|
1154
|
-
export const colorLightGraphicPrimaryInvertedShade15 = "rgb(
|
|
1155
|
-
export const colorLightGraphicPrimaryInvertedShade30 = "rgb(
|
|
1157
|
+
export const colorLightGraphicPrimaryAlpha30 = "rgba(33, 33, 36, 0.3)";
|
|
1158
|
+
export const colorLightGraphicPrimaryAlpha40 = "rgba(33, 33, 36, 0.4)";
|
|
1159
|
+
export const colorLightGraphicPrimaryAlpha50 = "rgba(33, 33, 36, 0.5)";
|
|
1160
|
+
export const colorLightGraphicPrimaryAlpha60 = "rgba(33, 33, 36, 0.6)";
|
|
1161
|
+
export const colorLightGraphicPrimaryTint15 = "rgb(66, 66, 69)";
|
|
1162
|
+
export const colorLightGraphicPrimaryTint20 = "rgb(77, 77, 80)";
|
|
1163
|
+
export const colorLightGraphicPrimaryTint30 = "rgb(100, 100, 102)";
|
|
1164
|
+
export const colorLightGraphicPrimaryShade10 = "rgb(30, 30, 32)";
|
|
1165
|
+
export const colorLightGraphicPrimaryShade30 = "rgb(23, 23, 25)";
|
|
1166
|
+
export const colorLightGraphicPrimaryInvertedAlpha30 = "rgba(241, 241, 241, 0.3)";
|
|
1167
|
+
export const colorLightGraphicPrimaryInvertedAlpha40 = "rgba(241, 241, 241, 0.4)";
|
|
1168
|
+
export const colorLightGraphicPrimaryInvertedAlpha50 = "rgba(241, 241, 241, 0.5)";
|
|
1169
|
+
export const colorLightGraphicPrimaryInvertedAlpha60 = "rgba(241, 241, 241, 0.6)";
|
|
1170
|
+
export const colorLightGraphicPrimaryInvertedShade7 = "rgb(224, 224, 224)";
|
|
1171
|
+
export const colorLightGraphicPrimaryInvertedShade10 = "rgb(217, 217, 217)";
|
|
1172
|
+
export const colorLightGraphicPrimaryInvertedShade15 = "rgb(205, 205, 205)";
|
|
1173
|
+
export const colorLightGraphicPrimaryInvertedShade30 = "rgb(169, 169, 169)";
|
|
1156
1174
|
export const colorLightGraphicQuaternaryShade10 = "rgb(208, 209, 212)";
|
|
1157
1175
|
export const colorLightGraphicSecondaryAlpha30 = "rgba(137, 137, 145, 0.3)";
|
|
1158
1176
|
export const colorLightGraphicSecondaryShade30 = "rgb(96, 96, 102)";
|
|
@@ -1193,5 +1211,5 @@ export const colorLightTextLinkTint30 = "rgb(106, 160, 244)";
|
|
|
1193
1211
|
export const colorLightTextLinkTint50 = "rgb(149, 187, 247)";
|
|
1194
1212
|
export const colorLightTextLinkShade20 = "rgb(34, 95, 191)";
|
|
1195
1213
|
export const colorLightTextLinkShade40 = "rgb(25, 71, 143)";
|
|
1196
|
-
export const colorStaticGraphicLightShade7 = "rgb(
|
|
1197
|
-
export const colorStaticGraphicLightShade15 = "rgb(
|
|
1214
|
+
export const colorStaticGraphicLightShade7 = "rgb(224, 224, 224)";
|
|
1215
|
+
export const colorStaticGraphicLightShade15 = "rgb(205, 205, 205)";
|
|
@@ -46,6 +46,12 @@ export const colorDarkNeutral100Inverted: "#f2f3f5";
|
|
|
46
46
|
export const colorDarkNeutral100InvertedHover: "#e7e8eb";
|
|
47
47
|
export const colorDarkNeutral100InvertedPress: "#dcdde1";
|
|
48
48
|
export const colorDarkNeutral100Press: "#29292c";
|
|
49
|
+
export const colorDarkNeutral1300: "#f2f3f5";
|
|
50
|
+
export const colorDarkNeutral1300Hover: "#d2d3d9";
|
|
51
|
+
export const colorDarkNeutral1300Inverted: "#212124";
|
|
52
|
+
export const colorDarkNeutral1300InvertedHover: "#3f3f45";
|
|
53
|
+
export const colorDarkNeutral1300InvertedPress: "#5f5f66";
|
|
54
|
+
export const colorDarkNeutral1300Press: "#babbc2";
|
|
49
55
|
export const colorDarkNeutral1500: "#fff";
|
|
50
56
|
export const colorDarkNeutral1500Hover: "#babbc2";
|
|
51
57
|
export const colorDarkNeutral1500Inverted: "#121213";
|
|
@@ -95,11 +101,11 @@ export const colorDarkNeutralTranslucent100InvertedHover: "rgba(15, 25, 55, 0.1)
|
|
|
95
101
|
export const colorDarkNeutralTranslucent100InvertedPress: "rgba(5, 12, 41, 0.14)";
|
|
96
102
|
export const colorDarkNeutralTranslucent100Press: "rgba(222, 222, 238, 0.13)";
|
|
97
103
|
export const colorDarkNeutralTranslucent1300: "rgba(255, 255, 255, 0.94)";
|
|
98
|
-
export const colorDarkNeutralTranslucent1300Hover: "rgba(
|
|
104
|
+
export const colorDarkNeutralTranslucent1300Hover: "rgba(255, 255, 255, 0.7)";
|
|
99
105
|
export const colorDarkNeutralTranslucent1300Inverted: "rgba(3, 3, 6, 0.88)";
|
|
100
|
-
export const colorDarkNeutralTranslucent1300InvertedHover: "rgba(
|
|
101
|
-
export const colorDarkNeutralTranslucent1300InvertedPress: "rgba(
|
|
102
|
-
export const colorDarkNeutralTranslucent1300Press: "rgba(
|
|
106
|
+
export const colorDarkNeutralTranslucent1300InvertedHover: "rgba(2, 2, 10, 0.76)";
|
|
107
|
+
export const colorDarkNeutralTranslucent1300InvertedPress: "rgba(1, 1, 12, 0.63)";
|
|
108
|
+
export const colorDarkNeutralTranslucent1300Press: "rgba(255, 255, 255, 0.6)";
|
|
103
109
|
export const colorDarkNeutralTranslucent1500Hover: "rgba(243, 245, 254, 0.75)";
|
|
104
110
|
export const colorDarkNeutralTranslucent1500InvertedHover: "rgba(2, 2, 10, 0.76)";
|
|
105
111
|
export const colorDarkNeutralTranslucent1500InvertedPress: "rgba(1, 1, 12, 0.63)";
|
|
@@ -304,6 +310,12 @@ export const colorLightNeutral100Inverted: "#1c1c1e";
|
|
|
304
310
|
export const colorLightNeutral100InvertedHover: "#212124";
|
|
305
311
|
export const colorLightNeutral100InvertedPress: "#29292c";
|
|
306
312
|
export const colorLightNeutral100Press: "#dcdde1";
|
|
313
|
+
export const colorLightNeutral1300: "#212124";
|
|
314
|
+
export const colorLightNeutral1300Hover: "#3f3f45";
|
|
315
|
+
export const colorLightNeutral1300Inverted: "#f2f3f5";
|
|
316
|
+
export const colorLightNeutral1300InvertedHover: "#d2d3d9";
|
|
317
|
+
export const colorLightNeutral1300InvertedPress: "#babbc2";
|
|
318
|
+
export const colorLightNeutral1300Press: "#5f5f66";
|
|
307
319
|
export const colorLightNeutral1500: "#121213";
|
|
308
320
|
export const colorLightNeutral1500Hover: "#3f3f45";
|
|
309
321
|
export const colorLightNeutral1500Inverted: "#fff";
|
|
@@ -353,11 +365,11 @@ export const colorLightNeutralTranslucent100InvertedHover: "rgba(222, 222, 238,
|
|
|
353
365
|
export const colorLightNeutralTranslucent100InvertedPress: "rgba(234, 234, 248, 0.15)";
|
|
354
366
|
export const colorLightNeutralTranslucent100Press: "rgba(5, 12, 41, 0.14)";
|
|
355
367
|
export const colorLightNeutralTranslucent1300: "rgba(3, 3, 6, 0.88)";
|
|
356
|
-
export const colorLightNeutralTranslucent1300Hover: "rgba(
|
|
368
|
+
export const colorLightNeutralTranslucent1300Hover: "rgba(2, 2, 10, 0.76)";
|
|
357
369
|
export const colorLightNeutralTranslucent1300Inverted: "rgba(255, 255, 255, 0.94)";
|
|
358
370
|
export const colorLightNeutralTranslucent1300InvertedHover: "rgba(255, 255, 255, 0.7)";
|
|
359
371
|
export const colorLightNeutralTranslucent1300InvertedPress: "rgba(255, 255, 255, 0.6)";
|
|
360
|
-
export const colorLightNeutralTranslucent1300Press: "rgba(
|
|
372
|
+
export const colorLightNeutralTranslucent1300Press: "rgba(1, 1, 12, 0.63)";
|
|
361
373
|
export const colorLightNeutralTranslucent1500Hover: "rgba(2, 2, 10, 0.76)";
|
|
362
374
|
export const colorLightNeutralTranslucent1500InvertedHover: "rgba(243, 245, 254, 0.75)";
|
|
363
375
|
export const colorLightNeutralTranslucent1500InvertedPress: "rgba(239, 240, 252, 0.65)";
|
|
@@ -539,6 +551,12 @@ export const colorStaticNeutral100Inverted: "#1c1c1e";
|
|
|
539
551
|
export const colorStaticNeutral100InvertedHover: "#212124";
|
|
540
552
|
export const colorStaticNeutral100InvertedPress: "#29292c";
|
|
541
553
|
export const colorStaticNeutral100Press: "#dcdde1";
|
|
554
|
+
export const colorStaticNeutral1300: "#212124";
|
|
555
|
+
export const colorStaticNeutral1300Hover: "#3f3f45";
|
|
556
|
+
export const colorStaticNeutral1300Inverted: "#f2f3f5";
|
|
557
|
+
export const colorStaticNeutral1300InvertedHover: "#d2d3d9";
|
|
558
|
+
export const colorStaticNeutral1300InvertedPress: "#babbc2";
|
|
559
|
+
export const colorStaticNeutral1300Press: "#5f5f66";
|
|
542
560
|
export const colorStaticNeutral1500: "#121213";
|
|
543
561
|
export const colorStaticNeutral1500Hover: "#3f3f45";
|
|
544
562
|
export const colorStaticNeutral1500Inverted: "#fff";
|
|
@@ -588,11 +606,11 @@ export const colorStaticNeutralTranslucent100InvertedHover: "rgba(222, 222, 238,
|
|
|
588
606
|
export const colorStaticNeutralTranslucent100InvertedPress: "rgba(234, 234, 248, 0.15)";
|
|
589
607
|
export const colorStaticNeutralTranslucent100Press: "rgba(5, 12, 41, 0.14)";
|
|
590
608
|
export const colorStaticNeutralTranslucent1300: "rgba(3, 3, 6, 0.88)";
|
|
591
|
-
export const colorStaticNeutralTranslucent1300Hover: "rgba(
|
|
609
|
+
export const colorStaticNeutralTranslucent1300Hover: "rgba(2, 2, 10, 0.76)";
|
|
592
610
|
export const colorStaticNeutralTranslucent1300Inverted: "rgba(255, 255, 255, 0.94)";
|
|
593
611
|
export const colorStaticNeutralTranslucent1300InvertedHover: "rgba(255, 255, 255, 0.7)";
|
|
594
612
|
export const colorStaticNeutralTranslucent1300InvertedPress: "rgba(255, 255, 255, 0.6)";
|
|
595
|
-
export const colorStaticNeutralTranslucent1300Press: "rgba(
|
|
613
|
+
export const colorStaticNeutralTranslucent1300Press: "rgba(1, 1, 12, 0.63)";
|
|
596
614
|
export const colorStaticNeutralTranslucent1500Hover: "rgba(2, 2, 10, 0.76)";
|
|
597
615
|
export const colorStaticNeutralTranslucent1500InvertedHover: "rgba(243, 245, 254, 0.75)";
|
|
598
616
|
export const colorStaticNeutralTranslucent1500InvertedPress: "rgba(239, 240, 252, 0.65)";
|
|
@@ -46,6 +46,12 @@ export const colorDarkNeutral100Inverted = "#f2f3f5";
|
|
|
46
46
|
export const colorDarkNeutral100InvertedHover = "#e7e8eb";
|
|
47
47
|
export const colorDarkNeutral100InvertedPress = "#dcdde1";
|
|
48
48
|
export const colorDarkNeutral100Press = "#29292c";
|
|
49
|
+
export const colorDarkNeutral1300 = "#f2f3f5";
|
|
50
|
+
export const colorDarkNeutral1300Hover = "#d2d3d9";
|
|
51
|
+
export const colorDarkNeutral1300Inverted = "#212124";
|
|
52
|
+
export const colorDarkNeutral1300InvertedHover = "#3f3f45";
|
|
53
|
+
export const colorDarkNeutral1300InvertedPress = "#5f5f66";
|
|
54
|
+
export const colorDarkNeutral1300Press = "#babbc2";
|
|
49
55
|
export const colorDarkNeutral1500 = "#fff";
|
|
50
56
|
export const colorDarkNeutral1500Hover = "#babbc2";
|
|
51
57
|
export const colorDarkNeutral1500Inverted = "#121213";
|
|
@@ -95,11 +101,11 @@ export const colorDarkNeutralTranslucent100InvertedHover = "rgba(15, 25, 55, 0.1
|
|
|
95
101
|
export const colorDarkNeutralTranslucent100InvertedPress = "rgba(5, 12, 41, 0.14)";
|
|
96
102
|
export const colorDarkNeutralTranslucent100Press = "rgba(222, 222, 238, 0.13)";
|
|
97
103
|
export const colorDarkNeutralTranslucent1300 = "rgba(255, 255, 255, 0.94)";
|
|
98
|
-
export const colorDarkNeutralTranslucent1300Hover = "rgba(
|
|
104
|
+
export const colorDarkNeutralTranslucent1300Hover = "rgba(255, 255, 255, 0.7)";
|
|
99
105
|
export const colorDarkNeutralTranslucent1300Inverted = "rgba(3, 3, 6, 0.88)";
|
|
100
|
-
export const colorDarkNeutralTranslucent1300InvertedHover = "rgba(
|
|
101
|
-
export const colorDarkNeutralTranslucent1300InvertedPress = "rgba(
|
|
102
|
-
export const colorDarkNeutralTranslucent1300Press = "rgba(
|
|
106
|
+
export const colorDarkNeutralTranslucent1300InvertedHover = "rgba(2, 2, 10, 0.76)";
|
|
107
|
+
export const colorDarkNeutralTranslucent1300InvertedPress = "rgba(1, 1, 12, 0.63)";
|
|
108
|
+
export const colorDarkNeutralTranslucent1300Press = "rgba(255, 255, 255, 0.6)";
|
|
103
109
|
export const colorDarkNeutralTranslucent1500Hover = "rgba(243, 245, 254, 0.75)";
|
|
104
110
|
export const colorDarkNeutralTranslucent1500InvertedHover = "rgba(2, 2, 10, 0.76)";
|
|
105
111
|
export const colorDarkNeutralTranslucent1500InvertedPress = "rgba(1, 1, 12, 0.63)";
|
|
@@ -304,6 +310,12 @@ export const colorLightNeutral100Inverted = "#1c1c1e";
|
|
|
304
310
|
export const colorLightNeutral100InvertedHover = "#212124";
|
|
305
311
|
export const colorLightNeutral100InvertedPress = "#29292c";
|
|
306
312
|
export const colorLightNeutral100Press = "#dcdde1";
|
|
313
|
+
export const colorLightNeutral1300 = "#212124";
|
|
314
|
+
export const colorLightNeutral1300Hover = "#3f3f45";
|
|
315
|
+
export const colorLightNeutral1300Inverted = "#f2f3f5";
|
|
316
|
+
export const colorLightNeutral1300InvertedHover = "#d2d3d9";
|
|
317
|
+
export const colorLightNeutral1300InvertedPress = "#babbc2";
|
|
318
|
+
export const colorLightNeutral1300Press = "#5f5f66";
|
|
307
319
|
export const colorLightNeutral1500 = "#121213";
|
|
308
320
|
export const colorLightNeutral1500Hover = "#3f3f45";
|
|
309
321
|
export const colorLightNeutral1500Inverted = "#fff";
|
|
@@ -353,11 +365,11 @@ export const colorLightNeutralTranslucent100InvertedHover = "rgba(222, 222, 238,
|
|
|
353
365
|
export const colorLightNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
|
|
354
366
|
export const colorLightNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
|
|
355
367
|
export const colorLightNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
|
|
356
|
-
export const colorLightNeutralTranslucent1300Hover = "rgba(
|
|
368
|
+
export const colorLightNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
|
|
357
369
|
export const colorLightNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
|
|
358
370
|
export const colorLightNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
|
|
359
371
|
export const colorLightNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
|
|
360
|
-
export const colorLightNeutralTranslucent1300Press = "rgba(
|
|
372
|
+
export const colorLightNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
|
|
361
373
|
export const colorLightNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
|
|
362
374
|
export const colorLightNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
|
|
363
375
|
export const colorLightNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";
|
|
@@ -539,6 +551,12 @@ export const colorStaticNeutral100Inverted = "#1c1c1e";
|
|
|
539
551
|
export const colorStaticNeutral100InvertedHover = "#212124";
|
|
540
552
|
export const colorStaticNeutral100InvertedPress = "#29292c";
|
|
541
553
|
export const colorStaticNeutral100Press = "#dcdde1";
|
|
554
|
+
export const colorStaticNeutral1300 = "#212124";
|
|
555
|
+
export const colorStaticNeutral1300Hover = "#3f3f45";
|
|
556
|
+
export const colorStaticNeutral1300Inverted = "#f2f3f5";
|
|
557
|
+
export const colorStaticNeutral1300InvertedHover = "#d2d3d9";
|
|
558
|
+
export const colorStaticNeutral1300InvertedPress = "#babbc2";
|
|
559
|
+
export const colorStaticNeutral1300Press = "#5f5f66";
|
|
542
560
|
export const colorStaticNeutral1500 = "#121213";
|
|
543
561
|
export const colorStaticNeutral1500Hover = "#3f3f45";
|
|
544
562
|
export const colorStaticNeutral1500Inverted = "#fff";
|
|
@@ -588,11 +606,11 @@ export const colorStaticNeutralTranslucent100InvertedHover = "rgba(222, 222, 238
|
|
|
588
606
|
export const colorStaticNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
|
|
589
607
|
export const colorStaticNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
|
|
590
608
|
export const colorStaticNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
|
|
591
|
-
export const colorStaticNeutralTranslucent1300Hover = "rgba(
|
|
609
|
+
export const colorStaticNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
|
|
592
610
|
export const colorStaticNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
|
|
593
611
|
export const colorStaticNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
|
|
594
612
|
export const colorStaticNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
|
|
595
|
-
export const colorStaticNeutralTranslucent1300Press = "rgba(
|
|
613
|
+
export const colorStaticNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
|
|
596
614
|
export const colorStaticNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
|
|
597
615
|
export const colorStaticNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
|
|
598
616
|
export const colorStaticNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";
|
package/esm/colors-x5.module.js
CHANGED