@skyscanner/bpk-foundations-ios 2.4.0 → 2.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/bpk-foundations-ios",
-  "version": "2.4.0",
+  "version": "2.6.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": "^2.4.0",
+    "@skyscanner/bpk-foundations-common": "^2.5.0",
     "color": "^3.0.0"
   },
-  "gitHead": "7ea179bc17d38de5d6af941c6e5324125643b13d"
+  "gitHead": "d03c0ab60d643956ad6e9b0c20c4c8135a25c49d"
 }

package/tokens/base.ios.json

@@ -329,6 +329,13 @@
       "originalValue": "{!BLACK}",
       "name": "colorBlack"
     },
+    {
+      "type": "color",
+      "category": "colors",
+      "value": "#b2b2bfff",
+      "originalValue": "{!BLACK_ALPHA_20}",
+      "name": "colorBlackAlpha20"
+    },
     {
       "type": "color",
       "category": "colors",
@@ -553,6 +560,13 @@
       "originalValue": "{!NIGHT_GREY_20}",
       "name": "colorNightGrey20"
     },
+    {
+      "type": "color",
+      "category": "colors",
+      "value": "#1b2839ff",
+      "originalValue": "{!NIGHT_GREY_25}",
+      "name": "colorNightGrey25"
+    },
     {
       "type": "color",
       "category": "colors",
@@ -651,6 +665,13 @@
       "originalValue": "{!SAGANO}",
       "name": "colorSagano"
     },
+    {
+      "type": "color",
+      "category": "colors",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
+      "name": "colorScrim"
+    },
     {
       "type": "color",
       "category": "colors",
@@ -791,6 +812,20 @@
       "originalValue": "{!WHITE}",
       "name": "colorWhite"
     },
+    {
+      "type": "color",
+      "category": "colors",
+      "value": "#8e8e93ff",
+      "originalValue": "{!WHITE_ALPHA_20}",
+      "name": "colorWhiteAlpha20"
+    },
+    {
+      "type": "color",
+      "category": "colors",
+      "value": "#8e8e93ff",
+      "originalValue": "{!WHITE_ALPHA_80}",
+      "name": "colorWhiteAlpha80"
+    },
     {
       "type": "color",
       "category": "colors",
@@ -1194,15 +1229,15 @@
     {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#cdcdd7ff",
-      "originalValue": "{!GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
       "name": "scrimDay"
     },
     {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#48484aff",
-      "originalValue": "{!NIGHT_GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
       "name": "scrimNight"
     },
     {
@@ -1631,15 +1666,15 @@
     {
       "type": "color",
       "category": "text-colors",
-      "value": "#000000ff",
-      "originalValue": "{!BLACK}",
+      "value": "#b2b2bfff",
+      "originalValue": "{!BLACK_ALPHA_20}",
       "name": "textDisabledDay"
     },
     {
       "type": "color",
       "category": "text-colors",
-      "value": "#ffffffff",
-      "originalValue": "{!WHITE}",
+      "value": "#8e8e93ff",
+      "originalValue": "{!WHITE_ALPHA_20}",
       "name": "textDisabledNight"
     },
     {
@@ -2082,6 +2117,20 @@
       "originalValue": "{!WHITE}",
       "name": "textPrimaryNight"
     },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "textPrimaryOnContrastDay"
+    },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "textPrimaryOnContrastNight"
+    },
     {
       "type": "color",
       "category": "text-colors",
@@ -2125,6 +2174,21 @@
       "originalValue": "{!SKY_GRAY_TINT_04}",
       "name": "textSecondaryNight"
     },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#8e8e93ff",
+      "comment": "This colour needs to be apply opacity to it but needs a better solution but shouldn't be in use in product so safe to leave as is",
+      "originalValue": "{!WHITE_ALPHA_80}",
+      "name": "textSecondaryOnContrastDay"
+    },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#8e8e93ff",
+      "originalValue": "{!NIGHT_GREY_40}",
+      "name": "textSecondaryOnContrastNight"
+    },
     {
       "value": "14",
       "type": "font-size",
@@ -2561,6 +2625,51 @@
       "darkValue": "#2c2c2eff",
       "originalDarkValue": "{!BLACK_TINT_02}"
     },
