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

Comparing version 4.4.0 to 5.0.0

package.json

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

tokens/base.common.js

@@ -251,6 +251,6 @@ /*
   fontSizeXs: ".75rem",
-  fontSizeXxl: "1.875rem",
-  fontSizeXxxl: "2.25rem",
-  fontSizeXxxxl: "2.625rem",
-  fontSizeXxxxxl: "3.75rem",
+  fontSizeXxl: "2rem",
+  fontSizeXxxl: "2.5rem",
+  fontSizeXxxxl: "3rem",
+  fontSizeXxxxxl: "4rem",
   fontWeightBlack: "900",
@@ -265,14 +265,14 @@ fontWeightBold: "700",
   gridGutter: "1.5rem",
-  h1FontSize: "2.625rem",
+  h1FontSize: "3rem",
   h1FontWeight: "400",
-  h1LineHeight: "2.9375rem",
-  h2FontSize: "1.875rem",
+  h1LineHeight: "3rem",
+  h2FontSize: "2rem",
   h2FontWeight: "400",
-  h2LineHeight: "2.4375rem",
+  h2LineHeight: "2.5rem",
   h3FontSize: "1.5rem",
   h3FontWeight: "400",
-  h3LineHeight: "1.9375rem",
+  h3LineHeight: "2rem",
   h4FontSize: "1rem",
   h4FontWeight: "700",
-  h4LineHeight: "1.25rem",
+  h4LineHeight: "1.5rem",
   h5FontSize: ".75rem",
@@ -314,14 +314,14 @@ h5FontWeight: "700",
   lineHeight8Xl: "7.5rem",
-  lineHeightBase: "1.25rem",
+  lineHeightBase: "1.5rem",
   lineHeightBaseTight: "1.25rem",
-  lineHeightLg: "1.625rem",
+  lineHeightLg: "1.75rem",
   lineHeightLgTight: "1.5rem",
-  lineHeightSm: "1.125rem",
-  lineHeightXl: "1.9375rem",
+  lineHeightSm: "1.25rem",
+  lineHeightXl: "2rem",
   lineHeightXlTight: "1.75rem",
   lineHeightXs: "1rem",
-  lineHeightXxl: "2.4375rem",
-  lineHeightXxxl: "2.9375rem",
-  lineHeightXxxxl: "3.4375rem",
-  lineHeightXxxxxl: "4.875rem",
+  lineHeightXxl: "2.5rem",
+  lineHeightXxxl: "3rem",
+  lineHeightXxxxl: "3.5rem",
+  lineHeightXxxxxl: "4.5rem",
   lineLightColor: "rgb(205, 205, 215)",
@@ -409,7 +409,7 @@ linkActiveColor: "rgb(4, 39, 89)",
   textBaseLetterSpacing: "normal",
-  textBaseLineHeight: "1.25rem",
+  textBaseLineHeight: "1.5rem",
   textLgFontSize: "1.25rem",
   textLgFontWeight: "400",
   textLgLetterSpacing: "normal",
-  textLgLineHeight: "1.625rem",
+  textLgLineHeight: "1.75rem",
   textPrimaryLightColor: "rgb(17, 18, 54)",
@@ -421,3 +421,3 @@ textQuaternaryLightColor: "rgb(143, 144, 160)",
   textSmLetterSpacing: "normal",
-  textSmLineHeight: "1.125rem",
+  textSmLineHeight: "1.25rem",
   textTertiaryLightColor: "rgb(143, 144, 160)",
@@ -427,3 +427,3 @@ textXlFontSize: "1.5rem",
   textXlLetterSpacing: "normal",
-  textXlLineHeight: "1.9375rem",
+  textXlLineHeight: "2rem",
   textXsFontSize: ".75rem",
@@ -433,15 +433,15 @@ textXsFontWeight: "400",
   textXsLineHeight: "1rem",
-  textXxlFontSize: "1.875rem",
+  textXxlFontSize: "2rem",
   textXxlFontWeight: "400",
   textXxlLetterSpacing: "normal",
-  textXxlLineHeight: "2.4375rem",
-  textXxxlFontSize: "2.25rem",
+  textXxlLineHeight: "2.5rem",
+  textXxxlFontSize: "2.5rem",
   textXxxlFontWeight: "400",
-  textXxxlLineHeight: "2.9375rem",
-  textXxxxlFontSize: "2.625rem",
+  textXxxlLineHeight: "3rem",
+  textXxxxlFontSize: "3rem",
   textXxxxlFontWeight: "400",
-  textXxxxlLineHeight: "3.4375rem",
-  textXxxxxlFontSize: "3.75rem",
+  textXxxxlLineHeight: "3.5rem",
+  textXxxxxlFontSize: "4rem",
   textXxxxxlFontWeight: "400",
-  textXxxxxlLineHeight: "4.875rem",
+  textXxxxxlLineHeight: "4.5rem",
   zindexAutosuggest: "900",
@@ -448,0 +448,0 @@ zindexDrawer: "1100",

tokens/base.es6.js

@@ -249,6 +249,6 @@ /*
 export const fontSizeXs = ".75rem";
-export const fontSizeXxl = "1.875rem";
-export const fontSizeXxxl = "2.25rem";
-export const fontSizeXxxxl = "2.625rem";
-export const fontSizeXxxxxl = "3.75rem";
+export const fontSizeXxl = "2rem";
+export const fontSizeXxxl = "2.5rem";
+export const fontSizeXxxxl = "3rem";
+export const fontSizeXxxxxl = "4rem";
 export const fontWeightBlack = "900";
@@ -263,14 +263,14 @@ export const fontWeightBold = "700";
 export const gridGutter = "1.5rem";
-export const h1FontSize = "2.625rem";
+export const h1FontSize = "3rem";
 export const h1FontWeight = "400";
-export const h1LineHeight = "2.9375rem";
-export const h2FontSize = "1.875rem";
+export const h1LineHeight = "3rem";
+export const h2FontSize = "2rem";
 export const h2FontWeight = "400";
-export const h2LineHeight = "2.4375rem";
+export const h2LineHeight = "2.5rem";
 export const h3FontSize = "1.5rem";
 export const h3FontWeight = "400";
-export const h3LineHeight = "1.9375rem";
+export const h3LineHeight = "2rem";
 export const h4FontSize = "1rem";
 export const h4FontWeight = "700";
-export const h4LineHeight = "1.25rem";
+export const h4LineHeight = "1.5rem";
 export const h5FontSize = ".75rem";
@@ -312,14 +312,14 @@ export const h5FontWeight = "700";
 export const lineHeight8Xl = "7.5rem";
-export const lineHeightBase = "1.25rem";
+export const lineHeightBase = "1.5rem";
 export const lineHeightBaseTight = "1.25rem";
-export const lineHeightLg = "1.625rem";
+export const lineHeightLg = "1.75rem";
 export const lineHeightLgTight = "1.5rem";
-export const lineHeightSm = "1.125rem";
-export const lineHeightXl = "1.9375rem";
+export const lineHeightSm = "1.25rem";
+export const lineHeightXl = "2rem";
 export const lineHeightXlTight = "1.75rem";
 export const lineHeightXs = "1rem";
-export const lineHeightXxl = "2.4375rem";
-export const lineHeightXxxl = "2.9375rem";
-export const lineHeightXxxxl = "3.4375rem";
-export const lineHeightXxxxxl = "4.875rem";
+export const lineHeightXxl = "2.5rem";
+export const lineHeightXxxl = "3rem";
+export const lineHeightXxxxl = "3.5rem";
+export const lineHeightXxxxxl = "4.5rem";
 export const lineLightColor = "rgb(205, 205, 215)";
@@ -407,7 +407,7 @@ export const linkActiveColor = "rgb(4, 39, 89)";
 export const textBaseLetterSpacing = "normal";
-export const textBaseLineHeight = "1.25rem";
+export const textBaseLineHeight = "1.5rem";
 export const textLgFontSize = "1.25rem";
 export const textLgFontWeight = "400";
 export const textLgLetterSpacing = "normal";
-export const textLgLineHeight = "1.625rem";
+export const textLgLineHeight = "1.75rem";
 export const textPrimaryLightColor = "rgb(17, 18, 54)";
@@ -419,3 +419,3 @@ export const textQuaternaryLightColor = "rgb(143, 144, 160)";
 export const textSmLetterSpacing = "normal";
-export const textSmLineHeight = "1.125rem";
+export const textSmLineHeight = "1.25rem";
 export const textTertiaryLightColor = "rgb(143, 144, 160)";
@@ -425,3 +425,3 @@ export const textXlFontSize = "1.5rem";
 export const textXlLetterSpacing = "normal";
-export const textXlLineHeight = "1.9375rem";
+export const textXlLineHeight = "2rem";
 export const textXsFontSize = ".75rem";
@@ -431,15 +431,15 @@ export const textXsFontWeight = "400";
 export const textXsLineHeight = "1rem";
-export const textXxlFontSize = "1.875rem";
+export const textXxlFontSize = "2rem";
 export const textXxlFontWeight = "400";
 export const textXxlLetterSpacing = "normal";
-export const textXxlLineHeight = "2.4375rem";
-export const textXxxlFontSize = "2.25rem";
+export const textXxlLineHeight = "2.5rem";
+export const textXxxlFontSize = "2.5rem";
 export const textXxxlFontWeight = "400";
-export const textXxxlLineHeight = "2.9375rem";
-export const textXxxxlFontSize = "2.625rem";
+export const textXxxlLineHeight = "3rem";
+export const textXxxxlFontSize = "3rem";
 export const textXxxxlFontWeight = "400";
-export const textXxxxlLineHeight = "3.4375rem";
-export const textXxxxxlFontSize = "3.75rem";
+export const textXxxxlLineHeight = "3.5rem";
+export const textXxxxxlFontSize = "4rem";
 export const textXxxxxlFontWeight = "400";
-export const textXxxxxlLineHeight = "4.875rem";
+export const textXxxxxlLineHeight = "4.5rem";
 export const zindexAutosuggest = "900";
@@ -446,0 +446,0 @@ export const zindexDrawer = "1100";

tokens/breakpoints.raw.json

@@ -136,6 +136,6 @@ {
     "FONT_SIZE_XXXXXL": {
-      "value": "3.75rem"
+      "value": "4rem"
     },
     "FONT_SIZE_XXXL": {
-      "value": "2.25rem"
+      "value": "2.5rem"
     },
@@ -203,3 +203,3 @@ "SPACING_LG_V2": {
     "FONT_LINE_HEIGHT_BASE": {
-      "value": "1.25rem"
+      "value": "1.5rem"
     },
@@ -222,6 +222,6 @@ "ZINDEX_AUTOSUGGEST": {
     "FONT_LINE_HEIGHT_XXL": {
-      "value": "2.4375rem"
+      "value": "2.5rem"
     },
     "FONT_LINE_HEIGHT_XXXXL": {
-      "value": "3.4375rem"
+      "value": "3.5rem"
     },
@@ -244,9 +244,9 @@ "SPACING_XL": {
     "FONT_LINE_HEIGHT_XXXL": {
-      "value": "2.9375rem"
+      "value": "3rem"
     },
     "FONT_LINE_HEIGHT_XL": {
-      "value": "1.9375rem"
+      "value": "2rem"
     },
     "FONT_LINE_HEIGHT_XXXXXL": {
-      "value": "4.875rem"
+      "value": "4.5rem"
     },
@@ -293,3 +293,3 @@ "BREAKPOINT_ABOVE_MOBILE": {
     "FONT_LINE_HEIGHT_SM": {
-      "value": "1.125rem"
+      "value": "1.25rem"
     },
@@ -306,3 +306,3 @@ "FONT_LINE_HEIGHT_XS": {
     "FONT_LINE_HEIGHT_LG": {
-      "value": "1.625rem"
+      "value": "1.75rem"
     },
@@ -328,6 +328,6 @@ "FONT_SIZE_6XL": {
     "FONT_SIZE_XXL": {
-      "value": "1.875rem"
+      "value": "2rem"
     },
     "FONT_SIZE_XXXXL": {
-      "value": "2.625rem"
+      "value": "3rem"
     },
@@ -334,0 +334,0 @@ "FONT_SIZE_BASE": {

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

235000

decreased by-0.21%

No dependency changes