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

Comparing version 3.3.7 to 3.4.0

CHANGELOG.md

 # @khanacademy/wonder-blocks-cell
 
+## 3.4.0
+
+### Minor Changes
+
+-   f099cf87: 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`). - `CellCore` (used by `CompactCell` and `DetailCell`) has a new optional
+    prop for `aria-checked` - `ClickableRole` type now supports the `menuitemcheckbox` role - `OptionItem`'s `role` prop now also supports the `menuitemcheckbox` role
+
+### Patch Changes
+
+-   Updated dependencies [f099cf87]
+    -   @khanacademy/wonder-blocks-clickable@4.2.3
+
 ## 3.3.7
@@ -4,0 +19,0 @@

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": "3.3.7",
+  "version": "3.4.0",
   "design": "v1",
@@ -17,3 +17,3 @@ "publishConfig": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^4.2.2",
+    "@khanacademy/wonder-blocks-clickable": "^4.2.3",
     "@khanacademy/wonder-blocks-core": "^6.4.1",
@@ -20,0 +20,0 @@ "@khanacademy/wonder-blocks-layout": "^2.1.0",

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.

No alert changes

Improved metrics

Total package byte prevSize

145537

increased by2.1%

Lines of code

1964

increased by3.21%

Dependency changes

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