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

Comparing version 8.5.0 to 8.5.1

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "8.5.0",
+  "version": "8.5.1",
   "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.0",
+    "@skyscanner/bpk-foundations-common": "^2.6.1",
     "color": "^3.0.0"
   },
-  "gitHead": "a4c0e40e6e6cf8f2e678540d94bc7a5c516729fb"
+  "gitHead": "a91140d169f2cb3b371d864029aaee4471323fd1"
 }

tokens/base.common.js

@@ -258,3 +258,3 @@ /*
   canvasContrastDay: "rgb(241, 242, 248)",
-  canvasContrastNight: "rgb(44, 44, 46)",
+  canvasContrastNight: "rgb(29, 27, 32)",
   canvasDay: "rgb(255, 255, 255)",
@@ -301,4 +301,4 @@ canvasNight: "rgb(0, 0, 0)",
   colorNightGrey10: "rgb(0, 0, 0)",
-  colorNightGrey20: "rgb(44, 44, 46)",
-  colorNightGrey25: "rgb(27, 40, 57)",
+  colorNightGrey20: "rgb(29, 27, 32)",
+  colorNightGrey25: "rgb(44, 44, 46)",
   colorNightGrey30: "rgb(72, 72, 74)",
@@ -548,9 +548,9 @@ colorNightGrey40: "rgb(142, 142, 147)",
   surfaceContrastDay: "rgb(2, 18, 44)",
-  surfaceContrastNight: "rgb(44, 44, 46)",
+  surfaceContrastNight: "rgb(29, 27, 32)",
   surfaceDefaultDay: "rgb(255, 255, 255)",
-  surfaceDefaultNight: "rgb(44, 44, 46)",
+  surfaceDefaultNight: "rgb(29, 27, 32)",
   surfaceElevatedDay: "rgb(255, 255, 255)",
-  surfaceElevatedNight: "rgb(27, 40, 57)",
+  surfaceElevatedNight: "rgb(44, 44, 46)",
   surfaceHighlightDay: "rgb(221, 221, 229)",
-  surfaceHighlightNight: "rgb(177, 255, 231)",
+  surfaceHighlightNight: "rgb(44, 44, 46)",
   textareaMinHeight: "2.625rem * 2",
@@ -557,0 +557,0 @@ textBaseFontSize: "1rem",

tokens/base.es6.js

@@ -256,3 +256,3 @@ /*
 export const canvasContrastDay = "rgb(241, 242, 248)";
-export const canvasContrastNight = "rgb(44, 44, 46)";
+export const canvasContrastNight = "rgb(29, 27, 32)";
 export const canvasDay = "rgb(255, 255, 255)";
@@ -299,4 +299,4 @@ export const canvasNight = "rgb(0, 0, 0)";
 export const colorNightGrey10 = "rgb(0, 0, 0)";
-export const colorNightGrey20 = "rgb(44, 44, 46)";
-export const colorNightGrey25 = "rgb(27, 40, 57)";
+export const colorNightGrey20 = "rgb(29, 27, 32)";
+export const colorNightGrey25 = "rgb(44, 44, 46)";
 export const colorNightGrey30 = "rgb(72, 72, 74)";
@@ -546,9 +546,9 @@ export const colorNightGrey40 = "rgb(142, 142, 147)";
 export const surfaceContrastDay = "rgb(2, 18, 44)";
-export const surfaceContrastNight = "rgb(44, 44, 46)";
+export const surfaceContrastNight = "rgb(29, 27, 32)";
 export const surfaceDefaultDay = "rgb(255, 255, 255)";
-export const surfaceDefaultNight = "rgb(44, 44, 46)";
+export const surfaceDefaultNight = "rgb(29, 27, 32)";
 export const surfaceElevatedDay = "rgb(255, 255, 255)";
-export const surfaceElevatedNight = "rgb(27, 40, 57)";
+export const surfaceElevatedNight = "rgb(44, 44, 46)";
 export const surfaceHighlightDay = "rgb(221, 221, 229)";
-export const surfaceHighlightNight = "rgb(177, 255, 231)";
+export const surfaceHighlightNight = "rgb(44, 44, 46)";
 export const textareaMinHeight = "2.625rem * 2";
@@ -555,0 +555,0 @@ export const textBaseFontSize = "1rem";

tokens/breakpoints.common.js

@@ -58,3 +58,3 @@ /*
   canvasContrastDay: "rgb(241, 242, 248)",
-  canvasContrastNight: "rgb(44, 44, 46)",
+  canvasContrastNight: "rgb(29, 27, 32)",
   canvasDay: "rgb(255, 255, 255)",
@@ -97,4 +97,4 @@ canvasNight: "rgb(0, 0, 0)",
   colorNightGrey10: "rgb(0, 0, 0)",
-  colorNightGrey20: "rgb(44, 44, 46)",
-  colorNightGrey25: "rgb(27, 40, 57)",
+  colorNightGrey20: "rgb(29, 27, 32)",
+  colorNightGrey25: "rgb(44, 44, 46)",
   colorNightGrey30: "rgb(72, 72, 74)",
@@ -178,9 +178,9 @@ colorNightGrey40: "rgb(142, 142, 147)",
   surfaceContrastDay: "rgb(2, 18, 44)",
-  surfaceContrastNight: "rgb(44, 44, 46)",
+  surfaceContrastNight: "rgb(29, 27, 32)",
   surfaceDefaultDay: "rgb(255, 255, 255)",
-  surfaceDefaultNight: "rgb(44, 44, 46)",
+  surfaceDefaultNight: "rgb(29, 27, 32)",
   surfaceElevatedDay: "rgb(255, 255, 255)",
-  surfaceElevatedNight: "rgb(27, 40, 57)",
+  surfaceElevatedNight: "rgb(44, 44, 46)",
   surfaceHighlightDay: "rgb(221, 221, 229)",
-  surfaceHighlightNight: "rgb(177, 255, 231)",
+  surfaceHighlightNight: "rgb(44, 44, 46)",
   textDisabledDay: "rgb(178, 178, 191)",
@@ -187,0 +187,0 @@ textDisabledNight: "rgb(142, 142, 147)",

tokens/breakpoints.es6.js

@@ -56,3 +56,3 @@ /*
 export const canvasContrastDay = "rgb(241, 242, 248)";
-export const canvasContrastNight = "rgb(44, 44, 46)";
+export const canvasContrastNight = "rgb(29, 27, 32)";
 export const canvasDay = "rgb(255, 255, 255)";
@@ -95,4 +95,4 @@ export const canvasNight = "rgb(0, 0, 0)";
 export const colorNightGrey10 = "rgb(0, 0, 0)";
-export const colorNightGrey20 = "rgb(44, 44, 46)";
-export const colorNightGrey25 = "rgb(27, 40, 57)";
+export const colorNightGrey20 = "rgb(29, 27, 32)";
+export const colorNightGrey25 = "rgb(44, 44, 46)";
 export const colorNightGrey30 = "rgb(72, 72, 74)";
@@ -176,9 +176,9 @@ export const colorNightGrey40 = "rgb(142, 142, 147)";
 export const surfaceContrastDay = "rgb(2, 18, 44)";
-export const surfaceContrastNight = "rgb(44, 44, 46)";
+export const surfaceContrastNight = "rgb(29, 27, 32)";
 export const surfaceDefaultDay = "rgb(255, 255, 255)";
-export const surfaceDefaultNight = "rgb(44, 44, 46)";
+export const surfaceDefaultNight = "rgb(29, 27, 32)";
 export const surfaceElevatedDay = "rgb(255, 255, 255)";
-export const surfaceElevatedNight = "rgb(27, 40, 57)";
+export const surfaceElevatedNight = "rgb(44, 44, 46)";
 export const surfaceHighlightDay = "rgb(221, 221, 229)";
-export const surfaceHighlightNight = "rgb(177, 255, 231)";
+export const surfaceHighlightNight = "rgb(44, 44, 46)";
 export const textDisabledDay = "rgb(178, 178, 191)";
@@ -185,0 +185,0 @@ export const textDisabledNight = "rgb(142, 142, 147)";

tokens/breakpoints.raw.json

@@ -151,3 +151,3 @@ {
     "NIGHT_GREY_20": {
-      "value": "#2C2C2E"
+      "value": "#1D1B20"
     },
@@ -182,3 +182,3 @@ "DARK_SKY": {
     "NIGHT_GREY_25": {
-      "value": "#1B2839"
+      "value": "#2C2C2E"
     },
@@ -445,3 +445,3 @@ "GREY_40": {
       "category": "colors",
-      "value": "rgb(27, 40, 57)",
+      "value": "rgb(44, 44, 46)",
       "originalValue": "{!NIGHT_GREY_25}",
@@ -838,3 +838,3 @@ "name": "COLOR_NIGHT_GREY_25"
       "category": "colors",
-      "value": "rgb(44, 44, 46)",
+      "value": "rgb(29, 27, 32)",
       "originalValue": "{!NIGHT_GREY_20}",
@@ -951,3 +951,3 @@ "name": "COLOR_NIGHT_GREY_20"
       "category": "canvas-colors",
-      "value": "rgb(44, 44, 46)",
+      "value": "rgb(29, 27, 32)",
       "originalValue": "{!NIGHT_GREY_20}",
@@ -1092,3 +1092,3 @@ "name": "CANVAS_CONTRAST_NIGHT"
       "category": "surface-colors",
-      "value": "rgb(44, 44, 46)",
+      "value": "rgb(29, 27, 32)",
       "originalValue": "{!NIGHT_GREY_20}",
@@ -1107,3 +1107,3 @@ "name": "SURFACE_CONTRAST_NIGHT"
       "category": "surface-colors",
-      "value": "rgb(44, 44, 46)",
+      "value": "rgb(29, 27, 32)",
       "originalValue": "{!NIGHT_GREY_20}",
@@ -1122,3 +1122,3 @@ "name": "SURFACE_DEFAULT_NIGHT"
       "category": "surface-colors",
-      "value": "rgb(27, 40, 57)",
+      "value": "rgb(44, 44, 46)",
       "originalValue": "{!NIGHT_GREY_25}",
@@ -1137,4 +1137,4 @@ "name": "SURFACE_ELEVATED_NIGHT"
       "category": "surface-colors",
-      "value": "rgb(177, 255, 231)",
-      "originalValue": "{!NIGHT_GREEN_FILL}",
+      "value": "rgb(44, 44, 46)",
+      "originalValue": "{!NIGHT_GREY_25}",
       "name": "SURFACE_HIGHLIGHT_NIGHT"
@@ -1141,0 +1141,0 @@ },

No alert changes

Worsened metrics

Total package byte prevSize

407092

decreased by-0.01%

Dependency changes

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