npm - @skyscanner/bpk-foundations-common - Versions diffs - 2.5.1 → 3.0.0 - Mend

@skyscanner/bpk-foundations-common 2.5.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/.DS_Store +0 -0
package/base/colors/aliases.json +3 -10
package/base/colors/base.json +0 -111
package/base/colors/marcomms.json +59 -0
package/base/colors/surface.json +1 -1
package/base/colors/text.json +16 -10
package/base/colors.json +2 -1
package/package.json +2 -2

package/.DS_Store ADDED Viewed

Binary file

package/base/colors/aliases.json CHANGED Viewed

@@ -61,20 +61,13 @@
     "NIGHT_BERRY": "#D1435B",
     "NIGHT_PINK": "#FFCADD",
     "NIGHT_GREY_10": "#000000",
-    "NIGHT_GREY_20": "#2C2C2E",
-    "NIGHT_GREY_25": "#1B2839",
+    "NIGHT_GREY_20": "#1D1B20",
+    "NIGHT_GREY_25": "#2C2C2E",
     "NIGHT_GREY_30": "#48484A",
     "NIGHT_GREY_40": "#8E8E93",
     "WHITE_ALPHA_20": "#8E8E93",
     "WHITE_ALPHA_80": "#8E8E93",
     "BLACK_ALPHA_20": "#B2B2BF",
-    "BLACK_ALPHA_70": "#02122c",
-    "BLUE_BRIGHT": "#A1EEFF",
-    "BLUE_MUTED": "#D9F8FF",
-    "GREEN_BRIGHT": "#93FFDE",
-    "PURPLE": "#8E47BA",
-    "PINK": "#FFA3E5",
-    "ORANGE": "#FF7B59",
-    "YELLOW": "#FEEB87"
+    "BLACK_ALPHA_70": "#02122c"
   }
 }

package/base/colors/base.json CHANGED Viewed

@@ -121,117 +121,6 @@
     },
     "COLOR_BLACK_TINT_06": {
       "value": "{!BLACK_TINT_06}"
-    },
-    "COLOR_DARK_SKY": {
-      "value": "{!DARK_SKY}"
-    },
-    "COLOR_ECO_GREEN": {
-      "value": "{!ECO_GREEN}"
-    },
-    "COLOR_GREEN_SPOT": {
-      "value": "{!GREEN_SPOT}"
-    },
-    "COLOR_GREEN_MUTED": {
-      "value": "{!GREEN_MUTED}"
-    },
-    "COLOR_AMBER_SPOT": {
-      "value": "{!AMBER_SPOT}"
-    },
-    "COLOR_YELLOW_MUTED": {
-      "value": "{!YELLOW_MUTED}"
-    },
-    "COLOR_BERRY": {
-      "value": "{!BERRY}"
-    },
-    "COLOR_PINK_MUTED": {
-      "value": "{!PINK_MUTED}"
-    },
-    "COLOR_GREY_10": {
-      "value": "{!GREY_10}"
-    },
-    "COLOR_GREY_20": {
-      "value": "{!GREY_20}"
-    },
-    "COLOR_GREY_30": {
-      "value": "{!GREY_30}"
-    },
-    "COLOR_GREY_40": {
-      "value": "{!GREY_40}"
-    },
-    "COLOR_CHARCOAL": {
-      "value": "{!CHARCOAL}"
-    },
-    "COLOR_NIGHT_SKY": {
-      "value": "{!NIGHT_SKY}"
-    },
-    "COLOR_NIGHT_BLUE": {
-      "value": "{!NIGHT_BLUE}"
-    },
-    "COLOR_NIGHT_GREEN_SPOT": {
-      "value": "{!NIGHT_GREEN_SPOT}"
-    },
-    "COLOR_NIGHT_GREEN_FILL": {
-      "value": "{!NIGHT_GREEN_FILL}"
-    },
-    "COLOR_NIGHT_YELLOW_SPOT": {
-      "value": "{!NIGHT_YELLOW_SPOT}"
-    },
-    "COLOR_NIGHT_YELLOW_FILL": {
-      "value": "{!NIGHT_YELLOW_FILL}"
-    },
-    "COLOR_NIGHT_BERRY": {
-      "value": "{!NIGHT_BERRY}"
-    },
-    "COLOR_NIGHT_PINK": {
-      "value": "{!NIGHT_PINK}"
-    },
-    "COLOR_NIGHT_GREY_10": {
-      "value": "{!NIGHT_GREY_10}"
-    },
-    "COLOR_NIGHT_GREY_20": {
-      "value": "{!NIGHT_GREY_20}"
-    },
-    "COLOR_NIGHT_GREY_25": {
-      "value": "{!NIGHT_GREY_25}"
-    },
-    "COLOR_NIGHT_GREY_30": {
-      "value": "{!NIGHT_GREY_30}"
-    },
-    "COLOR_NIGHT_GREY_40": {
-      "value": "{!NIGHT_GREY_40}"
-    },
-    "COLOR_WHITE_ALPHA_20": {
-      "value": "{!WHITE_ALPHA_20}"
-    },
-    "COLOR_WHITE_ALPHA_80": {
-      "value": "{!WHITE_ALPHA_80}"
-    },
-    "COLOR_BLACK_ALPHA_20": {
-      "value": "{!BLACK_ALPHA_20}"
-    },
-    "COLOR_BLACK_ALPHA_70": {
-      "value": "{!BLACK_ALPHA_70}"
-    },
-    "COLOR_BLUE_BRIGHT": {
-      "value": "{!BLUE_BRIGHT}"
-    },
-    "COLOR_BLUE_MUTED": {
-      "value": "{!BLUE_MUTED}"
-    },
-    "COLOR_GREEN_BRIGHT": {
-      "value": "{!GREEN_BRIGHT}"
-    },
-    "COLOR_PURPLE": {
-      "value": "{!PURPLE}"
-    },
-    "COLOR_PINK": {
-      "value": "{!PINK}"
-    },
-    "COLOR_ORANGE": {
-      "value": "{!ORANGE}"
-    },
-    "COLOR_YELLOW": {
-      "value": "{!YELLOW}"
     }
   }
 }

