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

Comparing version 2.0.0 to 2.1.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -23,3 +23,3 @@ "license": "Apache-2.0",
   },
-  "gitHead": "c76b4db60978d40156b4b53e149227ffb4bb9460"
+  "gitHead": "605e65d0df230cd7e6001987c708bc3edc46dbfb"
 }

tokens/base.common.js

@@ -115,2 +115,3 @@ /*
   buttonGradientStartColor: "rgb(0, 166, 152)",
+  buttonHeight: "2.25rem",
   buttonHoverBackgroundColor: "rgb(0, 136, 125)",
@@ -123,2 +124,3 @@ buttonHoverBackgroundImage: "none",
   buttonLargeFontSize: "1.5rem",
+  buttonLargeHeight: "3rem",
   buttonLargeLineHeight: "1.875rem",
@@ -295,6 +297,6 @@ buttonLargePaddingX: "1.5rem",
   inputDisabledColor: "rgb(178, 178, 191)",
-  inputHeight: "2.250rem",
-  inputLargeHeight: "2.625rem + .375rem",
-  inputPaddingX: ".75rem",
-  inputPaddingY: ".375rem",
+  inputHeight: "2.25rem",
+  inputLargeHeight: "3rem",
+  inputPaddingX: "1rem",
+  inputPaddingY: ".5rem",
   inputPlaceholderColor: "rgb(104, 105, 127)",
@@ -301,0 +303,0 @@ labelColor: "rgb(17, 18, 54)",

tokens/base.es6.js

@@ -113,2 +113,3 @@ /*
 export const buttonGradientStartColor = "rgb(0, 166, 152)";
+export const buttonHeight = "2.25rem";
 export const buttonHoverBackgroundColor = "rgb(0, 136, 125)";
@@ -121,2 +122,3 @@ export const buttonHoverBackgroundImage = "none";
 export const buttonLargeFontSize = "1.5rem";
+export const buttonLargeHeight = "3rem";
 export const buttonLargeLineHeight = "1.875rem";
@@ -293,6 +295,6 @@ export const buttonLargePaddingX = "1.5rem";
 export const inputDisabledColor = "rgb(178, 178, 191)";
-export const inputHeight = "2.250rem";
-export const inputLargeHeight = "2.625rem + .375rem";
-export const inputPaddingX = ".75rem";
-export const inputPaddingY = ".375rem";
+export const inputHeight = "2.25rem";
+export const inputLargeHeight = "3rem";
+export const inputPaddingX = "1rem";
+export const inputPaddingY = ".5rem";
 export const inputPlaceholderColor = "rgb(104, 105, 127)";
@@ -511,2 +513,3 @@ export const labelColor = "rgb(17, 18, 54)";
 buttonGradientStartColor,
+buttonHeight,
 buttonHoverBackgroundColor,
@@ -519,2 +522,3 @@ buttonHoverBackgroundImage,
 buttonLargeFontSize,
+buttonLargeHeight,
 buttonLargeLineHeight,
@@ -521,0 +525,0 @@ buttonLargePaddingX,

tokens/breakpoints.raw.json

@@ -246,2 +246,5 @@ {
     },
+    "BUTTON_HEIGHT": {
+      "value": "2.25rem"
+    },
     "BORDER_RADIUS_XS": {
@@ -271,2 +274,5 @@ "value": ".25rem"
     },
+    "BUTTON_LARGE_HEIGHT": {
+      "value": "3rem"
+    },
     "FONT_LINE_HEIGHT_LG": {
@@ -273,0 +279,0 @@ "value": "1.625rem"

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

227468

increased by0.39%

Lines of code

5005

increased by0.64%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes