@skyscanner/bpk-foundations-ios 6.6.2 → 6.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/bpk-foundations-ios",
-  "version": "6.6.2",
+  "version": "6.8.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,8 +17,8 @@
     "tokens": "gulp"
   },
   "dependencies": {
-    "@skyscanner/bpk-foundations-common": "^6.6.2",
+    "@skyscanner/bpk-foundations-common": "^6.8.0",
     "color": "^3.0.0"
   },
-  "gitHead": "942aaf8fc95fbb2aa0e2df5d114eb83962fb0f5f"
+  "gitHead": "c318b962abafd72155a77223adf7c4ea7ff39ba3"
 }

package/tokens/base.ios.json

@@ -1329,7 +1329,7 @@
     {
       "type": "color",
       "category": "badge-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "privateBadgeBackgroundNormalDay"
     },
@@ -1357,7 +1357,7 @@
     {
       "type": "color",
       "category": "canvas-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "canvasContrastDay"
     },
@@ -1494,6 +1494,13 @@
       "originalValue": "{!YELLOW_MUTED}",
       "name": "statusWarningFillDay"
     },
+    {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#010913ff",
+      "originalValue": "{!NIGHT_GREY_10}",
+      "name": "surfaceHeroNight"
+    },
     {
       "type": "color",
       "category": "surface-colors",
@@ -1501,6 +1508,13 @@
       "originalValue": "{!NIGHT_GREY_20}",
       "name": "surfaceDefaultNight"
     },
+    {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#0062e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "surfaceHeroDay"
+    },
     {
       "type": "color",
       "category": "surface-colors",
@@ -1560,7 +1574,7 @@
     {
       "type": "color",
       "category": "surface-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "surfaceHighlightDay"
     },
@@ -1599,6 +1613,13 @@
       "originalValue": "{!NIGHT_BLUE}",
       "name": "textLinkNight"
     },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#010913ff",
+      "originalValue": "{!NIGHT_GREY_10}",
+      "name": "textHeroNight"
+    },
     {
       "type": "color",
       "category": "text-colors",
@@ -1621,6 +1642,13 @@
       "originalValue": "{!SKY_BLUE}",
       "name": "textLinkDay"
     },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#0062e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "textHeroDay"
+    },
     {
       "type": "color",
       "category": "text-colors",
@@ -1720,7 +1748,7 @@
     {
       "type": "color",
       "category": "text-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "deprecated": true,
       "originalValue": "{!GREY_40}",
       "name": "textSecondaryLightColor"
@@ -1750,7 +1778,7 @@
     {
       "type": "color",
       "category": "text-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "textSecondaryDay"
     },
@@ -1865,7 +1893,7 @@
     {
       "type": "color",
       "category": "colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "deprecated": true,
       "originalValue": "{!GREY_30}",
       "name": "lineLightColor"
@@ -1881,7 +1909,7 @@
     {
       "type": "color",
       "category": "line-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "lineDay"
     },
@@ -1912,7 +1940,7 @@
     {
       "type": "color",
       "category": "colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "deprecated": true,
       "originalValue": "{!GREY_10}",
       "name": "backgroundAlternativeLightColor"
@@ -1960,7 +1988,7 @@
     {
       "type": "color",
       "category": "colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "deprecated": true,
       "originalValue": "{!GREY_10}",
       "name": "backgroundSecondaryLightColor"
@@ -1975,7 +2003,7 @@
     {
       "type": "color",
       "category": "info-banner-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "privateInfoBannerDefaultDay"
     },
@@ -2017,7 +2045,7 @@
     {
       "type": "color",
       "category": "info-banner-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "privateInfoBannerInfoDay"
     },
@@ -2080,7 +2108,7 @@
     {
       "type": "color",
       "category": "marcomms-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "marcommsGrey40"
     },
@@ -2206,7 +2234,7 @@
     {
       "type": "color",
       "category": "chip-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateChipDisabledBackgroundDay"
     },
@@ -2220,7 +2248,7 @@
     {
       "type": "color",
       "category": "chip-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "privateChipOnDarkOnDismissIconDay"
     },
@@ -2360,7 +2388,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "privateButtonSecondaryPressedBackgroundDay"
     },
@@ -2402,7 +2430,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonSecondaryNormalBackgroundDay"
     },
@@ -2493,7 +2521,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonPrimaryOnLightDisabledBackgroundNight"
     },
@@ -2535,14 +2563,14 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonPrimaryOnLightDisabledBackgroundDay"
     },
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonPrimaryOnDarkDisabledBackgroundNight"
     },
