@alfalab/core-components-vars 9.15.0 → 9.17.0

package/modern/index.d.ts

@@ -115,6 +115,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";
@@ -166,8 +172,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)";
@@ -373,6 +379,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";
@@ -422,11 +434,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)";
@@ -595,7 +607,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";
@@ -608,6 +620,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";
@@ -657,11 +675,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)";
@@ -783,7 +801,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";
@@ -812,8 +830,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";
@@ -856,7 +874,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";
@@ -883,8 +901,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";
@@ -926,8 +944,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)";
@@ -983,10 +1001,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)";
@@ -995,18 +1013,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)";
@@ -1068,23 +1086,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)";
@@ -1144,24 +1162,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)";
@@ -1205,23 +1223,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)";
@@ -1262,8 +1280,8 @@ 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)";
 export const colorStaticCorpbgNeutral: "#bdc0c2";
 export const colorStaticCorpbgPrimary: "#212a33";
 export const colorStaticCorpbgSecondary: "#384048";
@@ -1487,7 +1505,7 @@ export const gap5xlNeg: "-64px";
 export const gap6xlNeg: "-72px";
 export const gap7xlNeg: "-96px";
 export const gap8xlNeg: "-128px";
-export const gap0: "0";
+export const gap0: "0px";
 export const gap2: "var(--gap-3xs)";
 export const gap4: "var(--gap-2xs)";
 export const gap8: "var(--gap-xs)";