@alfalab/core-components-vars 9.15.0 → 9.16.0

package/modern/colors-bluetint.module.js

@@ -46,6 +46,12 @@ export const colorDarkNeutral100Inverted = "#f2f3f5";
 export const colorDarkNeutral100InvertedHover = "#e7e8eb";
 export const colorDarkNeutral100InvertedPress = "#dcdde1";
 export const colorDarkNeutral100Press = "#29292c";
+export const colorDarkNeutral1300 = "#f2f3f5";
+export const colorDarkNeutral1300Hover = "#d2d3d9";
+export const colorDarkNeutral1300Inverted = "#212124";
+export const colorDarkNeutral1300InvertedHover = "#3f3f45";
+export const colorDarkNeutral1300InvertedPress = "#5f5f66";
+export const colorDarkNeutral1300Press = "#babbc2";
 export const colorDarkNeutral1500 = "#fff";
 export const colorDarkNeutral1500Hover = "#babbc2";
 export const colorDarkNeutral1500Inverted = "#121213";
@@ -97,8 +103,8 @@ export const colorDarkNeutralTranslucent100Press = "rgba(222, 222, 238, 0.13)";
 export const colorDarkNeutralTranslucent1300 = "rgba(255, 255, 255, 0.94)";
 export const colorDarkNeutralTranslucent1300Hover = "rgba(255, 255, 255, 0.7)";
 export const colorDarkNeutralTranslucent1300Inverted = "rgba(3, 3, 6, 0.88)";
-export const colorDarkNeutralTranslucent1300InvertedHover = "rgba(3, 3, 8, 0.8)";
-export const colorDarkNeutralTranslucent1300InvertedPress = "rgba(0, 0, 10, 0.71)";
+export const colorDarkNeutralTranslucent1300InvertedHover = "rgba(2, 2, 10, 0.76)";
+export const colorDarkNeutralTranslucent1300InvertedPress = "rgba(1, 1, 12, 0.63)";
 export const colorDarkNeutralTranslucent1300Press = "rgba(255, 255, 255, 0.6)";
 export const colorDarkNeutralTranslucent1500Hover = "rgba(243, 245, 254, 0.75)";
 export const colorDarkNeutralTranslucent1500InvertedHover = "rgba(2, 2, 10, 0.76)";
@@ -304,6 +310,12 @@ export const colorLightNeutral100Inverted = "#1c1c1e";
 export const colorLightNeutral100InvertedHover = "#212124";
 export const colorLightNeutral100InvertedPress = "#29292c";
 export const colorLightNeutral100Press = "#dcdde1";
+export const colorLightNeutral1300 = "#212124";
+export const colorLightNeutral1300Hover = "#3f3f45";
+export const colorLightNeutral1300Inverted = "#f2f3f5";
+export const colorLightNeutral1300InvertedHover = "#d2d3d9";
+export const colorLightNeutral1300InvertedPress = "#babbc2";
+export const colorLightNeutral1300Press = "#5f5f66";
 export const colorLightNeutral1500 = "#121213";
 export const colorLightNeutral1500Hover = "#3f3f45";
 export const colorLightNeutral1500Inverted = "#fff";
@@ -353,11 +365,11 @@ export const colorLightNeutralTranslucent100InvertedHover = "rgba(222, 222, 238,
 export const colorLightNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
 export const colorLightNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
 export const colorLightNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
-export const colorLightNeutralTranslucent1300Hover = "rgba(3, 3, 8, 0.8)";
+export const colorLightNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
 export const colorLightNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
 export const colorLightNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
 export const colorLightNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
-export const colorLightNeutralTranslucent1300Press = "rgba(0, 0, 10, 0.71)";
+export const colorLightNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
 export const colorLightNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
 export const colorLightNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
 export const colorLightNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";
@@ -526,7 +538,7 @@ export const colorStaticAccentSecondaryInverted = "#f2f3f5";
 export const colorStaticAccentSecondaryInvertedHover = "#dcdde1";
 export const colorStaticAccentSecondaryInvertedPress = "#d2d3d9";
 export const colorStaticAccentSecondaryPress = "#353539";
-export const colorStaticBgPrimaryDark = "#0e0e0e";
+export const colorStaticBgPrimaryDark = "#121213";
 export const colorStaticNeutral0 = "#fff";
 export const colorStaticNeutral0Hover = "#e7e8eb";
 export const colorStaticNeutral0Inverted = "#262629";
@@ -539,6 +551,12 @@ export const colorStaticNeutral100Inverted = "#1c1c1e";
 export const colorStaticNeutral100InvertedHover = "#212124";
 export const colorStaticNeutral100InvertedPress = "#29292c";
 export const colorStaticNeutral100Press = "#dcdde1";
+export const colorStaticNeutral1300 = "#212124";
+export const colorStaticNeutral1300Hover = "#3f3f45";
+export const colorStaticNeutral1300Inverted = "#f2f3f5";
+export const colorStaticNeutral1300InvertedHover = "#d2d3d9";
+export const colorStaticNeutral1300InvertedPress = "#babbc2";
+export const colorStaticNeutral1300Press = "#5f5f66";
 export const colorStaticNeutral1500 = "#121213";
 export const colorStaticNeutral1500Hover = "#3f3f45";
 export const colorStaticNeutral1500Inverted = "#fff";
