@alfalab/core-components 45.7.0 → 45.8.0-beta.1

package/vars/modern/index.d.ts

@@ -73,19 +73,19 @@ export const colorDarkAccentPrimaryInverted: "#ef3124";
 export const colorDarkAccentPrimaryInvertedHover: "#e32a17";
 export const colorDarkAccentPrimaryInvertedPress: "#d72505";
 export const colorDarkAccentPrimaryPress: "#fd624e";
-export const colorDarkAccentSecondary: "#fff";
-export const colorDarkAccentSecondaryHover: "#e7e8eb";
-export const colorDarkAccentSecondaryInverted: "#0e0e0e";
-export const colorDarkAccentSecondaryInvertedHover: "#29292c";
-export const colorDarkAccentSecondaryInvertedPress: "#2f2f32";
+export const colorDarkAccentSecondary: "#f2f3f5";
+export const colorDarkAccentSecondaryHover: "#dcdde1";
+export const colorDarkAccentSecondaryInverted: "#212124";
+export const colorDarkAccentSecondaryInvertedHover: "#2f2f32";
+export const colorDarkAccentSecondaryInvertedPress: "#353539";
 export const colorDarkAccentSecondaryPress: "#d2d3d9";
-export const colorDarkBaseBgAltPrimary: "#0e0e0e";
+export const colorDarkBaseBgAltPrimary: "#121213";
 export const colorDarkBaseBgAltPrimaryInverted: "#f2f3f5";
 export const colorDarkBaseBgAltSecondary: "#1c1c1e";
 export const colorDarkBaseBgAltSecondaryInverted: "#fff";
 export const colorDarkBaseBgAltTertiary: "#29292c";
 export const colorDarkBaseBgAltTertiaryInverted: "#f2f3f5";
-export const colorDarkBaseBgPrimary: "#0e0e0e";
+export const colorDarkBaseBgPrimary: "#121213";
 export const colorDarkBaseBgPrimaryInverted: "#fff";
 export const colorDarkBaseBgSecondary: "#1c1c1e";
 export const colorDarkBaseBgSecondaryInverted: "#f2f3f5";
@@ -144,7 +144,7 @@ export const colorDarkModalBgSecondary: "#29292c";
 export const colorDarkModalBgSecondaryInverted: "#f2f3f5";
 export const colorDarkModalBgTertiary: "#353539";
 export const colorDarkModalBgTertiaryInverted: "#fff";
-export const colorDarkNeutral0: "#29292c";
+export const colorDarkNeutral0: "#262629";
 export const colorDarkNeutral0Hover: "#2f2f32";
 export const colorDarkNeutral0Inverted: "#fff";
 export const colorDarkNeutral0InvertedHover: "#e7e8eb";
@@ -158,7 +158,7 @@ export const colorDarkNeutral100InvertedPress: "#dcdde1";
 export const colorDarkNeutral100Press: "#29292c";
 export const colorDarkNeutral1500: "#fff";
 export const colorDarkNeutral1500Hover: "#babbc2";
-export const colorDarkNeutral1500Inverted: "#0e0e0e";
+export const colorDarkNeutral1500Inverted: "#121213";
 export const colorDarkNeutral1500InvertedHover: "#3f3f45";
 export const colorDarkNeutral1500InvertedPress: "#5f5f66";
 export const colorDarkNeutral1500Press: "#a0a1a9";
