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

Comparing version 0.0.0-PR2403-20241219215228 to 0.0.0-PR2405-20241219215738

CHANGELOG.md

 # @khanacademy/wonder-blocks-form
 
-## 0.0.0-PR2403-20241219215228
+## 0.0.0-PR2405-20241219215738
 
 ### Patch Changes
 
--   d9bc865b: TextField and TextArea: Set `aria-required` if it is required
--   d9bc865b: TextField and TextArea validation: Always clear error message onChange if instantValidation=false so externally set error state can still be cleared
+-   94655909: Adds `width: 100%` to `legend` element to allow expanding it to fill the available space
 
+## 6.0.1
+
+### Patch Changes
+
+-   Updated dependencies [d23c9c5f]
+    -   @khanacademy/wonder-blocks-core@11.0.0
+    -   @khanacademy/wonder-blocks-clickable@5.0.3
+    -   @khanacademy/wonder-blocks-icon@5.0.3
+    -   @khanacademy/wonder-blocks-layout@3.0.3
+    -   @khanacademy/wonder-blocks-typography@3.0.3
+
 ## 6.0.0
@@ -11,0 +21,0 @@

dist/es/index.js

@@ -476,3 +476,4 @@ import _extends from '@babel/runtime/helpers/extends';
   legend: {
-    padding: 0
+    padding: 0,
+    width: "100%"
   },
@@ -607,5 +608,7 @@ description: {
     } else {
-      setErrorMessage(null);
-      if (onValidate) {
-        onValidate(null);
+      if (errorMessage) {
+        setErrorMessage(null);
+        if (onValidate) {
+          onValidate(null);
+        }
       }
@@ -725,3 +728,2 @@ }
     "aria-disabled": disabled,
-    "aria-required": !!required,
     onChange: handleChange,
@@ -1138,3 +1140,2 @@ onKeyDown: disabled ? undefined : onKeyDown,
     maxLength: maxLength,
-    "aria-required": !!required,
     onClick: disabled ? undefined : onClick,
@@ -1141,0 +1142,0 @@ onKeyDown: disabled ? undefined : onKeyDown,

dist/index.js

@@ -505,3 +505,4 @@ 'use strict';
   legend: {
-    padding: 0
+    padding: 0,
+    width: "100%"
   },
@@ -636,5 +637,7 @@ description: {
     } else {
-      setErrorMessage(null);
-      if (onValidate) {
-        onValidate(null);
+      if (errorMessage) {
+        setErrorMessage(null);
+        if (onValidate) {
+          onValidate(null);
+        }
       }
@@ -754,3 +757,2 @@ }
     "aria-disabled": disabled,
-    "aria-required": !!required,
     onChange: handleChange,
@@ -1167,3 +1169,2 @@ onKeyDown: disabled ? undefined : onKeyDown,
     maxLength: maxLength,
-    "aria-required": !!required,
     onClick: disabled ? undefined : onClick,
@@ -1170,0 +1171,0 @@ onKeyDown: disabled ? undefined : onKeyDown,

package.json

 {
   "name": "@khanacademy/wonder-blocks-form",
-  "version": "0.0.0-PR2403-20241219215228",
+  "version": "0.0.0-PR2405-20241219215738",
   "design": "v1",
@@ -19,8 +19,8 @@ "description": "Form components for Wonder Blocks.",
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^5.0.2",
-    "@khanacademy/wonder-blocks-core": "^10.0.0",
-    "@khanacademy/wonder-blocks-icon": "^5.0.2",
-    "@khanacademy/wonder-blocks-layout": "^3.0.2",
+    "@khanacademy/wonder-blocks-clickable": "^5.0.3",
+    "@khanacademy/wonder-blocks-core": "^11.0.0",
+    "@khanacademy/wonder-blocks-icon": "^5.0.3",
+    "@khanacademy/wonder-blocks-layout": "^3.0.3",
     "@khanacademy/wonder-blocks-tokens": "^3.0.0",
-    "@khanacademy/wonder-blocks-typography": "^3.0.2"
+    "@khanacademy/wonder-blocks-typography": "^3.0.3"
   },
@@ -27,0 +27,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

145518

increased by0.11%

Lines of code

3747

increased by0.05%

Dependency changes

• - Removed@khanacademy/wonder-blocks-core@10.0.0(transitive)

• Updated@khanacademy/wonder-blocks-clickable@^5.0.3

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

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

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

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