+    {
+      "type": "color",
+      "category": "canvas-colors",
+      "value": "#f1f2f8ff",
+      "originalValue": "{!GREY_10}",
+      "name": "canvasContrastColor",
+      "darkValue": "#2c2c2eff",
+      "originalDarkValue": "{!NIGHT_GREY_20}"
+    },
+    {
+      "type": "color",
+      "category": "canvas-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "canvasColor",
+      "darkValue": "#000000ff",
+      "originalDarkValue": "{!NIGHT_GREY_10}"
+    },
+    {
+      "type": "color",
+      "category": "core-colors",
+      "value": "#0770e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "coreAccentColor",
+      "darkValue": "#6d9febff",
+      "originalDarkValue": "{!NIGHT_BLUE}"
+    },
+    {
+      "type": "color",
+      "category": "core-colors",
+      "value": "#0fa1a9ff",
+      "originalValue": "{!ECO_GREEN}",
+      "name": "coreEcoColor",
+      "darkValue": "#0fa1a9ff",
+      "originalDarkValue": "{!ECO_GREEN}"
+    },
+    {
+      "type": "color",
+      "category": "core-colors",
+      "value": "#02122cff",
+      "originalValue": "{!DARK_SKY}",
+      "name": "corePrimaryColor",
+      "darkValue": "#054184ff",
+      "originalDarkValue": "{!NIGHT_SKY}"
+    },
     {
       "type": "color",
       "category": "colors",
@@ -2568,7 +2677,7 @@
       "originalValue": "{!SKY_GRAY_TINT_05}",
       "name": "lineColor",
       "darkValue": "#48484aff",
-      "originalDarkValue": "{!BLACK_TINT_04}"
+      "originalDarkValue": "{!NIGHT_GREY_30}"
     },
     {
       "type": "color",
@@ -2579,6 +2688,132 @@
       "darkValue": "#6d9febff",
       "originalDarkValue": "{!SKY_BLUE_TINT_01}"
     },
+    {
+      "type": "color",
+      "category": "scrim-colors",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
+      "name": "scrimColor",
+      "darkValue": "#02122cff",
+      "originalDarkValue": "{!SCRIM}"
+    },
+    {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#f6dde1ff",
+      "originalValue": "{!PINK_MUTED}",
+      "name": "statusDangerFillColor",
+      "darkValue": "#ffcaddff",
+      "originalDarkValue": "{!NIGHT_PINK}"
+    },
+    {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#d1435bff",
+      "originalValue": "{!BERRY}",
+      "name": "statusDangerSpotColor",
+      "darkValue": "#d1435bff",
+      "originalDarkValue": "{!NIGHT_BERRY}"
+    },
+    {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#d0eeecff",
+      "originalValue": "{!GREEN_MUTED}",
+      "name": "statusSuccessFillColor",
+      "darkValue": "#b1ffe7ff",
+      "originalDarkValue": "{!NIGHT_GREEN_FILL}"
+    },
+    {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#00a698ff",
+      "originalValue": "{!GREEN_SPOT}",
+      "name": "statusSuccessSpotColor",
+      "darkValue": "#00a698ff",
+      "originalDarkValue": "{!NIGHT_GREEN_SPOT}"
+    },
+    {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#ffebd0ff",
+      "originalValue": "{!YELLOW_MUTED}",
+      "name": "statusWarningFillColor",
+      "darkValue": "#fbf1bbff",
+      "originalDarkValue": "{!NIGHT_YELLOW_FILL}"
+    },
+    {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#ff9400ff",
+      "originalValue": "{!AMBER_SPOT}",
+      "name": "statusWarningSpotColor",
+      "darkValue": "#ffb54dff",
+      "originalDarkValue": "{!NIGHT_YELLOW_SPOT}"
+    },
+    {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#02122cff",
+      "originalValue": "{!DARK_SKY}",
+      "name": "surfaceContrastColor",
+      "darkValue": "#2c2c2eff",
+      "originalDarkValue": "{!NIGHT_GREY_20}"
+    },
+    {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "surfaceDefaultColor",
+      "darkValue": "#2c2c2eff",
+      "originalDarkValue": "{!NIGHT_GREY_20}"
+    },
+    {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "surfaceElevatedColor",
+      "darkValue": "#1b2839ff",
+      "originalDarkValue": "{!NIGHT_GREY_25}"
+    },
+    {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#dddde5ff",
+      "originalValue": "{!GREY_20}",
+      "name": "surfaceHighlightColor",
+      "darkValue": "#b1ffe7ff",
+      "originalDarkValue": "{!NIGHT_GREEN_FILL}"
+    },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#b2b2bfff",
+      "originalValue": "{!BLACK_ALPHA_20}",
+      "name": "textDisabledColor",
+      "darkValue": "#8e8e93ff",
+      "originalDarkValue": "{!WHITE_ALPHA_20}"
+    },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#d1435bff",
+      "originalValue": "{!BERRY}",
+      "name": "textErrorColor",
+      "darkValue": "#d1435bff",
+      "originalDarkValue": "{!NIGHT_BERRY}"
+    },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#0770e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "textLinkColor",
+      "darkValue": "#6d9febff",
+      "originalDarkValue": "{!NIGHT_BLUE}"
+    },
     {
       "type": "color",
       "category": "text-colors",
@@ -2588,6 +2823,15 @@
       "darkValue": "#ffffffff",
       "originalDarkValue": "{!WHITE}"
     },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "textPrimaryOnContrastColor",
