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