@@ -588,11 +606,11 @@ export const colorStaticNeutralTranslucent100InvertedHover = "rgba(222, 222, 238
 export const colorStaticNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
 export const colorStaticNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
 export const colorStaticNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
-export const colorStaticNeutralTranslucent1300Hover = "rgba(3, 3, 8, 0.8)";
+export const colorStaticNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
 export const colorStaticNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
 export const colorStaticNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
 export const colorStaticNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
-export const colorStaticNeutralTranslucent1300Press = "rgba(0, 0, 10, 0.71)";
+export const colorStaticNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
 export const colorStaticNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
 export const colorStaticNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
 export const colorStaticNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";
@@ -714,7 +732,7 @@ export const colorDarkBgNulled = "rgba(0, 0, 0, 0)";
 export const colorDarkBgOpaque = "rgba(255, 255, 255, 0.8)";
 export const colorDarkBgOverlay = "rgba(0, 0, 0, 0.8)";
 export const colorDarkBgPositiveMuted = "#232d25";
-export const colorDarkBgPrimary = "#0e0e0e";
+export const colorDarkBgPrimary = "#121213";
 export const colorDarkBgPrimaryGrouped = "#1a1a1d";
 export const colorDarkBgPrimaryInverted = "#fff";
 export const colorDarkBgQuaternary = "#36363a";
@@ -743,8 +761,8 @@ export const colorDarkGraphicLink = "#3193fc";
 export const colorDarkGraphicNegative = "#ff5431";
 export const colorDarkGraphicNeutral = "#2a2a2c";
 export const colorDarkGraphicPositive = "#17d055";
-export const colorDarkGraphicPrimary = "#fff";
-export const colorDarkGraphicPrimaryInverted = "#0e0e0e";
+export const colorDarkGraphicPrimary = "#f1f1f1";
+export const colorDarkGraphicPrimaryInverted = "#212124";
 export const colorDarkGraphicQuaternary = "#27272a";
 export const colorDarkGraphicQuaternaryInverted = "#e7e8ec";
 export const colorDarkGraphicSecondary = "#898991";
@@ -787,7 +805,7 @@ export const colorLightBgOverlay = "rgba(0, 0, 0, 0.65)";
 export const colorLightBgPositiveMuted = "#dff8e5";
 export const colorLightBgPrimary = "#fff";
 export const colorLightBgPrimaryGrouped = "#f2f2f6";
-export const colorLightBgPrimaryInverted = "#0e0e0e";
+export const colorLightBgPrimaryInverted = "#121213";
 export const colorLightBgQuaternary = "#dcdee2";
 export const colorLightBgQuaternaryInverted = "#36363a";
 export const colorLightBgSecondary = "#f2f3f5";
@@ -814,8 +832,8 @@ export const colorLightGraphicLink = "#2288fa";
 export const colorLightGraphicNegative = "#ff5431";
 export const colorLightGraphicNeutral = "#dcdcdd";
 export const colorLightGraphicPositive = "#0cc44d";
-export const colorLightGraphicPrimary = "#0e0e0e";
-export const colorLightGraphicPrimaryInverted = "#fff";
+export const colorLightGraphicPrimary = "#212124";
+export const colorLightGraphicPrimaryInverted = "#f1f1f1";
 export const colorLightGraphicQuaternary = "#e7e8ec";
 export const colorLightGraphicQuaternaryInverted = "#27272a";
 export const colorLightGraphicSecondary = "#898991";
@@ -857,8 +875,8 @@ export const colorStaticBgTertiaryDark = "#27272a";
 export const colorStaticBgTertiaryLight = "#edeef0";
 export const colorStaticBorderAccent = "#ef3124";
 export const colorStaticGraphicAccent = "#ef3124";
-export const colorStaticGraphicDark = "#0e0e0e";
-export const colorStaticGraphicLight = "#fff";
+export const colorStaticGraphicDark = "#212124";
+export const colorStaticGraphicLight = "#f1f1f1";
 export const colorStaticTextAccent = "#ef3124";
 export const colorStaticTextSecondaryDarkTransparent = "rgba(3, 3, 16, 0.56)";
 export const colorStaticTextSecondaryLightTransparent = "rgba(235, 235, 245, 0.6)";
@@ -914,10 +932,10 @@ export const colorLightTextSecondaryShade20 = "rgba(3, 3, 15, 0.64)";
 export const colorLightTextSecondaryShade40 = "rgba(2, 2, 11, 0.73)";
 export const colorLightTextSecondaryInvertedTint20 = "rgba(241, 241, 252, 0.64)";
 export const colorLightTextSecondaryInvertedTint30 = "rgba(243, 243, 252, 0.685)";