+      "darkValue": "#ffffffff",
+      "originalDarkValue": "{!WHITE}"
+    },
     {
       "type": "color",
       "category": "text-colors",
@@ -2606,6 +2850,16 @@
       "darkValue": "#b2b2bfff",
       "originalDarkValue": "{!SKY_GRAY_TINT_04}"
     },
+    {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#8e8e93ff",
+      "comment": "This colour needs to be apply opacity to it but needs a better solution but shouldn't be in use in product so safe to leave as is",
+      "originalValue": "{!WHITE_ALPHA_80}",
+      "name": "textSecondaryOnContrastColor",
+      "darkValue": "#8e8e93ff",
+      "originalDarkValue": "{!NIGHT_GREY_40}"
+    },
     {
       "type": "color",
       "category": "text-colors",

package/tokens/base.raw.ios.json

@@ -24,6 +24,9 @@
     "BLACK": {
       "value": "#000000"
     },
+    "BLACK_ALPHA_20": {
+      "value": "#B2B2BF"
+    },
     "BLACK_TINT_01": {
       "value": "#1D1B20"
     },
@@ -321,6 +324,9 @@
     "SAGANO": {
       "value": "#d0eeec"
     },
+    "SCRIM": {
+      "value": "02122c"
+    },
     "SKY_BLUE": {
       "value": "#0770e3"
     },
@@ -396,6 +402,12 @@
     "WHITE": {
       "value": "#ffffff"
     },
+    "WHITE_ALPHA_20": {
+      "value": "#8E8E93"
+    },
+    "WHITE_ALPHA_80": {
+      "value": "#8E8E93"
+    },
     "YELLOW": {
       "value": "#FEEB87"
     },
@@ -733,6 +745,13 @@
       "originalValue": "{!BLACK}",
       "name": "COLOR_BLACK"
     },
+    "COLOR_BLACK_ALPHA_20": {
+      "type": "color",
+      "category": "colors",
+      "value": "#b2b2bfff",
+      "originalValue": "{!BLACK_ALPHA_20}",
+      "name": "COLOR_BLACK_ALPHA_20"
+    },
     "COLOR_BLACK_TINT_01": {
       "type": "color",
       "category": "colors",
@@ -957,6 +976,13 @@
       "originalValue": "{!NIGHT_GREY_20}",
       "name": "COLOR_NIGHT_GREY_20"
     },
