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

Comparing version 14.0.0 to 14.0.1

package.json

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

tokens/base.common.js

@@ -269,3 +269,3 @@ /*
   breakpointQuerySmallMobile: "(max-width: 22.4375rem)",
-  breakpointDesktopMargin: "1rem * 3",
+  breakpointDesktopMargin: "3rem",
   buttonTextAlign: "center",
@@ -461,3 +461,3 @@ buttonActiveBoxShadow: "none",
   selectPaddingRight: "1.875rem",
-  selectLargeHeight: "2.625rem + .375rem",
+  selectLargeHeight: "3rem",
   inputColor: "rgb(22, 22, 22)",
@@ -476,3 +476,3 @@ selectBorder: "solid .0625rem #C2C9CD",
   formValidationColor: "rgb(231, 8, 102)",
-  textareaMinHeight: "2.625rem * 2",
+  textareaMinHeight: "5.25rem",
   inputHeight: "2.25rem",
@@ -523,8 +523,8 @@ selectPaddingBottom: ".375rem",
   panelBackgroundColor: "rgb(255, 255, 255)",
-  ratingBaseWidth: ".75rem * 4",
-  ratingBaseHeight: ".75rem * 4",
-  ratingSmWidth: ".75rem * 3",
-  ratingSmHeight: ".75rem * 3",
-  ratingLgWidth: "1.875rem * 2",
-  ratingLgHeight: "1.875rem * 2",
+  ratingBaseWidth: "3rem",
+  ratingBaseHeight: "3rem",
+  ratingSmWidth: "2.25rem",
+  ratingSmHeight: "2.25rem",
+  ratingLgWidth: "3.75rem",
+  ratingLgHeight: "3.75rem",
   spacingLgV2: "1.5rem",
@@ -531,0 +531,0 @@ spacingSmV2: ".25rem",

tokens/base.es6.js

@@ -267,3 +267,3 @@ /*
 export const breakpointQuerySmallMobile = "(max-width: 22.4375rem)";
-export const breakpointDesktopMargin = "1rem * 3";
+export const breakpointDesktopMargin = "3rem";
 export const buttonTextAlign = "center";
@@ -459,3 +459,3 @@ export const buttonActiveBoxShadow = "none";
 export const selectPaddingRight = "1.875rem";
-export const selectLargeHeight = "2.625rem + .375rem";
+export const selectLargeHeight = "3rem";
 export const inputColor = "rgb(22, 22, 22)";
@@ -474,3 +474,3 @@ export const selectBorder = "solid .0625rem #C2C9CD";
 export const formValidationColor = "rgb(231, 8, 102)";
-export const textareaMinHeight = "2.625rem * 2";
+export const textareaMinHeight = "5.25rem";
 export const inputHeight = "2.25rem";
@@ -521,8 +521,8 @@ export const selectPaddingBottom = ".375rem";
 export const panelBackgroundColor = "rgb(255, 255, 255)";
-export const ratingBaseWidth = ".75rem * 4";
-export const ratingBaseHeight = ".75rem * 4";
-export const ratingSmWidth = ".75rem * 3";
-export const ratingSmHeight = ".75rem * 3";
-export const ratingLgWidth = "1.875rem * 2";
-export const ratingLgHeight = "1.875rem * 2";
+export const ratingBaseWidth = "3rem";
+export const ratingBaseHeight = "3rem";
+export const ratingSmWidth = "2.25rem";
+export const ratingSmHeight = "2.25rem";
+export const ratingLgWidth = "3.75rem";
+export const ratingLgHeight = "3.75rem";
 export const spacingLgV2 = "1.5rem";
@@ -529,0 +529,0 @@ export const spacingSmV2 = ".25rem";

tokens/breakpoints.common.js

@@ -246,3 +246,3 @@ /*
   breakpointQuerySmallMobile: "(max-width: 22.4375rem)",
-  breakpointDesktopMargin: "1rem * 3"
+  breakpointDesktopMargin: "3rem"
 };

tokens/breakpoints.es6.js

@@ -244,3 +244,3 @@ /*
 export const breakpointQuerySmallMobile = "(max-width: 22.4375rem)";
-export const breakpointDesktopMargin = "1rem * 3";
+export const breakpointDesktopMargin = "3rem";
 export const breakpoints = {
@@ -247,0 +247,0 @@ breakpointQueryTabletOnly,

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

Worsened metrics

Total package byte prevSize

483444

decreased by-0.02%

No dependency changes