@@ -204,6 +204,12 @@ export const colorDarkNeutralTranslucent100Inverted: "rgba(38, 55, 88, 0.06)";
 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(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(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)";
@@ -263,59 +269,59 @@ export const colorDarkStatusInfoInvertedHover: "#2a77ef";
 export const colorDarkStatusInfoInvertedPress: "#2c64d4";
 export const colorDarkStatusInfoPress: "#63aafd";
 export const colorDarkStatusMutedAltAttention: "#412f22";
-export const colorDarkStatusMutedAltAttentionHover: "#4f3623";
+export const colorDarkStatusMutedAltAttentionHover: "#543a27";
 export const colorDarkStatusMutedAltAttentionInverted: "#fde6c8";
 export const colorDarkStatusMutedAltAttentionInvertedHover: "#f6d7af";
-export const colorDarkStatusMutedAltAttentionInvertedPress: "#eec596";
-export const colorDarkStatusMutedAltAttentionPress: "#634128";
+export const colorDarkStatusMutedAltAttentionInvertedPress: "#f0c492";
+export const colorDarkStatusMutedAltAttentionPress: "#6a462c";
 export const colorDarkStatusMutedAltInfo: "#293044";
-export const colorDarkStatusMutedAltInfoHover: "#303a55";
+export const colorDarkStatusMutedAltInfoHover: "#2f3a55";
 export const colorDarkStatusMutedAltInfoInverted: "#e4f0ff";
-export const colorDarkStatusMutedAltInfoInvertedHover: "#c4defa";
-export const colorDarkStatusMutedAltInfoInvertedPress: "#aeccf1";
-export const colorDarkStatusMutedAltInfoPress: "#3a456a";
+export const colorDarkStatusMutedAltInfoInvertedHover: "#c1dbf7";
+export const colorDarkStatusMutedAltInfoInvertedPress: "#a7cbf2";
+export const colorDarkStatusMutedAltInfoPress: "#38476c";
 export const colorDarkStatusMutedAltNegative: "#442926";
-export const colorDarkStatusMutedAltNegativeHover: "#56302d";
+export const colorDarkStatusMutedAltNegativeHover: "#55312e";
 export const colorDarkStatusMutedAltNegativeInverted: "#ffdfdf";
-export const colorDarkStatusMutedAltNegativeInvertedHover: "#faccca";
-export const colorDarkStatusMutedAltNegativeInvertedPress: "#f1b7b0";
-export const colorDarkStatusMutedAltNegativePress: "#6c3b34";
+export const colorDarkStatusMutedAltNegativeInvertedHover: "#f9ccca";
+export const colorDarkStatusMutedAltNegativeInvertedPress: "#f3b6af";
+export const colorDarkStatusMutedAltNegativePress: "#6b3b34";
 export const colorDarkStatusMutedAltPositive: "#253528";
-export const colorDarkStatusMutedAltPositiveHover: "#283f2d";
+export const colorDarkStatusMutedAltPositiveHover: "#273f2d";
 export const colorDarkStatusMutedAltPositiveInverted: "#d1f1d7";
-export const colorDarkStatusMutedAltPositiveInvertedHover: "#bae6c2";
-export const colorDarkStatusMutedAltPositiveInvertedPress: "#a1d7a8";
-export const colorDarkStatusMutedAltPositivePress: "#2d4d32";
+export const colorDarkStatusMutedAltPositiveInvertedHover: "#bbe8c3";
+export const colorDarkStatusMutedAltPositiveInvertedPress: "#a1dba8";
+export const colorDarkStatusMutedAltPositivePress: "#2d4e33";
 export const colorDarkStatusMutedAttention: "#36291f";
 export const colorDarkStatusMutedAttentionHover: "#412f22";
 export const colorDarkStatusMutedAttentionInverted: "#ffefd9";
 export const colorDarkStatusMutedAttentionInvertedHover: "#fde6c8";
 export const colorDarkStatusMutedAttentionInvertedPress: "#f6d7af";
-export const colorDarkStatusMutedAttentionPress: "#4f3623";
+export const colorDarkStatusMutedAttentionPress: "#543a27";
 export const colorDarkStatusMutedInfo: "#222a3e";
 export const colorDarkStatusMutedInfoHover: "#293044";
 export const colorDarkStatusMutedInfoInverted: "#e4f0ff";
 export const colorDarkStatusMutedInfoInvertedHover: "#d8eaff";
-export const colorDarkStatusMutedInfoInvertedPress: "#c4defa";
-export const colorDarkStatusMutedInfoPress: "#303a55";
+export const colorDarkStatusMutedInfoInvertedPress: "#c1dbf7";
+export const colorDarkStatusMutedInfoPress: "#2f3a55";
 export const colorDarkStatusMutedNegative: "#392523";
 export const colorDarkStatusMutedNegativeHover: "#442926";
 export const colorDarkStatusMutedNegativeInverted: "#ffebeb";
 export const colorDarkStatusMutedNegativeInvertedHover: "#ffdfdf";
-export const colorDarkStatusMutedNegativeInvertedPress: "#faccca";
-export const colorDarkStatusMutedNegativePress: "#56302d";
+export const colorDarkStatusMutedNegativeInvertedPress: "#f9ccca";
+export const colorDarkStatusMutedNegativePress: "#55312e";
 export const colorDarkStatusMutedPositive: "#232d25";
 export const colorDarkStatusMutedPositiveHover: "#253528";
 export const colorDarkStatusMutedPositiveInverted: "#dff8e5";
 export const colorDarkStatusMutedPositiveInvertedHover: "#d1f1d7";
-export const colorDarkStatusMutedPositiveInvertedPress: "#bae6c2";
-export const colorDarkStatusMutedPositivePress: "#283f2d";
-export const colorDarkStatusNegative: "#ff5431";
-export const colorDarkStatusNegativeHover: "#ff7554";
-export const colorDarkStatusNegativeInverted: "#ff5431";
-export const colorDarkStatusNegativeInvertedHover: "#ec2e14";
-export const colorDarkStatusNegativeInvertedPress: "#c7251c";
-export const colorDarkStatusNegativePress: "#ff8d73";
+export const colorDarkStatusMutedPositiveInvertedPress: "#bbe8c3";
+export const colorDarkStatusMutedPositivePress: "#273f2d";
+export const colorDarkStatusNegative: "#ff4837";
+export const colorDarkStatusNegativeHover: "#ff755e";
+export const colorDarkStatusNegativeInverted: "#ff4837";
+export const colorDarkStatusNegativeInvertedHover: "#ec2d20";
+export const colorDarkStatusNegativeInvertedPress: "#c7241f";
+export const colorDarkStatusNegativePress: "#ff8d79";
 export const colorDarkStatusPositive: "#17d055";
 export const colorDarkStatusPositiveHover: "#22e068";
 export const colorDarkStatusPositiveInverted: "#0cc44d";
@@ -338,24 +344,24 @@ export const colorDarkTextInfoInvertedHover: "#2c64d4";
 export const colorDarkTextInfoInvertedPress: "#2453b4";
 export const colorDarkTextInfoPress: "#7fb6ff";
 export const colorDarkTextLink: "#4a9dfc";
-export const colorDarkTextNegative: "#ff5431";
-export const colorDarkTextNegativeHover: "#ff7554";
-export const colorDarkTextNegativeInverted: "#ec2e14";
-export const colorDarkTextNegativeInvertedHover: "#c7251c";
+export const colorDarkTextNegative: "#ff4837";
+export const colorDarkTextNegativeHover: "#ff755e";
+export const colorDarkTextNegativeInverted: "#ec2d20";
+export const colorDarkTextNegativeInvertedHover: "#c7241f";
 export const colorDarkTextNegativeInvertedPress: "#a6201e";
-export const colorDarkTextNegativePress: "#ff8d73";
+export const colorDarkTextNegativePress: "#ff8d79";
 export const colorDarkTextPositive: "#0cc44d";
 export const colorDarkTextPositiveHover: "#22e068";
 export const colorDarkTextPositiveInverted: "#0d9336";
 export const colorDarkTextPositiveInvertedHover: "#0a7d2c";
 export const colorDarkTextPositiveInvertedPress: "#036625";
 export const colorDarkTextPositivePress: "#4ae777";
-export const colorDarkTextPrimary: "#fff";
-export const colorDarkTextPrimaryHover: "#babbc2";
-export const colorDarkTextPrimaryInverted: "#0e0e0e";
-export const colorDarkTextPrimaryInvertedHover: "#5f5f66";
-export const colorDarkTextPrimaryInvertedPress: "#75757d";
-export const colorDarkTextPrimaryPress: "#a0a1a9";
+export const colorDarkTextPrimary: "rgba(255, 255, 255, 0.94)";
+export const colorDarkTextPrimaryHover: "rgba(255, 255, 255, 0.7)";
+export const colorDarkTextPrimaryInverted: "rgba(3, 3, 6, 0.88)";
+export const colorDarkTextPrimaryInvertedHover: "rgba(1, 1, 12, 0.63)";
+export const colorDarkTextPrimaryInvertedPress: "rgba(4, 4, 19, 0.55)";
+export const colorDarkTextPrimaryPress: "rgba(255, 255, 255, 0.6)";
 export const colorDarkTextQuaternary: "rgba(231, 231, 248, 0.18)";
 export const colorDarkTextQuaternaryInverted: "rgba(5, 11, 44, 0.18)";
 export const colorDarkTextSecondary: "rgba(238, 238, 251, 0.55)";
@@ -381,20 +387,20 @@ export const colorLightAccentPrimaryInverted: "#f83a2a";
 export const colorLightAccentPrimaryInvertedHover: "#ff503e";
 export const colorLightAccentPrimaryInvertedPress: "#fd624e";
 export const colorLightAccentPrimaryPress: "#d72505";
-export const colorLightAccentSecondary: "#0e0e0e";
-export const colorLightAccentSecondaryHover: "#29292c";
-export const colorLightAccentSecondaryInverted: "#fff";
-export const colorLightAccentSecondaryInvertedHover: "#e7e8eb";
+export const colorLightAccentSecondary: "#212124";
+export const colorLightAccentSecondaryHover: "#2f2f32";
+export const colorLightAccentSecondaryInverted: "#f2f3f5";
+export const colorLightAccentSecondaryInvertedHover: "#dcdde1";
 export const colorLightAccentSecondaryInvertedPress: "#d2d3d9";
-export const colorLightAccentSecondaryPress: "#2f2f32";
+export const colorLightAccentSecondaryPress: "#353539";
 export const colorLightBaseBgAltPrimary: "#f2f3f5";
-export const colorLightBaseBgAltPrimaryInverted: "#0e0e0e";
+export const colorLightBaseBgAltPrimaryInverted: "#121213";
 export const colorLightBaseBgAltSecondary: "#fff";
 export const colorLightBaseBgAltSecondaryInverted: "#1c1c1e";
 export const colorLightBaseBgAltTertiary: "#f2f3f5";
 export const colorLightBaseBgAltTertiaryInverted: "#29292c";
 export const colorLightBaseBgPrimary: "#fff";
-export const colorLightBaseBgPrimaryInverted: "#0e0e0e";
+export const colorLightBaseBgPrimaryInverted: "#121213";
 export const colorLightBaseBgSecondary: "#f2f3f5";
 export const colorLightBaseBgSecondaryInverted: "#1c1c1e";
 export const colorLightBaseBgTertiary: "#fff";
@@ -454,7 +460,7 @@ export const colorLightModalBgTertiary: "#fff";
 export const colorLightModalBgTertiaryInverted: "#353539";
 export const colorLightNeutral0: "#fff";
 export const colorLightNeutral0Hover: "#e7e8eb";
-export const colorLightNeutral0Inverted: "#29292c";
+export const colorLightNeutral0Inverted: "#262629";
 export const colorLightNeutral0InvertedHover: "#2f2f32";
 export const colorLightNeutral0InvertedPress: "#353539";
 export const colorLightNeutral0Press: "#dcdde1";
@@ -464,7 +470,7 @@ export const colorLightNeutral100Inverted: "#1c1c1e";
 export const colorLightNeutral100InvertedHover: "#212124";
 export const colorLightNeutral100InvertedPress: "#29292c";
 export const colorLightNeutral100Press: "#dcdde1";
-export const colorLightNeutral1500: "#0e0e0e";
+export const colorLightNeutral1500: "#121213";
 export const colorLightNeutral1500Hover: "#3f3f45";
 export const colorLightNeutral1500Inverted: "#fff";
 export const colorLightNeutral1500InvertedHover: "#babbc2";
@@ -512,6 +518,12 @@ export const colorLightNeutralTranslucent100Inverted: "rgba(214, 214, 229, 0.07)
 export const colorLightNeutralTranslucent100InvertedHover: "rgba(222, 222, 238, 0.13)";
 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 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 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)";