+    "COLOR_NIGHT_GREY_25": {
+      "type": "color",
+      "category": "colors",
+      "value": "#1b2839ff",
+      "originalValue": "{!NIGHT_GREY_25}",
+      "name": "COLOR_NIGHT_GREY_25"
+    },
     "COLOR_NIGHT_GREY_30": {
       "type": "color",
       "category": "colors",
@@ -1055,6 +1081,13 @@
       "originalValue": "{!SAGANO}",
       "name": "COLOR_SAGANO"
     },
+    "COLOR_SCRIM": {
+      "type": "color",
+      "category": "colors",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
+      "name": "COLOR_SCRIM"
+    },
     "COLOR_SKY_BLUE": {
       "type": "color",
       "category": "colors",
@@ -1195,6 +1228,20 @@
       "originalValue": "{!WHITE}",
       "name": "COLOR_WHITE"
     },
+    "COLOR_WHITE_ALPHA_20": {
+      "type": "color",
+      "category": "colors",
+      "value": "#8e8e93ff",
+      "originalValue": "{!WHITE_ALPHA_20}",
+      "name": "COLOR_WHITE_ALPHA_20"
+    },
+    "COLOR_WHITE_ALPHA_80": {
+      "type": "color",
+      "category": "colors",
+      "value": "#8e8e93ff",
+      "originalValue": "{!WHITE_ALPHA_80}",
+      "name": "COLOR_WHITE_ALPHA_80"
+    },
     "COLOR_YELLOW": {
       "type": "color",
       "category": "colors",
@@ -1598,15 +1645,15 @@
     "SCRIM_DAY": {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#cdcdd7ff",
-      "originalValue": "{!GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
       "name": "SCRIM_DAY"
     },
     "SCRIM_NIGHT": {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#48484aff",
-      "originalValue": "{!NIGHT_GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
       "name": "SCRIM_NIGHT"
     },
     "SHADOW_LG_COLOR": {
@@ -2035,15 +2082,15 @@
     "TEXT_DISABLED_DAY": {
       "type": "color",
       "category": "text-colors",
-      "value": "#000000ff",
-      "originalValue": "{!BLACK}",
+      "value": "#b2b2bfff",
+      "originalValue": "{!BLACK_ALPHA_20}",
       "name": "TEXT_DISABLED_DAY"
     },
     "TEXT_DISABLED_NIGHT": {
       "type": "color",
       "category": "text-colors",
-      "value": "#ffffffff",
-      "originalValue": "{!WHITE}",
+      "value": "#8e8e93ff",
+      "originalValue": "{!WHITE_ALPHA_20}",
       "name": "TEXT_DISABLED_NIGHT"
     },
     "TEXT_ERROR_DAY": {
@@ -2486,6 +2533,20 @@
       "originalValue": "{!WHITE}",
       "name": "TEXT_PRIMARY_NIGHT"
     },
+    "TEXT_PRIMARY_ON_CONTRAST_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "TEXT_PRIMARY_ON_CONTRAST_DAY"
+    },
+    "TEXT_PRIMARY_ON_CONTRAST_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "TEXT_PRIMARY_ON_CONTRAST_NIGHT"
+    },
     "TEXT_QUATERNARY_DARK_COLOR": {
       "type": "color",
       "category": "text-colors",
@@ -2529,6 +2590,21 @@
       "originalValue": "{!SKY_GRAY_TINT_04}",
       "name": "TEXT_SECONDARY_NIGHT"
     },
+    "TEXT_SECONDARY_ON_CONTRAST_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#8e8e93ff",
+      "comment": "This colour needs to be apply opacity to it but needs a better solution but shouldn't be in use in product so safe to leave as is",
+      "originalValue": "{!WHITE_ALPHA_80}",
+      "name": "TEXT_SECONDARY_ON_CONTRAST_DAY"
+    },
+    "TEXT_SECONDARY_ON_CONTRAST_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#8e8e93ff",
+      "originalValue": "{!NIGHT_GREY_40}",
+      "name": "TEXT_SECONDARY_ON_CONTRAST_NIGHT"
+    },
     "TEXT_SM-EMPHASIZED_FONT_SIZE": {
       "value": "14",
       "type": "font-size",
@@ -2965,6 +3041,51 @@
       "darkValue": "#2c2c2eff",
       "originalDarkValue": "{!BLACK_TINT_02}"
     },
