@guardian/src-foundations - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

dist/foundations.esm.js

@@ -61,2 +61,7 @@ var fontSizes = [12, 15, 17, 20, 24, 28, 34, 42, 50, 70];
 var size = [24, 36, 44];
+var breakpoints = [740, 980, 1140, 1300]; // Diverges from https://system-ui.com
+// At these widths, there are tweaks to the
+// fluid grid on mobile devices
+
+var tweakpoints = [375, 480, 660];
 var transitions = [".2s cubic-bezier(.64, .57, .67, 1.53)", ".3s ease-in-out", ".65s ease-in-out"];
@@ -70,2 +75,12 @@
 
+var breakpoints$1 = {
+  mobileMedium: tweakpoints[0],
+  mobileLandscape: tweakpoints[1],
+  phablet: tweakpoints[2],
+  tablet: breakpoints[0],
+  desktop: breakpoints[1],
+  leftCol: breakpoints[2],
+  wide: breakpoints[3]
+};
+
 var palette = {
@@ -293,2 +308,2 @@ brand: {
 
-export { body, bodySizes, headline, headlineSizes, palette, size$1 as size, space$1 as space, textSans, textSansSizes, transitions$1 as transitions };
+export { body, bodySizes, breakpoints$1 as breakpoints, headline, headlineSizes, palette, size$1 as size, space$1 as space, textSans, textSansSizes, transitions$1 as transitions };

dist/foundations.js

@@ -65,2 +65,7 @@ 'use strict';
 var size = [24, 36, 44];
+var breakpoints = [740, 980, 1140, 1300]; // Diverges from https://system-ui.com
+// At these widths, there are tweaks to the
+// fluid grid on mobile devices
+
+var tweakpoints = [375, 480, 660];
 var transitions = [".2s cubic-bezier(.64, .57, .67, 1.53)", ".3s ease-in-out", ".65s ease-in-out"];
@@ -74,2 +79,12 @@
 
+var breakpoints$1 = {
+  mobileMedium: tweakpoints[0],
+  mobileLandscape: tweakpoints[1],
+  phablet: tweakpoints[2],
+  tablet: breakpoints[0],
+  desktop: breakpoints[1],
+  leftCol: breakpoints[2],
+  wide: breakpoints[3]
+};
+
 var palette = {
@@ -299,2 +314,3 @@ brand: {
 exports.bodySizes = bodySizes;
+exports.breakpoints = breakpoints$1;
 exports.headline = headline;
@@ -301,0 +317,0 @@ exports.headlineSizes = headlineSizes;

index.ts

 export * from "./animation"
+export * from "./breakpoints"
 export * from "./palette"
@@ -3,0 +4,0 @@ export * from "./size"

package.json

 {
 	"name": "@guardian/src-foundations",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"main": "dist/foundations.js",
@@ -5,0 +5,0 @@ "module": "dist/foundations.esm.js",

No alert changes

Improved metrics

Total package byte prevSize

24247

increased by3.98%

Lines of code

935

increased by3.09%

No dependency changes