@@ -573,57 +585,57 @@ export const colorLightStatusInfoPress: "#2c64d4";
 export const colorLightStatusMutedAltAttention: "#fde6c8";
 export const colorLightStatusMutedAltAttentionHover: "#f6d7af";
 export const colorLightStatusMutedAltAttentionInverted: "#412f22";
-export const colorLightStatusMutedAltAttentionInvertedHover: "#4f3623";
-export const colorLightStatusMutedAltAttentionInvertedPress: "#634128";
-export const colorLightStatusMutedAltAttentionPress: "#eec596";
+export const colorLightStatusMutedAltAttentionInvertedHover: "#543a27";
+export const colorLightStatusMutedAltAttentionInvertedPress: "#6a462c";
+export const colorLightStatusMutedAltAttentionPress: "#f0c492";
 export const colorLightStatusMutedAltInfo: "#d8eaff";
-export const colorLightStatusMutedAltInfoHover: "#c4defa";
+export const colorLightStatusMutedAltInfoHover: "#c1dbf7";
 export const colorLightStatusMutedAltInfoInverted: "#293044";
-export const colorLightStatusMutedAltInfoInvertedHover: "#303a55";
-export const colorLightStatusMutedAltInfoInvertedPress: "#3a456a";
-export const colorLightStatusMutedAltInfoPress: "#aeccf1";
+export const colorLightStatusMutedAltInfoInvertedHover: "#2f3a55";
+export const colorLightStatusMutedAltInfoInvertedPress: "#38476c";
+export const colorLightStatusMutedAltInfoPress: "#a7cbf2";
 export const colorLightStatusMutedAltNegative: "#ffdfdf";