+    "CANVAS_CONTRAST_COLOR": {
+      "type": "color",
+      "category": "canvas-colors",
+      "value": "#f1f2f8ff",
+      "originalValue": "{!GREY_10}",
+      "name": "CANVAS_CONTRAST_COLOR",
+      "darkValue": "#2c2c2eff",
+      "originalDarkValue": "{!NIGHT_GREY_20}"
+    },
+    "CANVAS_COLOR": {
+      "type": "color",
+      "category": "canvas-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "CANVAS_COLOR",
+      "darkValue": "#000000ff",
+      "originalDarkValue": "{!NIGHT_GREY_10}"
+    },
+    "CORE_ACCENT_COLOR": {
+      "type": "color",
+      "category": "core-colors",
+      "value": "#0770e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "CORE_ACCENT_COLOR",
+      "darkValue": "#6d9febff",
+      "originalDarkValue": "{!NIGHT_BLUE}"
+    },
+    "CORE_ECO_COLOR": {
+      "type": "color",
+      "category": "core-colors",
+      "value": "#0fa1a9ff",
+      "originalValue": "{!ECO_GREEN}",
+      "name": "CORE_ECO_COLOR",
+      "darkValue": "#0fa1a9ff",
+      "originalDarkValue": "{!ECO_GREEN}"
+    },
+    "CORE_PRIMARY_COLOR": {
+      "type": "color",
+      "category": "core-colors",
+      "value": "#02122cff",
+      "originalValue": "{!DARK_SKY}",
+      "name": "CORE_PRIMARY_COLOR",
+      "darkValue": "#054184ff",
+      "originalDarkValue": "{!NIGHT_SKY}"
+    },
     "LINE_COLOR": {
       "type": "color",
       "category": "colors",
@@ -2972,7 +3093,7 @@
       "originalValue": "{!SKY_GRAY_TINT_05}",
       "name": "LINE_COLOR",
       "darkValue": "#48484aff",
-      "originalDarkValue": "{!BLACK_TINT_04}"
+      "originalDarkValue": "{!NIGHT_GREY_30}"
     },
     "PRIMARY_COLOR": {
       "type": "color",
@@ -2983,6 +3104,132 @@
       "darkValue": "#6d9febff",
       "originalDarkValue": "{!SKY_BLUE_TINT_01}"
     },
