@skyscanner/bpk-foundations-ios 2.5.1 → 2.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/bpk-foundations-ios",
-  "version": "2.5.1",
+  "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.1",
+    "@skyscanner/bpk-foundations-common": "^2.5.0",
     "color": "^3.0.0"
   },
-  "gitHead": "1cbebbbd25cbe52f8516c8e0fe7cf5be8ab80780"
+  "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",
@@ -658,6 +665,13 @@
       "originalValue": "{!SAGANO}",
       "name": "colorSagano"
     },
+    {
+      "type": "color",
+      "category": "colors",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
+      "name": "colorScrim"
+    },
     {
       "type": "color",
       "category": "colors",
@@ -798,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",
@@ -1201,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"
     },
     {
@@ -1638,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"
     },
     {
@@ -2089,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",
@@ -2132,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",
@@ -2634,11 +2691,11 @@
     {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#cdcdd7ff",
-      "originalValue": "{!GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
       "name": "scrimColor",
-      "darkValue": "#48484aff",
-      "originalDarkValue": "{!NIGHT_GREY_30}"
+      "darkValue": "#02122cff",
+      "originalDarkValue": "{!SCRIM}"
     },
     {
       "type": "color",
@@ -2733,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",
@@ -2766,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",
@@ -2784,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",
@@ -1062,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",
@@ -1202,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",
@@ -1605,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": {
@@ -2042,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": {
@@ -2493,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",
@@ -2536,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",
@@ -3038,11 +3107,11 @@
     "SCRIM_COLOR": {
       "type": "color",
       "category": "scrim-colors",
-      "value": "#cdcdd7ff",
-      "originalValue": "{!GREY_30}",
+      "value": "#02122cff",
+      "originalValue": "{!SCRIM}",
       "name": "SCRIM_COLOR",
-      "darkValue": "#48484aff",
-      "originalDarkValue": "{!NIGHT_GREY_30}"
+      "darkValue": "#02122cff",
+      "originalDarkValue": "{!SCRIM}"
     },
     "STATUS_DANGER_FILL_COLOR": {
       "type": "color",
@@ -3137,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",
@@ -3170,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",
@@ -3188,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",
@@ -3246,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",
@@ -3293,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",
@@ -3313,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",
@@ -3495,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",
@@ -3578,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"
   ]
 }