carbon-react 147.11.0 → 148.0.0

package/esm/__internal__/checkable-input/checkable-input.component.js

@@ -119,14 +119,18 @@ if (process.env.NODE_ENV !== "production") {
     "aria-activedescendant": PropTypes.string,
     "aria-atomic": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
+    "aria-braillelabel": PropTypes.string,
+    "aria-brailleroledescription": PropTypes.string,
     "aria-busy": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-checked": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
     "aria-colcount": PropTypes.number,
     "aria-colindex": PropTypes.number,
+    "aria-colindextext": PropTypes.string,
     "aria-colspan": PropTypes.number,
     "aria-controls": PropTypes.string,
     "aria-current": PropTypes.oneOfType([PropTypes.oneOf(["date", "false", "location", "page", "step", "time", "true"]), PropTypes.bool]),
     "aria-describedby": PropTypes.string,
+    "aria-description": PropTypes.string,
     "aria-details": PropTypes.string,
     "aria-disabled": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-dropeffect": PropTypes.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
@@ -156,6 +160,7 @@ if (process.env.NODE_ENV !== "production") {
     "aria-roledescription": PropTypes.string,
     "aria-rowcount": PropTypes.number,
     "aria-rowindex": PropTypes.number,
+    "aria-rowindextext": PropTypes.string,
     "aria-rowspan": PropTypes.number,
     "aria-selected": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-setsize": PropTypes.number,
@@ -217,7 +222,7 @@ if (process.env.NODE_ENV !== "production") {
       "trimStart": PropTypes.func.isRequired,
       "valueOf": PropTypes.func.isRequired
     })]),
-    "autoComplete": PropTypes.string,
+    "autoComplete": PropTypes.any,
     "autoCorrect": PropTypes.string,
     "autoFocus": PropTypes.bool,
     "autoSave": PropTypes.string,