+    "SCRIM_COLOR": {
+      "type": "color",
+      "category": "scrim-colors",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
+      "name": "SCRIM_COLOR",
+      "darkValue": "#02122cff",
+      "originalDarkValue": "{!SCRIM}"
+    },
+    "STATUS_DANGER_FILL_COLOR": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#f6dde1ff",
+      "originalValue": "{!PINK_MUTED}",
+      "name": "STATUS_DANGER_FILL_COLOR",
+      "darkValue": "#ffcaddff",
+      "originalDarkValue": "{!NIGHT_PINK}"
+    },
+    "STATUS_DANGER_SPOT_COLOR": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#d1435bff",
+      "originalValue": "{!BERRY}",
+      "name": "STATUS_DANGER_SPOT_COLOR",
+      "darkValue": "#d1435bff",
+      "originalDarkValue": "{!NIGHT_BERRY}"
+    },
+    "STATUS_SUCCESS_FILL_COLOR": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#d0eeecff",
+      "originalValue": "{!GREEN_MUTED}",
+      "name": "STATUS_SUCCESS_FILL_COLOR",
+      "darkValue": "#b1ffe7ff",
+      "originalDarkValue": "{!NIGHT_GREEN_FILL}"
+    },
+    "STATUS_SUCCESS_SPOT_COLOR": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#00a698ff",
+      "originalValue": "{!GREEN_SPOT}",
+      "name": "STATUS_SUCCESS_SPOT_COLOR",
+      "darkValue": "#00a698ff",
+      "originalDarkValue": "{!NIGHT_GREEN_SPOT}"
+    },
+    "STATUS_WARNING_FILL_COLOR": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#ffebd0ff",
+      "originalValue": "{!YELLOW_MUTED}",
+      "name": "STATUS_WARNING_FILL_COLOR",
+      "darkValue": "#fbf1bbff",
+      "originalDarkValue": "{!NIGHT_YELLOW_FILL}"
+    },
+    "STATUS_WARNING_SPOT_COLOR": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "#ff9400ff",
+      "originalValue": "{!AMBER_SPOT}",
+      "name": "STATUS_WARNING_SPOT_COLOR",
+      "darkValue": "#ffb54dff",
+      "originalDarkValue": "{!NIGHT_YELLOW_SPOT}"
+    },
+    "SURFACE_CONTRAST_COLOR": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#02122cff",
+      "originalValue": "{!DARK_SKY}",
+      "name": "SURFACE_CONTRAST_COLOR",
+      "darkValue": "#2c2c2eff",
+      "originalDarkValue": "{!NIGHT_GREY_20}"
+    },
+    "SURFACE_DEFAULT_COLOR": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "SURFACE_DEFAULT_COLOR",
+      "darkValue": "#2c2c2eff",
+      "originalDarkValue": "{!NIGHT_GREY_20}"
+    },
+    "SURFACE_ELEVATED_COLOR": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "SURFACE_ELEVATED_COLOR",
+      "darkValue": "#1b2839ff",
+      "originalDarkValue": "{!NIGHT_GREY_25}"
+    },
+    "SURFACE_HIGHLIGHT_COLOR": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "#dddde5ff",
+      "originalValue": "{!GREY_20}",
+      "name": "SURFACE_HIGHLIGHT_COLOR",
+      "darkValue": "#b1ffe7ff",
+      "originalDarkValue": "{!NIGHT_GREEN_FILL}"
+    },
+    "TEXT_DISABLED_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#b2b2bfff",
+      "originalValue": "{!BLACK_ALPHA_20}",
+      "name": "TEXT_DISABLED_COLOR",
+      "darkValue": "#8e8e93ff",
+      "originalDarkValue": "{!WHITE_ALPHA_20}"
+    },
+    "TEXT_ERROR_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#d1435bff",
+      "originalValue": "{!BERRY}",
+      "name": "TEXT_ERROR_COLOR",
+      "darkValue": "#d1435bff",
+      "originalDarkValue": "{!NIGHT_BERRY}"
+    },
+    "TEXT_LINK_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#0770e3ff",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "TEXT_LINK_COLOR",
+      "darkValue": "#6d9febff",
+      "originalDarkValue": "{!NIGHT_BLUE}"
+    },
     "TEXT_PRIMARY_COLOR": {
       "type": "color",
       "category": "text-colors",
@@ -2992,6 +3239,15 @@
       "darkValue": "#ffffffff",
       "originalDarkValue": "{!WHITE}"
     },
+    "TEXT_PRIMARY_ON_CONTRAST_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#ffffffff",
+      "originalValue": "{!WHITE}",
+      "name": "TEXT_PRIMARY_ON_CONTRAST_COLOR",
+      "darkValue": "#ffffffff",
+      "originalDarkValue": "{!WHITE}"
+    },
     "TEXT_QUATERNARY_COLOR": {
       "type": "color",
       "category": "text-colors",
@@ -3010,6 +3266,16 @@
       "darkValue": "#b2b2bfff",
       "originalDarkValue": "{!SKY_GRAY_TINT_04}"
     },