package/base/colors/marcomms.json ADDED Viewed

@@ -0,0 +1,59 @@
+{
+  "global": {
+    "type": "color",
+    "category": "marcomms-colors"
+  },
+  "props": {
+    "MARCOMMS_DARK_SKY": {
+      "value": "#02122C"
+    },
+    "MARCOMMS_SKY_BLUE": {
+      "value": "#0770e3"
+    },
+    "MARCOMMS_BLUE_BRIGHT": {
+      "value": "#A1EEFF"
+    },
+    "MARCOMMS_BLUE_MUTED": {
+      "value": "#D9F8FF"
+    },
+    "MARCOMMS_ECO_GREEN": {
+      "value": "#0FA1A9"
+    },
+    "MARCOMMS_GREEN_BRIGHT": {
+      "value": "#93FFDE"
+    },
+    "MARCOMMS_GREEN_MUTED": {
+      "value": "#D0EEEC"
+    },
+    "MARCOMMS_PURPLE": {
+      "value": "#8E47BA"
+    },
+    "MARCOMMS_PINK": {
+      "value": "#FFA3E5"
+    },
+    "MARCOMMS_PINK_MUTED": {
+      "value": "#F6DDE1"
+    },
+    "MARCOMMS_BERRY": {
+      "value": "#D1435B"
+    },
+    "MARCOMMS_ORANGE": {
+      "value": "#FF7B59"
+    },
+    "MARCOMMS_YELLOW": {
+      "value": "#FEEB87"
+    },
+    "MARCOMMS_YELLOW_MUTED": {
+      "value": "#FFEBD0"
+    },
+    "MARCOMMS_WHITE": {
+      "value": "#ffffff"
+    },
+    "MARCOMMS_CHARCOAL": {
+      "value": "#111236"
+    },
+    "MARCOMMS_GREY_40": {
+      "value": "#68697F"
+    }
+  }
+}

package/base/colors/surface.json CHANGED Viewed

@@ -29,7 +29,7 @@
       "value": "{!GREY_20}"
     },
     "SURFACE_HIGHLIGHT_NIGHT": {
-      "value": "{!NIGHT_GREEN_FILL}"
+      "value": "{!NIGHT_GREY_25}"
     }
   }
 }

package/base/colors/text.json CHANGED Viewed

@@ -37,11 +37,11 @@
     "TEXT_PRIMARY_NIGHT": {
       "value": "{!WHITE}"
     },
-    "TEXT_PRIMARY_ON_CONTRAST_DAY": {
+    "TEXT_PRIMARY_INVERSE_DAY": {
       "value": "{!WHITE}"
     },
-    "TEXT_PRIMARY_ON_CONTRAST_NIGHT": {
-      "value": "{!WHITE}"
+    "TEXT_PRIMARY_INVERSE_NIGHT": {
+      "value": "{!CHARCOAL}"
     },
     "TEXT_SECONDARY_DAY": {
       "value": "{!GREY_40}"
@@ -50,13 +50,6 @@
       "value": "{!SKY_GRAY_TINT_04}",
       "comment": "This colour needs to be changed to NIGHT_GREY_40 when we set the new hex values"
     },
-    "TEXT_SECONDARY_ON_CONTRAST_DAY": {
-      "value": "{!WHITE_ALPHA_80}",
-      "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"
-    },
-    "TEXT_SECONDARY_ON_CONTRAST_NIGHT": {
-      "value": "{!NIGHT_GREY_40}"
-    },
     "TEXT_DISABLED_DAY": {
       "value": "{!BLACK_ALPHA_20}"
     },
@@ -74,6 +67,19 @@
     },
     "TEXT_LINK_NIGHT": {
       "value": "{!NIGHT_BLUE}"
+    },
+    "TEXT_ON_LIGHT_DAY": {
+      "value": "{!CHARCOAL}"
+    },
+    "TEXT_ON_LIGHT_NIGHT": {
+      "value": "{!CHARCOAL}"
+    },
+    "TEXT_ON_DARK_DAY": {
+      "value": "{!WHITE}"
+    },
+    "TEXT_ON_DARK_NIGHT": {
+      "value": "{!WHITE}"
     }
   }
 }

package/base/colors.json CHANGED Viewed

@@ -6,6 +6,7 @@
     "./colors/status.json",
     "./colors/surface.json",
     "./colors/text.json",
-    "./colors/other.json"
+    "./colors/other.json",
+    "./colors/marcomms.json"
   ]
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/bpk-foundations-common",
-  "version": "2.5.1",
+  "version": "3.0.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
   "license": "Apache-2.0",
   "repository": {
@@ -20,5 +20,5 @@
     "color": "^3.0.0"
   },
   "type": "module",
-  "gitHead": "6e81f66d8dec3df04abea2ad3bfcd951ae53276b"
+  "gitHead": "2d6f16f9f80299a89ee28eaa2df8a33cf6c09913"
 }