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

Comparing version 5.3.0 to 6.0.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "5.3.0",
+  "version": "6.0.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -23,3 +23,3 @@ "license": "Apache-2.0",
   },
-  "gitHead": "a5305a28e22f3667250164882d845571a637c883"
+  "gitHead": "8f9632775566823ced032d89fe2f482e95424919"
 }

tokens/base.common.js

@@ -74,13 +74,13 @@ /*
   buttonBackgroundColor: "rgb(0, 166, 152)",
-  buttonBorderRadius: ".375rem",
+  buttonBorderRadius: ".5rem",
   buttonBoxShadow: "none",
   buttonColor: "rgb(255, 255, 255)",
-  buttonDestructiveActiveBackgroundColor: "rgb(255, 255, 255)",
+  buttonDestructiveActiveBackgroundColor: "rgb(178, 46, 69)",
   buttonDestructiveActiveBorderColor: "rgb(209, 67, 91)",
   buttonDestructiveActiveBoxShadow: "0 0 0 3px #d1435b inset",
-  buttonDestructiveActiveColor: "rgb(209, 67, 91)",
-  buttonDestructiveBackgroundColor: "rgb(255, 255, 255)",
+  buttonDestructiveActiveColor: "rgb(255, 255, 255)",
+  buttonDestructiveBackgroundColor: "rgb(221, 221, 229)",
   buttonDestructiveBorderColor: "rgb(221, 221, 229)",
   buttonDestructiveBoxShadow: "0 0 0 2px #DDDDE5 inset",
-  buttonDestructiveColor: "rgb(209, 67, 91)",
+  buttonDestructiveColor: "rgb(178, 46, 69)",
   buttonDestructiveDisabledBackgroundColor: "rgb(221, 221, 229)",
@@ -90,7 +90,7 @@ buttonDestructiveDisabledBackgroundImage: "none",
   buttonDestructiveDisabledColor: "rgb(178, 178, 191)",
-  buttonDestructiveHoverBackgroundColor: "rgb(255, 255, 255)",
+  buttonDestructiveHoverBackgroundColor: "rgb(209, 67, 91)",
   buttonDestructiveHoverBackgroundImage: "none",
   buttonDestructiveHoverBorderColor: "rgb(209, 67, 91)",
   buttonDestructiveHoverBoxShadow: "0 0 0 2px #d1435b inset",
-  buttonDestructiveHoverColor: "rgb(209, 67, 91)",
+  buttonDestructiveHoverColor: "rgb(255, 255, 255)",
   buttonDisabledBackgroundColor: "rgb(221, 221, 229)",
@@ -118,3 +118,3 @@ buttonDisabledBackgroundImage: "none",
   buttonHeight: "2.25rem",
-  buttonHoverBackgroundColor: "rgb(0, 136, 125)",
+  buttonHoverBackgroundColor: "rgb(0, 136, 124)",
   buttonHoverBackgroundImage: "none",
@@ -127,3 +127,3 @@ buttonHoverBoxShadow: "none",
   buttonLargeHeight: "3rem",
-  buttonLargeLineHeight: "1.875rem",
+  buttonLargeLineHeight: "1.5rem",
   buttonLargePaddingX: "1.5rem",
@@ -149,3 +149,3 @@ buttonLargePaddingXIconOnly: ".5625rem",
   buttonPaddingY: ".375rem",
-  buttonSecondaryActiveBackgroundColor: "rgb(255, 255, 255)",
+  buttonSecondaryActiveBackgroundColor: "rgb(178, 178, 191)",
   buttonSecondaryActiveBackgroundImage: "none",
@@ -155,7 +155,7 @@ buttonSecondaryActiveBorderColor: "rgb(8, 78, 178)",
   buttonSecondaryActiveColor: "rgb(8, 78, 178)",
-  buttonSecondaryBackgroundColor: "rgb(255, 255, 255)",
+  buttonSecondaryBackgroundColor: "rgb(221, 221, 229)",
   buttonSecondaryBackgroundImage: "none",
   buttonSecondaryBorderColor: "rgb(221, 221, 229)",
   buttonSecondaryBoxShadow: "0 0 0 2px #DDDDE5 inset",
-  buttonSecondaryColor: "rgb(7, 112, 227)",
+  buttonSecondaryColor: "rgb(8, 78, 178)",
   buttonSecondaryDisabledBackgroundColor: "rgb(221, 221, 229)",
@@ -165,7 +165,7 @@ buttonSecondaryDisabledBackgroundImage: "none",
   buttonSecondaryDisabledColor: "rgb(178, 178, 191)",
-  buttonSecondaryHoverBackgroundColor: "rgb(255, 255, 255)",
+  buttonSecondaryHoverBackgroundColor: "rgb(205, 205, 215)",
   buttonSecondaryHoverBackgroundImage: "none",
   buttonSecondaryHoverBorderColor: "rgb(7, 112, 227)",
   buttonSecondaryHoverBoxShadow: "0 0 0 2px #0770e3 inset",
-  buttonSecondaryHoverColor: "rgb(7, 112, 227)",
+  buttonSecondaryHoverColor: "rgb(8, 78, 178)",
   buttonSelectedActiveBackgroundColor: "rgb(4, 39, 89)",
@@ -172,0 +172,0 @@ buttonSelectedActiveBackgroundImage: "none",

tokens/base.es6.js

@@ -72,13 +72,13 @@ /*
 export const buttonBackgroundColor = "rgb(0, 166, 152)";
-export const buttonBorderRadius = ".375rem";
+export const buttonBorderRadius = ".5rem";
 export const buttonBoxShadow = "none";
 export const buttonColor = "rgb(255, 255, 255)";
-export const buttonDestructiveActiveBackgroundColor = "rgb(255, 255, 255)";
+export const buttonDestructiveActiveBackgroundColor = "rgb(178, 46, 69)";
 export const buttonDestructiveActiveBorderColor = "rgb(209, 67, 91)";
 export const buttonDestructiveActiveBoxShadow = "0 0 0 3px #d1435b inset";
-export const buttonDestructiveActiveColor = "rgb(209, 67, 91)";
-export const buttonDestructiveBackgroundColor = "rgb(255, 255, 255)";
+export const buttonDestructiveActiveColor = "rgb(255, 255, 255)";
+export const buttonDestructiveBackgroundColor = "rgb(221, 221, 229)";
 export const buttonDestructiveBorderColor = "rgb(221, 221, 229)";
 export const buttonDestructiveBoxShadow = "0 0 0 2px #DDDDE5 inset";
-export const buttonDestructiveColor = "rgb(209, 67, 91)";
+export const buttonDestructiveColor = "rgb(178, 46, 69)";
 export const buttonDestructiveDisabledBackgroundColor = "rgb(221, 221, 229)";
@@ -88,7 +88,7 @@ export const buttonDestructiveDisabledBackgroundImage = "none";
 export const buttonDestructiveDisabledColor = "rgb(178, 178, 191)";
-export const buttonDestructiveHoverBackgroundColor = "rgb(255, 255, 255)";
+export const buttonDestructiveHoverBackgroundColor = "rgb(209, 67, 91)";
 export const buttonDestructiveHoverBackgroundImage = "none";
 export const buttonDestructiveHoverBorderColor = "rgb(209, 67, 91)";
 export const buttonDestructiveHoverBoxShadow = "0 0 0 2px #d1435b inset";
-export const buttonDestructiveHoverColor = "rgb(209, 67, 91)";
+export const buttonDestructiveHoverColor = "rgb(255, 255, 255)";
 export const buttonDisabledBackgroundColor = "rgb(221, 221, 229)";
@@ -116,3 +116,3 @@ export const buttonDisabledBackgroundImage = "none";
 export const buttonHeight = "2.25rem";
-export const buttonHoverBackgroundColor = "rgb(0, 136, 125)";
+export const buttonHoverBackgroundColor = "rgb(0, 136, 124)";
 export const buttonHoverBackgroundImage = "none";
@@ -125,3 +125,3 @@ export const buttonHoverBoxShadow = "none";
 export const buttonLargeHeight = "3rem";
-export const buttonLargeLineHeight = "1.875rem";
+export const buttonLargeLineHeight = "1.5rem";
 export const buttonLargePaddingX = "1.5rem";
@@ -147,3 +147,3 @@ export const buttonLargePaddingXIconOnly = ".5625rem";
 export const buttonPaddingY = ".375rem";
-export const buttonSecondaryActiveBackgroundColor = "rgb(255, 255, 255)";
+export const buttonSecondaryActiveBackgroundColor = "rgb(178, 178, 191)";
 export const buttonSecondaryActiveBackgroundImage = "none";
@@ -153,7 +153,7 @@ export const buttonSecondaryActiveBorderColor = "rgb(8, 78, 178)";
 export const buttonSecondaryActiveColor = "rgb(8, 78, 178)";
-export const buttonSecondaryBackgroundColor = "rgb(255, 255, 255)";
+export const buttonSecondaryBackgroundColor = "rgb(221, 221, 229)";
 export const buttonSecondaryBackgroundImage = "none";
 export const buttonSecondaryBorderColor = "rgb(221, 221, 229)";
 export const buttonSecondaryBoxShadow = "0 0 0 2px #DDDDE5 inset";
-export const buttonSecondaryColor = "rgb(7, 112, 227)";
+export const buttonSecondaryColor = "rgb(8, 78, 178)";
 export const buttonSecondaryDisabledBackgroundColor = "rgb(221, 221, 229)";
@@ -163,7 +163,7 @@ export const buttonSecondaryDisabledBackgroundImage = "none";
 export const buttonSecondaryDisabledColor = "rgb(178, 178, 191)";
-export const buttonSecondaryHoverBackgroundColor = "rgb(255, 255, 255)";
+export const buttonSecondaryHoverBackgroundColor = "rgb(205, 205, 215)";
 export const buttonSecondaryHoverBackgroundImage = "none";
 export const buttonSecondaryHoverBorderColor = "rgb(7, 112, 227)";
 export const buttonSecondaryHoverBoxShadow = "0 0 0 2px #0770e3 inset";
-export const buttonSecondaryHoverColor = "rgb(7, 112, 227)";
+export const buttonSecondaryHoverColor = "rgb(8, 78, 178)";
 export const buttonSelectedActiveBackgroundColor = "rgb(4, 39, 89)";
@@ -170,0 +170,0 @@ export const buttonSelectedActiveBackgroundImage = "none";

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

Improved metrics

Total package byte prevSize

237794

increased by0.17%

Lines of code

5336

increased by0.28%

No dependency changes