-export const colorLightStatusMutedAltNegativeHover: "#faccca";
+export const colorLightStatusMutedAltNegativeHover: "#f9ccca";
 export const colorLightStatusMutedAltNegativeInverted: "#442926";
-export const colorLightStatusMutedAltNegativeInvertedHover: "#56302d";
-export const colorLightStatusMutedAltNegativeInvertedPress: "#6c3b34";
-export const colorLightStatusMutedAltNegativePress: "#f1b7b0";
+export const colorLightStatusMutedAltNegativeInvertedHover: "#55312e";
+export const colorLightStatusMutedAltNegativeInvertedPress: "#6b3b34";
+export const colorLightStatusMutedAltNegativePress: "#f3b6af";
 export const colorLightStatusMutedAltPositive: "#d1f1d7";
-export const colorLightStatusMutedAltPositiveHover: "#bae6c2";
+export const colorLightStatusMutedAltPositiveHover: "#bbe8c3";
 export const colorLightStatusMutedAltPositiveInverted: "#253528";
-export const colorLightStatusMutedAltPositiveInvertedHover: "#283f2d";
-export const colorLightStatusMutedAltPositiveInvertedPress: "#2d4d32";
-export const colorLightStatusMutedAltPositivePress: "#a1d7a8";
+export const colorLightStatusMutedAltPositiveInvertedHover: "#273f2d";
+export const colorLightStatusMutedAltPositiveInvertedPress: "#2d4e33";
+export const colorLightStatusMutedAltPositivePress: "#a1dba8";
 export const colorLightStatusMutedAttention: "#ffefd9";
 export const colorLightStatusMutedAttentionHover: "#fde6c8";
 export const colorLightStatusMutedAttentionInverted: "#36291f";
 export const colorLightStatusMutedAttentionInvertedHover: "#412f22";
-export const colorLightStatusMutedAttentionInvertedPress: "#4f3623";
+export const colorLightStatusMutedAttentionInvertedPress: "#543a27";
 export const colorLightStatusMutedAttentionPress: "#f6d7af";
 export const colorLightStatusMutedInfo: "#e4f0ff";
 export const colorLightStatusMutedInfoHover: "#d8eaff";
 export const colorLightStatusMutedInfoInverted: "#222a3e";
 export const colorLightStatusMutedInfoInvertedHover: "#293044";
