@skyscanner/bpk-foundations-web - npm Package Compare versions

Comparing version 8.5.1 to 9.0.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "8.5.1",
+  "version": "9.0.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -20,6 +20,6 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@skyscanner/bpk-foundations-common": "^2.6.1",
+    "@skyscanner/bpk-foundations-common": "^3.0.0",
     "color": "^3.0.0"
   },
-  "gitHead": "a91140d169f2cb3b371d864029aaee4471323fd1"
+  "gitHead": "2d6f16f9f80299a89ee28eaa2df8a33cf6c09913"
 }

tokens/base.common.js

@@ -266,8 +266,4 @@ /*
   colorAbisko: "rgb(90, 72, 155)",
-  colorAmberSpot: "rgb(255, 148, 0)",
   colorBagan: "rgb(255, 235, 208)",
-  colorBerry: "rgb(209, 67, 91)",
   colorBlack: "rgb(0, 0, 0)",
-  colorBlackAlpha20: "rgb(178, 178, 191)",
-  colorBlackAlpha70: "rgb(2, 18, 44)",
   colorBlackTint01: "rgb(29, 27, 32)",
@@ -280,13 +276,4 @@ colorBlackTint02: "rgb(44, 44, 46)",
   colorBunol: "rgb(255, 123, 89)",
-  colorCharcoal: "rgb(17, 18, 54)",
-  colorDarkSky: "rgb(2, 18, 44)",
-  colorEcoGreen: "rgb(15, 161, 169)",
   colorErfoud: "rgb(255, 181, 77)",
   colorGlencoe: "rgb(115, 206, 198)",
-  colorGreenMuted: "rgb(208, 238, 236)",
-  colorGreenSpot: "rgb(0, 166, 152)",
-  colorGrey10: "rgb(241, 242, 248)",
-  colorGrey20: "rgb(221, 221, 229)",
-  colorGrey30: "rgb(205, 205, 215)",
-  colorGrey40: "rgb(104, 105, 127)",
   colorHarbour: "rgb(246, 221, 225)",
@@ -297,18 +284,4 @@ colorHillier: "rgb(225, 139, 150)",
   colorNara: "rgb(255, 231, 224)",
-  colorNightBerry: "rgb(209, 67, 91)",
-  colorNightBlue: "rgb(109, 159, 235)",
-  colorNightGreenFill: "rgb(177, 255, 231)",
-  colorNightGreenSpot: "rgb(0, 166, 152)",
-  colorNightGrey10: "rgb(0, 0, 0)",
-  colorNightGrey20: "rgb(29, 27, 32)",
-  colorNightGrey25: "rgb(44, 44, 46)",
-  colorNightGrey30: "rgb(72, 72, 74)",
-  colorNightGrey40: "rgb(142, 142, 147)",
-  colorNightPink: "rgb(255, 202, 221)",
-  colorNightSky: "rgb(5, 65, 132)",
-  colorNightYellowFill: "rgb(251, 241, 187)",
-  colorNightYellowSpot: "rgb(255, 181, 77)",
   colorPanjin: "rgb(209, 67, 91)",
   colorPetra: "rgb(255, 171, 149)",
-  colorPinkMuted: "rgb(246, 221, 225)",
   colorPrimaryGradientLight: "rgb(7, 112, 227)",
@@ -336,5 +309,2 @@ colorSagano: "rgb(208, 238, 236)",
   colorWhite: "rgb(255, 255, 255)",
-  colorWhiteAlpha20: "rgb(142, 142, 147)",
-  colorWhiteAlpha80: "rgb(142, 142, 147)",
-  colorYellowMuted: "rgb(255, 235, 208)",
   coreAccentDay: "rgb(7, 112, 227)",
@@ -572,8 +542,12 @@ coreAccentNight: "rgb(109, 159, 235)",
   textLinkNight: "rgb(109, 159, 235)",
+  textOnDarkDay: "rgb(255, 255, 255)",
+  textOnDarkNight: "rgb(255, 255, 255)",
+  textOnLightDay: "rgb(17, 18, 54)",
+  textOnLightNight: "rgb(17, 18, 54)",
   textPrimaryDarkColor: "rgb(255, 255, 255)",
   textPrimaryDay: "rgb(17, 18, 54)",
+  textPrimaryInverseDay: "rgb(255, 255, 255)",
+  textPrimaryInverseNight: "rgb(17, 18, 54)",
   textPrimaryLightColor: "rgb(17, 18, 54)",
   textPrimaryNight: "rgb(255, 255, 255)",
-  textPrimaryOnContrastDay: "rgb(255, 255, 255)",
-  textPrimaryOnContrastNight: "rgb(255, 255, 255)",
   textQuaternaryDarkColor: "rgb(142, 142, 147)",
@@ -585,4 +559,2 @@ textQuaternaryLightColor: "rgb(143, 144, 160)",
   textSecondaryNight: "rgb(178, 178, 191)",
-  textSecondaryOnContrastDay: "rgb(142, 142, 147)",
-  textSecondaryOnContrastNight: "rgb(142, 142, 147)",
   textSmFontSize: ".875rem",
@@ -589,0 +561,0 @@ textSmFontWeight: "400",

tokens/base.es6.js

@@ -264,8 +264,4 @@ /*
 export const colorAbisko = "rgb(90, 72, 155)";
-export const colorAmberSpot = "rgb(255, 148, 0)";
 export const colorBagan = "rgb(255, 235, 208)";
-export const colorBerry = "rgb(209, 67, 91)";
 export const colorBlack = "rgb(0, 0, 0)";
-export const colorBlackAlpha20 = "rgb(178, 178, 191)";
-export const colorBlackAlpha70 = "rgb(2, 18, 44)";
 export const colorBlackTint01 = "rgb(29, 27, 32)";
@@ -278,13 +274,4 @@ export const colorBlackTint02 = "rgb(44, 44, 46)";
 export const colorBunol = "rgb(255, 123, 89)";
-export const colorCharcoal = "rgb(17, 18, 54)";
-export const colorDarkSky = "rgb(2, 18, 44)";
-export const colorEcoGreen = "rgb(15, 161, 169)";
 export const colorErfoud = "rgb(255, 181, 77)";
 export const colorGlencoe = "rgb(115, 206, 198)";
-export const colorGreenMuted = "rgb(208, 238, 236)";
-export const colorGreenSpot = "rgb(0, 166, 152)";
-export const colorGrey10 = "rgb(241, 242, 248)";
-export const colorGrey20 = "rgb(221, 221, 229)";
-export const colorGrey30 = "rgb(205, 205, 215)";
-export const colorGrey40 = "rgb(104, 105, 127)";
 export const colorHarbour = "rgb(246, 221, 225)";
@@ -295,18 +282,4 @@ export const colorHillier = "rgb(225, 139, 150)";
 export const colorNara = "rgb(255, 231, 224)";
-export const colorNightBerry = "rgb(209, 67, 91)";
-export const colorNightBlue = "rgb(109, 159, 235)";
-export const colorNightGreenFill = "rgb(177, 255, 231)";
-export const colorNightGreenSpot = "rgb(0, 166, 152)";
-export const colorNightGrey10 = "rgb(0, 0, 0)";
-export const colorNightGrey20 = "rgb(29, 27, 32)";
-export const colorNightGrey25 = "rgb(44, 44, 46)";
-export const colorNightGrey30 = "rgb(72, 72, 74)";
-export const colorNightGrey40 = "rgb(142, 142, 147)";
-export const colorNightPink = "rgb(255, 202, 221)";
-export const colorNightSky = "rgb(5, 65, 132)";
-export const colorNightYellowFill = "rgb(251, 241, 187)";
-export const colorNightYellowSpot = "rgb(255, 181, 77)";
 export const colorPanjin = "rgb(209, 67, 91)";
 export const colorPetra = "rgb(255, 171, 149)";
-export const colorPinkMuted = "rgb(246, 221, 225)";
 export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
@@ -334,5 +307,2 @@ export const colorSagano = "rgb(208, 238, 236)";
 export const colorWhite = "rgb(255, 255, 255)";
-export const colorWhiteAlpha20 = "rgb(142, 142, 147)";
-export const colorWhiteAlpha80 = "rgb(142, 142, 147)";
-export const colorYellowMuted = "rgb(255, 235, 208)";
 export const coreAccentDay = "rgb(7, 112, 227)";
@@ -570,8 +540,12 @@ export const coreAccentNight = "rgb(109, 159, 235)";
 export const textLinkNight = "rgb(109, 159, 235)";
+export const textOnDarkDay = "rgb(255, 255, 255)";
+export const textOnDarkNight = "rgb(255, 255, 255)";
+export const textOnLightDay = "rgb(17, 18, 54)";
+export const textOnLightNight = "rgb(17, 18, 54)";
 export const textPrimaryDarkColor = "rgb(255, 255, 255)";
 export const textPrimaryDay = "rgb(17, 18, 54)";
+export const textPrimaryInverseDay = "rgb(255, 255, 255)";
+export const textPrimaryInverseNight = "rgb(17, 18, 54)";
 export const textPrimaryLightColor = "rgb(17, 18, 54)";
 export const textPrimaryNight = "rgb(255, 255, 255)";
-export const textPrimaryOnContrastDay = "rgb(255, 255, 255)";
-export const textPrimaryOnContrastNight = "rgb(255, 255, 255)";
 export const textQuaternaryDarkColor = "rgb(142, 142, 147)";
@@ -583,4 +557,2 @@ export const textQuaternaryLightColor = "rgb(143, 144, 160)";
 export const textSecondaryNight = "rgb(178, 178, 191)";
-export const textSecondaryOnContrastDay = "rgb(142, 142, 147)";
-export const textSecondaryOnContrastNight = "rgb(142, 142, 147)";
 export const textSmFontSize = ".875rem";
@@ -859,8 +831,4 @@ export const textSmFontWeight = "400";
 colorAbisko,
-colorAmberSpot,
 colorBagan,
-colorBerry,
 colorBlack,
-colorBlackAlpha20,
-colorBlackAlpha70,
 colorBlackTint01,
@@ -873,13 +841,4 @@ colorBlackTint02,
 colorBunol,
-colorCharcoal,
-colorDarkSky,
-colorEcoGreen,
 colorErfoud,
 colorGlencoe,
-colorGreenMuted,
-colorGreenSpot,
-colorGrey10,
-colorGrey20,
-colorGrey30,
-colorGrey40,
 colorHarbour,
@@ -890,18 +849,4 @@ colorHillier,
 colorNara,
-colorNightBerry,
-colorNightBlue,
-colorNightGreenFill,
-colorNightGreenSpot,
-colorNightGrey10,
-colorNightGrey20,
-colorNightGrey25,
-colorNightGrey30,
-colorNightGrey40,
-colorNightPink,
-colorNightSky,
-colorNightYellowFill,
-colorNightYellowSpot,
 colorPanjin,
 colorPetra,
-colorPinkMuted,
 colorPrimaryGradientLight,
@@ -929,5 +874,2 @@ colorSagano,
 colorWhite,
-colorWhiteAlpha20,
-colorWhiteAlpha80,
-colorYellowMuted,
 lineDarkColor,
@@ -1232,8 +1174,12 @@ lineLightColor,
 textLinkNight,
+textOnDarkDay,
+textOnDarkNight,
+textOnLightDay,
+textOnLightNight,
 textPrimaryDarkColor,
 textPrimaryDay,
+textPrimaryInverseDay,
+textPrimaryInverseNight,
 textPrimaryLightColor,
 textPrimaryNight,
-textPrimaryOnContrastDay,
-textPrimaryOnContrastNight,
 textQuaternaryDarkColor,
@@ -1245,4 +1191,2 @@ textQuaternaryLightColor,
 textSecondaryNight,
-textSecondaryOnContrastDay,
-textSecondaryOnContrastNight,
 textTertiaryDarkColor,
@@ -1249,0 +1193,0 @@ textTertiaryLightColor,

tokens/breakpoints.common.js

@@ -62,8 +62,4 @@ /*
   colorAbisko: "rgb(90, 72, 155)",
-  colorAmberSpot: "rgb(255, 148, 0)",
   colorBagan: "rgb(255, 235, 208)",
-  colorBerry: "rgb(209, 67, 91)",
   colorBlack: "rgb(0, 0, 0)",
-  colorBlackAlpha20: "rgb(178, 178, 191)",
-  colorBlackAlpha70: "rgb(2, 18, 44)",
   colorBlackTint01: "rgb(29, 27, 32)",
@@ -76,13 +72,4 @@ colorBlackTint02: "rgb(44, 44, 46)",
   colorBunol: "rgb(255, 123, 89)",
-  colorCharcoal: "rgb(17, 18, 54)",
-  colorDarkSky: "rgb(2, 18, 44)",
-  colorEcoGreen: "rgb(15, 161, 169)",
   colorErfoud: "rgb(255, 181, 77)",
   colorGlencoe: "rgb(115, 206, 198)",
-  colorGreenMuted: "rgb(208, 238, 236)",
-  colorGreenSpot: "rgb(0, 166, 152)",
-  colorGrey10: "rgb(241, 242, 248)",
-  colorGrey20: "rgb(221, 221, 229)",
-  colorGrey30: "rgb(205, 205, 215)",
-  colorGrey40: "rgb(104, 105, 127)",
   colorHarbour: "rgb(246, 221, 225)",
@@ -93,18 +80,4 @@ colorHillier: "rgb(225, 139, 150)",
   colorNara: "rgb(255, 231, 224)",
-  colorNightBerry: "rgb(209, 67, 91)",
-  colorNightBlue: "rgb(109, 159, 235)",
-  colorNightGreenFill: "rgb(177, 255, 231)",
-  colorNightGreenSpot: "rgb(0, 166, 152)",
-  colorNightGrey10: "rgb(0, 0, 0)",
-  colorNightGrey20: "rgb(29, 27, 32)",
-  colorNightGrey25: "rgb(44, 44, 46)",
-  colorNightGrey30: "rgb(72, 72, 74)",
-  colorNightGrey40: "rgb(142, 142, 147)",
-  colorNightPink: "rgb(255, 202, 221)",
-  colorNightSky: "rgb(5, 65, 132)",
-  colorNightYellowFill: "rgb(251, 241, 187)",
-  colorNightYellowSpot: "rgb(255, 181, 77)",
   colorPanjin: "rgb(209, 67, 91)",
   colorPetra: "rgb(255, 171, 149)",
-  colorPinkMuted: "rgb(246, 221, 225)",
   colorPrimaryGradientLight: "rgb(7, 112, 227)",
@@ -132,5 +105,2 @@ colorSagano: "rgb(208, 238, 236)",
   colorWhite: "rgb(255, 255, 255)",
-  colorWhiteAlpha20: "rgb(142, 142, 147)",
-  colorWhiteAlpha80: "rgb(142, 142, 147)",
-  colorYellowMuted: "rgb(255, 235, 208)",
   coreAccentDay: "rgb(7, 112, 227)",
@@ -193,8 +163,12 @@ coreAccentNight: "rgb(109, 159, 235)",
   textLinkNight: "rgb(109, 159, 235)",
+  textOnDarkDay: "rgb(255, 255, 255)",
+  textOnDarkNight: "rgb(255, 255, 255)",
+  textOnLightDay: "rgb(17, 18, 54)",
+  textOnLightNight: "rgb(17, 18, 54)",
   textPrimaryDarkColor: "rgb(255, 255, 255)",
   textPrimaryDay: "rgb(17, 18, 54)",
+  textPrimaryInverseDay: "rgb(255, 255, 255)",
+  textPrimaryInverseNight: "rgb(17, 18, 54)",
   textPrimaryLightColor: "rgb(17, 18, 54)",
   textPrimaryNight: "rgb(255, 255, 255)",
-  textPrimaryOnContrastDay: "rgb(255, 255, 255)",
-  textPrimaryOnContrastNight: "rgb(255, 255, 255)",
   textQuaternaryDarkColor: "rgb(142, 142, 147)",
@@ -206,6 +180,4 @@ textQuaternaryLightColor: "rgb(143, 144, 160)",
   textSecondaryNight: "rgb(178, 178, 191)",
-  textSecondaryOnContrastDay: "rgb(142, 142, 147)",
-  textSecondaryOnContrastNight: "rgb(142, 142, 147)",
   textTertiaryDarkColor: "rgb(142, 142, 147)",
   textTertiaryLightColor: "rgb(143, 144, 160)"
 };

tokens/breakpoints.es6.js

@@ -60,8 +60,4 @@ /*
 export const colorAbisko = "rgb(90, 72, 155)";
-export const colorAmberSpot = "rgb(255, 148, 0)";
 export const colorBagan = "rgb(255, 235, 208)";
-export const colorBerry = "rgb(209, 67, 91)";
 export const colorBlack = "rgb(0, 0, 0)";
-export const colorBlackAlpha20 = "rgb(178, 178, 191)";
-export const colorBlackAlpha70 = "rgb(2, 18, 44)";
 export const colorBlackTint01 = "rgb(29, 27, 32)";
@@ -74,13 +70,4 @@ export const colorBlackTint02 = "rgb(44, 44, 46)";
 export const colorBunol = "rgb(255, 123, 89)";
-export const colorCharcoal = "rgb(17, 18, 54)";
-export const colorDarkSky = "rgb(2, 18, 44)";
-export const colorEcoGreen = "rgb(15, 161, 169)";
 export const colorErfoud = "rgb(255, 181, 77)";
 export const colorGlencoe = "rgb(115, 206, 198)";
-export const colorGreenMuted = "rgb(208, 238, 236)";
-export const colorGreenSpot = "rgb(0, 166, 152)";
-export const colorGrey10 = "rgb(241, 242, 248)";
-export const colorGrey20 = "rgb(221, 221, 229)";
-export const colorGrey30 = "rgb(205, 205, 215)";
-export const colorGrey40 = "rgb(104, 105, 127)";
 export const colorHarbour = "rgb(246, 221, 225)";
@@ -91,18 +78,4 @@ export const colorHillier = "rgb(225, 139, 150)";
 export const colorNara = "rgb(255, 231, 224)";
-export const colorNightBerry = "rgb(209, 67, 91)";
-export const colorNightBlue = "rgb(109, 159, 235)";
-export const colorNightGreenFill = "rgb(177, 255, 231)";
-export const colorNightGreenSpot = "rgb(0, 166, 152)";
-export const colorNightGrey10 = "rgb(0, 0, 0)";
-export const colorNightGrey20 = "rgb(29, 27, 32)";
-export const colorNightGrey25 = "rgb(44, 44, 46)";
-export const colorNightGrey30 = "rgb(72, 72, 74)";
-export const colorNightGrey40 = "rgb(142, 142, 147)";
-export const colorNightPink = "rgb(255, 202, 221)";
-export const colorNightSky = "rgb(5, 65, 132)";
-export const colorNightYellowFill = "rgb(251, 241, 187)";
-export const colorNightYellowSpot = "rgb(255, 181, 77)";
 export const colorPanjin = "rgb(209, 67, 91)";
 export const colorPetra = "rgb(255, 171, 149)";
-export const colorPinkMuted = "rgb(246, 221, 225)";
 export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
@@ -130,5 +103,2 @@ export const colorSagano = "rgb(208, 238, 236)";
 export const colorWhite = "rgb(255, 255, 255)";
-export const colorWhiteAlpha20 = "rgb(142, 142, 147)";
-export const colorWhiteAlpha80 = "rgb(142, 142, 147)";
-export const colorYellowMuted = "rgb(255, 235, 208)";
 export const coreAccentDay = "rgb(7, 112, 227)";
@@ -191,8 +161,12 @@ export const coreAccentNight = "rgb(109, 159, 235)";
 export const textLinkNight = "rgb(109, 159, 235)";
+export const textOnDarkDay = "rgb(255, 255, 255)";
+export const textOnDarkNight = "rgb(255, 255, 255)";
+export const textOnLightDay = "rgb(17, 18, 54)";
+export const textOnLightNight = "rgb(17, 18, 54)";
 export const textPrimaryDarkColor = "rgb(255, 255, 255)";
 export const textPrimaryDay = "rgb(17, 18, 54)";
+export const textPrimaryInverseDay = "rgb(255, 255, 255)";
+export const textPrimaryInverseNight = "rgb(17, 18, 54)";
 export const textPrimaryLightColor = "rgb(17, 18, 54)";
 export const textPrimaryNight = "rgb(255, 255, 255)";
-export const textPrimaryOnContrastDay = "rgb(255, 255, 255)";
-export const textPrimaryOnContrastNight = "rgb(255, 255, 255)";
 export const textQuaternaryDarkColor = "rgb(142, 142, 147)";
@@ -204,4 +178,2 @@ export const textQuaternaryLightColor = "rgb(143, 144, 160)";
 export const textSecondaryNight = "rgb(178, 178, 191)";
-export const textSecondaryOnContrastDay = "rgb(142, 142, 147)";
-export const textSecondaryOnContrastNight = "rgb(142, 142, 147)";
 export const textTertiaryDarkColor = "rgb(142, 142, 147)";
@@ -248,8 +220,4 @@ export const textTertiaryLightColor = "rgb(143, 144, 160)";
 colorAbisko,
-colorAmberSpot,
 colorBagan,
-colorBerry,
 colorBlack,
-colorBlackAlpha20,
-colorBlackAlpha70,
 colorBlackTint01,
@@ -262,13 +230,4 @@ colorBlackTint02,
 colorBunol,
-colorCharcoal,
-colorDarkSky,
-colorEcoGreen,
 colorErfoud,
 colorGlencoe,
-colorGreenMuted,
-colorGreenSpot,
-colorGrey10,
-colorGrey20,
-colorGrey30,
-colorGrey40,
 colorHarbour,
@@ -279,18 +238,4 @@ colorHillier,
 colorNara,
-colorNightBerry,
-colorNightBlue,
-colorNightGreenFill,
-colorNightGreenSpot,
-colorNightGrey10,
-colorNightGrey20,
-colorNightGrey25,
-colorNightGrey30,
-colorNightGrey40,
-colorNightPink,
-colorNightSky,
-colorNightYellowFill,
-colorNightYellowSpot,
 colorPanjin,
 colorPetra,
-colorPinkMuted,
 colorPrimaryGradientLight,
@@ -318,5 +263,2 @@ colorSagano,
 colorWhite,
-colorWhiteAlpha20,
-colorWhiteAlpha80,
-colorYellowMuted,
 lineDarkColor,
@@ -399,8 +341,12 @@ lineLightColor,
 textLinkNight,
+textOnDarkDay,
+textOnDarkNight,
+textOnLightDay,
+textOnLightNight,
 textPrimaryDarkColor,
 textPrimaryDay,
+textPrimaryInverseDay,
+textPrimaryInverseNight,
 textPrimaryLightColor,
 textPrimaryNight,
-textPrimaryOnContrastDay,
-textPrimaryOnContrastNight,
 textQuaternaryDarkColor,
@@ -412,6 +358,4 @@ textQuaternaryLightColor,
 textSecondaryNight,
-textSecondaryOnContrastDay,
-textSecondaryOnContrastNight,
 textTertiaryDarkColor,
 textTertiaryLightColor,
 };

tokens/breakpoints.raw.json

@@ -440,16 +440,2 @@ {
   "props": {
-    "COLOR_NIGHT_GREY_25": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(44, 44, 46)",
-      "originalValue": "{!NIGHT_GREY_25}",
-      "name": "COLOR_NIGHT_GREY_25"
-    },
-    "COLOR_GREY_40": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(104, 105, 127)",
-      "originalValue": "{!GREY_40}",
-      "name": "COLOR_GREY_40"
-    },
     "COLOR_SKY_BLUE_SHADE_03": {
@@ -469,16 +455,2 @@ "type": "color",
     },
-    "COLOR_NIGHT_GREEN_SPOT": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(0, 166, 152)",
-      "originalValue": "{!NIGHT_GREEN_SPOT}",
-      "name": "COLOR_NIGHT_GREEN_SPOT"
-    },
-    "COLOR_GREY_30": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(205, 205, 215)",
-      "originalValue": "{!GREY_30}",
-      "name": "COLOR_GREY_30"
-    },
     "COLOR_ERFOUD": {
@@ -491,16 +463,2 @@ "type": "color",
     },
-    "COLOR_NIGHT_GREEN_FILL": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(177, 255, 231)",
-      "originalValue": "{!NIGHT_GREEN_FILL}",
-      "name": "COLOR_NIGHT_GREEN_FILL"
-    },
-    "COLOR_GREY_20": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(221, 221, 229)",
-      "originalValue": "{!GREY_20}",
-      "name": "COLOR_GREY_20"
-    },
     "COLOR_VALENSOLE": {
@@ -520,9 +478,2 @@ "type": "color",
     },
-    "COLOR_GREY_10": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(241, 242, 248)",
-      "originalValue": "{!GREY_10}",
-      "name": "COLOR_GREY_10"
-    },
     "COLOR_SKY_GRAY_TINT_01": {
@@ -598,9 +549,2 @@ "type": "color",
     },
-    "COLOR_CHARCOAL": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(17, 18, 54)",
-      "originalValue": "{!CHARCOAL}",
-      "name": "COLOR_CHARCOAL"
-    },
     "COLOR_SKY_GRAY_TINT_07": {
@@ -620,9 +564,2 @@ "type": "color",
     },
-    "COLOR_NIGHT_YELLOW_SPOT": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(255, 181, 77)",
-      "originalValue": "{!NIGHT_YELLOW_SPOT}",
-      "name": "COLOR_NIGHT_YELLOW_SPOT"
-    },
     "COLOR_ABISKO": {
@@ -642,16 +579,2 @@ "type": "color",
     },
-    "COLOR_WHITE_ALPHA_80": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(142, 142, 147)",
-      "originalValue": "{!WHITE_ALPHA_80}",
-      "name": "COLOR_WHITE_ALPHA_80"
-    },
-    "COLOR_NIGHT_YELLOW_FILL": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(251, 241, 187)",
-      "originalValue": "{!NIGHT_YELLOW_FILL}",
-      "name": "COLOR_NIGHT_YELLOW_FILL"
-    },
     "COLOR_BLACK_TINT_04": {
@@ -713,9 +636,2 @@ "type": "color",
     },
-    "COLOR_WHITE_ALPHA_20": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(142, 142, 147)",
-      "originalValue": "{!WHITE_ALPHA_20}",
-      "name": "COLOR_WHITE_ALPHA_20"
-    },
     "COLOR_PETRA": {
@@ -728,23 +644,2 @@ "type": "color",
     },
-    "COLOR_NIGHT_BERRY": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(209, 67, 91)",
-      "originalValue": "{!NIGHT_BERRY}",
-      "name": "COLOR_NIGHT_BERRY"
-    },
-    "COLOR_GREEN_MUTED": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(208, 238, 236)",
-      "originalValue": "{!GREEN_MUTED}",
-      "name": "COLOR_GREEN_MUTED"
-    },
-    "COLOR_DARK_SKY": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(2, 18, 44)",
-      "originalValue": "{!DARK_SKY}",
-      "name": "COLOR_DARK_SKY"
-    },
     "COLOR_SKY_BLUE": {
@@ -757,9 +652,2 @@ "type": "color",
     },
-    "COLOR_BLACK_ALPHA_70": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(2, 18, 44)",
-      "originalValue": "{!BLACK_ALPHA_70}",
-      "name": "COLOR_BLACK_ALPHA_70"
-    },
     "COLOR_BAGAN": {
@@ -772,23 +660,2 @@ "type": "color",
     },
-    "COLOR_NIGHT_GREY_40": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(142, 142, 147)",
-      "originalValue": "{!NIGHT_GREY_40}",
-      "name": "COLOR_NIGHT_GREY_40"
-    },
-    "COLOR_ECO_GREEN": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(15, 161, 169)",
-      "originalValue": "{!ECO_GREEN}",
-      "name": "COLOR_ECO_GREEN"
-    },
-    "COLOR_NIGHT_PINK": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(255, 202, 221)",
-      "originalValue": "{!NIGHT_PINK}",
-      "name": "COLOR_NIGHT_PINK"
-    },
     "COLOR_HILLIER": {
@@ -801,16 +668,2 @@ "type": "color",
     },
-    "COLOR_AMBER_SPOT": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(255, 148, 0)",
-      "originalValue": "{!AMBER_SPOT}",
-      "name": "COLOR_AMBER_SPOT"
-    },
-    "COLOR_NIGHT_GREY_30": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(72, 72, 74)",
-      "originalValue": "{!NIGHT_GREY_30}",
-      "name": "COLOR_NIGHT_GREY_30"
-    },
     "COLOR_SKY_BLUE_TINT_01": {
@@ -823,30 +676,2 @@ "type": "color",
     },
-    "COLOR_BERRY": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(209, 67, 91)",
-      "originalValue": "{!BERRY}",
-      "name": "COLOR_BERRY"
-    },
-    "COLOR_GREEN_SPOT": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(0, 166, 152)",
-      "originalValue": "{!GREEN_SPOT}",
-      "name": "COLOR_GREEN_SPOT"
-    },
-    "COLOR_BLACK_ALPHA_20": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(178, 178, 191)",
-      "originalValue": "{!BLACK_ALPHA_20}",
-      "name": "COLOR_BLACK_ALPHA_20"
-    },
-    "COLOR_NIGHT_GREY_20": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(29, 27, 32)",
-      "originalValue": "{!NIGHT_GREY_20}",
-      "name": "COLOR_NIGHT_GREY_20"
-    },
     "COLOR_SKY_BLUE_TINT_02": {
@@ -859,9 +684,2 @@ "type": "color",
     },
-    "COLOR_YELLOW_MUTED": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(255, 235, 208)",
-      "originalValue": "{!YELLOW_MUTED}",
-      "name": "COLOR_YELLOW_MUTED"
-    },
     "COLOR_BUNOL": {
@@ -874,9 +692,2 @@ "type": "color",
     },
-    "COLOR_NIGHT_GREY_10": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(0, 0, 0)",
-      "originalValue": "{!NIGHT_GREY_10}",
-      "name": "COLOR_NIGHT_GREY_10"
-    },
     "COLOR_SKY_BLUE_TINT_03": {
@@ -896,16 +707,2 @@ "type": "color",
     },
-    "COLOR_NIGHT_BLUE": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(109, 159, 235)",
-      "originalValue": "{!NIGHT_BLUE}",
-      "name": "COLOR_NIGHT_BLUE"
-    },
-    "COLOR_NIGHT_SKY": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(5, 65, 132)",
-      "originalValue": "{!NIGHT_SKY}",
-      "name": "COLOR_NIGHT_SKY"
-    },
     "COLOR_NARA": {
@@ -925,9 +722,2 @@ "type": "color",
     },
-    "COLOR_PINK_MUTED": {
-      "type": "color",
-      "category": "colors",
-      "value": "rgb(246, 221, 225)",
-      "originalValue": "{!PINK_MUTED}",
-      "name": "COLOR_PINK_MUTED"
-    },
     "COLOR_SKY_BLUE_SHADE_02": {
@@ -1150,10 +940,23 @@ "type": "color",
     },
-    "TEXT_SECONDARY_ON_CONTRAST_DAY": {
+    "TEXT_ON_DARK_DAY": {
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(142, 142, 147)",
-      "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"
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "TEXT_ON_DARK_DAY"
     },
+    "TEXT_ON_LIGHT_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(17, 18, 54)",
+      "originalValue": "{!CHARCOAL}",
+      "name": "TEXT_ON_LIGHT_NIGHT"
+    },
+    "TEXT_ON_LIGHT_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(17, 18, 54)",
+      "originalValue": "{!CHARCOAL}",
+      "name": "TEXT_ON_LIGHT_DAY"
+    },
     "TEXT_LINK_NIGHT": {
@@ -1222,9 +1025,2 @@ "type": "color",
     },
-    "TEXT_PRIMARY_ON_CONTRAST_NIGHT": {
-      "type": "color",
-      "category": "text-colors",
-      "value": "rgb(255, 255, 255)",
-      "originalValue": "{!WHITE}",
-      "name": "TEXT_PRIMARY_ON_CONTRAST_NIGHT"
-    },
     "TEXT_PRIMARY_DAY": {
@@ -1244,9 +1040,2 @@ "type": "color",
     },
-    "TEXT_PRIMARY_ON_CONTRAST_DAY": {
-      "type": "color",
-      "category": "text-colors",
-      "value": "rgb(255, 255, 255)",
-      "originalValue": "{!WHITE}",
-      "name": "TEXT_PRIMARY_ON_CONTRAST_DAY"
-    },
     "TEXT_ERROR_DAY": {
@@ -1273,2 +1062,9 @@ "type": "color",
     },
+    "TEXT_PRIMARY_INVERSE_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(17, 18, 54)",
+      "originalValue": "{!CHARCOAL}",
+      "name": "TEXT_PRIMARY_INVERSE_NIGHT"
+    },
     "TEXT_SECONDARY_NIGHT": {
@@ -1282,2 +1078,9 @@ "type": "color",
     },
+    "TEXT_ON_DARK_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "TEXT_ON_DARK_NIGHT"
+    },
     "TEXT_SECONDARY_LIGHT_COLOR": {
@@ -1290,8 +1093,8 @@ "type": "color",
     },
-    "TEXT_SECONDARY_ON_CONTRAST_NIGHT": {
+    "TEXT_PRIMARY_INVERSE_DAY": {
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(142, 142, 147)",
-      "originalValue": "{!NIGHT_GREY_40}",
-      "name": "TEXT_SECONDARY_ON_CONTRAST_NIGHT"
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "TEXT_PRIMARY_INVERSE_DAY"
     },
@@ -1298,0 +1101,0 @@ "TEXT_TERTIARY_LIGHT_COLOR": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

381910

decreased by-6.19%

Lines of code

8451

decreased by-6.24%

Dependency changes

• + Added@skyscanner/bpk-foundations-common@3.2.1(transitive)

• - Removed@skyscanner/bpk-foundations-common@2.6.1(transitive)

• Updated@skyscanner/bpk-foundations-common@^3.0.0