+    "TEXT_SECONDARY_ON_CONTRAST_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "#8e8e93ff",
+      "comment": "This colour needs to be apply opacity to it but needs a better solution but shouldn't be in use in product so safe to leave as is",
+      "originalValue": "{!WHITE_ALPHA_80}",
+      "name": "TEXT_SECONDARY_ON_CONTRAST_COLOR",
+      "darkValue": "#8e8e93ff",
+      "originalDarkValue": "{!NIGHT_GREY_40}"
+    },
     "TEXT_TERTIARY_COLOR": {
       "type": "color",
       "category": "text-colors",
@@ -3068,6 +3334,7 @@
     "COLOR_BAGAN",
     "COLOR_BERRY",
     "COLOR_BLACK",
+    "COLOR_BLACK_ALPHA_20",
     "COLOR_BLACK_TINT_01",
     "COLOR_BLACK_TINT_02",
     "COLOR_BLACK_TINT_03",
@@ -3100,6 +3367,7 @@
     "COLOR_NIGHT_GREEN_SPOT",
     "COLOR_NIGHT_GREY_10",
     "COLOR_NIGHT_GREY_20",
+    "COLOR_NIGHT_GREY_25",
     "COLOR_NIGHT_GREY_30",
     "COLOR_NIGHT_GREY_40",
     "COLOR_NIGHT_PINK",
@@ -3114,6 +3382,7 @@
     "COLOR_PRIMARY_GRADIENT_LIGHT",
     "COLOR_PURPLE",
     "COLOR_SAGANO",
+    "COLOR_SCRIM",
     "COLOR_SKY_BLUE",
     "COLOR_SKY_BLUE_SHADE_01",
     "COLOR_SKY_BLUE_SHADE_02",
@@ -3134,6 +3403,8 @@
     "COLOR_TOCHIGI",
     "COLOR_VALENSOLE",
     "COLOR_WHITE",
+    "COLOR_WHITE_ALPHA_20",
+    "COLOR_WHITE_ALPHA_80",
     "COLOR_YELLOW",
     "COLOR_YELLOW_MUTED",
     "CORE_ACCENT_DAY",
@@ -3316,12 +3587,16 @@
     "TEXT_PRIMARY_DAY",
     "TEXT_PRIMARY_LIGHT_COLOR",
     "TEXT_PRIMARY_NIGHT",
+    "TEXT_PRIMARY_ON_CONTRAST_DAY",
+    "TEXT_PRIMARY_ON_CONTRAST_NIGHT",
     "TEXT_QUATERNARY_DARK_COLOR",
     "TEXT_QUATERNARY_LIGHT_COLOR",
     "TEXT_SECONDARY_DARK_COLOR",
     "TEXT_SECONDARY_DAY",
     "TEXT_SECONDARY_LIGHT_COLOR",
     "TEXT_SECONDARY_NIGHT",
+    "TEXT_SECONDARY_ON_CONTRAST_DAY",
+    "TEXT_SECONDARY_ON_CONTRAST_NIGHT",
     "TEXT_SM-EMPHASIZED_FONT_SIZE",
     "TEXT_SM-EMPHASIZED_FONT_WEIGHT",
     "TEXT_SM-EMPHASIZED_LINE_HEIGHT",
@@ -3377,11 +3652,32 @@
     "BACKGROUND_ELEVATION_03_COLOR",
     "BACKGROUND_SECONDARY_COLOR",
     "BACKGROUND_TERTIARY_COLOR",
+    "CANVAS_CONTRAST_COLOR",
+    "CANVAS_COLOR",
+    "CORE_ACCENT_COLOR",
+    "CORE_ECO_COLOR",
+    "CORE_PRIMARY_COLOR",
     "LINE_COLOR",
     "PRIMARY_COLOR",
+    "SCRIM_COLOR",
+    "STATUS_DANGER_FILL_COLOR",
+    "STATUS_DANGER_SPOT_COLOR",
+    "STATUS_SUCCESS_FILL_COLOR",
+    "STATUS_SUCCESS_SPOT_COLOR",
+    "STATUS_WARNING_FILL_COLOR",
+    "STATUS_WARNING_SPOT_COLOR",
+    "SURFACE_CONTRAST_COLOR",
+    "SURFACE_DEFAULT_COLOR",
+    "SURFACE_ELEVATED_COLOR",
+    "SURFACE_HIGHLIGHT_COLOR",
+    "TEXT_DISABLED_COLOR",
+    "TEXT_ERROR_COLOR",
+    "TEXT_LINK_COLOR",
     "TEXT_PRIMARY_COLOR",
+    "TEXT_PRIMARY_ON_CONTRAST_COLOR",
     "TEXT_QUATERNARY_COLOR",
     "TEXT_SECONDARY_COLOR",
+    "TEXT_SECONDARY_ON_CONTRAST_COLOR",
     "TEXT_TERTIARY_COLOR"
   ]
 }