@deque/cauldron-react 4.3.0-canary.9d2b7bb9 → 4.3.0-canary.cd53f1dd

package/lib/components/IconButton/index.d.ts

@@ -1,9 +1,16 @@
+/**
+ * Unfortunately, eslint does not recognize the Polymorphic component has propTypes set
+ *
+ * We might be able to remove this if we upgrade eslint and associated plugins
+ * See: https://github.com/dequelabs/cauldron/issues/451
+ */
+import React from 'react';
 import * as Polymorphic from '../../utils/polymorphic-type';
 import { IconType } from '../Icon';
 import { TooltipProps } from '../Tooltip';
 export interface IconButtonOwnProps {
     icon: IconType;
-    label: string;
+    label: React.ReactNode;
     tooltipPlacement?: TooltipProps['placement'];
     tooltipVariant?: TooltipProps['variant'];
     tooltipPortal?: TooltipProps['portal'];

package/lib/index.js

@@ -1665,13 +1665,6 @@ var IconButton = React.forwardRef(function (_a, ref) {
             accessibilityProps['aria-disabled'] = disabled;
         }
     }
-    React.useEffect(function () {
-        var _a;
-        if (!disabled) {
-            return;
-        }
-        (_a = internalRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-label', label);
-    }, [disabled]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Component, tslib.__assign({ className: classNames(className, {
                 IconButton: true,
@@ -1679,7 +1672,8 @@ var IconButton = React.forwardRef(function (_a, ref) {
                 'IconButton--secondary': variant === 'secondary',
                 'IconButton--error': variant === 'error'
             }), ref: internalRef, disabled: disabled, tabIndex: disabled ? -1 : tabIndex }, accessibilityProps, other),
-            React__default.createElement(Icon, { type: icon })),
+            React__default.createElement(Icon, { type: icon }),
+            React__default.createElement(Offscreen, null, label)),
         !disabled && (React__default.createElement(Tooltip, { target: internalRef, placement: tooltipPlacement, variant: tooltipVariant, portal: tooltipPortal, association: "aria-labelledby", hideElementOnHidden: true }, label))));
 });
 IconButton.propTypes = {
@@ -1687,7 +1681,7 @@ IconButton.propTypes = {
     as: PropTypes.elementType,
     // @ts-expect-error
     icon: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired,
+    label: PropTypes.node.isRequired,
     // @ts-expect-error
     tooltipPlacement: PropTypes.string,
     // @ts-expect-error

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "4.3.0-canary.9d2b7bb9",
+  "version": "4.3.0-canary.cd53f1dd",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"