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

Comparing version 0.0.0-PR2249-20240606234500 to 0.0.0-PR2255-20240619202800

CHANGELOG.md

 # @khanacademy/wonder-blocks-cell
 
-## 0.0.0-PR2249-20240606234500
+## 0.0.0-PR2255-20240619202800
 
 ### Patch Changes
 
+-   b37d2432: Improves accessibility of the checked status on `OptionItem` components used
+    within the `ActionMenu` component. The checked status is communicated to
+    screenreaders by using a `menuitemcheckbox` role with the `aria-checked`
+    attribute (instead of `aria-selected`).
+-   Updated dependencies [b37d2432]
+    -   @khanacademy/wonder-blocks-clickable@0.0.0-PR2255-20240619202800
+
+## 3.3.7
+
+### Patch Changes
+
 -   Updated dependencies [47a758b6]
-    -   @khanacademy/wonder-blocks-layout@0.0.0-PR2249-20240606234500
+    -   @khanacademy/wonder-blocks-layout@2.1.0
 
@@ -10,0 +21,0 @@ ## 3.3.6

dist/es/index.js

@@ -148,2 +148,3 @@ import * as React from 'react';
     "aria-selected": ariaSelected,
+    "aria-checked": ariaChecked,
     target,
@@ -161,2 +162,3 @@ role,
       "aria-selected": ariaSelected ? ariaSelected : undefined,
+      "aria-checked": ariaChecked,
       role: role,
@@ -163,0 +165,0 @@ target: target,

dist/index.js

@@ -175,2 +175,3 @@ 'use strict';
     "aria-selected": ariaSelected,
+    "aria-checked": ariaChecked,
     target,
@@ -188,2 +189,3 @@ role,
       "aria-selected": ariaSelected ? ariaSelected : undefined,
+      "aria-checked": ariaChecked,
       role: role,
@@ -190,0 +192,0 @@ target: target,

dist/util/types.d.ts

@@ -132,2 +132,6 @@ import * as React from "react";
     /**
+     * Used to indicate the current item is checked.
+     */
+    "aria-checked"?: AriaProps["aria-checked"];
+    /**
      * Optinal href which Cell should direct to, uses client-side routing
@@ -134,0 +138,0 @@ * by default if react-router is present.

package.json

 {
   "name": "@khanacademy/wonder-blocks-cell",
-  "version": "0.0.0-PR2249-20240606234500",
+  "version": "0.0.0-PR2255-20240619202800",
   "design": "v1",
@@ -17,5 +17,5 @@ "publishConfig": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^4.2.2",
+    "@khanacademy/wonder-blocks-clickable": "0.0.0-PR2255-20240619202800",
     "@khanacademy/wonder-blocks-core": "^6.4.1",
-    "@khanacademy/wonder-blocks-layout": "0.0.0-PR2249-20240606234500",
+    "@khanacademy/wonder-blocks-layout": "^2.1.0",
     "@khanacademy/wonder-blocks-tokens": "^1.3.0",
@@ -22,0 +22,0 @@ "@khanacademy/wonder-blocks-typography": "^2.1.12"

src/util/types.ts

@@ -141,2 +141,6 @@ import * as React from "react";
     /**
+     * Used to indicate the current item is checked.
+     */
+    "aria-checked"?: AriaProps["aria-checked"];
+    /**
      * Optinal href which Cell should direct to, uses client-side routing
@@ -143,0 +147,0 @@ * by default if react-router is present.

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

145364

increased by1.92%

Lines of code

1964

increased by3.21%

Dependency changes

• + Added@khanacademy/wonder-blocks-clickable@0.0.0-PR2255-20240619202800(transitive)

• + Added@khanacademy/wonder-blocks-layout@2.2.1(transitive)

• - Removed@khanacademy/wonder-blocks-clickable@4.2.8(transitive)

• - Removed@khanacademy/wonder-blocks-layout@0.0.0-PR2249-20240606234500(transitive)

• Updated@khanacademy/wonder-blocks-clickable@0.0.0-PR2255-20240619202800

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