-export const colorLightStatusMutedInfoInvertedPress: "#303a55";
-export const colorLightStatusMutedInfoPress: "#c4defa";
+export const colorLightStatusMutedInfoInvertedPress: "#2f3a55";
+export const colorLightStatusMutedInfoPress: "#c1dbf7";
 export const colorLightStatusMutedNegative: "#ffebeb";
 export const colorLightStatusMutedNegativeHover: "#ffdfdf";
 export const colorLightStatusMutedNegativeInverted: "#392523";
 export const colorLightStatusMutedNegativeInvertedHover: "#442926";
-export const colorLightStatusMutedNegativeInvertedPress: "#56302d";
-export const colorLightStatusMutedNegativePress: "#faccca";
+export const colorLightStatusMutedNegativeInvertedPress: "#55312e";
+export const colorLightStatusMutedNegativePress: "#f9ccca";
 export const colorLightStatusMutedPositive: "#dff8e5";
 export const colorLightStatusMutedPositiveHover: "#d1f1d7";
 export const colorLightStatusMutedPositiveInverted: "#232d25";
 export const colorLightStatusMutedPositiveInvertedHover: "#253528";
-export const colorLightStatusMutedPositiveInvertedPress: "#283f2d";
-export const colorLightStatusMutedPositivePress: "#bae6c2";
-export const colorLightStatusNegative: "#ff5431";
-export const colorLightStatusNegativeHover: "#ec2e14";
-export const colorLightStatusNegativeInverted: "#ff5431";
-export const colorLightStatusNegativeInvertedHover: "#ff7554";
-export const colorLightStatusNegativeInvertedPress: "#ff8d73";
-export const colorLightStatusNegativePress: "#c7251c";
+export const colorLightStatusMutedPositiveInvertedPress: "#273f2d";
+export const colorLightStatusMutedPositivePress: "#bbe8c3";
+export const colorLightStatusNegative: "#ff4837";
+export const colorLightStatusNegativeHover: "#ec2d20";
+export const colorLightStatusNegativeInverted: "#ff4837";
+export const colorLightStatusNegativeInvertedHover: "#ff755e";
+export const colorLightStatusNegativeInvertedPress: "#ff8d79";
+export const colorLightStatusNegativePress: "#c7241f";
 export const colorLightStatusPositive: "#0cc44d";
 export const colorLightStatusPositiveHover: "#04b545";
 export const colorLightStatusPositiveInverted: "#17d055";
@@ -646,11 +658,11 @@ export const colorLightTextInfoInvertedHover: "#63aafd";
 export const colorLightTextInfoInvertedPress: "#7fb6ff";
 export const colorLightTextInfoPress: "#2453b4";
 export const colorLightTextLink: "#2a77ef";
-export const colorLightTextNegative: "#ec2e14";
-export const colorLightTextNegativeHover: "#c7251c";
-export const colorLightTextNegativeInverted: "#ff5431";
-export const colorLightTextNegativeInvertedHover: "#ff7554";
-export const colorLightTextNegativeInvertedPress: "#ff8d73";
+export const colorLightTextNegative: "#ec2d20";
+export const colorLightTextNegativeHover: "#c7241f";
+export const colorLightTextNegativeInverted: "#ff4837";
+export const colorLightTextNegativeInvertedHover: "#ff755e";
+export const colorLightTextNegativeInvertedPress: "#ff8d79";
 export const colorLightTextNegativePress: "#a6201e";
 export const colorLightTextPositive: "#0d9336";
 export const colorLightTextPositiveHover: "#0a7d2c";
@@ -658,12 +670,12 @@ export const colorLightTextPositiveInverted: "#0cc44d";
 export const colorLightTextPositiveInvertedHover: "#22e068";
 export const colorLightTextPositiveInvertedPress: "#4ae777";
 export const colorLightTextPositivePress: "#036625";
-export const colorLightTextPrimary: "#0e0e0e";
-export const colorLightTextPrimaryHover: "#5f5f66";
-export const colorLightTextPrimaryInverted: "#fff";
-export const colorLightTextPrimaryInvertedHover: "#babbc2";
-export const colorLightTextPrimaryInvertedPress: "#a0a1a9";
-export const colorLightTextPrimaryPress: "#75757d";
+export const colorLightTextPrimary: "rgba(3, 3, 6, 0.88)";
+export const colorLightTextPrimaryHover: "rgba(1, 1, 12, 0.63)";
+export const colorLightTextPrimaryInverted: "rgba(255, 255, 255, 0.94)";
+export const colorLightTextPrimaryInvertedHover: "rgba(255, 255, 255, 0.7)";
+export const colorLightTextPrimaryInvertedPress: "rgba(255, 255, 255, 0.6)";
+export const colorLightTextPrimaryPress: "rgba(4, 4, 19, 0.55)";
 export const colorLightTextQuaternary: "rgba(5, 11, 44, 0.18)";
 export const colorLightTextQuaternaryInverted: "rgba(231, 231, 248, 0.18)";
 export const colorLightTextSecondary: "rgba(4, 4, 19, 0.55)";
@@ -689,12 +701,12 @@ export const colorStaticAccentPrimaryInverted: "#f83a2a";
 export const colorStaticAccentPrimaryInvertedHover: "#ff503e";
 export const colorStaticAccentPrimaryInvertedPress: "#fd624e";
 export const colorStaticAccentPrimaryPress: "#d72505";
