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

Comparing version 0.0.0-PR2120-20231116161715 to 0.0.0-PR2135-20231205175231

CHANGELOG.md

 # @khanacademy/wonder-blocks-cell
 
-## 0.0.0-PR2120-20231116161715
+## 0.0.0-PR2135-20231205175231
 
+### Minor Changes
+
+-   c198896a: Add `role` and `rootStyle` props.
+
+    -   `role` is used to set the `role` attribute on the cell's root element.
+    -   `rootStyle` is used to override the `style` attribute on the cell's root
+        element.
+
+## 3.0.31
+
 ### Patch Changes
 
--   Updated dependencies [80cfc55b]
-    -   @khanacademy/wonder-blocks-clickable@0.0.0-PR2120-20231116161715
+-   Updated dependencies [6b8bf8d5]
+    -   @khanacademy/wonder-blocks-clickable@4.0.11
 
@@ -10,0 +20,0 @@ ## 3.0.30

dist/es/index.js

@@ -147,3 +147,5 @@ import * as React from 'react';
     "aria-label": ariaLabel,
-    target
+    target,
+    role,
+    rootStyle
   } = props;
@@ -157,4 +159,5 @@ if (onClick || href) {
       "aria-label": ariaLabel ? ariaLabel : undefined,
+      role: role,
       target: target,
-      style: [styles$1.wrapper, styles$1.clickable, active && styles$1.active, disabled && styles$1.disabled],
+      style: [styles$1.wrapper, styles$1.clickable, rootStyle, active && styles$1.active, disabled && styles$1.disabled],
       "aria-current": active ? "true" : undefined
@@ -164,4 +167,5 @@ }, () => React.createElement(CellInner, props));
   return React.createElement(View, {
-    style: [styles$1.wrapper, active && styles$1.active],
-    "aria-current": active ? "true" : undefined
+    style: [styles$1.wrapper, rootStyle, active && styles$1.active],
+    "aria-current": active ? "true" : undefined,
+    role: role
   }, React.createElement(CellInner, props));
@@ -174,4 +178,5 @@ };
     display: "flex",
-    minHeight: CellMeasurements.cellMinHeight,
-    textAlign: "left"
+    minHeight: 40,
+    textAlign: "left",
+    width: "100%"
   },
@@ -178,0 +183,0 @@ innerWrapper: {

dist/index.js

@@ -176,3 +176,5 @@ 'use strict';
     "aria-label": ariaLabel,
-    target
+    target,
+    role,
+    rootStyle
   } = props;
@@ -186,4 +188,5 @@ if (onClick || href) {
       "aria-label": ariaLabel ? ariaLabel : undefined,
+      role: role,
       target: target,
-      style: [styles$1.wrapper, styles$1.clickable, active && styles$1.active, disabled && styles$1.disabled],
+      style: [styles$1.wrapper, styles$1.clickable, rootStyle, active && styles$1.active, disabled && styles$1.disabled],
       "aria-current": active ? "true" : undefined
@@ -193,4 +196,5 @@ }, () => React__namespace.createElement(CellInner, props));
   return React__namespace.createElement(wonderBlocksCore.View, {
-    style: [styles$1.wrapper, active && styles$1.active],
-    "aria-current": active ? "true" : undefined
+    style: [styles$1.wrapper, rootStyle, active && styles$1.active],
+    "aria-current": active ? "true" : undefined,
+    role: role
   }, React__namespace.createElement(CellInner, props));
@@ -203,4 +207,5 @@ };
     display: "flex",
-    minHeight: CellMeasurements.cellMinHeight,
-    textAlign: "left"
+    minHeight: 40,
+    textAlign: "left",
+    width: "100%"
   },
@@ -207,0 +212,0 @@ innerWrapper: {

dist/util/types.d.ts

 import * as React from "react";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 import type { Typography } from "@khanacademy/wonder-blocks-typography";
+import { ClickableRole } from "@khanacademy/wonder-blocks-clickable";
 /**
@@ -83,2 +84,13 @@ * A set of values that can be used to configure the horizontal rule appearance.
     /**
+     * A custom role for the cell.
+     */
+    role?: ClickableRole;
+    /**
+     * Optional custom styles applied to the top node.
+     *
+     * _NOTE:_ This is the top node of the cell, not the cell container. If
+     * possible, try to use this prop carefully and use `style` instead.
+     */
+    rootStyle?: StyleType;
+    /**
      * Optional custom styles applied to the cell container.
@@ -85,0 +97,0 @@ */

package.json

 {
   "name": "@khanacademy/wonder-blocks-cell",
-  "version": "0.0.0-PR2120-20231116161715",
+  "version": "0.0.0-PR2135-20231205175231",
   "design": "v1",
@@ -17,3 +17,3 @@ "publishConfig": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "0.0.0-PR2120-20231116161715",
+    "@khanacademy/wonder-blocks-clickable": "^4.0.11",
     "@khanacademy/wonder-blocks-color": "^3.0.0",
@@ -20,0 +20,0 @@ "@khanacademy/wonder-blocks-core": "^6.3.0",

src/util/types.ts

@@ -5,2 +5,3 @@ import * as React from "react";
 import type {Typography} from "@khanacademy/wonder-blocks-typography";
+import {ClickableRole} from "@khanacademy/wonder-blocks-clickable";
 
@@ -91,3 +92,15 @@ /**
     horizontalRule?: HorizontalRuleVariant;
+
     /**
+     * A custom role for the cell.
+     */
+    role?: ClickableRole;
+    /**
+     * Optional custom styles applied to the top node.
+     *
+     * _NOTE:_ This is the top node of the cell, not the cell container. If
+     * possible, try to use this prop carefully and use `style` instead.
+     */
+    rootStyle?: StyleType;
+    /**
      * Optional custom styles applied to the cell container.
@@ -94,0 +107,0 @@ */

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

134426

increased by1.33%

Lines of code

1867

increased by3.61%

Dependency changes

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

• - Removed@khanacademy/wonder-blocks-clickable@0.0.0-PR2120-20231116161715(transitive)

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