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

Comparing version 1.1.0 to 1.2.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -23,3 +23,3 @@ "license": "Apache-2.0",
   },
-  "gitHead": "61f360e57fb479487f2795e22dcbcb7a61a485a7"
+  "gitHead": "ed9601a92e9c023a6b1496a9c99116d3db1fbf7d"
 }

tokens/base.common.js

@@ -62,2 +62,3 @@ /*
   breakpointMobile: "32.25rem",
+  breakpointQueryAboveDesktop: "(min-width: 71.3125rem)",
   breakpointQueryAboveMobile: "(min-width: 32.3125rem)",
@@ -64,0 +65,0 @@ breakpointQueryAboveTablet: "(min-width: 50.3125rem)",

tokens/base.es6.js

@@ -60,2 +60,3 @@ /*
 export const breakpointMobile = "32.25rem";
+export const breakpointQueryAboveDesktop = "(min-width: 71.3125rem)";
 export const breakpointQueryAboveMobile = "(min-width: 32.3125rem)";
@@ -454,2 +455,3 @@ export const breakpointQueryAboveTablet = "(min-width: 50.3125rem)";
 breakpointMobile,
+breakpointQueryAboveDesktop,
 breakpointQueryAboveMobile,
@@ -456,0 +458,0 @@ breakpointQueryAboveTablet,

tokens/breakpoints.common.js

@@ -24,2 +24,3 @@ /*
   breakpointMobile: "32.25rem",
+  breakpointQueryAboveDesktop: "(min-width: 71.3125rem)",
   breakpointQueryAboveMobile: "(min-width: 32.3125rem)",
@@ -26,0 +27,0 @@ breakpointQueryAboveTablet: "(min-width: 50.3125rem)",

tokens/breakpoints.es6.js

@@ -22,2 +22,3 @@ /*
 export const breakpointMobile = "32.25rem";
+export const breakpointQueryAboveDesktop = "(min-width: 71.3125rem)";
 export const breakpointQueryAboveMobile = "(min-width: 32.3125rem)";
@@ -32,2 +33,3 @@ export const breakpointQueryAboveTablet = "(min-width: 50.3125rem)";
 breakpointMobile,
+breakpointQueryAboveDesktop,
 breakpointQueryAboveMobile,
@@ -34,0 +36,0 @@ breakpointQueryAboveTablet,

tokens/breakpoints.raw.json

@@ -183,2 +183,5 @@ {
     },
+    "BREAKPOINT_ABOVE_DESKTOP": {
+      "value": "71.3125rem"
+    },
     "SPACING_BASE": {
@@ -297,23 +300,9 @@ "value": "1.5rem"
   "props": {
-    "BREAKPOINT_MOBILE": {
+    "BREAKPOINT_QUERY_TABLET_ONLY": {
       "category": "breakpoints",
-      "value": "32.25rem",
-      "type": "size",
-      "originalValue": "{!BREAKPOINT_MOBILE}",
-      "name": "BREAKPOINT_MOBILE"
+      "value": "(min-width: 32.3125rem) and (max-width: 50.25rem)",
+      "type": "media-query",
+      "originalValue": "(min-width: {!BREAKPOINT_ABOVE_MOBILE}) and (max-width: {!BREAKPOINT_TABLET})",
+      "name": "BREAKPOINT_QUERY_TABLET_ONLY"
     },
-    "BREAKPOINT_TABLET": {
-      "category": "breakpoints",
-      "value": "50.25rem",
-      "type": "size",
-      "originalValue": "{!BREAKPOINT_TABLET}",
-      "name": "BREAKPOINT_TABLET"
-    },
-    "BREAKPOINT_DESKTOP": {
-      "category": "breakpoints",
-      "value": "71.25rem",
-      "type": "size",
-      "originalValue": "{!BREAKPOINT_DESKTOP}",
-      "name": "BREAKPOINT_DESKTOP"
-    },
     "BREAKPOINT_QUERY_MOBILE": {
@@ -326,2 +315,9 @@ "category": "breakpoints",
     },
+    "BREAKPOINT_QUERY_ABOVE_MOBILE": {
+      "category": "breakpoints",
+      "value": "(min-width: 32.3125rem)",
+      "type": "media-query",
+      "originalValue": "(min-width: {!BREAKPOINT_ABOVE_MOBILE})",
+      "name": "BREAKPOINT_QUERY_ABOVE_MOBILE"
+    },
     "BREAKPOINT_QUERY_TABLET": {
@@ -334,24 +330,38 @@ "category": "breakpoints",
     },
-    "BREAKPOINT_QUERY_TABLET_ONLY": {
+    "BREAKPOINT_QUERY_ABOVE_TABLET": {
       "category": "breakpoints",
-      "value": "(min-width: 32.3125rem) and (max-width: 50.25rem)",
+      "value": "(min-width: 50.3125rem)",
       "type": "media-query",
-      "originalValue": "(min-width: {!BREAKPOINT_ABOVE_MOBILE}) and (max-width: {!BREAKPOINT_TABLET})",
-      "name": "BREAKPOINT_QUERY_TABLET_ONLY"
+      "originalValue": "(min-width: {!BREAKPOINT_ABOVE_TABLET})",
+      "name": "BREAKPOINT_QUERY_ABOVE_TABLET"
     },
-    "BREAKPOINT_QUERY_ABOVE_MOBILE": {
+    "BREAKPOINT_DESKTOP": {
       "category": "breakpoints",
-      "value": "(min-width: 32.3125rem)",
-      "type": "media-query",
-      "originalValue": "(min-width: {!BREAKPOINT_ABOVE_MOBILE})",
-      "name": "BREAKPOINT_QUERY_ABOVE_MOBILE"
+      "value": "71.25rem",
+      "type": "size",
+      "originalValue": "{!BREAKPOINT_DESKTOP}",
+      "name": "BREAKPOINT_DESKTOP"
     },
-    "BREAKPOINT_QUERY_ABOVE_TABLET": {
+    "BREAKPOINT_MOBILE": {
       "category": "breakpoints",
-      "value": "(min-width: 50.3125rem)",
+      "value": "32.25rem",
+      "type": "size",
+      "originalValue": "{!BREAKPOINT_MOBILE}",
+      "name": "BREAKPOINT_MOBILE"
+    },
+    "BREAKPOINT_TABLET": {
+      "category": "breakpoints",
+      "value": "50.25rem",
+      "type": "size",
+      "originalValue": "{!BREAKPOINT_TABLET}",
+      "name": "BREAKPOINT_TABLET"
+    },
+    "BREAKPOINT_QUERY_ABOVE_DESKTOP": {
+      "category": "breakpoints",
+      "value": "(min-width: 71.3125rem)",
       "type": "media-query",
-      "originalValue": "(min-width: {!BREAKPOINT_ABOVE_TABLET})",
-      "name": "BREAKPOINT_QUERY_ABOVE_TABLET"
+      "originalValue": "(min-width: {!BREAKPOINT_ABOVE_DESKTOP})",
+      "name": "BREAKPOINT_QUERY_ABOVE_DESKTOP"
     }
   }
 }

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

226562

increased by0.67%

Lines of code

4972

increased by0.65%

No dependency changes