-export const colorStaticAccentSecondary: "#0e0e0e";
-export const colorStaticAccentSecondaryHover: "#29292c";
-export const colorStaticAccentSecondaryInverted: "#fff";
-export const colorStaticAccentSecondaryInvertedHover: "#e7e8eb";
+export const colorStaticAccentSecondary: "#212124";
+export const colorStaticAccentSecondaryHover: "#2f2f32";
+export const colorStaticAccentSecondaryInverted: "#f2f3f5";
+export const colorStaticAccentSecondaryInvertedHover: "#dcdde1";
 export const colorStaticAccentSecondaryInvertedPress: "#d2d3d9";
-export const colorStaticAccentSecondaryPress: "#2f2f32";
+export const colorStaticAccentSecondaryPress: "#353539";
 export const colorStaticBgAccent: "#ef3124";
 export const colorStaticBgPrimaryDark: "#0e0e0e";
 export const colorStaticBgPrimaryLight: "#fff";
@@ -710,7 +722,7 @@ export const colorStaticGraphicDark: "#0e0e0e";
 export const colorStaticGraphicLight: "#fff";
 export const colorStaticNeutral0: "#fff";
 export const colorStaticNeutral0Hover: "#e7e8eb";
-export const colorStaticNeutral0Inverted: "#29292c";
+export const colorStaticNeutral0Inverted: "#262629";
 export const colorStaticNeutral0InvertedHover: "#2f2f32";
 export const colorStaticNeutral0InvertedPress: "#353539";
 export const colorStaticNeutral0Press: "#dcdde1";
@@ -720,7 +732,7 @@ export const colorStaticNeutral100Inverted: "#1c1c1e";
 export const colorStaticNeutral100InvertedHover: "#212124";
 export const colorStaticNeutral100InvertedPress: "#29292c";
 export const colorStaticNeutral100Press: "#dcdde1";
-export const colorStaticNeutral1500: "#0e0e0e";
+export const colorStaticNeutral1500: "#121213";
 export const colorStaticNeutral1500Hover: "#3f3f45";
 export const colorStaticNeutral1500Inverted: "#fff";
 export const colorStaticNeutral1500InvertedHover: "#babbc2";
@@ -733,7 +745,11 @@ export const colorStaticNeutral200InvertedHover: "#29292c";
 export const colorStaticNeutral200InvertedPress: "#2f2f32";
 export const colorStaticNeutral200Press: "#dcdde1";
 export const colorStaticNeutral300: "#e7e8eb";
+export const colorStaticNeutral300Hover: "#dcdde1";
 export const colorStaticNeutral300Inverted: "#29292c";
+export const colorStaticNeutral300InvertedHover: "#2f2f32";
+export const colorStaticNeutral300InvertedPress: "#353539";
+export const colorStaticNeutral300Press: "#d2d3d9";
 export const colorStaticNeutral400: "#d2d3d9";
 export const colorStaticNeutral400Hover: "#babbc2";
 export const colorStaticNeutral400Inverted: "#353539";
@@ -764,6 +780,12 @@ export const colorStaticNeutralTranslucent100Inverted: "rgba(214, 214, 229, 0.07
 export const colorStaticNeutralTranslucent100InvertedHover: "rgba(222, 222, 238, 0.13)";
 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 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 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)";
@@ -775,7 +797,11 @@ export const colorStaticNeutralTranslucent200InvertedHover: "rgba(222, 222, 238,
 export const colorStaticNeutralTranslucent200InvertedPress: "rgba(234, 234, 248, 0.15)";
 export const colorStaticNeutralTranslucent200Press: "rgba(5, 12, 41, 0.14)";
 export const colorStaticNeutralTranslucent300: "rgba(15, 25, 55, 0.1)";
+export const colorStaticNeutralTranslucent300Hover: "rgba(5, 12, 41, 0.14)";
 export const colorStaticNeutralTranslucent300Inverted: "rgba(222, 222, 238, 0.13)";
+export const colorStaticNeutralTranslucent300InvertedHover: "rgba(234, 234, 248, 0.15)";
+export const colorStaticNeutralTranslucent300InvertedPress: "rgba(231, 231, 248, 0.18)";
+export const colorStaticNeutralTranslucent300Press: "rgba(5, 11, 44, 0.18)";
 export const colorStaticNeutralTranslucent400: "rgba(5, 11, 44, 0.18)";
 export const colorStaticNeutralTranslucent400Hover: "rgba(9, 12, 37, 0.28)";
 export const colorStaticNeutralTranslucent400Inverted: "rgba(231, 231, 248, 0.18)";
@@ -814,8 +840,8 @@ export const colorStaticStatusMutedNegative: "#ffebeb";
 export const colorStaticStatusMutedNegativeInverted: "#392523";
 export const colorStaticStatusMutedPositive: "#dff8e5";
 export const colorStaticStatusMutedPositiveInverted: "#232d25";
-export const colorStaticStatusNegative: "#ff5431";
-export const colorStaticStatusNegativeInverted: "#ff5431";
+export const colorStaticStatusNegative: "#ff4837";
+export const colorStaticStatusNegativeInverted: "#ff4837";
 export const colorStaticStatusPositive: "#0cc44d";
 export const colorStaticStatusPositiveInverted: "#17d055";
 export const colorStaticTextAccent: "#ef3124";