-export const colorStaticBgPrimaryDarkAlpha10 = "rgba(14, 14, 14, 0.1)";
-export const colorStaticBgPrimaryDarkAlpha20 = "rgba(14, 14, 14, 0.2)";
-export const colorStaticBgPrimaryDarkTint15 = "rgb(50, 50, 50)";
-export const colorStaticBgPrimaryDarkTint20 = "rgb(62, 62, 62)";
+export const colorStaticBgPrimaryDarkAlpha10 = "rgba(18, 18, 19, 0.1)";
+export const colorStaticBgPrimaryDarkAlpha20 = "rgba(18, 18, 19, 0.2)";
+export const colorStaticBgPrimaryDarkTint15 = "rgb(54, 54, 54)";
+export const colorStaticBgPrimaryDarkTint20 = "rgb(65, 65, 66)";
 export const colorStaticTextPrimaryLightAlpha30 = "rgba(255, 255, 255, 0.3)";
 export const colorDarkBgAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
 export const colorDarkBgAccentShade15 = "rgb(203, 42, 31)";
@@ -926,18 +944,18 @@ export const colorDarkBgAccentTint7 = "rgb(240, 63, 51)";
 export const colorDarkBgAccentTint10 = "rgb(241, 70, 58)";
 export const colorDarkBgAccentTint15 = "rgb(241, 80, 69)";
 export const colorDarkBgAccentTint30 = "rgb(244, 111, 102)";
-export const colorDarkBgPrimaryAlpha4 = "rgba(14, 14, 14, 0.04)";
-export const colorDarkBgPrimaryAlpha8 = "rgba(14, 14, 14, 0.08)";
-export const colorDarkBgPrimaryAlpha12 = "rgba(14, 14, 14, 0.12)";
-export const colorDarkBgPrimaryAlpha15 = "rgba(14, 14, 14, 0.15)";
-export const colorDarkBgPrimaryAlpha16 = "rgba(14, 14, 14, 0.16)";
-export const colorDarkBgPrimaryAlpha20 = "rgba(14, 14, 14, 0.2)";
-export const colorDarkBgPrimaryAlpha30 = "rgba(14, 14, 14, 0.3)";
-export const colorDarkBgPrimaryAlpha32 = "rgba(14, 14, 14, 0.32)";
-export const colorDarkBgPrimaryAlpha37 = "rgba(14, 14, 14, 0.37)";
-export const colorDarkBgPrimaryAlpha40 = "rgba(14, 14, 14, 0.4)";
-export const colorDarkBgPrimaryTint7 = "rgb(31, 31, 31)";
-export const colorDarkBgPrimaryTint15 = "rgb(50, 50, 50)";
+export const colorDarkBgPrimaryAlpha4 = "rgba(18, 18, 19, 0.04)";
+export const colorDarkBgPrimaryAlpha8 = "rgba(18, 18, 19, 0.08)";
+export const colorDarkBgPrimaryAlpha12 = "rgba(18, 18, 19, 0.12)";
+export const colorDarkBgPrimaryAlpha15 = "rgba(18, 18, 19, 0.15)";
+export const colorDarkBgPrimaryAlpha16 = "rgba(18, 18, 19, 0.16)";
+export const colorDarkBgPrimaryAlpha20 = "rgba(18, 18, 19, 0.2)";
+export const colorDarkBgPrimaryAlpha30 = "rgba(18, 18, 19, 0.3)";
+export const colorDarkBgPrimaryAlpha32 = "rgba(18, 18, 19, 0.32)";
+export const colorDarkBgPrimaryAlpha37 = "rgba(18, 18, 19, 0.37)";
+export const colorDarkBgPrimaryAlpha40 = "rgba(18, 18, 19, 0.4)";
+export const colorDarkBgPrimaryTint7 = "rgb(35, 35, 36)";
+export const colorDarkBgPrimaryTint15 = "rgb(54, 54, 54)";
 export const colorDarkBgPrimaryInvertedAlpha3 = "rgba(255, 255, 255, 0.03)";
 export const colorDarkBgPrimaryInvertedAlpha4 = "rgba(255, 255, 255, 0.04)";
 export const colorDarkBgPrimaryInvertedAlpha5 = "rgba(255, 255, 255, 0.05)";
@@ -999,23 +1017,23 @@ export const colorDarkGraphicNegativeTint30 = "rgb(255, 135, 111)";
 export const colorDarkGraphicPositiveAlpha10 = "rgba(23, 208, 85, 0.1)";
 export const colorDarkGraphicPositiveTint10 = "rgb(46, 213, 102)";
 export const colorDarkGraphicPositiveTint30 = "rgb(93, 222, 136)";
