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

Comparing version 17.8.0 to 17.8.1

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "17.8.0",
+  "version": "17.8.1",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -20,6 +20,6 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@skyscanner/bpk-foundations-common": "^6.9.0",
-    "color": "^3.0.0"
+    "@skyscanner/bpk-foundations-common": "^6.9.1",
+    "color": "^4.2.3"
   },
-  "gitHead": "a504093a3093217538ff98dbe9513c5db0d4422a"
+  "gitHead": "539bc7c4037c5aa52be3571ca22a1c251c0d5fea"
 }

tokens/base.common.js

@@ -207,6 +207,6 @@ /*
   privateButtonFeaturedPressedBackgroundNight: "rgb(209, 247, 255)",
-  privateButtonPrimaryOnLightNormalBackgroundNight: "rgb(5, 32, 60)",
+  privateButtonPrimaryOnLightNormalBackgroundNight: "rgb(2, 77, 175)",
   privateButtonSecondaryPressedBackgroundDay: "rgb(193, 199, 207)",
   privateButtonLinkNormalForegroundDay: "rgb(0, 98, 227)",
-  privateButtonPrimaryOnLightDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
+  privateButtonPrimaryOnLightDisabledForegroundNight: "rgba(255, 255, 255, 0.2)",
   privateButtonSecondaryOnDarkDisabledBackgroundNight: "rgb(11, 18, 29)",
@@ -220,6 +220,6 @@ privateButtonDestructiveNormalForegroundNight: "rgb(255, 100, 156)",
   privateButtonFeaturedPressedBackgroundDay: "rgb(2, 77, 175)",
-  privateButtonPrimaryOnDarkDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
+  privateButtonPrimaryOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.2)",
   privateButtonSecondaryOnDarkDisabledBackgroundDay: "rgb(11, 18, 29)",
   privateButtonSecondaryOnDarkPressedBackgroundNight: "rgb(1, 9, 19)",
-  privateButtonDestructiveNormalForegroundDay: "rgb(200, 4, 86)",
+  privateButtonDestructiveNormalForegroundDay: "rgb(231, 8, 102)",
   privateButtonPrimaryOnDarkNormalBackgroundDay: "rgb(255, 255, 255)",
@@ -229,14 +229,14 @@ privateButtonPrimaryOnDarkDisabledForegroundDay: "rgba(0, 0, 0, 0.2)",
   privateButtonSecondaryOnDarkPressedBackgroundDay: "rgb(1, 9, 19)",
-  privateButtonPrimaryOnLightDisabledBackgroundNight: "rgb(224, 228, 233)",
-  privateButtonLinkPressedForegroundDay: "rgb(21, 70, 121)",
+  privateButtonPrimaryOnLightDisabledBackgroundNight: "rgb(11, 18, 29)",
+  privateButtonLinkPressedForegroundDay: "rgb(2, 77, 175)",
   privateButtonDestructiveNormalBackgroundNight: "rgb(36, 51, 70)",
-  privateButtonPrimaryNormalBackgroundNight: "rgb(5, 65, 132)",
+  privateButtonPrimaryNormalBackgroundNight: "rgb(2, 77, 175)",
   privateButtonDestructivePressedBackgroundNight: "rgb(255, 100, 156)",
-  privateButtonPrimaryPressedBackgroundNight: "rgb(0, 43, 91)",
+  privateButtonPrimaryPressedBackgroundNight: "rgb(5, 65, 132)",
   privateButtonPrimaryOnLightDisabledBackgroundDay: "rgb(224, 228, 233)",
-  privateButtonPrimaryOnDarkDisabledBackgroundNight: "rgb(224, 228, 233)",
+  privateButtonPrimaryOnDarkDisabledBackgroundNight: "rgb(11, 18, 29)",
   privateButtonPrimaryNormalBackgroundDay: "rgb(5, 32, 60)",
   privateButtonDestructiveNormalBackgroundDay: "rgb(224, 228, 233)",
   privateButtonLinkOnDarkPressedForegroundNight: "rgba(255, 255, 255, 0.5)",
-  privateButtonDestructivePressedBackgroundDay: "rgb(200, 4, 86)",
+  privateButtonDestructivePressedBackgroundDay: "rgb(231, 8, 102)",
   privateButtonPrimaryPressedBackgroundDay: "rgb(21, 70, 121)",
@@ -246,3 +246,3 @@ privateButtonPrimaryOnDarkDisabledBackgroundDay: "rgb(224, 228, 233)",
   privateButtonDisabledBackgroundNight: "rgb(11, 18, 29)",
-  privateButtonSecondaryOnDarkNormalBackgroundNight: "rgb(36, 51, 70)",
+  privateButtonSecondaryOnDarkNormalBackgroundNight: "rgba(255, 255, 255, 0.1)",
   privateButtonSecondaryOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.2)",
@@ -253,6 +253,6 @@ privateButtonLinkOnDarkPressedForegroundDay: "rgba(255, 255, 255, 0.5)",
   privateButtonDisabledBackgroundDay: "rgb(224, 228, 233)",
-  privateButtonSecondaryOnDarkNormalBackgroundDay: "rgb(36, 51, 70)",
+  privateButtonSecondaryOnDarkNormalBackgroundDay: "rgba(255, 255, 255, 0.1)",
   privateButtonSecondaryOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.2)",
   privateButtonPrimaryOnDarkPressedBackgroundDay: "rgb(193, 199, 207)",
-  privateButtonPrimaryOnLightPressedBackgroundNight: "rgb(21, 70, 121)",
+  privateButtonPrimaryOnLightPressedBackgroundNight: "rgb(5, 65, 132)",
   privateButtonFeaturedNormalBackgroundNight: "rgb(132, 233, 255)",
@@ -259,0 +259,0 @@ privateBarTrackDefaultDay: "rgb(224, 228, 233)",

tokens/base.es6.js

@@ -205,6 +205,6 @@ /*
 export const privateButtonFeaturedPressedBackgroundNight = "rgb(209, 247, 255)";
-export const privateButtonPrimaryOnLightNormalBackgroundNight = "rgb(5, 32, 60)";
+export const privateButtonPrimaryOnLightNormalBackgroundNight = "rgb(2, 77, 175)";
 export const privateButtonSecondaryPressedBackgroundDay = "rgb(193, 199, 207)";
 export const privateButtonLinkNormalForegroundDay = "rgb(0, 98, 227)";
-export const privateButtonPrimaryOnLightDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
+export const privateButtonPrimaryOnLightDisabledForegroundNight = "rgba(255, 255, 255, 0.2)";
 export const privateButtonSecondaryOnDarkDisabledBackgroundNight = "rgb(11, 18, 29)";
@@ -218,6 +218,6 @@ export const privateButtonDestructiveNormalForegroundNight = "rgb(255, 100, 156)";
 export const privateButtonFeaturedPressedBackgroundDay = "rgb(2, 77, 175)";
-export const privateButtonPrimaryOnDarkDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
+export const privateButtonPrimaryOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.2)";
 export const privateButtonSecondaryOnDarkDisabledBackgroundDay = "rgb(11, 18, 29)";
 export const privateButtonSecondaryOnDarkPressedBackgroundNight = "rgb(1, 9, 19)";
-export const privateButtonDestructiveNormalForegroundDay = "rgb(200, 4, 86)";
+export const privateButtonDestructiveNormalForegroundDay = "rgb(231, 8, 102)";
 export const privateButtonPrimaryOnDarkNormalBackgroundDay = "rgb(255, 255, 255)";
@@ -227,14 +227,14 @@ export const privateButtonPrimaryOnDarkDisabledForegroundDay = "rgba(0, 0, 0, 0.2)";
 export const privateButtonSecondaryOnDarkPressedBackgroundDay = "rgb(1, 9, 19)";
-export const privateButtonPrimaryOnLightDisabledBackgroundNight = "rgb(224, 228, 233)";
-export const privateButtonLinkPressedForegroundDay = "rgb(21, 70, 121)";
+export const privateButtonPrimaryOnLightDisabledBackgroundNight = "rgb(11, 18, 29)";
+export const privateButtonLinkPressedForegroundDay = "rgb(2, 77, 175)";
 export const privateButtonDestructiveNormalBackgroundNight = "rgb(36, 51, 70)";
-export const privateButtonPrimaryNormalBackgroundNight = "rgb(5, 65, 132)";
+export const privateButtonPrimaryNormalBackgroundNight = "rgb(2, 77, 175)";
 export const privateButtonDestructivePressedBackgroundNight = "rgb(255, 100, 156)";
-export const privateButtonPrimaryPressedBackgroundNight = "rgb(0, 43, 91)";
+export const privateButtonPrimaryPressedBackgroundNight = "rgb(5, 65, 132)";
 export const privateButtonPrimaryOnLightDisabledBackgroundDay = "rgb(224, 228, 233)";
-export const privateButtonPrimaryOnDarkDisabledBackgroundNight = "rgb(224, 228, 233)";
+export const privateButtonPrimaryOnDarkDisabledBackgroundNight = "rgb(11, 18, 29)";
 export const privateButtonPrimaryNormalBackgroundDay = "rgb(5, 32, 60)";
 export const privateButtonDestructiveNormalBackgroundDay = "rgb(224, 228, 233)";
 export const privateButtonLinkOnDarkPressedForegroundNight = "rgba(255, 255, 255, 0.5)";
-export const privateButtonDestructivePressedBackgroundDay = "rgb(200, 4, 86)";
+export const privateButtonDestructivePressedBackgroundDay = "rgb(231, 8, 102)";
 export const privateButtonPrimaryPressedBackgroundDay = "rgb(21, 70, 121)";
@@ -244,3 +244,3 @@ export const privateButtonPrimaryOnDarkDisabledBackgroundDay = "rgb(224, 228, 233)";
 export const privateButtonDisabledBackgroundNight = "rgb(11, 18, 29)";
-export const privateButtonSecondaryOnDarkNormalBackgroundNight = "rgb(36, 51, 70)";
+export const privateButtonSecondaryOnDarkNormalBackgroundNight = "rgba(255, 255, 255, 0.1)";
 export const privateButtonSecondaryOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.2)";
@@ -251,6 +251,6 @@ export const privateButtonLinkOnDarkPressedForegroundDay = "rgba(255, 255, 255, 0.5)";
 export const privateButtonDisabledBackgroundDay = "rgb(224, 228, 233)";
-export const privateButtonSecondaryOnDarkNormalBackgroundDay = "rgb(36, 51, 70)";
+export const privateButtonSecondaryOnDarkNormalBackgroundDay = "rgba(255, 255, 255, 0.1)";
 export const privateButtonSecondaryOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.2)";
 export const privateButtonPrimaryOnDarkPressedBackgroundDay = "rgb(193, 199, 207)";
-export const privateButtonPrimaryOnLightPressedBackgroundNight = "rgb(21, 70, 121)";
+export const privateButtonPrimaryOnLightPressedBackgroundNight = "rgb(5, 65, 132)";
 export const privateButtonFeaturedNormalBackgroundNight = "rgb(132, 233, 255)";
@@ -257,0 +257,0 @@ export const privateBarTrackDefaultDay = "rgb(224, 228, 233)";

No alert changes

Improved metrics

Total package byte prevSize

214614

increased by0.12%

Lines of code

4364

increased by0.14%

Dependency changes

• - Removedcolor@3.2.1(transitive)

• - Removedcolor-convert@1.9.3(transitive)

• - Removedcolor-name@1.1.3(transitive)

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

• Updatedcolor@^4.2.3