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

Comparing version 11.0.1 to 12.0.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "11.0.1",
+  "version": "12.0.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -23,3 +23,3 @@ "license": "Apache-2.0",
   },
-  "gitHead": "82a68e3a828fd80cdddfd55697df4e40b74cc315"
+  "gitHead": "29e8f260522d004c3e4d983ba6329f82a05a7bbe"
 }

tokens/base.common.js

@@ -278,3 +278,3 @@ /*
   buttonPrimaryOnDarkHoverBackgroundImage: "none",
-  buttonSecondaryOnDarkDisabledColor: "rgb(178, 178, 191)",
+  buttonSecondaryOnDarkDisabledColor: "rgba(0, 0, 0, 0.2)",
   buttonDestructiveHoverBoxShadow: "0 0 0 2px #d1435b inset",
@@ -321,3 +321,3 @@ buttonLargeLineHeight: "1.5rem",
   buttonOutlineDisabledColor: "rgb(178, 178, 191)",
-  buttonDestructiveDisabledColor: "rgb(178, 178, 191)",
+  buttonDestructiveDisabledColor: "rgba(0, 0, 0, 0.2)",
   buttonSecondaryBackgroundColor: "rgb(221, 221, 229)",
@@ -344,5 +344,5 @@ buttonSecondaryOnDarkActiveBackgroundColor: "rgba(255, 255, 255, 0.2)",
   buttonPrimaryOnLightActiveBackgroundColor: "rgb(104, 105, 127)",
-  buttonPrimaryOnDarkHoverColor: "rgb(17, 18, 54)",
+  buttonPrimaryOnDarkHoverColor: "rgb(22, 22, 22)",
   buttonSecondaryHoverBackgroundColor: "rgb(205, 205, 215)",
-  buttonDisabledColor: "rgb(178, 178, 191)",
+  buttonDisabledColor: "rgba(0, 0, 0, 0.2)",
   buttonDestructiveDisabledBoxShadow: "none",
@@ -359,3 +359,3 @@ buttonOutlineDisabledBoxShadow: "none",
   buttonPrimaryOnDarkActiveBackgroundImage: "none",
-  buttonPrimaryOnDarkColor: "rgb(17, 18, 54)",
+  buttonPrimaryOnDarkColor: "rgb(22, 22, 22)",
   buttonPrimaryOnLightBackgroundColor: "rgb(17, 18, 54)",
@@ -368,3 +368,3 @@ buttonFeaturedHoverBackgroundImage: "none",
   buttonSecondaryActiveBackgroundColor: "rgb(178, 178, 191)",
-  buttonPrimaryOnDarkDisabledColor: "rgb(178, 178, 191)",
+  buttonPrimaryOnDarkDisabledColor: "rgba(0, 0, 0, 0.2)",
   buttonDestructiveActiveColor: "rgb(255, 255, 255)",
@@ -407,3 +407,3 @@ buttonSecondaryOnDarkDisabledBackgroundColor: "rgb(221, 221, 229)",
   buttonDestructiveHoverBorderColor: "rgb(209, 67, 91)",
-  buttonPrimaryOnDarkActiveColor: "rgb(17, 18, 54)",
+  buttonPrimaryOnDarkActiveColor: "rgb(22, 22, 22)",
   buttonPrimaryOnDarkBackgroundImage: "none",
@@ -417,3 +417,3 @@ buttonSecondaryDisabledBackgroundColor: "rgb(221, 221, 229)",
   buttonSecondaryDisabledBoxShadow: "none",
-  buttonPrimaryOnLightDisabledColor: "rgb(178, 178, 191)",
+  buttonPrimaryOnLightDisabledColor: "rgba(0, 0, 0, 0.2)",
   buttonFeaturedColor: "rgb(255, 255, 255)",
@@ -420,0 +420,0 @@ buttonOutlineHoverBackgroundColor: "rgba(0, 0, 0, 0)",

tokens/base.es6.js

@@ -276,3 +276,3 @@ /*
 export const buttonPrimaryOnDarkHoverBackgroundImage = "none";
-export const buttonSecondaryOnDarkDisabledColor = "rgb(178, 178, 191)";
+export const buttonSecondaryOnDarkDisabledColor = "rgba(0, 0, 0, 0.2)";
 export const buttonDestructiveHoverBoxShadow = "0 0 0 2px #d1435b inset";
@@ -319,3 +319,3 @@ export const buttonLargeLineHeight = "1.5rem";
 export const buttonOutlineDisabledColor = "rgb(178, 178, 191)";
-export const buttonDestructiveDisabledColor = "rgb(178, 178, 191)";
+export const buttonDestructiveDisabledColor = "rgba(0, 0, 0, 0.2)";
 export const buttonSecondaryBackgroundColor = "rgb(221, 221, 229)";
@@ -342,5 +342,5 @@ export const buttonSecondaryOnDarkActiveBackgroundColor = "rgba(255, 255, 255, 0.2)";
 export const buttonPrimaryOnLightActiveBackgroundColor = "rgb(104, 105, 127)";
-export const buttonPrimaryOnDarkHoverColor = "rgb(17, 18, 54)";
+export const buttonPrimaryOnDarkHoverColor = "rgb(22, 22, 22)";
 export const buttonSecondaryHoverBackgroundColor = "rgb(205, 205, 215)";
-export const buttonDisabledColor = "rgb(178, 178, 191)";
+export const buttonDisabledColor = "rgba(0, 0, 0, 0.2)";
 export const buttonDestructiveDisabledBoxShadow = "none";
@@ -357,3 +357,3 @@ export const buttonOutlineDisabledBoxShadow = "none";
 export const buttonPrimaryOnDarkActiveBackgroundImage = "none";
-export const buttonPrimaryOnDarkColor = "rgb(17, 18, 54)";
+export const buttonPrimaryOnDarkColor = "rgb(22, 22, 22)";
 export const buttonPrimaryOnLightBackgroundColor = "rgb(17, 18, 54)";
@@ -366,3 +366,3 @@ export const buttonFeaturedHoverBackgroundImage = "none";
 export const buttonSecondaryActiveBackgroundColor = "rgb(178, 178, 191)";
-export const buttonPrimaryOnDarkDisabledColor = "rgb(178, 178, 191)";
+export const buttonPrimaryOnDarkDisabledColor = "rgba(0, 0, 0, 0.2)";
 export const buttonDestructiveActiveColor = "rgb(255, 255, 255)";
@@ -405,3 +405,3 @@ export const buttonSecondaryOnDarkDisabledBackgroundColor = "rgb(221, 221, 229)";
 export const buttonDestructiveHoverBorderColor = "rgb(209, 67, 91)";
-export const buttonPrimaryOnDarkActiveColor = "rgb(17, 18, 54)";
+export const buttonPrimaryOnDarkActiveColor = "rgb(22, 22, 22)";
 export const buttonPrimaryOnDarkBackgroundImage = "none";
@@ -415,3 +415,3 @@ export const buttonSecondaryDisabledBackgroundColor = "rgb(221, 221, 229)";
 export const buttonSecondaryDisabledBoxShadow = "none";
-export const buttonPrimaryOnLightDisabledColor = "rgb(178, 178, 191)";
+export const buttonPrimaryOnLightDisabledColor = "rgba(0, 0, 0, 0.2)";
 export const buttonFeaturedColor = "rgb(255, 255, 255)";
@@ -418,0 +418,0 @@ export const buttonOutlineHoverBackgroundColor = "rgba(0, 0, 0, 0)";

No alert changes

Improved metrics

Total package byte prevSize

485541

increased by0.46%

Lines of code

10203

increased by0.85%

No dependency changes