-export const colorDarkGraphicPrimaryAlpha30 = "rgba(255, 255, 255, 0.3)";
-export const colorDarkGraphicPrimaryAlpha40 = "rgba(255, 255, 255, 0.4)";
-export const colorDarkGraphicPrimaryAlpha50 = "rgba(255, 255, 255, 0.5)";
-export const colorDarkGraphicPrimaryAlpha60 = "rgba(255, 255, 255, 0.6)";
-export const colorDarkGraphicPrimaryShade15 = "rgb(217, 217, 217)";
-export const colorDarkGraphicPrimaryShade20 = "rgb(204, 204, 204)";
-export const colorDarkGraphicPrimaryShade30 = "rgb(179, 179, 179)";
-export const colorDarkGraphicPrimaryTint10 = "rgb(255, 255, 255)";
-export const colorDarkGraphicPrimaryTint30 = "rgb(255, 255, 255)";
-export const colorDarkGraphicPrimaryInvertedAlpha30 = "rgba(14, 14, 14, 0.3)";
-export const colorDarkGraphicPrimaryInvertedAlpha40 = "rgba(14, 14, 14, 0.4)";
-export const colorDarkGraphicPrimaryInvertedAlpha50 = "rgba(14, 14, 14, 0.5)";
-export const colorDarkGraphicPrimaryInvertedAlpha60 = "rgba(14, 14, 14, 0.6)";
-export const colorDarkGraphicPrimaryInvertedTint7 = "rgb(31, 31, 31)";
-export const colorDarkGraphicPrimaryInvertedTint10 = "rgb(38, 38, 38)";
-export const colorDarkGraphicPrimaryInvertedTint15 = "rgb(50, 50, 50)";
-export const colorDarkGraphicPrimaryInvertedTint30 = "rgb(86, 86, 86)";
+export const colorDarkGraphicPrimaryAlpha30 = "rgba(241, 241, 241, 0.3)";
+export const colorDarkGraphicPrimaryAlpha40 = "rgba(241, 241, 241, 0.4)";
+export const colorDarkGraphicPrimaryAlpha50 = "rgba(241, 241, 241, 0.5)";
+export const colorDarkGraphicPrimaryAlpha60 = "rgba(241, 241, 241, 0.6)";
+export const colorDarkGraphicPrimaryShade15 = "rgb(205, 205, 205)";
+export const colorDarkGraphicPrimaryShade20 = "rgb(193, 193, 193)";
+export const colorDarkGraphicPrimaryShade30 = "rgb(169, 169, 169)";
+export const colorDarkGraphicPrimaryTint10 = "rgb(242, 242, 242)";
+export const colorDarkGraphicPrimaryTint30 = "rgb(245, 245, 245)";
+export const colorDarkGraphicPrimaryInvertedAlpha30 = "rgba(33, 33, 36, 0.3)";
+export const colorDarkGraphicPrimaryInvertedAlpha40 = "rgba(33, 33, 36, 0.4)";
+export const colorDarkGraphicPrimaryInvertedAlpha50 = "rgba(33, 33, 36, 0.5)";
+export const colorDarkGraphicPrimaryInvertedAlpha60 = "rgba(33, 33, 36, 0.6)";
+export const colorDarkGraphicPrimaryInvertedTint7 = "rgb(49, 49, 51)";
+export const colorDarkGraphicPrimaryInvertedTint10 = "rgb(55, 55, 58)";
+export const colorDarkGraphicPrimaryInvertedTint15 = "rgb(66, 66, 69)";
+export const colorDarkGraphicPrimaryInvertedTint30 = "rgb(100, 100, 102)";
 export const colorDarkGraphicQuaternaryTint10 = "rgb(61, 61, 63)";
 export const colorDarkGraphicSecondaryAlpha30 = "rgba(137, 137, 145, 0.3)";
 export const colorDarkGraphicSecondaryTint30 = "rgb(172, 172, 178)";
@@ -1075,24 +1093,24 @@ export const colorLightBgPrimaryAlpha37 = "rgba(255, 255, 255, 0.37)";
 export const colorLightBgPrimaryAlpha40 = "rgba(255, 255, 255, 0.4)";
 export const colorLightBgPrimaryShade7 = "rgb(237, 237, 237)";
 export const colorLightBgPrimaryShade15 = "rgb(217, 217, 217)";
