@skyscanner/bpk-foundations-ios 2.5.0 → 2.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/bpk-foundations-ios",
-  "version": "2.5.0",
+  "version": "2.6.1",
   "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.1",
     "color": "^3.0.0"
   },
-  "gitHead": "fb98e832c1f79281db3f4a904e18e8ae3daa3aa2"
+  "gitHead": "6e81f66d8dec3df04abea2ad3bfcd951ae53276b"
 }

package/tokens/base.ios.json

@@ -329,6 +329,20 @@
       "originalValue": "{!BLACK}",
       "name": "colorBlack"
     },
+    {
+      "type": "color",
+      "category": "colors",
+      "value": "#b2b2bfff",
+      "originalValue": "{!BLACK_ALPHA_20}",
+      "name": "colorBlackAlpha20"
+    },
+    {
+      "type": "color",
+      "category": "colors",
+      "value": "#02122cff",
+      "originalValue": "{!BLACK_ALPHA_70}",
+      "name": "colorBlackAlpha70"
+    },
     {
       "type": "color",
       "category": "colors",
@@ -553,6 +567,13 @@
       "originalValue": "{!NIGHT_GREY_20}",
       "name": "colorNightGrey20"
     },
+    {
+      "type": "color",
+      "category": "colors",
+      "value": "#1b2839ff",
+      "originalValue": "{!NIGHT_GREY_25}",
+      "name": "colorNightGrey25"
+    },
     {
       "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": "{!BLACK_ALPHA_70}",
       "name": "scrimDay"
     },
     {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#48484aff",
-      "originalValue": "{!NIGHT_GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!BLACK_ALPHA_70}",
       "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",
@@ -2627,11 +2691,11 @@
     {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#cdcdd7ff",
-      "originalValue": "{!GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!BLACK_ALPHA_70}",
       "name": "scrimColor",
-      "darkValue": "#48484aff",
-      "originalDarkValue": "{!NIGHT_GREY_30}"
+      "darkValue": "#02122cff",
+      "originalDarkValue": "{!BLACK_ALPHA_70}"
     },
     {
       "type": "color",
@@ -2726,11 +2790,11 @@
     {
       "type": "color",
       "category": "text-colors",
-      "value": "#000000ff",
-      "originalValue": "{!BLACK}",
+      "value": "#b2b2bfff",
+      "originalValue": "{!BLACK_ALPHA_20}",
       "name": "textDisabledColor",
-      "darkValue": "#ffffffff",
-      "originalDarkValue": "{!WHITE}"
+      "darkValue": "#8e8e93ff",
+      "originalDarkValue": "{!WHITE_ALPHA_20}"
     },
     {
       "type": "color",
@@ -2759,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",
@@ -2777,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,12 @@
     "BLACK": {
       "value": "#000000"
     },
+    "BLACK_ALPHA_20": {
+      "value": "#B2B2BF"
+    },
+    "BLACK_ALPHA_70": {
+      "value": "#02122c"
+    },
     "BLACK_TINT_01": {
       "value": "#1D1B20"
     },
@@ -396,6 +402,12 @@
     "WHITE": {
       "value": "#ffffff"
     },
+    "WHITE_ALPHA_20": {
+      "value": "#8E8E93"
+    },
+    "WHITE_ALPHA_80": {
+      "value": "#8E8E93"
+    },
     "YELLOW": {
       "value": "#FEEB87"
     },
@@ -733,6 +745,20 @@
       "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_ALPHA_70": {
+      "type": "color",
+      "category": "colors",
+      "value": "#02122cff",
+      "originalValue": "{!BLACK_ALPHA_70}",
+      "name": "COLOR_BLACK_ALPHA_70"
+    },
     "COLOR_BLACK_TINT_01": {
       "type": "color",
       "category": "colors",
@@ -957,6 +983,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",
@@ -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": "{!BLACK_ALPHA_70}",
       "name": "SCRIM_DAY"
     },
     "SCRIM_NIGHT": {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#48484aff",
-      "originalValue": "{!NIGHT_GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!BLACK_ALPHA_70}",
       "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",
@@ -3031,11 +3107,11 @@
     "SCRIM_COLOR": {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#cdcdd7ff",
-      "originalValue": "{!GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!BLACK_ALPHA_70}",
       "name": "SCRIM_COLOR",
-      "darkValue": "#48484aff",
-      "originalDarkValue": "{!NIGHT_GREY_30}"
+      "darkValue": "#02122cff",
+      "originalDarkValue": "{!BLACK_ALPHA_70}"
     },
     "STATUS_DANGER_FILL_COLOR": {
       "type": "color",
@@ -3130,11 +3206,11 @@
     "TEXT_DISABLED_COLOR": {
       "type": "color",
       "category": "text-colors",
-      "value": "#000000ff",
-      "originalValue": "{!BLACK}",
+      "value": "#b2b2bfff",
+      "originalValue": "{!BLACK_ALPHA_20}",
       "name": "TEXT_DISABLED_COLOR",
-      "darkValue": "#ffffffff",
-      "originalDarkValue": "{!WHITE}"
+      "darkValue": "#8e8e93ff",
+      "originalDarkValue": "{!WHITE_ALPHA_20}"
     },
     "TEXT_ERROR_COLOR": {
       "type": "color",
@@ -3163,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",
@@ -3181,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",
@@ -3239,6 +3334,8 @@
     "COLOR_BAGAN",
     "COLOR_BERRY",
     "COLOR_BLACK",
+    "COLOR_BLACK_ALPHA_20",
+    "COLOR_BLACK_ALPHA_70",
     "COLOR_BLACK_TINT_01",
     "COLOR_BLACK_TINT_02",
     "COLOR_BLACK_TINT_03",
@@ -3271,6 +3368,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",
@@ -3305,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",
@@ -3487,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",
@@ -3570,8 +3674,10 @@
     "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"
   ]
 }