@skyscanner/bpk-foundations-android 3.4.0 → 3.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/bpk-foundations-android",
-  "version": "3.4.0",
+  "version": "3.6.0",
   "description": "Android 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.raw.android.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"
     },
@@ -712,6 +724,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",
@@ -936,6 +955,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",
@@ -1034,6 +1060,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",
@@ -1174,6 +1207,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",
@@ -1542,15 +1589,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"
     },
     "SPACING_BASE": {
@@ -1895,15 +1942,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": {
@@ -2339,6 +2386,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",
@@ -2382,6 +2443,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",
@@ -2761,6 +2837,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",
@@ -2768,7 +2889,7 @@
       "originalValue": "{!SKY_GRAY_TINT_05}",
       "name": "LINE_COLOR",
       "darkValue": "#48484aff",
-      "originalDarkValue": "{!BLACK_TINT_04}"
+      "originalDarkValue": "{!NIGHT_GREY_30}"
     },
     "PRIMARY_COLOR": {
       "type": "color",
@@ -2779,6 +2900,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",
@@ -2788,6 +3035,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",
@@ -2806,6 +3062,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",
@@ -2861,6 +3127,7 @@
     "COLOR_BAGAN",
     "COLOR_BERRY",
     "COLOR_BLACK",
+    "COLOR_BLACK_ALPHA_20",
     "COLOR_BLACK_TINT_01",
     "COLOR_BLACK_TINT_02",
     "COLOR_BLACK_TINT_03",
@@ -2893,6 +3160,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",
@@ -2907,6 +3175,7 @@
     "COLOR_PRIMARY_GRADIENT_LIGHT",
     "COLOR_PURPLE",
     "COLOR_SAGANO",
+    "COLOR_SCRIM",
     "COLOR_SKY_BLUE",
     "COLOR_SKY_BLUE_SHADE_01",
     "COLOR_SKY_BLUE_SHADE_02",
@@ -2927,6 +3196,8 @@
     "COLOR_TOCHIGI",
     "COLOR_VALENSOLE",
     "COLOR_WHITE",
+    "COLOR_WHITE_ALPHA_20",
+    "COLOR_WHITE_ALPHA_80",
     "COLOR_YELLOW",
     "COLOR_YELLOW_MUTED",
     "CORE_ACCENT_DAY",
@@ -3091,12 +3362,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",
@@ -3144,11 +3419,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"
   ]
 }