-export const colorLightBgPrimaryInvertedAlpha3 = "rgba(14, 14, 14, 0.03)";
-export const colorLightBgPrimaryInvertedAlpha4 = "rgba(14, 14, 14, 0.04)";
-export const colorLightBgPrimaryInvertedAlpha5 = "rgba(14, 14, 14, 0.05)";
-export const colorLightBgPrimaryInvertedAlpha7 = "rgba(14, 14, 14, 0.07)";
-export const colorLightBgPrimaryInvertedAlpha8 = "rgba(14, 14, 14, 0.08)";
-export const colorLightBgPrimaryInvertedAlpha10 = "rgba(14, 14, 14, 0.1)";
-export const colorLightBgPrimaryInvertedAlpha12 = "rgba(14, 14, 14, 0.12)";
-export const colorLightBgPrimaryInvertedAlpha15 = "rgba(14, 14, 14, 0.15)";
-export const colorLightBgPrimaryInvertedAlpha16 = "rgba(14, 14, 14, 0.16)";
-export const colorLightBgPrimaryInvertedAlpha20 = "rgba(14, 14, 14, 0.2)";
-export const colorLightBgPrimaryInvertedAlpha24 = "rgba(14, 14, 14, 0.24)";
-export const colorLightBgPrimaryInvertedAlpha30 = "rgba(14, 14, 14, 0.3)";
-export const colorLightBgPrimaryInvertedAlpha32 = "rgba(14, 14, 14, 0.32)";
-export const colorLightBgPrimaryInvertedAlpha40 = "rgba(14, 14, 14, 0.4)";
-export const colorLightBgPrimaryInvertedAlpha50 = "rgba(14, 14, 14, 0.5)";
-export const colorLightBgPrimaryInvertedTint7 = "rgb(31, 31, 31)";
-export const colorLightBgPrimaryInvertedTint15 = "rgb(50, 50, 50)";
-export const colorLightBgPrimaryInvertedTint20 = "rgb(62, 62, 62)";
+export const colorLightBgPrimaryInvertedAlpha3 = "rgba(18, 18, 19, 0.03)";
+export const colorLightBgPrimaryInvertedAlpha4 = "rgba(18, 18, 19, 0.04)";
+export const colorLightBgPrimaryInvertedAlpha5 = "rgba(18, 18, 19, 0.05)";
+export const colorLightBgPrimaryInvertedAlpha7 = "rgba(18, 18, 19, 0.07)";
+export const colorLightBgPrimaryInvertedAlpha8 = "rgba(18, 18, 19, 0.08)";
+export const colorLightBgPrimaryInvertedAlpha10 = "rgba(18, 18, 19, 0.1)";
+export const colorLightBgPrimaryInvertedAlpha12 = "rgba(18, 18, 19, 0.12)";
+export const colorLightBgPrimaryInvertedAlpha15 = "rgba(18, 18, 19, 0.15)";
+export const colorLightBgPrimaryInvertedAlpha16 = "rgba(18, 18, 19, 0.16)";
+export const colorLightBgPrimaryInvertedAlpha20 = "rgba(18, 18, 19, 0.2)";
+export const colorLightBgPrimaryInvertedAlpha24 = "rgba(18, 18, 19, 0.24)";
+export const colorLightBgPrimaryInvertedAlpha30 = "rgba(18, 18, 19, 0.3)";
+export const colorLightBgPrimaryInvertedAlpha32 = "rgba(18, 18, 19, 0.32)";
+export const colorLightBgPrimaryInvertedAlpha40 = "rgba(18, 18, 19, 0.4)";
+export const colorLightBgPrimaryInvertedAlpha50 = "rgba(18, 18, 19, 0.5)";
+export const colorLightBgPrimaryInvertedTint7 = "rgb(35, 35, 36)";
+export const colorLightBgPrimaryInvertedTint15 = "rgb(54, 54, 54)";
+export const colorLightBgPrimaryInvertedTint20 = "rgb(65, 65, 66)";
 export const colorLightBgQuaternaryAlpha30 = "rgba(220, 222, 226, 0.3)";
 export const colorLightBgQuaternaryShade7 = "rgb(205, 206, 210)";
 export const colorLightBgQuaternaryShade10 = "rgb(198, 200, 203)";
@@ -1136,23 +1154,23 @@ export const colorLightGraphicNegativeShade30 = "rgb(179, 59, 34)";
 export const colorLightGraphicPositiveAlpha10 = "rgba(12, 196, 77, 0.1)";
 export const colorLightGraphicPositiveShade10 = "rgb(11, 176, 69)";
 export const colorLightGraphicPositiveShade30 = "rgb(8, 137, 54)";
-export const colorLightGraphicPrimaryAlpha30 = "rgba(14, 14, 14, 0.3)";
-export const colorLightGraphicPrimaryAlpha40 = "rgba(14, 14, 14, 0.4)";
-export const colorLightGraphicPrimaryAlpha50 = "rgba(14, 14, 14, 0.5)";
-export const colorLightGraphicPrimaryAlpha60 = "rgba(14, 14, 14, 0.6)";
-export const colorLightGraphicPrimaryTint15 = "rgb(50, 50, 50)";
-export const colorLightGraphicPrimaryTint20 = "rgb(62, 62, 62)";
-export const colorLightGraphicPrimaryTint30 = "rgb(86, 86, 86)";
-export const colorLightGraphicPrimaryShade10 = "rgb(13, 13, 13)";
-export const colorLightGraphicPrimaryShade30 = "rgb(10, 10, 10)";
-export const colorLightGraphicPrimaryInvertedAlpha30 = "rgba(255, 255, 255, 0.3)";
-export const colorLightGraphicPrimaryInvertedAlpha40 = "rgba(255, 255, 255, 0.4)";
-export const colorLightGraphicPrimaryInvertedAlpha50 = "rgba(255, 255, 255, 0.5)";
-export const colorLightGraphicPrimaryInvertedAlpha60 = "rgba(255, 255, 255, 0.6)";
-export const colorLightGraphicPrimaryInvertedShade7 = "rgb(237, 237, 237)";
-export const colorLightGraphicPrimaryInvertedShade10 = "rgb(230, 230, 230)";
-export const colorLightGraphicPrimaryInvertedShade15 = "rgb(217, 217, 217)";
-export const colorLightGraphicPrimaryInvertedShade30 = "rgb(179, 179, 179)";
+export const colorLightGraphicPrimaryAlpha30 = "rgba(33, 33, 36, 0.3)";
+export const colorLightGraphicPrimaryAlpha40 = "rgba(33, 33, 36, 0.4)";
+export const colorLightGraphicPrimaryAlpha50 = "rgba(33, 33, 36, 0.5)";
+export const colorLightGraphicPrimaryAlpha60 = "rgba(33, 33, 36, 0.6)";
+export const colorLightGraphicPrimaryTint15 = "rgb(66, 66, 69)";
+export const colorLightGraphicPrimaryTint20 = "rgb(77, 77, 80)";
+export const colorLightGraphicPrimaryTint30 = "rgb(100, 100, 102)";
+export const colorLightGraphicPrimaryShade10 = "rgb(30, 30, 32)";
+export const colorLightGraphicPrimaryShade30 = "rgb(23, 23, 25)";
+export const colorLightGraphicPrimaryInvertedAlpha30 = "rgba(241, 241, 241, 0.3)";
+export const colorLightGraphicPrimaryInvertedAlpha40 = "rgba(241, 241, 241, 0.4)";
+export const colorLightGraphicPrimaryInvertedAlpha50 = "rgba(241, 241, 241, 0.5)";
+export const colorLightGraphicPrimaryInvertedAlpha60 = "rgba(241, 241, 241, 0.6)";
+export const colorLightGraphicPrimaryInvertedShade7 = "rgb(224, 224, 224)";
+export const colorLightGraphicPrimaryInvertedShade10 = "rgb(217, 217, 217)";
+export const colorLightGraphicPrimaryInvertedShade15 = "rgb(205, 205, 205)";
+export const colorLightGraphicPrimaryInvertedShade30 = "rgb(169, 169, 169)";
 export const colorLightGraphicQuaternaryShade10 = "rgb(208, 209, 212)";
 export const colorLightGraphicSecondaryAlpha30 = "rgba(137, 137, 145, 0.3)";
 export const colorLightGraphicSecondaryShade30 = "rgb(96, 96, 102)";