@@ -227,7 +232,7 @@ if (process.env.NODE_ENV !== "production") {
     "className": PropTypes.string,
     "color": PropTypes.string,
     "content": PropTypes.string,
-    "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
+    "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "plaintext-only", "true"]), PropTypes.bool]),
     "contextMenu": PropTypes.string,
     "dangerouslySetInnerHTML": PropTypes.shape({
       "__html": PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired
@@ -388,9 +393,7 @@ if (process.env.NODE_ENV !== "production") {
     "onPointerDown": PropTypes.func,
     "onPointerDownCapture": PropTypes.func,
     "onPointerEnter": PropTypes.func,
-    "onPointerEnterCapture": PropTypes.func,
     "onPointerLeave": PropTypes.func,
-    "onPointerLeaveCapture": PropTypes.func,
     "onPointerMove": PropTypes.func,
     "onPointerMoveCapture": PropTypes.func,
     "onPointerOut": PropTypes.func,
@@ -405,6 +408,8 @@ if (process.env.NODE_ENV !== "production") {
     "onRateChangeCapture": PropTypes.func,
     "onReset": PropTypes.func,
     "onResetCapture": PropTypes.func,
+    "onResize": PropTypes.func,
+    "onResizeCapture": PropTypes.func,
     "onScroll": PropTypes.func,
     "onScrollCapture": PropTypes.func,
     "onSeeked": PropTypes.func,

package/esm/__internal__/checkable-input/hidden-checkable-input.component.js

@@ -86,14 +86,18 @@ if (process.env.NODE_ENV !== "production") {
     "aria-activedescendant": PropTypes.string,
     "aria-atomic": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
+    "aria-braillelabel": PropTypes.string,
+    "aria-brailleroledescription": PropTypes.string,
     "aria-busy": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-checked": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
     "aria-colcount": PropTypes.number,
     "aria-colindex": PropTypes.number,
+    "aria-colindextext": PropTypes.string,
     "aria-colspan": PropTypes.number,
     "aria-controls": PropTypes.string,
     "aria-current": PropTypes.oneOfType([PropTypes.oneOf(["date", "false", "location", "page", "step", "time", "true"]), PropTypes.bool]),
     "aria-describedby": PropTypes.string,
+    "aria-description": PropTypes.string,
     "aria-details": PropTypes.string,
     "aria-disabled": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-dropeffect": PropTypes.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
@@ -123,6 +127,7 @@ if (process.env.NODE_ENV !== "production") {
     "aria-roledescription": PropTypes.string,
     "aria-rowcount": PropTypes.number,
     "aria-rowindex": PropTypes.number,
+    "aria-rowindextext": PropTypes.string,
     "aria-rowspan": PropTypes.number,
     "aria-selected": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-setsize": PropTypes.number,
@@ -184,7 +189,7 @@ if (process.env.NODE_ENV !== "production") {
       "trimStart": PropTypes.func.isRequired,
       "valueOf": PropTypes.func.isRequired
     })]),
-    "autoComplete": PropTypes.string,
+    "autoComplete": PropTypes.any,
     "autoCorrect": PropTypes.string,
     "autoFocus": PropTypes.bool,
     "autoSave": PropTypes.string,
@@ -194,7 +199,7 @@ if (process.env.NODE_ENV !== "production") {
     "className": PropTypes.string,
     "color": PropTypes.string,
     "content": PropTypes.string,
-    "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
+    "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "plaintext-only", "true"]), PropTypes.bool]),
     "contextMenu": PropTypes.string,
     "dangerouslySetInnerHTML": PropTypes.shape({
       "__html": PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired
@@ -343,9 +348,7 @@ if (process.env.NODE_ENV !== "production") {
     "onPointerDown": PropTypes.func,
     "onPointerDownCapture": PropTypes.func,
     "onPointerEnter": PropTypes.func,
-    "onPointerEnterCapture": PropTypes.func,
     "onPointerLeave": PropTypes.func,
-    "onPointerLeaveCapture": PropTypes.func,
     "onPointerMove": PropTypes.func,
     "onPointerMoveCapture": PropTypes.func,
     "onPointerOut": PropTypes.func,
@@ -360,6 +363,8 @@ if (process.env.NODE_ENV !== "production") {
     "onRateChangeCapture": PropTypes.func,
     "onReset": PropTypes.func,
     "onResetCapture": PropTypes.func,
+    "onResize": PropTypes.func,
+    "onResizeCapture": PropTypes.func,
     "onScroll": PropTypes.func,
     "onScrollCapture": PropTypes.func,
     "onSeeked": PropTypes.func,

package/esm/__internal__/input/input.component.js

@@ -163,14 +163,18 @@ if (process.env.NODE_ENV !== "production") {
     "aria-activedescendant": PropTypes.string,
     "aria-atomic": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
+    "aria-braillelabel": PropTypes.string,
+    "aria-brailleroledescription": PropTypes.string,
     "aria-busy": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-checked": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
     "aria-colcount": PropTypes.number,
     "aria-colindex": PropTypes.number,
+    "aria-colindextext": PropTypes.string,
     "aria-colspan": PropTypes.number,
     "aria-controls": PropTypes.string,
     "aria-current": PropTypes.oneOfType([PropTypes.oneOf(["date", "false", "location", "page", "step", "time", "true"]), PropTypes.bool]),
     "aria-describedby": PropTypes.string,
+    "aria-description": PropTypes.string,
     "aria-details": PropTypes.string,
     "aria-disabled": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-dropeffect": PropTypes.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
@@ -200,6 +204,7 @@ if (process.env.NODE_ENV !== "production") {
     "aria-roledescription": PropTypes.string,
     "aria-rowcount": PropTypes.number,
     "aria-rowindex": PropTypes.number,
+    "aria-rowindextext": PropTypes.string,
     "aria-rowspan": PropTypes.number,
     "aria-selected": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-setsize": PropTypes.number,
@@ -261,7 +266,7 @@ if (process.env.NODE_ENV !== "production") {
       "trimStart": PropTypes.func.isRequired,
       "valueOf": PropTypes.func.isRequired
     })]),
-    "autoComplete": PropTypes.string,
+    "autoComplete": PropTypes.any,
     "autoCorrect": PropTypes.string,
     "autoFocus": PropTypes.bool,
     "autoSave": PropTypes.string,
@@ -272,7 +277,7 @@ if (process.env.NODE_ENV !== "production") {
     "color": PropTypes.string,
     "cols": PropTypes.number,
     "content": PropTypes.string,
-    "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
+    "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "plaintext-only", "true"]), PropTypes.bool]),
     "contextMenu": PropTypes.string,
     "dangerouslySetInnerHTML": PropTypes.shape({
       "__html": PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired
@@ -424,9 +429,7 @@ if (process.env.NODE_ENV !== "production") {
     "onPointerDown": PropTypes.func,
     "onPointerDownCapture": PropTypes.func,
     "onPointerEnter": PropTypes.func,
-    "onPointerEnterCapture": PropTypes.func,
     "onPointerLeave": PropTypes.func,
-    "onPointerLeaveCapture": PropTypes.func,
     "onPointerMove": PropTypes.func,
     "onPointerMoveCapture": PropTypes.func,
     "onPointerOut": PropTypes.func,
@@ -441,6 +444,8 @@ if (process.env.NODE_ENV !== "production") {
     "onRateChangeCapture": PropTypes.func,
     "onReset": PropTypes.func,
     "onResetCapture": PropTypes.func,
+    "onResize": PropTypes.func,
+    "onResizeCapture": PropTypes.func,
     "onScroll": PropTypes.func,
     "onScrollCapture": PropTypes.func,
     "onSeeked": PropTypes.func,

package/esm/__internal__/radio-button-mapper/radio-button-mapper.component.js

@@ -20,7 +20,7 @@ const RadioButtonMapper = ({
     return result;
   }, [filteredChildren]);
   const isControlled = value !== undefined;
-  const [checkedValue, setCheckedValue] = useState(false);
+  const [checkedValue, setCheckedValue] = useState("");
   const onChangeProp = useCallback(event => {
     onChange?.(event);
     if (!isControlled) {

package/esm/__internal__/utils/helpers/events/composedPath.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (ev: CustomEvent) => EventTarget[];
+declare const _default: (ev: Event) => EventTarget[];
 export default _default;

package/esm/__internal__/utils/helpers/events/events.d.ts

@@ -75,6 +75,6 @@ declare const Events: {
      * Gets the event's path which is an array of the objects on which listeners will be invoked.
      * @see https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath
      */
-    composedPath: (ev: CustomEvent) => EventTarget[];
+    composedPath: (ev: Event) => EventTarget[];
 };
 export default Events;

package/esm/components/accordion/accordion.component.js

@@ -45,7 +45,7 @@ const Accordion = /*#__PURE__*/React.forwardRef(({
     if (!isControlled) {
       setIsExpandedInternal(!isExpanded);
     }
-    if (onChange) onChange(ev, !isExpanded);
+    onChange?.(ev, !isExpanded);
   }, [isControlled, isExpanded, onChange]);
   const handleKeyDown = useCallback(ev => {
     if (handleKeyboardAccessibility) {

package/esm/components/action-popover/action-popover-menu/action-popover-menu.component.js

@@ -29,12 +29,7 @@ const ActionPopoverMenu = /*#__PURE__*/React.forwardRef(({
   } = context;
   !(setOpen && setFocusIndex && typeof focusIndex !== "undefined") ? process.env.NODE_ENV !== "production" ? invariant(false, "ActionPopoverMenu must be used within an ActionPopover or ActionPopoverItem component") : invariant(false) : void 0;
   const hasProperChildren = useMemo(() => {
-    const incorrectChild = React.Children.toArray(children).find(child => {
-      if (! /*#__PURE__*/React.isValidElement(child)) {
-        return true;
-      }
-      return child.type.displayName !== ActionPopoverItem.displayName && child.type.displayName !== ActionPopoverDivider.displayName;
-    });
+    const incorrectChild = React.Children.toArray(children).find(child => ! /*#__PURE__*/React.isValidElement(child) || child.type.displayName !== "ActionPopoverItem" && child.type.displayName !== "ActionPopoverDivider");
     return !incorrectChild;
   }, [children]);
   !hasProperChildren ? process.env.NODE_ENV !== "production" ? invariant(false, `ActionPopoverMenu only accepts children of type \`${ActionPopoverItem.displayName}\`` + ` and \`${ActionPopoverDivider.displayName}\`.`) : invariant(false) : void 0;

package/esm/components/action-popover/action-popover.component.js

@@ -94,10 +94,15 @@ const ActionPopover = /*#__PURE__*/forwardRef(({
   // https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-actions.html
 
   const onButtonKeyDown = useCallback(e => {
-    if (Events.isSpaceKey(e) || Events.isDownKey(e) || Events.isEnterKey(e) || Events.isUpKey(e)) {
+    if (Events.isSpaceKey(e) || Events.isDownKey(e) || Events.isEnterKey(e)) {
       e.preventDefault();
       e.stopPropagation();
-      setFocusIndex(Events.isUpKey(e) ? lastFocusableItem : firstFocusableItem);
+      setFocusIndex(firstFocusableItem);
+      setOpen(true);
+    } else if (Events.isUpKey(e)) {
+      e.preventDefault();
+      e.stopPropagation();
+      setFocusIndex(lastFocusableItem);
       setOpen(true);
     }
   }, [firstFocusableItem, lastFocusableItem, setOpen]);

package/esm/components/advanced-color-picker/advanced-color-picker.component.d.ts

@@ -30,9 +30,9 @@ export interface AdvancedColorPickerProps extends MarginProps, Pick<ModalProps,
     /** Prop for `onChange` event */
     onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     /** Prop for `onClose` event */
-    onClose?: (ev: React.MouseEvent<HTMLElement>) => void;
+    onClose?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
     /** Prop for `onOpen` event */
-    onOpen?: (ev: React.MouseEvent<HTMLElement>) => void;
+    onOpen?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
     /** Prop for `open` status */
     open?: boolean;
     /** The ARIA role to be applied to the component container */

package/esm/components/advanced-color-picker/advanced-color-picker.component.js

@@ -68,7 +68,7 @@ export const AdvancedColorPicker = ({
           e.preventDefault();
         }
       } else if (document.activeElement === selectedColorRef) {
-        firstFocusableElement.focus();
+        firstFocusableElement?.focus();
         e.preventDefault();
       }
     }

package/esm/components/anchor-navigation/anchor-navigation.component.js

@@ -18,7 +18,7 @@ const AnchorNavigation = ({
   !isFragment(stickyNavigation) ? process.env.NODE_ENV !== "production" ? invariant(false, "`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.") : invariant(false) : void 0;
   const hasCorrectItemStructure = useMemo(() => {
     const incorrectChild = React.Children.toArray(stickyNavigation.props.children).find(child => {
-      return ! /*#__PURE__*/React.isValidElement(child) || child.type.displayName !== AnchorNavigationItem.displayName;
+      return ! /*#__PURE__*/React.isValidElement(child) || child.type.displayName !== "AnchorNavigationItem";
     });
     return !incorrectChild;
   }, [stickyNavigation]);

package/esm/components/box/box.component.js

@@ -373,7 +373,7 @@ if (process.env.NODE_ENV !== "production") {
       "valueOf": PropTypes.func.isRequired
     })]),
     "aria-hidden": PropTypes.oneOf(["false", "true"]),
-    "as": PropTypes.oneOfType([PropTypes.oneOf(["a", "abbr", "address", "animate", "animateMotion", "animateTransform", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "circle", "cite", "clipPath", "code", "col", "colgroup", "data", "datalist", "dd", "defs", "del", "desc", "details", "dfn", "dialog", "div", "dl", "dt", "ellipse", "em", "embed", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "fieldset", "figcaption", "figure", "filter", "footer", "foreignObject", "form", "g", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "image", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "line", "linearGradient", "link", "main", "map", "mark", "marker", "mask", "menu", "menuitem", "meta", "metadata", "meter", "mpath", "nav", "noindex", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "path", "pattern", "picture", "polygon", "polyline", "pre", "progress", "q", "radialGradient", "rect", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "slot", "small", "source", "span", "stop", "strong", "style", "sub", "summary", "sup", "svg", "switch", "symbol", "table", "tbody", "td", "template", "text", "textarea", "textPath", "tfoot", "th", "thead", "time", "title", "tr", "track", "tspan", "u", "ul", "use", "var", "video", "view", "wbr", "webview"]), PropTypes.func, PropTypes.shape({
+    "as": PropTypes.oneOfType([PropTypes.oneOf(["a", "abbr", "address", "animate", "animateMotion", "animateTransform", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "center", "circle", "cite", "clipPath", "code", "col", "colgroup", "data", "datalist", "dd", "defs", "del", "desc", "details", "dfn", "dialog", "div", "dl", "dt", "ellipse", "em", "embed", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "fieldset", "figcaption", "figure", "filter", "footer", "foreignObject", "form", "g", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "image", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "line", "linearGradient", "link", "main", "map", "mark", "marker", "mask", "menu", "menuitem", "meta", "metadata", "meter", "mpath", "nav", "noindex", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "path", "pattern", "picture", "polygon", "polyline", "pre", "progress", "q", "radialGradient", "rect", "rp", "rt", "ruby", "s", "samp", "script", "search", "section", "select", "set", "slot", "small", "source", "span", "stop", "strong", "style", "sub", "summary", "sup", "svg", "switch", "symbol", "table", "tbody", "td", "template", "text", "textarea", "textPath", "tfoot", "th", "thead", "time", "title", "tr", "track", "tspan", "u", "ul", "use", "var", "video", "view", "wbr", "webview"]), PropTypes.func, PropTypes.shape({
       "childContextTypes": PropTypes.object,
       "contextType": PropTypes.shape({
         "Consumer": PropTypes.func.isRequired,

package/esm/components/breadcrumbs/crumb/crumb.component.d.ts

@@ -5,5 +5,5 @@ export interface CrumbProps extends Omit<LinkProps, "tooltipMessage" | "tooltipP
     /** This sets the Crumb to current, does not render Link */
     isCurrent?: boolean;
 }
-declare const Crumb: React.ForwardRefExoticComponent<CrumbProps & React.RefAttributes<HTMLLinkElement>>;
+declare const Crumb: React.ForwardRefExoticComponent<CrumbProps & React.RefAttributes<HTMLAnchorElement>>;
 export default Crumb;

package/esm/components/breadcrumbs/crumb/crumb.component.js

@@ -33,14 +33,18 @@ if (process.env.NODE_ENV !== "production") {
     "aria-activedescendant": PropTypes.string,
     "aria-atomic": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
+    "aria-braillelabel": PropTypes.string,
+    "aria-brailleroledescription": PropTypes.string,
     "aria-busy": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-checked": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
     "aria-colcount": PropTypes.number,
     "aria-colindex": PropTypes.number,
+    "aria-colindextext": PropTypes.string,
     "aria-colspan": PropTypes.number,
     "aria-controls": PropTypes.string,
     "aria-current": PropTypes.oneOfType([PropTypes.oneOf(["date", "false", "location", "page", "step", "time", "true"]), PropTypes.bool]),
     "aria-describedby": PropTypes.string,
+    "aria-description": PropTypes.string,
     "aria-details": PropTypes.string,
     "aria-disabled": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-dropeffect": PropTypes.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
@@ -70,6 +74,7 @@ if (process.env.NODE_ENV !== "production") {
     "aria-roledescription": PropTypes.string,
     "aria-rowcount": PropTypes.number,
     "aria-rowindex": PropTypes.number,
+    "aria-rowindextext": PropTypes.string,
     "aria-rowspan": PropTypes.number,
     "aria-selected": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-setsize": PropTypes.number,
@@ -88,7 +93,6 @@ if (process.env.NODE_ENV !== "production") {
     "onClick": PropTypes.func,
     "onKeyDown": PropTypes.func,
     "onMouseDown": PropTypes.func,
-    "placeholderTabIndex": PropTypes.bool,
     "removeAriaLabelOnIcon": PropTypes.bool
   };
 }

package/esm/components/breadcrumbs/crumb/crumb.style.d.ts

@@ -4,13 +4,13 @@ interface StyleCrumbProps extends LinkProps {
     isCurrent?: boolean;
     isDarkBackground: boolean;
 }
-export declare const StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLButtonElement | HTMLLinkElement>>, any, StyleCrumbProps, never>;
+export declare const StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyleCrumbProps, never>;
 interface DividerProps {
     isDarkBackground: boolean;
 }
 export declare const Divider: import("styled-components").StyledComponent<"span", any, DividerProps, never>;
 declare const _default: {
-    StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLButtonElement | HTMLLinkElement>>, any, StyleCrumbProps, never>;
+    StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyleCrumbProps, never>;
     Divider: import("styled-components").StyledComponent<"span", any, DividerProps, never>;
 };
 export default _default;

package/esm/components/button-toggle/button-toggle-group/button-toggle-group.component.js

@@ -38,9 +38,7 @@ const ButtonToggleGroup = ({
   ...props
 }) => {
   const hasCorrectItemStructure = useMemo(() => {
-    const incorrectChild = React.Children.toArray(children).find(child => {
-      return ! /*#__PURE__*/React.isValidElement(child) || child.type.displayName !== ButtonToggle.displayName;
-    });
+    const incorrectChild = React.Children.toArray(children).find(child => ! /*#__PURE__*/React.isValidElement(child) || child.type.displayName !== "ButtonToggle");
     return !incorrectChild;
   }, [children]);
   !hasCorrectItemStructure ? process.env.NODE_ENV !== "production" ? invariant(false, `\`ButtonToggleGroup\` only accepts children of type \`${ButtonToggle.displayName}\``) : invariant(false) : void 0;

package/esm/components/checkbox/checkbox.component.js

@@ -127,14 +127,18 @@ if (process.env.NODE_ENV !== "production") {
     "aria-activedescendant": PropTypes.string,
     "aria-atomic": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
+    "aria-braillelabel": PropTypes.string,
+    "aria-brailleroledescription": PropTypes.string,
     "aria-busy": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-checked": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
     "aria-colcount": PropTypes.number,
     "aria-colindex": PropTypes.number,
+    "aria-colindextext": PropTypes.string,
     "aria-colspan": PropTypes.number,
     "aria-controls": PropTypes.string,
     "aria-current": PropTypes.oneOfType([PropTypes.oneOf(["date", "false", "location", "page", "step", "time", "true"]), PropTypes.bool]),
     "aria-describedby": PropTypes.string,
+    "aria-description": PropTypes.string,
     "aria-details": PropTypes.string,
     "aria-disabled": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-dropeffect": PropTypes.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
@@ -164,6 +168,7 @@ if (process.env.NODE_ENV !== "production") {
     "aria-roledescription": PropTypes.string,
     "aria-rowcount": PropTypes.number,
     "aria-rowindex": PropTypes.number,
+    "aria-rowindextext": PropTypes.string,
     "aria-rowspan": PropTypes.number,
     "aria-selected": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "aria-setsize": PropTypes.number,
@@ -225,7 +230,7 @@ if (process.env.NODE_ENV !== "production") {
       "trimStart": PropTypes.func.isRequired,
       "valueOf": PropTypes.func.isRequired
     })]),
-    "autoComplete": PropTypes.string,
+    "autoComplete": PropTypes.any,
     "autoCorrect": PropTypes.string,
     "autoFocus": PropTypes.bool,
     "autoSave": PropTypes.string,
@@ -235,7 +240,7 @@ if (process.env.NODE_ENV !== "production") {
     "className": PropTypes.string,
     "color": PropTypes.string,
     "content": PropTypes.string,
-    "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
+    "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "plaintext-only", "true"]), PropTypes.bool]),
     "contextMenu": PropTypes.string,
     "dangerouslySetInnerHTML": PropTypes.shape({
       "__html": PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired
@@ -554,9 +559,7 @@ if (process.env.NODE_ENV !== "production") {
     "onPointerDown": PropTypes.func,
     "onPointerDownCapture": PropTypes.func,
     "onPointerEnter": PropTypes.func,
-    "onPointerEnterCapture": PropTypes.func,
     "onPointerLeave": PropTypes.func,
-    "onPointerLeaveCapture": PropTypes.func,
     "onPointerMove": PropTypes.func,
     "onPointerMoveCapture": PropTypes.func,
     "onPointerOut": PropTypes.func,
@@ -571,6 +574,8 @@ if (process.env.NODE_ENV !== "production") {
     "onRateChangeCapture": PropTypes.func,
     "onReset": PropTypes.func,
     "onResetCapture": PropTypes.func,
+    "onResize": PropTypes.func,
+    "onResizeCapture": PropTypes.func,
     "onScroll": PropTypes.func,
     "onScrollCapture": PropTypes.func,
     "onSeeked": PropTypes.func,