npm - @alfalab/core-components - Versions diffs - 48.2.0 → 48.4.0 - Mend

@alfalab/core-components 48.2.0 → 48.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2617) hide show

package/vars/index.js CHANGED Viewed

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