@@ -1193,5 +1211,5 @@ export const colorLightTextLinkTint30 = "rgb(106, 160, 244)";
 export const colorLightTextLinkTint50 = "rgb(149, 187, 247)";
 export const colorLightTextLinkShade20 = "rgb(34, 95, 191)";
 export const colorLightTextLinkShade40 = "rgb(25, 71, 143)";
-export const colorStaticGraphicLightShade7 = "rgb(237, 237, 237)";
-export const colorStaticGraphicLightShade15 = "rgb(217, 217, 217)";
+export const colorStaticGraphicLightShade7 = "rgb(224, 224, 224)";
+export const colorStaticGraphicLightShade15 = "rgb(205, 205, 205)";

package/modern/colors-indigo.module.d.ts

@@ -46,6 +46,12 @@ export const colorDarkNeutral100Inverted: "#f2f3f5";
 export const colorDarkNeutral100InvertedHover: "#e7e8eb";
 export const colorDarkNeutral100InvertedPress: "#dcdde1";
 export const colorDarkNeutral100Press: "#29292c";
+export const colorDarkNeutral1300: "#f2f3f5";
+export const colorDarkNeutral1300Hover: "#d2d3d9";
+export const colorDarkNeutral1300Inverted: "#212124";
+export const colorDarkNeutral1300InvertedHover: "#3f3f45";
+export const colorDarkNeutral1300InvertedPress: "#5f5f66";
+export const colorDarkNeutral1300Press: "#babbc2";
 export const colorDarkNeutral1500: "#fff";
 export const colorDarkNeutral1500Hover: "#babbc2";
 export const colorDarkNeutral1500Inverted: "#121213";
@@ -95,11 +101,11 @@ export const colorDarkNeutralTranslucent100InvertedHover: "rgba(15, 25, 55, 0.1)
 export const colorDarkNeutralTranslucent100InvertedPress: "rgba(5, 12, 41, 0.14)";
 export const colorDarkNeutralTranslucent100Press: "rgba(222, 222, 238, 0.13)";
 export const colorDarkNeutralTranslucent1300: "rgba(255, 255, 255, 0.94)";
-export const colorDarkNeutralTranslucent1300Hover: "rgba(245, 246, 253, 0.85)";
+export const colorDarkNeutralTranslucent1300Hover: "rgba(255, 255, 255, 0.7)";
 export const colorDarkNeutralTranslucent1300Inverted: "rgba(3, 3, 6, 0.88)";
-export const colorDarkNeutralTranslucent1300InvertedHover: "rgba(3, 3, 8, 0.8)";
-export const colorDarkNeutralTranslucent1300InvertedPress: "rgba(0, 0, 10, 0.71)";
-export const colorDarkNeutralTranslucent1300Press: "rgba(243, 245, 254, 0.75)";
+export const colorDarkNeutralTranslucent1300InvertedHover: "rgba(2, 2, 10, 0.76)";
+export const colorDarkNeutralTranslucent1300InvertedPress: "rgba(1, 1, 12, 0.63)";
+export const colorDarkNeutralTranslucent1300Press: "rgba(255, 255, 255, 0.6)";
 export const colorDarkNeutralTranslucent1500Hover: "rgba(243, 245, 254, 0.75)";
 export const colorDarkNeutralTranslucent1500InvertedHover: "rgba(2, 2, 10, 0.76)";
 export const colorDarkNeutralTranslucent1500InvertedPress: "rgba(1, 1, 12, 0.63)";
@@ -304,6 +310,12 @@ export const colorLightNeutral100Inverted: "#1c1c1e";
 export const colorLightNeutral100InvertedHover: "#212124";
 export const colorLightNeutral100InvertedPress: "#29292c";
 export const colorLightNeutral100Press: "#dcdde1";
+export const colorLightNeutral1300: "#212124";
+export const colorLightNeutral1300Hover: "#3f3f45";
+export const colorLightNeutral1300Inverted: "#f2f3f5";
+export const colorLightNeutral1300InvertedHover: "#d2d3d9";
+export const colorLightNeutral1300InvertedPress: "#babbc2";
+export const colorLightNeutral1300Press: "#5f5f66";
 export const colorLightNeutral1500: "#121213";
 export const colorLightNeutral1500Hover: "#3f3f45";
 export const colorLightNeutral1500Inverted: "#fff";
