@skyscanner/bpk-foundations-web
Advanced tools
Comparing version 1.1.0 to 1.2.0
{ | ||
"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" | ||
} |
@@ -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)", |
@@ -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, |
@@ -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)", |
@@ -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, |
@@ -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" | ||
} | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
226562
4972