@@ -2556,7 +2584,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonDestructiveNormalBackgroundDay"
     },
@@ -2584,7 +2612,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonPrimaryOnDarkDisabledBackgroundDay"
     },
@@ -2626,7 +2654,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "privateButtonPrimaryOnDarkPressedBackgroundNight"
     },
@@ -2640,7 +2668,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonDisabledBackgroundDay"
     },
@@ -2661,7 +2689,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "privateButtonPrimaryOnDarkPressedBackgroundDay"
     },
@@ -2710,7 +2738,7 @@
     {
       "type": "color",
       "category": "sponsored-banner-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "privateSponsoredBannerBackgroundDay"
     },
@@ -3180,7 +3208,7 @@
     {
       "type": "color",
       "category": "badge-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "privateBadgeBackgroundNormalColor",
       "darkValue": "#243346ff",
@@ -3198,7 +3226,7 @@
     {
       "type": "color",
       "category": "canvas-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "canvasContrastColor",
       "darkValue": "#010913ff",
@@ -3285,6 +3313,15 @@
       "darkValue": "#fbf1bbff",
       "originalDarkValue": "{!NIGHT_YELLOW_FILL}"
     },
+    {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#0062e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "surfaceHeroColor",
+      "darkValue": "#010913ff",
+      "originalDarkValue": "{!NIGHT_GREY_10}"
+    },
     {
       "type": "color",
       "category": "surface-colors",
@@ -3324,7 +3361,7 @@
     {
       "type": "color",
       "category": "surface-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "surfaceHighlightColor",
       "darkValue": "#243346ff",
@@ -3366,6 +3403,15 @@
       "darkValue": "#84e9ffff",
       "originalDarkValue": "{!NIGHT_BLUE}"
     },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#0062e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "textHeroColor",
+      "darkValue": "#010913ff",
+      "originalDarkValue": "{!NIGHT_GREY_10}"
+    },
     {
       "type": "color",
       "category": "text-colors",
@@ -3416,7 +3462,7 @@
     {
       "type": "color",
       "category": "text-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "textSecondaryColor",
       "darkValue": "#bdc4cbff",
@@ -3472,7 +3518,7 @@
     {
       "type": "color",
       "category": "line-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "lineColor",
       "darkValue": "#44505fff",
@@ -3521,7 +3567,7 @@
     {
       "type": "color",
       "category": "colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "deprecated": true,
       "originalValue": "{!GREY_10}",
       "name": "backgroundSecondaryColor",
@@ -3531,7 +3577,7 @@
     {
       "type": "color",
       "category": "colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "deprecated": true,
       "originalValue": "{!GREY_10}",
       "name": "backgroundAlternativeColor",
@@ -3551,7 +3597,7 @@
     {
       "type": "color",
       "category": "info-banner-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "privateInfoBannerDefaultColor",
       "darkValue": "#131d2bff",
@@ -3587,7 +3633,7 @@
     {
       "type": "color",
       "category": "info-banner-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "privateInfoBannerInfoColor",
       "darkValue": "#bdc4cbff",
@@ -3623,7 +3669,7 @@
     {
       "type": "color",
       "category": "chip-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateChipDisabledBackgroundColor",
       "darkValue": "#0b121dff",
@@ -3632,7 +3678,7 @@
     {
       "type": "color",
       "category": "chip-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "privateChipOnDarkOnDismissIconColor",
       "darkValue": "#ffffff80",
@@ -3686,7 +3732,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "privateButtonSecondaryPressedBackgroundColor",
       "darkValue": "#010913ff",
@@ -3713,7 +3759,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonSecondaryNormalBackgroundColor",
       "darkValue": "#243346ff",
@@ -3821,16 +3867,16 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonPrimaryOnLightDisabledBackgroundColor",
-      "darkValue": "#e0e3e5ff",
+      "darkValue": "#e0e4e9ff",
       "originalDarkValue": "{!GREY_20}"
     },
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonDestructiveNormalBackgroundColor",
       "darkValue": "#243346ff",
@@ -3866,10 +3912,10 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonPrimaryOnDarkDisabledBackgroundColor",
-      "darkValue": "#e0e3e5ff",
+      "darkValue": "#e0e4e9ff",
       "originalDarkValue": "{!GREY_20}"
     },
     {
@@ -3893,7 +3939,7 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "privateButtonDisabledBackgroundColor",
       "darkValue": "#0b121dff",
@@ -3920,10 +3966,10 @@
     {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "privateButtonPrimaryOnDarkPressedBackgroundColor",
-      "darkValue": "#c2c9cdff",
+      "darkValue": "#c1c7cfff",
       "originalDarkValue": "{!GREY_30}"
     },
     {
@@ -3947,7 +3993,7 @@
     {
       "type": "color",
       "category": "sponsored-banner-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "privateSponsoredBannerBackgroundColor",
       "darkValue": "#243346ff",

package/tokens/base.raw.ios.json

@@ -367,13 +367,13 @@
       "value": "#8E47BA"
     },
     "GREY_40": {
-      "value": "#545860"
+      "value": "#626971"
     },
     "NIGHT_PINK": {
       "value": "#FFCADD"
     },
     "GREY_30": {
-      "value": "#C2C9CD"
+      "value": "#C1C7CF"
     },
     "GREEN_SPOT": {
       "value": "#0C838A"
@@ -385,7 +385,7 @@
       "value": "#F55D42"
     },
     "GREY_20": {
-      "value": "#E0E3E5"
+      "value": "#E0E4E9"
     },
     "BLACK_ALPHA_20": {
       "value": "#00000033"
@@ -397,7 +397,7 @@
       "value": "#E0E3E5"
     },
     "GREY_10": {
-      "value": "#EFF1F2"
+      "value": "#EFF3F8"
     },
     "BLACK": {
       "value": "#010913"
@@ -1760,7 +1760,7 @@
     "PRIVATE_BADGE_BACKGROUND_NORMAL_DAY": {
       "type": "color",
       "category": "badge-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "PRIVATE_BADGE_BACKGROUND_NORMAL_DAY"
     },
@@ -1788,7 +1788,7 @@
     "CANVAS_CONTRAST_DAY": {
       "type": "color",
       "category": "canvas-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "CANVAS_CONTRAST_DAY"
     },
@@ -1925,6 +1925,13 @@
       "originalValue": "{!YELLOW_MUTED}",
       "name": "STATUS_WARNING_FILL_DAY"
     },
+    "SURFACE_HERO_NIGHT": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#010913ff",
+      "originalValue": "{!NIGHT_GREY_10}",
+      "name": "SURFACE_HERO_NIGHT"
+    },
     "SURFACE_DEFAULT_NIGHT": {
       "type": "color",
       "category": "surface-colors",
@@ -1932,6 +1939,13 @@
       "originalValue": "{!NIGHT_GREY_20}",
       "name": "SURFACE_DEFAULT_NIGHT"
     },
+    "SURFACE_HERO_DAY": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#0062e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "SURFACE_HERO_DAY"
+    },
     "SURFACE_DEFAULT_DAY": {
       "type": "color",
       "category": "surface-colors",
@@ -1991,7 +2005,7 @@
     "SURFACE_HIGHLIGHT_DAY": {
       "type": "color",
       "category": "surface-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "SURFACE_HIGHLIGHT_DAY"
     },
@@ -2030,6 +2044,13 @@
       "originalValue": "{!NIGHT_BLUE}",
       "name": "TEXT_LINK_NIGHT"
     },
+    "TEXT_HERO_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#010913ff",
+      "originalValue": "{!NIGHT_GREY_10}",
+      "name": "TEXT_HERO_NIGHT"
+    },
     "TEXT_DISABLED_NIGHT": {
       "type": "color",
       "category": "text-colors",
@@ -2052,6 +2073,13 @@
       "originalValue": "{!SKY_BLUE}",
       "name": "TEXT_LINK_DAY"
     },
+    "TEXT_HERO_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#0062e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "TEXT_HERO_DAY"
+    },
     "TEXT_QUATERNARY_DARK_COLOR": {
       "type": "color",
       "category": "text-colors",
@@ -2151,7 +2179,7 @@
     "TEXT_SECONDARY_LIGHT_COLOR": {
       "type": "color",
       "category": "text-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "deprecated": true,
       "originalValue": "{!GREY_40}",
       "name": "TEXT_SECONDARY_LIGHT_COLOR"
@@ -2181,7 +2209,7 @@
     "TEXT_SECONDARY_DAY": {
       "type": "color",
       "category": "text-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "TEXT_SECONDARY_DAY"
     },
@@ -2296,7 +2324,7 @@
     "LINE_LIGHT_COLOR": {
       "type": "color",
       "category": "colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "deprecated": true,
       "originalValue": "{!GREY_30}",
       "name": "LINE_LIGHT_COLOR"
@@ -2312,7 +2340,7 @@
     "LINE_DAY": {
       "type": "color",
       "category": "line-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "LINE_DAY"
     },
@@ -2343,7 +2371,7 @@
     "BACKGROUND_ALTERNATIVE_LIGHT_COLOR": {
       "type": "color",
       "category": "colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "deprecated": true,
       "originalValue": "{!GREY_10}",
       "name": "BACKGROUND_ALTERNATIVE_LIGHT_COLOR"
@@ -2391,7 +2419,7 @@
     "BACKGROUND_SECONDARY_LIGHT_COLOR": {
       "type": "color",
       "category": "colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "deprecated": true,
       "originalValue": "{!GREY_10}",
       "name": "BACKGROUND_SECONDARY_LIGHT_COLOR"
@@ -2406,7 +2434,7 @@
     "PRIVATE_INFO_BANNER_DEFAULT_DAY": {
       "type": "color",
       "category": "info-banner-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "PRIVATE_INFO_BANNER_DEFAULT_DAY"
     },
@@ -2448,7 +2476,7 @@
     "PRIVATE_INFO_BANNER_INFO_DAY": {
       "type": "color",
       "category": "info-banner-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "PRIVATE_INFO_BANNER_INFO_DAY"
     },
@@ -2511,7 +2539,7 @@
     "MARCOMMS_GREY_40": {
       "type": "color",
       "category": "marcomms-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "MARCOMMS_GREY_40"
     },
@@ -2637,7 +2665,7 @@
     "PRIVATE_CHIP_DISABLED_BACKGROUND_DAY": {
       "type": "color",
       "category": "chip-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_CHIP_DISABLED_BACKGROUND_DAY"
     },
@@ -2651,7 +2679,7 @@
     "PRIVATE_CHIP_ON_DARK_ON_DISMISS_ICON_DAY": {
       "type": "color",
       "category": "chip-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "PRIVATE_CHIP_ON_DARK_ON_DISMISS_ICON_DAY"
     },
@@ -2791,7 +2819,7 @@
     "PRIVATE_BUTTON_SECONDARY_PRESSED_BACKGROUND_DAY": {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "PRIVATE_BUTTON_SECONDARY_PRESSED_BACKGROUND_DAY"
     },
@@ -2833,7 +2861,7 @@
     "PRIVATE_BUTTON_SECONDARY_NORMAL_BACKGROUND_DAY": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_SECONDARY_NORMAL_BACKGROUND_DAY"
     },
@@ -2924,7 +2952,7 @@
     "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_NIGHT": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_NIGHT"
     },
@@ -2966,14 +2994,14 @@
     "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_DAY": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_DAY"
     },
     "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_NIGHT": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_NIGHT"
     },
@@ -2987,7 +3015,7 @@
     "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_BACKGROUND_DAY": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_BACKGROUND_DAY"
     },
@@ -3015,7 +3043,7 @@
     "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_DAY": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_DAY"
     },
@@ -3057,7 +3085,7 @@
     "PRIVATE_BUTTON_PRIMARY_ON_DARK_PRESSED_BACKGROUND_NIGHT": {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_PRESSED_BACKGROUND_NIGHT"
     },
@@ -3071,7 +3099,7 @@
     "PRIVATE_BUTTON_DISABLED_BACKGROUND_DAY": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_DISABLED_BACKGROUND_DAY"
     },
@@ -3092,7 +3120,7 @@
     "PRIVATE_BUTTON_PRIMARY_ON_DARK_PRESSED_BACKGROUND_DAY": {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_PRESSED_BACKGROUND_DAY"
     },
@@ -3141,7 +3169,7 @@
     "PRIVATE_SPONSORED_BANNER_BACKGROUND_DAY": {
       "type": "color",
       "category": "sponsored-banner-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "PRIVATE_SPONSORED_BANNER_BACKGROUND_DAY"
     },
@@ -3611,7 +3639,7 @@
     "PRIVATE_BADGE_BACKGROUND_NORMAL_COLOR": {
       "type": "color",
       "category": "badge-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "PRIVATE_BADGE_BACKGROUND_NORMAL_COLOR",
       "darkValue": "#243346ff",
@@ -3629,7 +3657,7 @@
     "CANVAS_CONTRAST_COLOR": {
       "type": "color",
       "category": "canvas-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "CANVAS_CONTRAST_COLOR",
       "darkValue": "#010913ff",
@@ -3716,6 +3744,15 @@
       "darkValue": "#fbf1bbff",
       "originalDarkValue": "{!NIGHT_YELLOW_FILL}"
     },
+    "SURFACE_HERO_COLOR": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#0062e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "SURFACE_HERO_COLOR",
+      "darkValue": "#010913ff",
+      "originalDarkValue": "{!NIGHT_GREY_10}"
+    },
     "SURFACE_DEFAULT_COLOR": {
       "type": "color",
       "category": "surface-colors",
@@ -3755,7 +3792,7 @@
     "SURFACE_HIGHLIGHT_COLOR": {
       "type": "color",
       "category": "surface-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "SURFACE_HIGHLIGHT_COLOR",
       "darkValue": "#243346ff",
@@ -3797,6 +3834,15 @@
       "darkValue": "#84e9ffff",
       "originalDarkValue": "{!NIGHT_BLUE}"
     },
+    "TEXT_HERO_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#0062e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "TEXT_HERO_COLOR",
+      "darkValue": "#010913ff",
+      "originalDarkValue": "{!NIGHT_GREY_10}"
+    },
     "TEXT_DISABLED_COLOR": {
       "type": "color",
       "category": "text-colors",
@@ -3847,7 +3893,7 @@
     "TEXT_SECONDARY_COLOR": {
       "type": "color",
       "category": "text-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "TEXT_SECONDARY_COLOR",
       "darkValue": "#bdc4cbff",
@@ -3903,7 +3949,7 @@
     "LINE_COLOR": {
       "type": "color",
       "category": "line-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "LINE_COLOR",
       "darkValue": "#44505fff",
@@ -3952,7 +3998,7 @@
     "BACKGROUND_SECONDARY_COLOR": {
       "type": "color",
       "category": "colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "deprecated": true,
       "originalValue": "{!GREY_10}",
       "name": "BACKGROUND_SECONDARY_COLOR",
@@ -3962,7 +4008,7 @@
     "BACKGROUND_ALTERNATIVE_COLOR": {
       "type": "color",
       "category": "colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "deprecated": true,
       "originalValue": "{!GREY_10}",
       "name": "BACKGROUND_ALTERNATIVE_COLOR",
@@ -3982,7 +4028,7 @@
     "PRIVATE_INFO_BANNER_DEFAULT_COLOR": {
       "type": "color",
       "category": "info-banner-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "PRIVATE_INFO_BANNER_DEFAULT_COLOR",
       "darkValue": "#131d2bff",
@@ -4018,7 +4064,7 @@
     "PRIVATE_INFO_BANNER_INFO_COLOR": {
       "type": "color",
       "category": "info-banner-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "PRIVATE_INFO_BANNER_INFO_COLOR",
       "darkValue": "#bdc4cbff",
@@ -4054,7 +4100,7 @@
     "PRIVATE_CHIP_DISABLED_BACKGROUND_COLOR": {
       "type": "color",
       "category": "chip-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_CHIP_DISABLED_BACKGROUND_COLOR",
       "darkValue": "#0b121dff",
@@ -4063,7 +4109,7 @@
     "PRIVATE_CHIP_ON_DARK_ON_DISMISS_ICON_COLOR": {
       "type": "color",
       "category": "chip-colors",
-      "value": "#545860ff",
+      "value": "#626971ff",
       "originalValue": "{!GREY_40}",
       "name": "PRIVATE_CHIP_ON_DARK_ON_DISMISS_ICON_COLOR",
       "darkValue": "#ffffff80",
@@ -4117,7 +4163,7 @@
     "PRIVATE_BUTTON_SECONDARY_PRESSED_BACKGROUND_COLOR": {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "PRIVATE_BUTTON_SECONDARY_PRESSED_BACKGROUND_COLOR",
       "darkValue": "#010913ff",
@@ -4144,7 +4190,7 @@
     "PRIVATE_BUTTON_SECONDARY_NORMAL_BACKGROUND_COLOR": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_SECONDARY_NORMAL_BACKGROUND_COLOR",
       "darkValue": "#243346ff",
@@ -4252,16 +4298,16 @@
     "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_COLOR": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_COLOR",
-      "darkValue": "#e0e3e5ff",
+      "darkValue": "#e0e4e9ff",
       "originalDarkValue": "{!GREY_20}"
     },
     "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_BACKGROUND_COLOR": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_BACKGROUND_COLOR",
       "darkValue": "#243346ff",
@@ -4297,10 +4343,10 @@
     "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_COLOR": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_COLOR",
-      "darkValue": "#e0e3e5ff",
+      "darkValue": "#e0e4e9ff",
       "originalDarkValue": "{!GREY_20}"
     },
     "PRIVATE_BUTTON_LINK_ON_DARK_PRESSED_FOREGROUND_COLOR": {
@@ -4324,7 +4370,7 @@
     "PRIVATE_BUTTON_DISABLED_BACKGROUND_COLOR": {
       "type": "color",
       "category": "button-colors",
-      "value": "#e0e3e5ff",
+      "value": "#e0e4e9ff",
       "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_DISABLED_BACKGROUND_COLOR",
       "darkValue": "#0b121dff",
@@ -4351,10 +4397,10 @@
     "PRIVATE_BUTTON_PRIMARY_ON_DARK_PRESSED_BACKGROUND_COLOR": {
       "type": "color",
       "category": "button-colors",
-      "value": "#c2c9cdff",
+      "value": "#c1c7cfff",
       "originalValue": "{!GREY_30}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_PRESSED_BACKGROUND_COLOR",
-      "darkValue": "#c2c9cdff",
+      "darkValue": "#c1c7cfff",
       "originalDarkValue": "{!GREY_30}"
     },
     "PRIVATE_SKELETON_SHIMMER_START_END_COLOR": {
@@ -4378,7 +4424,7 @@
     "PRIVATE_SPONSORED_BANNER_BACKGROUND_COLOR": {
       "type": "color",
       "category": "sponsored-banner-colors",
-      "value": "#eff1f2ff",
+      "value": "#eff3f8ff",
       "originalValue": "{!GREY_10}",
       "name": "PRIVATE_SPONSORED_BANNER_BACKGROUND_COLOR",
       "darkValue": "#243346ff",
@@ -4587,7 +4633,9 @@
     "STATUS_WARNING_SPOT_DAY",
     "STATUS_DANGER_FILL_DAY",
     "STATUS_WARNING_FILL_DAY",
+    "SURFACE_HERO_NIGHT",
     "SURFACE_DEFAULT_NIGHT",
+    "SURFACE_HERO_DAY",
     "SURFACE_DEFAULT_DAY",
     "SURFACE_CONTRAST_NIGHT",
     "SURFACE_CONTRAST_DAY",
@@ -4602,9 +4650,11 @@
     "TEXT_DISABLED_ON_DARK_DAY",
     "TEXT_ON_LIGHT_DAY",
     "TEXT_LINK_NIGHT",
+    "TEXT_HERO_NIGHT",
     "TEXT_DISABLED_NIGHT",
     "TEXT_PRIMARY_DARK_COLOR",
     "TEXT_LINK_DAY",
+    "TEXT_HERO_DAY",
     "TEXT_QUATERNARY_DARK_COLOR",
     "TEXT_PRIMARY_NIGHT",
     "TEXT_QUATERNARY_LIGHT_COLOR",
@@ -4835,6 +4885,7 @@
     "STATUS_WARNING_SPOT_COLOR",
     "STATUS_DANGER_FILL_COLOR",
     "STATUS_WARNING_FILL_COLOR",
+    "SURFACE_HERO_COLOR",
     "SURFACE_DEFAULT_COLOR",
     "SURFACE_CONTRAST_COLOR",
     "SURFACE_ELEVATED_COLOR",
@@ -4844,6 +4895,7 @@
     "TEXT_ON_LIGHT_COLOR",
     "TEXT_DISABLED_ON_DARK_COLOR",
     "TEXT_LINK_COLOR",
+    "TEXT_HERO_COLOR",
     "TEXT_DISABLED_COLOR",
     "TEXT_PRIMARY_COLOR",
     "TEXT_QUATERNARY_COLOR",