@@ -353,11 +365,11 @@ export const colorLightNeutralTranslucent100InvertedHover: "rgba(222, 222, 238,
 export const colorLightNeutralTranslucent100InvertedPress: "rgba(234, 234, 248, 0.15)";
 export const colorLightNeutralTranslucent100Press: "rgba(5, 12, 41, 0.14)";
 export const colorLightNeutralTranslucent1300: "rgba(3, 3, 6, 0.88)";
-export const colorLightNeutralTranslucent1300Hover: "rgba(3, 3, 8, 0.8)";
+export const colorLightNeutralTranslucent1300Hover: "rgba(2, 2, 10, 0.76)";
 export const colorLightNeutralTranslucent1300Inverted: "rgba(255, 255, 255, 0.94)";
 export const colorLightNeutralTranslucent1300InvertedHover: "rgba(255, 255, 255, 0.7)";
 export const colorLightNeutralTranslucent1300InvertedPress: "rgba(255, 255, 255, 0.6)";
-export const colorLightNeutralTranslucent1300Press: "rgba(0, 0, 10, 0.71)";
+export const colorLightNeutralTranslucent1300Press: "rgba(1, 1, 12, 0.63)";
 export const colorLightNeutralTranslucent1500Hover: "rgba(2, 2, 10, 0.76)";
 export const colorLightNeutralTranslucent1500InvertedHover: "rgba(243, 245, 254, 0.75)";
 export const colorLightNeutralTranslucent1500InvertedPress: "rgba(239, 240, 252, 0.65)";
@@ -539,6 +551,12 @@ export const colorStaticNeutral100Inverted: "#1c1c1e";
 export const colorStaticNeutral100InvertedHover: "#212124";
 export const colorStaticNeutral100InvertedPress: "#29292c";
 export const colorStaticNeutral100Press: "#dcdde1";
+export const colorStaticNeutral1300: "#212124";
+export const colorStaticNeutral1300Hover: "#3f3f45";
+export const colorStaticNeutral1300Inverted: "#f2f3f5";
+export const colorStaticNeutral1300InvertedHover: "#d2d3d9";
+export const colorStaticNeutral1300InvertedPress: "#babbc2";
+export const colorStaticNeutral1300Press: "#5f5f66";
 export const colorStaticNeutral1500: "#121213";
 export const colorStaticNeutral1500Hover: "#3f3f45";
 export const colorStaticNeutral1500Inverted: "#fff";
@@ -588,11 +606,11 @@ export const colorStaticNeutralTranslucent100InvertedHover: "rgba(222, 222, 238,
 export const colorStaticNeutralTranslucent100InvertedPress: "rgba(234, 234, 248, 0.15)";
 export const colorStaticNeutralTranslucent100Press: "rgba(5, 12, 41, 0.14)";
 export const colorStaticNeutralTranslucent1300: "rgba(3, 3, 6, 0.88)";
-export const colorStaticNeutralTranslucent1300Hover: "rgba(3, 3, 8, 0.8)";
+export const colorStaticNeutralTranslucent1300Hover: "rgba(2, 2, 10, 0.76)";
 export const colorStaticNeutralTranslucent1300Inverted: "rgba(255, 255, 255, 0.94)";
 export const colorStaticNeutralTranslucent1300InvertedHover: "rgba(255, 255, 255, 0.7)";
 export const colorStaticNeutralTranslucent1300InvertedPress: "rgba(255, 255, 255, 0.6)";
-export const colorStaticNeutralTranslucent1300Press: "rgba(0, 0, 10, 0.71)";
+export const colorStaticNeutralTranslucent1300Press: "rgba(1, 1, 12, 0.63)";
 export const colorStaticNeutralTranslucent1500Hover: "rgba(2, 2, 10, 0.76)";
 export const colorStaticNeutralTranslucent1500InvertedHover: "rgba(243, 245, 254, 0.75)";
 export const colorStaticNeutralTranslucent1500InvertedPress: "rgba(239, 240, 252, 0.65)";

package/modern/colors-indigo.module.js

@@ -46,6 +46,12 @@ export const colorDarkNeutral100Inverted = "#f2f3f5";
 export const colorDarkNeutral100InvertedHover = "#e7e8eb";
 export const colorDarkNeutral100InvertedPress = "#dcdde1";
 export const colorDarkNeutral100Press = "#29292c";
+export const colorDarkNeutral1300 = "#f2f3f5";
+export const colorDarkNeutral1300Hover = "#d2d3d9";
+export const colorDarkNeutral1300Inverted = "#212124";
+export const colorDarkNeutral1300InvertedHover = "#3f3f45";
+export const colorDarkNeutral1300InvertedPress = "#5f5f66";
+export const colorDarkNeutral1300Press = "#babbc2";
 export const colorDarkNeutral1500 = "#fff";
 export const colorDarkNeutral1500Hover = "#babbc2";
 export const colorDarkNeutral1500Inverted = "#121213";
