@khanacademy/wonder-blocks-layout - npm Package Compare versions

Comparing version 1.3.25 to 1.3.26

__tests__/generated-snapshot.test.js

@@ -42,9 +42,9 @@ // This file is auto-generated by gen-snapshot-tests.js
                 <Button style={styles.button}>A</Button>
-                <Strut size={Spacing.small} />
+                <Strut size={Spacing.small_12} />
                 <Button style={styles.button}>B</Button>
-                <Strut size={Spacing.small} />
+                <Strut size={Spacing.small_12} />
                 <Button style={styles.button}>C</Button>
                 <Spring />
                 <Button style={styles.button}>Cancel</Button>
-                <Strut size={Spacing.small} />
+                <Strut size={Spacing.small_12} />
                 <Button style={styles.button}>Accept</Button>
@@ -95,3 +95,3 @@ </View>
                     color: Color.white,
-                    padding: Spacing.medium,
+                    padding: Spacing.medium_16,
                 },
@@ -103,3 +103,3 @@ }),
                     backgroundColor: Color.darkBlue,
-                    padding: Spacing.xxLarge,
+                    padding: Spacing.xxLarge_48,
                 },
@@ -138,3 +138,3 @@ }),
                     color: Color.white,
-                    padding: Spacing.xxxLarge,
+                    padding: Spacing.xxxLarge_64,
                 },
@@ -145,3 +145,3 @@ }),
                     backgroundColor: Color.lightBlue,
-                    padding: Spacing.small,
+                    padding: Spacing.small_12,
                 },
@@ -156,4 +156,4 @@ }),
                 totalColumns: 4,
-                gutterWidth: Spacing.medium,
-                marginWidth: Spacing.medium,
+                gutterWidth: Spacing.medium_16,
+                marginWidth: Spacing.medium_16,
             },
@@ -163,4 +163,4 @@ large: {
                 totalColumns: 12,
-                gutterWidth: Spacing.xLarge,
-                marginWidth: Spacing.xxLarge,
+                gutterWidth: Spacing.xLarge_32,
+                marginWidth: Spacing.xxLarge_48,
             },
@@ -167,0 +167,0 @@ }; // Make sure to add the type `MediaLayoutContextValue`

dist/es/index.js

@@ -271,3 +271,3 @@ import { createContext, createElement, Component } from 'react';
 var VALID_MEDIA_SIZES = ["small", "medium", "large"];
-var mediaDefaultSpecLargeMarginWidth = Spacing.large; // The default spec for media layout, currently available in
+var mediaDefaultSpecLargeMarginWidth = Spacing.large_24; // The default spec for media layout, currently available in
 // three different settings (roughly mobile, tablet, and desktop).
@@ -279,4 +279,4 @@
     totalColumns: 4,
-    gutterWidth: Spacing.medium,
-    marginWidth: Spacing.medium
+    gutterWidth: Spacing.medium_16,
+    marginWidth: Spacing.medium_16
   },
@@ -286,4 +286,4 @@ medium: {
     totalColumns: 8,
-    gutterWidth: Spacing.xLarge,
-    marginWidth: Spacing.large
+    gutterWidth: Spacing.xLarge_32,
+    marginWidth: Spacing.large_24
   },
@@ -293,3 +293,3 @@ large: {
     totalColumns: 12,
-    gutterWidth: Spacing.xLarge,
+    gutterWidth: Spacing.xLarge_32,
     marginWidth: mediaDefaultSpecLargeMarginWidth,
@@ -304,4 +304,4 @@ maxWidth: 1120 + mediaDefaultSpecLargeMarginWidth * 2
     totalColumns: 12,
-    gutterWidth: Spacing.xLarge,
-    marginWidth: Spacing.medium
+    gutterWidth: Spacing.xLarge_32,
+    marginWidth: Spacing.medium_16
   }
@@ -314,4 +314,4 @@ }; // The default used for modals
     totalColumns: 4,
-    gutterWidth: Spacing.medium,
-    marginWidth: Spacing.medium
+    gutterWidth: Spacing.medium_16,
+    marginWidth: Spacing.medium_16
   },