@@ -831,11 +857,11 @@ export const colorStaticTextInfoInverted: "#4a9dfc";
 export const colorStaticTextInfoInvertedHover: "#63aafd";
 export const colorStaticTextInfoInvertedPress: "#7fb6ff";
 export const colorStaticTextInfoPress: "#2453b4";
-export const colorStaticTextNegative: "#ec2e14";
-export const colorStaticTextNegativeHover: "#c7251c";
-export const colorStaticTextNegativeInverted: "#ff5431";
-export const colorStaticTextNegativeInvertedHover: "#ff7554";
-export const colorStaticTextNegativeInvertedPress: "#ff8d73";
+export const colorStaticTextNegative: "#ec2d20";
+export const colorStaticTextNegativeHover: "#c7241f";
+export const colorStaticTextNegativeInverted: "#ff4837";
+export const colorStaticTextNegativeInvertedHover: "#ff755e";
+export const colorStaticTextNegativeInvertedPress: "#ff8d79";
 export const colorStaticTextNegativePress: "#a6201e";
 export const colorStaticTextPositive: "#0d9336";
 export const colorStaticTextPositiveHover: "#0a7d2c";
@@ -843,14 +869,14 @@ export const colorStaticTextPositiveInverted: "#0cc44d";
 export const colorStaticTextPositiveInvertedHover: "#22e068";
 export const colorStaticTextPositiveInvertedPress: "#4ae777";
 export const colorStaticTextPositivePress: "#036625";
-export const colorStaticTextPrimary: "#0e0e0e";
+export const colorStaticTextPrimary: "rgba(3, 3, 6, 0.88)";
 export const colorStaticTextPrimaryDark: "#0e0e0e";
-export const colorStaticTextPrimaryHover: "#5f5f66";
-export const colorStaticTextPrimaryInverted: "#fff";
-export const colorStaticTextPrimaryInvertedHover: "#babbc2";
-export const colorStaticTextPrimaryInvertedPress: "#a0a1a9";
+export const colorStaticTextPrimaryHover: "rgba(1, 1, 12, 0.63)";
+export const colorStaticTextPrimaryInverted: "rgba(255, 255, 255, 0.94)";
+export const colorStaticTextPrimaryInvertedHover: "rgba(255, 255, 255, 0.7)";
+export const colorStaticTextPrimaryInvertedPress: "rgba(255, 255, 255, 0.6)";
 export const colorStaticTextPrimaryLight: "#fff";
-export const colorStaticTextPrimaryPress: "#75757d";
+export const colorStaticTextPrimaryPress: "rgba(4, 4, 19, 0.55)";
 export const colorStaticTextQuaternary: "rgba(5, 11, 44, 0.18)";
 export const colorStaticTextQuaternaryInverted: "rgba(231, 231, 248, 0.18)";
 export const colorStaticTextSecondary: "rgba(4, 4, 19, 0.55)";
@@ -1047,22 +1073,22 @@ export const colorDarkTextLinkShade50: "rgb(37, 79, 126)";
 export const colorDarkTextLinkTint20: "rgb(110, 177, 253)";
 export const colorDarkTextLinkTint40: "rgb(146, 196, 253)";
 export const colorDarkTextPrimaryAlpha30: "rgba(255, 255, 255, 0.3)";
