@khanacademy/wonder-blocks-form 2.4.7 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @khanacademy/wonder-blocks-form
 
+## 3.0.0
+
+### Major Changes
+
+-   3bae2aba: Remove Radio from wonder-blocks-form's exports so that RadioGroup is used
+
+### Patch Changes
+
+-   e91fb6c0: Update label, description, and error props in form components to accept React.Node
+-   Updated dependencies [3bae2aba]
+    -   @khanacademy/wonder-blocks-icon@1.2.31
+
+## 2.4.8
+
+### Patch Changes
+
+-   Updated dependencies [6ee20af9]
+    -   @khanacademy/wonder-blocks-core@4.4.0
+    -   @khanacademy/wonder-blocks-clickable@2.3.1
+    -   @khanacademy/wonder-blocks-icon@1.2.30
+    -   @khanacademy/wonder-blocks-layout@1.4.11
+    -   @khanacademy/wonder-blocks-typography@1.1.33
+
 ## 2.4.7
 
 ### Patch Changes

package/dist/es/index.js

@@ -397,7 +397,7 @@ class ChoiceInternal extends React.Component {
       mockOnFirstRender: true,
       scope: "choice"
     }, ids => {
-      const descriptionId = description && ids.get("description");
+      const descriptionId = description ? ids.get("description") : undefined;
       return React.createElement(View, {
         style: style,
         className: className
@@ -555,11 +555,11 @@ class CheckboxGroup extends React.Component {
       style: styles$2.fieldset
     }, React.createElement(View, {
       style: style
-    }, typeof label === "string" ? React.createElement(StyledLegend$1, {
+    }, label && React.createElement(StyledLegend$1, {
       style: styles$2.legend
-    }, React.createElement(LabelMedium, null, label)) : label && label, typeof description === "string" ? React.createElement(LabelSmall, {
+    }, React.createElement(LabelMedium, null, label)), description && React.createElement(LabelSmall, {
       style: styles$2.description
-    }, description) : description && description, errorMessage && React.createElement(LabelSmall, {
+    }, description), errorMessage && React.createElement(LabelSmall, {
       style: styles$2.error
     }, errorMessage), (label || description || errorMessage) && React.createElement(Strut, {
       size: Spacing.small_12
@@ -832,12 +832,12 @@ class FieldHeading extends React.Component {
       style: styles.required,
       "aria-hidden": true
     }, " ", "*");
-    return React.createElement(React.Fragment, null, typeof label === "string" ? React.createElement(LabelMedium, {
+    return React.createElement(React.Fragment, null, React.createElement(LabelMedium, {
       style: styles.label,
       tag: "label",
       htmlFor: id && `${id}-field`,
       testId: testId && `${testId}-label`
-    }, label, required && requiredIcon) : label, React.createElement(Strut, {
+    }, label, required && requiredIcon), React.createElement(Strut, {
       size: Spacing.xxxSmall_4
     }));
   }
@@ -852,10 +852,10 @@ class FieldHeading extends React.Component {
       return null;
     }
 
-    return React.createElement(React.Fragment, null, typeof description === "string" ? React.createElement(LabelSmall, {
+    return React.createElement(React.Fragment, null, React.createElement(LabelSmall, {
       style: styles.description,
       testId: testId && `${testId}-description`
-    }, description) : description, React.createElement(Strut, {
+    }, description), React.createElement(Strut, {
       size: Spacing.xxxSmall_4
     }));
   }
@@ -873,12 +873,12 @@ class FieldHeading extends React.Component {
 
     return React.createElement(React.Fragment, null, React.createElement(Strut, {
       size: Spacing.small_12
-    }), typeof error === "string" ? React.createElement(LabelSmall, {
+    }), React.createElement(LabelSmall, {
       style: styles.error,
       role: "alert",
       id: id && `${id}-error`,
       testId: testId && `${testId}-error`
-    }, error) : error);
+    }, error));
   }
 
   render() {
@@ -1026,4 +1026,4 @@ const LabeledTextField = React.forwardRef((props, ref) => React.createElement(La
   forwardedRef: ref
 })));
 
-export { Checkbox, CheckboxGroup, Choice, LabeledTextField, Radio, RadioGroup, TextField };
+export { Checkbox, CheckboxGroup, Choice, LabeledTextField, RadioGroup, TextField };