@@ -95,11 +101,11 @@ export const colorDarkNeutralTranslucent100InvertedHover = "rgba(15, 25, 55, 0.1
 export const colorDarkNeutralTranslucent100InvertedPress = "rgba(5, 12, 41, 0.14)";
 export const colorDarkNeutralTranslucent100Press = "rgba(222, 222, 238, 0.13)";
 export const colorDarkNeutralTranslucent1300 = "rgba(255, 255, 255, 0.94)";
-export const colorDarkNeutralTranslucent1300Hover = "rgba(245, 246, 253, 0.85)";
+export const colorDarkNeutralTranslucent1300Hover = "rgba(255, 255, 255, 0.7)";
 export const colorDarkNeutralTranslucent1300Inverted = "rgba(3, 3, 6, 0.88)";
-export const colorDarkNeutralTranslucent1300InvertedHover = "rgba(3, 3, 8, 0.8)";
-export const colorDarkNeutralTranslucent1300InvertedPress = "rgba(0, 0, 10, 0.71)";
-export const colorDarkNeutralTranslucent1300Press = "rgba(243, 245, 254, 0.75)";
+export const colorDarkNeutralTranslucent1300InvertedHover = "rgba(2, 2, 10, 0.76)";
+export const colorDarkNeutralTranslucent1300InvertedPress = "rgba(1, 1, 12, 0.63)";
+export const colorDarkNeutralTranslucent1300Press = "rgba(255, 255, 255, 0.6)";
 export const colorDarkNeutralTranslucent1500Hover = "rgba(243, 245, 254, 0.75)";
 export const colorDarkNeutralTranslucent1500InvertedHover = "rgba(2, 2, 10, 0.76)";
 export const colorDarkNeutralTranslucent1500InvertedPress = "rgba(1, 1, 12, 0.63)";
@@ -304,6 +310,12 @@ export const colorLightNeutral100Inverted = "#1c1c1e";
 export const colorLightNeutral100InvertedHover = "#212124";
 export const colorLightNeutral100InvertedPress = "#29292c";
 export const colorLightNeutral100Press = "#dcdde1";
+export const colorLightNeutral1300 = "#212124";
+export const colorLightNeutral1300Hover = "#3f3f45";
+export const colorLightNeutral1300Inverted = "#f2f3f5";
+export const colorLightNeutral1300InvertedHover = "#d2d3d9";
+export const colorLightNeutral1300InvertedPress = "#babbc2";
+export const colorLightNeutral1300Press = "#5f5f66";
 export const colorLightNeutral1500 = "#121213";
 export const colorLightNeutral1500Hover = "#3f3f45";
 export const colorLightNeutral1500Inverted = "#fff";
@@ -353,11 +365,11 @@ export const colorLightNeutralTranslucent100InvertedHover = "rgba(222, 222, 238,
 export const colorLightNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
 export const colorLightNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
 export const colorLightNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
-export const colorLightNeutralTranslucent1300Hover = "rgba(3, 3, 8, 0.8)";
+export const colorLightNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
 export const colorLightNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
 export const colorLightNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
 export const colorLightNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
-export const colorLightNeutralTranslucent1300Press = "rgba(0, 0, 10, 0.71)";
+export const colorLightNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
 export const colorLightNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
 export const colorLightNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
 export const colorLightNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";
@@ -539,6 +551,12 @@ export const colorStaticNeutral100Inverted = "#1c1c1e";
 export const colorStaticNeutral100InvertedHover = "#212124";
 export const colorStaticNeutral100InvertedPress = "#29292c";
 export const colorStaticNeutral100Press = "#dcdde1";
+export const colorStaticNeutral1300 = "#212124";
+export const colorStaticNeutral1300Hover = "#3f3f45";
+export const colorStaticNeutral1300Inverted = "#f2f3f5";
+export const colorStaticNeutral1300InvertedHover = "#d2d3d9";
+export const colorStaticNeutral1300InvertedPress = "#babbc2";
+export const colorStaticNeutral1300Press = "#5f5f66";
 export const colorStaticNeutral1500 = "#121213";
 export const colorStaticNeutral1500Hover = "#3f3f45";
 export const colorStaticNeutral1500Inverted = "#fff";
@@ -588,11 +606,11 @@ export const colorStaticNeutralTranslucent100InvertedHover = "rgba(222, 222, 238
 export const colorStaticNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
 export const colorStaticNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
 export const colorStaticNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
-export const colorStaticNeutralTranslucent1300Hover = "rgba(3, 3, 8, 0.8)";
+export const colorStaticNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
 export const colorStaticNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
 export const colorStaticNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
 export const colorStaticNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
-export const colorStaticNeutralTranslucent1300Press = "rgba(0, 0, 10, 0.71)";
+export const colorStaticNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
 export const colorStaticNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
 export const colorStaticNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
 export const colorStaticNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";

package/modern/colors-x5.module.d.ts

@@ -1,2 +1,3 @@
 export const colorStaticBrandPrimary: "#5faf2d";
 export const colorStaticBrandSecondary: "#00afff";
+export const colorStaticBrandOrange: "#f76100";

package/modern/colors-x5.module.js

@@ -1,2 +1,3 @@
 export const colorStaticBrandPrimary = "#5faf2d";
 export const colorStaticBrandSecondary = "#00afff";
+export const colorStaticBrandOrange = "#f76100";