@@ -321,4 +321,4 @@ large: {
     totalColumns: 12,
-    gutterWidth: Spacing.xLarge,
-    marginWidth: Spacing.xxLarge
+    gutterWidth: Spacing.xLarge_32,
+    marginWidth: Spacing.xxLarge_48
   }
@@ -325,0 +325,0 @@ };

dist/index.js

@@ -142,3 +142,3 @@ module.exports =
 var VALID_MEDIA_SIZES = ["small", "medium", "large"];
-var mediaDefaultSpecLargeMarginWidth = wonder_blocks_spacing_default.a.large; // The default spec for media layout, currently available in
+var mediaDefaultSpecLargeMarginWidth = wonder_blocks_spacing_default.a.large_24; // The default spec for media layout, currently available in
 // three different settings (roughly mobile, tablet, and desktop).
@@ -150,4 +150,4 @@
     totalColumns: 4,
-    gutterWidth: wonder_blocks_spacing_default.a.medium,
-    marginWidth: wonder_blocks_spacing_default.a.medium
+    gutterWidth: wonder_blocks_spacing_default.a.medium_16,
+    marginWidth: wonder_blocks_spacing_default.a.medium_16
   },
@@ -157,4 +157,4 @@ medium: {
     totalColumns: 8,
-    gutterWidth: wonder_blocks_spacing_default.a.xLarge,
-    marginWidth: wonder_blocks_spacing_default.a.large
+    gutterWidth: wonder_blocks_spacing_default.a.xLarge_32,
+    marginWidth: wonder_blocks_spacing_default.a.large_24
   },
@@ -164,3 +164,3 @@ large: {
     totalColumns: 12,
-    gutterWidth: wonder_blocks_spacing_default.a.xLarge,
+    gutterWidth: wonder_blocks_spacing_default.a.xLarge_32,
     marginWidth: mediaDefaultSpecLargeMarginWidth,
@@ -175,4 +175,4 @@ maxWidth: 1120 + mediaDefaultSpecLargeMarginWidth * 2
     totalColumns: 12,
-    gutterWidth: wonder_blocks_spacing_default.a.xLarge,
-    marginWidth: wonder_blocks_spacing_default.a.medium
+    gutterWidth: wonder_blocks_spacing_default.a.xLarge_32,
+    marginWidth: wonder_blocks_spacing_default.a.medium_16
   }
@@ -185,4 +185,4 @@ }; // The default used for modals
     totalColumns: 4,
-    gutterWidth: wonder_blocks_spacing_default.a.medium,
-    marginWidth: wonder_blocks_spacing_default.a.medium
+    gutterWidth: wonder_blocks_spacing_default.a.medium_16,
+    marginWidth: wonder_blocks_spacing_default.a.medium_16
   },
@@ -192,4 +192,4 @@ large: {
     totalColumns: 12,
-    gutterWidth: wonder_blocks_spacing_default.a.xLarge,
-    marginWidth: wonder_blocks_spacing_default.a.xxLarge
+    gutterWidth: wonder_blocks_spacing_default.a.xLarge_32,
+    marginWidth: wonder_blocks_spacing_default.a.xxLarge_48
   }
@@ -196,0 +196,0 @@ };

docs.md

@@ -27,9 +27,9 @@ ## Spring and Strut
     <Button style={styles.button}>A</Button>
-    <Strut size={Spacing.small}/>
+    <Strut size={Spacing.small_12}/>
     <Button style={styles.button}>B</Button>
-    <Strut size={Spacing.small}/>
+    <Strut size={Spacing.small_12}/>
     <Button style={styles.button}>C</Button>
     <Spring/>
     <Button style={styles.button}>Cancel</Button>
-    <Strut size={Spacing.small}/>
+    <Strut size={Spacing.small_12}/>
     <Button style={styles.button}>Accept</Button>
@@ -122,3 +122,3 @@ </View>
             color: Color.white,
-            padding: Spacing.medium,
+            padding: Spacing.medium_16,
         },
@@ -131,3 +131,3 @@ }),
             backgroundColor: Color.darkBlue,
