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

Comparing version 1.3.2 to 1.4.0

components/checkbox-group.js

@@ -124,3 +124,3 @@ // @flow
                     {(label || description || errorMessage) && (
-                        <Strut size={Spacing.small} />
+                        <Strut size={Spacing.small_12} />
                     )}
@@ -127,0 +127,0 @@

components/choice-internal.js

@@ -141,7 +141,7 @@ // @flow
                 >
-                    {(state, handlers) => {
+                    {(state, childrenProps) => {
                         return (
                             <View
                                 style={styles.wrapper}
-                                {...handlers}
+                                {...childrenProps}
                                 // We are resetting the tabIndex=0 from handlers
@@ -153,3 +153,3 @@ // because the ChoiceCore component will receive
                                 <ChoiceCore {...coreProps} {...state} />
-                                <Strut size={Spacing.xSmall} />
+                                <Strut size={Spacing.xSmall_8} />
                                 {label && this.getLabel()}
@@ -184,6 +184,6 @@ </View>
         // 16 for icon + 8 for spacing strut
-        marginLeft: Spacing.medium + Spacing.xSmall,
-        marginTop: Spacing.xxxSmall,
+        marginLeft: Spacing.medium_16 + Spacing.xSmall_8,
+        marginTop: Spacing.xxxSmall_4,
         color: Color.offBlack64,
     },
 });

components/group-styles.js

@@ -19,3 +19,3 @@ // @flow
     description: {
-        marginTop: Spacing.xxxSmall,
+        marginTop: Spacing.xxxSmall_4,
         color: Color.offBlack64,
@@ -25,3 +25,3 @@ },
     error: {
-        marginTop: Spacing.xxxSmall,
+        marginTop: Spacing.xxxSmall_4,
         color: Color.red,
@@ -31,3 +31,3 @@ },
     defaultLineGap: {
-        marginTop: Spacing.xSmall,
+        marginTop: Spacing.xSmall_8,
     },
@@ -34,0 +34,0 @@ });

components/radio-group.js

@@ -114,3 +114,3 @@ // @flow
                     {(label || description || errorMessage) && (
-                        <Strut size={Spacing.small} />
+                        <Strut size={Spacing.small_12} />
                     )}
@@ -117,0 +117,0 @@

dist/es/index.js

@@ -675,6 +675,6 @@ import { createElement, Fragment, Component, Children, cloneElement } from 'react';
         role: variant
-      }, function (state, handlers) {
+      }, function (state, childrenProps) {
         return /*#__PURE__*/createElement(View, _extends({
           style: styles$2.wrapper
-        }, handlers, {
+        }, childrenProps, {
           // We are resetting the tabIndex=0 from handlers
@@ -685,3 +685,3 @@ // because the ChoiceCore component will receive
         }), /*#__PURE__*/createElement(ChoiceCore, _extends({}, coreProps, state)), /*#__PURE__*/createElement(Strut, {
-          size: Spacing.xSmall
+          size: Spacing.xSmall_8
         }), label && _this2.getLabel());
@@ -719,4 +719,4 @@ }), description && this.getDescription());
     // 16 for icon + 8 for spacing strut
-    marginLeft: Spacing.medium + Spacing.xSmall,
-    marginTop: Spacing.xxxSmall,
+    marginLeft: Spacing.medium_16 + Spacing.xSmall_8,
+    marginTop: Spacing.xxxSmall_4,
     color: Color.offBlack64
@@ -859,11 +859,11 @@ }
   description: {
-    marginTop: Spacing.xxxSmall,
+    marginTop: Spacing.xxxSmall_4,
     color: Color.offBlack64
   },
   error: {
-    marginTop: Spacing.xxxSmall,
+    marginTop: Spacing.xxxSmall_4,
     color: Color.red
   },
   defaultLineGap: {
-    marginTop: Spacing.xSmall
+    marginTop: Spacing.xSmall_8
   }
@@ -933,3 +933,3 @@ });
       }, errorMessage), (label || description || errorMessage) && /*#__PURE__*/createElement(Strut, {
-        size: Spacing.small
+        size: Spacing.small_12
       }), Children.map(children, function (child, index) {
@@ -1012,3 +1012,3 @@ var _child$props = child.props,
       }, errorMessage), (label || description || errorMessage) && /*#__PURE__*/createElement(Strut, {
-        size: Spacing.small
+        size: Spacing.small_12
       }), Children.map(children, function (child, index) {
@@ -1015,0 +1015,0 @@ var _child$props = child.props,

package.json

 {
   "name": "@khanacademy/wonder-blocks-form",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "design": "v1",
@@ -19,7 +19,7 @@ "description": "Form components for Wonder Blocks.",
     "@khanacademy/wonder-blocks-color": "^1.1.15",
-    "@khanacademy/wonder-blocks-core": "^3.0.0",
-    "@khanacademy/wonder-blocks-icon": "^1.2.14",
-    "@khanacademy/wonder-blocks-layout": "^1.3.25",
-    "@khanacademy/wonder-blocks-spacing": "^2.1.15",
-    "@khanacademy/wonder-blocks-typography": "^1.1.18"
+    "@khanacademy/wonder-blocks-core": "^3.0.1",
+    "@khanacademy/wonder-blocks-icon": "^1.2.15",
+    "@khanacademy/wonder-blocks-layout": "^1.3.26",
+    "@khanacademy/wonder-blocks-spacing": "^2.1.16",
+    "@khanacademy/wonder-blocks-typography": "^1.1.19"
   },
@@ -33,3 +33,3 @@ "peerDependencies": {
   },
-  "gitHead": "768de54e6082e80e2faee6ed6af75303d608c01c"
+  "gitHead": "a8993049a08b602a0309155e4a1f4d969ef51c54"
 }

No alert changes

Improved metrics

Total package byte prevSize

469044

increased by0.45%

Lines of code

6452

increased by0.64%

Dependency changes

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

• Updated@khanacademy/wonder-blocks-icon@^1.2.15

• Updated@khanacademy/wonder-blocks-layout@^1.3.26

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

• Updated@khanacademy/wonder-blocks-typography@^1.1.19