-export const colorDarkTextPrimaryShade24: "rgb(194, 194, 194)";
-export const colorDarkTextPrimaryShade30: "rgb(179, 179, 179)";
-export const colorDarkTextPrimaryShade40: "rgb(153, 153, 153)";
-export const colorDarkTextPrimaryShade50: "rgb(128, 128, 128)";
-export const colorDarkTextPrimaryTint20: "rgb(255, 255, 255)";
-export const colorDarkTextPrimaryTint40: "rgb(255, 255, 255)";
-export const colorDarkTextPrimaryInvertedAlpha30: "rgba(14, 14, 14, 0.3)";
-export const colorDarkTextPrimaryInvertedAlpha40: "rgba(14, 14, 14, 0.4)";
-export const colorDarkTextPrimaryInvertedShade20: "rgb(11, 11, 11)";
-export const colorDarkTextPrimaryInvertedShade30: "rgb(10, 10, 10)";
-export const colorDarkTextPrimaryInvertedTint7: "rgb(31, 31, 31)";
-export const colorDarkTextPrimaryInvertedTint15: "rgb(50, 50, 50)";
-export const colorDarkTextPrimaryInvertedTint24: "rgb(72, 72, 72)";
-export const colorDarkTextPrimaryInvertedTint30: "rgb(86, 86, 86)";
-export const colorDarkTextPrimaryInvertedTint40: "rgb(110, 110, 110)";
-export const colorDarkTextPrimaryInvertedTint50: "rgb(135, 135, 135)";
+export const colorDarkTextPrimaryShade24: "rgba(194, 194, 194, 0.9544)";
+export const colorDarkTextPrimaryShade30: "rgba(179, 179, 179, 0.958)";
+export const colorDarkTextPrimaryShade40: "rgba(153, 153, 153, 0.964)";
+export const colorDarkTextPrimaryShade50: "rgba(128, 128, 128, 0.97)";
+export const colorDarkTextPrimaryTint20: "rgba(255, 255, 255, 0.952)";
+export const colorDarkTextPrimaryTint40: "rgba(255, 255, 255, 0.964)";
+export const colorDarkTextPrimaryInvertedAlpha30: "rgba(3, 3, 6, 0.3)";
+export const colorDarkTextPrimaryInvertedAlpha40: "rgba(3, 3, 6, 0.4)";
+export const colorDarkTextPrimaryInvertedShade20: "rgba(2, 2, 5, 0.904)";
+export const colorDarkTextPrimaryInvertedShade30: "rgba(2, 2, 4, 0.916)";
+export const colorDarkTextPrimaryInvertedTint7: "rgba(21, 21, 23, 0.8884)";
+export const colorDarkTextPrimaryInvertedTint15: "rgba(41, 41, 43, 0.898)";
+export const colorDarkTextPrimaryInvertedTint24: "rgba(63, 63, 66, 0.9088)";
+export const colorDarkTextPrimaryInvertedTint30: "rgba(79, 79, 81, 0.916)";
+export const colorDarkTextPrimaryInvertedTint40: "rgba(104, 104, 106, 0.928)";
+export const colorDarkTextPrimaryInvertedTint50: "rgba(129, 129, 131, 0.94)";
 export const colorDarkTextSecondaryShade20: "rgba(190, 190, 201, 0.64)";
 export const colorDarkTextSecondaryShade30: "rgba(167, 167, 176, 0.685)";
 export const colorDarkTextSecondaryTint20: "rgba(241, 241, 252, 0.64)";
@@ -1208,23 +1234,23 @@ 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 colorLightTextPrimaryAlpha30: "rgba(14, 14, 14, 0.3)";
-export const colorLightTextPrimaryTint24: "rgb(72, 72, 72)";
-export const colorLightTextPrimaryTint30: "rgb(86, 86, 86)";
-export const colorLightTextPrimaryTint40: "rgb(110, 110, 110)";
-export const colorLightTextPrimaryTint50: "rgb(135, 135, 135)";
-export const colorLightTextPrimaryShade20: "rgb(11, 11, 11)";
-export const colorLightTextPrimaryShade40: "rgb(8, 8, 8)";
+export const colorLightTextPrimaryAlpha30: "rgba(3, 3, 6, 0.3)";
+export const colorLightTextPrimaryTint24: "rgba(63, 63, 66, 0.9088)";
+export const colorLightTextPrimaryTint30: "rgba(79, 79, 81, 0.916)";
+export const colorLightTextPrimaryTint40: "rgba(104, 104, 106, 0.928)";
+export const colorLightTextPrimaryTint50: "rgba(129, 129, 131, 0.94)";
+export const colorLightTextPrimaryShade20: "rgba(2, 2, 5, 0.904)";
+export const colorLightTextPrimaryShade40: "rgba(2, 2, 4, 0.928)";
 export const colorLightTextPrimaryInvertedAlpha30: "rgba(255, 255, 255, 0.3)";
 export const colorLightTextPrimaryInvertedAlpha40: "rgba(255, 255, 255, 0.4)";
-export const colorLightTextPrimaryInvertedTint20: "rgb(255, 255, 255)";
-export const colorLightTextPrimaryInvertedTint30: "rgb(255, 255, 255)";
-export const colorLightTextPrimaryInvertedShade7: "rgb(237, 237, 237)";
-export const colorLightTextPrimaryInvertedShade15: "rgb(217, 217, 217)";
-export const colorLightTextPrimaryInvertedShade24: "rgb(194, 194, 194)";
-export const colorLightTextPrimaryInvertedShade30: "rgb(179, 179, 179)";
-export const colorLightTextPrimaryInvertedShade40: "rgb(153, 153, 153)";
-export const colorLightTextPrimaryInvertedShade50: "rgb(128, 128, 128)";
+export const colorLightTextPrimaryInvertedTint20: "rgba(255, 255, 255, 0.952)";
+export const colorLightTextPrimaryInvertedTint30: "rgba(255, 255, 255, 0.958)";
+export const colorLightTextPrimaryInvertedShade7: "rgba(237, 237, 237, 0.9442)";
+export const colorLightTextPrimaryInvertedShade15: "rgba(217, 217, 217, 0.949)";
+export const colorLightTextPrimaryInvertedShade24: "rgba(194, 194, 194, 0.9544)";
+export const colorLightTextPrimaryInvertedShade30: "rgba(179, 179, 179, 0.958)";
+export const colorLightTextPrimaryInvertedShade40: "rgba(153, 153, 153, 0.964)";
+export const colorLightTextPrimaryInvertedShade50: "rgba(128, 128, 128, 0.97)";
 export const colorLightTextSecondaryTint20: "rgba(54, 54, 66, 0.64)";
 export const colorLightTextSecondaryTint30: "rgba(79, 79, 90, 0.685)";
 export const colorLightTextSecondaryShade20: "rgba(3, 3, 15, 0.64)";