-            padding: Spacing.xxLarge,
+            padding: Spacing.xxLarge_48,
         },
@@ -198,3 +198,3 @@ }),
             color: Color.white,
-            padding: Spacing.xxxLarge,
+            padding: Spacing.xxxLarge_64,
         },
@@ -206,3 +206,3 @@ }),
             backgroundColor: Color.lightBlue,
-            padding: Spacing.small,
+            padding: Spacing.small_12,
         },
@@ -218,4 +218,4 @@ }),
         totalColumns: 4,
-        gutterWidth: Spacing.medium,
-        marginWidth: Spacing.medium,
+        gutterWidth: Spacing.medium_16,
+        marginWidth: Spacing.medium_16,
     },
@@ -225,4 +225,4 @@ large: {
         totalColumns: 12,
-        gutterWidth: Spacing.xLarge,
-        marginWidth: Spacing.xxLarge,
+        gutterWidth: Spacing.xLarge_32,
+        marginWidth: Spacing.xxLarge_48,
     },
@@ -229,0 +229,0 @@ };

package.json

 {
   "name": "@khanacademy/wonder-blocks-layout",
-  "version": "1.3.25",
+  "version": "1.3.26",
   "design": "v1",
@@ -16,4 +16,4 @@ "publishConfig": {
   "dependencies": {
-    "@khanacademy/wonder-blocks-core": "^3.0.0",
-    "@khanacademy/wonder-blocks-spacing": "^2.1.15"
+    "@khanacademy/wonder-blocks-core": "^3.0.1",
+    "@khanacademy/wonder-blocks-spacing": "^2.1.16"
   },
@@ -29,3 +29,3 @@ "devDependencies": {
   "license": "MIT",
-  "gitHead": "768de54e6082e80e2faee6ed6af75303d608c01c"
+  "gitHead": "a8993049a08b602a0309155e4a1f4d969ef51c54"
 }

util/specs.js

@@ -10,3 +10,3 @@ // @flow
 
-const mediaDefaultSpecLargeMarginWidth = Spacing.large;
+const mediaDefaultSpecLargeMarginWidth = Spacing.large_24;
 
@@ -19,4 +19,4 @@ // The default spec for media layout, currently available in
         totalColumns: 4,
-        gutterWidth: Spacing.medium,
-        marginWidth: Spacing.medium,
+        gutterWidth: Spacing.medium_16,
+        marginWidth: Spacing.medium_16,
     },
@@ -26,4 +26,4 @@ medium: {
         totalColumns: 8,
-        gutterWidth: Spacing.xLarge,
-        marginWidth: Spacing.large,
+        gutterWidth: Spacing.xLarge_32,
+        marginWidth: Spacing.large_24,
     },
@@ -33,3 +33,3 @@ large: {
         totalColumns: 12,
-        gutterWidth: Spacing.xLarge,
+        gutterWidth: Spacing.xLarge_32,
         marginWidth: mediaDefaultSpecLargeMarginWidth,
@@ -45,4 +45,4 @@ maxWidth: 1120 + mediaDefaultSpecLargeMarginWidth * 2,
         totalColumns: 12,
-        gutterWidth: Spacing.xLarge,
-        marginWidth: Spacing.medium,
+        gutterWidth: Spacing.xLarge_32,
+        marginWidth: Spacing.medium_16,
     },
@@ -56,4 +56,4 @@ };
         totalColumns: 4,
-        gutterWidth: Spacing.medium,
-        marginWidth: Spacing.medium,
+        gutterWidth: Spacing.medium_16,
+        marginWidth: Spacing.medium_16,
     },
@@ -63,5 +63,5 @@ large: {
         totalColumns: 12,
-        gutterWidth: Spacing.xLarge,
-        marginWidth: Spacing.xxLarge,
+        gutterWidth: Spacing.xLarge_32,
+        marginWidth: Spacing.xxLarge_48,
     },
 };

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

140655

increased by0.12%

Dependency changes

• Updated@khanacademy/wonder-blocks-core@^3.0.1

• Updated@khanacademy/wonder-blocks-spacing@^2.1.16