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

Comparing version 4.3.3 to 4.4.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "4.3.3",
+  "version": "4.4.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -23,3 +23,3 @@ "license": "Apache-2.0",
   },
-  "gitHead": "00682188152f07957e89dbbc1389bb4e85e4d537"
+  "gitHead": "379e41341d357e30b673e22cc010d64d9cf34724"
 }

tokens/base.common.js

@@ -242,2 +242,5 @@ /*
   fontFamilyBase: "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
+  fontSize6Xl: "4.75rem",
+  fontSize7Xl: "6rem",
+  fontSize8Xl: "7.5rem",
   fontSizeBase: "1rem",
@@ -255,2 +258,3 @@ fontSizeLg: "1.25rem",
   fontWeightBold: "700",
+  fontWeightBook: "400",
   formValidationArrowSize: ".375rem",
@@ -306,6 +310,13 @@ formValidationColor: "rgb(209, 67, 91)",
   labelLineHeight: "1rem",
+  letterSpacingTight: "-0.02em",
+  lineHeight6Xl: "5.25rem",
+  lineHeight7Xl: "6rem",
+  lineHeight8Xl: "7.5rem",
   lineHeightBase: "1.25rem",
+  lineHeightBaseTight: "1.25rem",
   lineHeightLg: "1.625rem",
+  lineHeightLgTight: "1.5rem",
   lineHeightSm: "1.125rem",
   lineHeightXl: "1.9375rem",
+  lineHeightXlTight: "1.75rem",
   lineHeightXs: "1rem",
@@ -312,0 +323,0 @@ lineHeightXxl: "2.4375rem",

tokens/base.es6.js

@@ -240,2 +240,5 @@ /*
 export const fontFamilyBase = "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
+export const fontSize6Xl = "4.75rem";
+export const fontSize7Xl = "6rem";
+export const fontSize8Xl = "7.5rem";
 export const fontSizeBase = "1rem";
@@ -253,2 +256,3 @@ export const fontSizeLg = "1.25rem";
 export const fontWeightBold = "700";
+export const fontWeightBook = "400";
 export const formValidationArrowSize = ".375rem";
@@ -304,6 +308,13 @@ export const formValidationColor = "rgb(209, 67, 91)";
 export const labelLineHeight = "1rem";
+export const letterSpacingTight = "-0.02em";
+export const lineHeight6Xl = "5.25rem";
+export const lineHeight7Xl = "6rem";
+export const lineHeight8Xl = "7.5rem";
 export const lineHeightBase = "1.25rem";
+export const lineHeightBaseTight = "1.25rem";
 export const lineHeightLg = "1.625rem";
+export const lineHeightLgTight = "1.5rem";
 export const lineHeightSm = "1.125rem";
 export const lineHeightXl = "1.9375rem";
+export const lineHeightXlTight = "1.75rem";
 export const lineHeightXs = "1rem";
@@ -678,2 +689,3 @@ export const lineHeightXxl = "2.4375rem";
 fontWeightBold,
+fontWeightBook,
 h1FontWeight,
@@ -749,2 +761,3 @@ h2FontWeight,
 export const letterSpacings = {
+letterSpacingTight,
 textBaseLetterSpacing,
@@ -885,2 +898,5 @@ textLgLetterSpacing,
 fontFamilyBase,
+fontSize6Xl,
+fontSize7Xl,
+fontSize8Xl,
 fontSizeBase,
@@ -896,6 +912,12 @@ fontSizeLg,
 fontSizeXxxxxl,
+lineHeight6Xl,
+lineHeight7Xl,
+lineHeight8Xl,
 lineHeightBase,
+lineHeightBaseTight,
 lineHeightLg,
+lineHeightLgTight,
 lineHeightSm,
 lineHeightXl,
+lineHeightXlTight,
 lineHeightXs,
@@ -902,0 +924,0 @@ lineHeightXxl,

tokens/breakpoints.raw.json

@@ -129,2 +129,5 @@ {
     },
+    "FONT_WEIGHT_BOOK": {
+      "value": "400"
+    },
     "FONT_SIZE_XL": {
@@ -175,2 +178,5 @@ "value": "1.5rem"
     },
+    "LETTER_SPACING_TIGHT": {
+      "value": "-0.02em"
+    },
     "FONT_SIZE_LG": {
@@ -191,2 +197,8 @@ "value": "1.25rem"
     },
+    "FONT_LINE_HEIGHT_BASE_TIGHT": {
+      "value": "1.25rem"
+    },
+    "FONT_LINE_HEIGHT_6XL": {
+      "value": "5.25rem"
+    },
     "FONT_LINE_HEIGHT_BASE": {
@@ -204,2 +216,8 @@ "value": "1.25rem"
     },
+    "FONT_LINE_HEIGHT_7XL": {
+      "value": "6rem"
+    },
+    "FONT_LINE_HEIGHT_8XL": {
+      "value": "7.5rem"
+    },
     "FONT_LINE_HEIGHT_XXL": {
@@ -220,2 +238,5 @@ "value": "2.4375rem"
     },
+    "FONT_LINE_HEIGHT_XL_TIGHT": {
+      "value": "1.75rem"
+    },
     "BORDER_RADIUS_MD": {
@@ -266,2 +287,5 @@ "value": ".75rem"
     },
+    "FONT_LINE_HEIGHT_LG_TIGHT": {
+      "value": "1.5rem"
+    },
     "SPACING_LG": {
@@ -285,2 +309,5 @@ "value": "1.875rem"
     },
+    "FONT_SIZE_6XL": {
+      "value": "4.75rem"
+    },
     "ZINDEX_TOOLTIP": {
@@ -292,2 +319,8 @@ "value": "900"
     },
+    "FONT_SIZE_7XL": {
+      "value": "6rem"
+    },
+    "FONT_SIZE_8XL": {
+      "value": "7.5rem"
+    },
     "ZINDEX_POPOVER": {
@@ -294,0 +327,0 @@ "value": "900"

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

235506

increased by2.51%

Lines of code

5244

increased by3.47%

No dependency changes