carbon-react 147.10.0 → 148.0.0

package/esm/components/tabs/tabs.component.js

@@ -98,18 +98,13 @@ const Tabs = ({
       previousSelectedTabId.current = selectedTabId;
     }
   }, [blurPreviousSelectedTab, previousSelectedTabId, selectedTabId, selectedTabIdState]);
-
-  /** Handles the changing of tabs with the mouse */
-  const handleTabClick = ev => {
+  const createTabClickHandler = tabId => ev => {
     // istanbul ignore if
     // (code doesn't seem to be ever reached - FE-6835 raised to investigate and hopefully remove this)
     if (Event.isEventType(ev, "keydown")) {
       return;
     }
-    const {
-      tabid
-    } = ev.target.dataset;
-    updateVisibleTab(tabid);
+    updateVisibleTab(tabId);
   };
 
   /** Focuses the tab for the reference specified */
@@ -141,21 +136,17 @@ const Tabs = ({
     const nextRef = tabRefs[newIndex];
     focusTab(nextRef);
   };
-
-  /** Handles the keyboard navigation of tabs */
-  const handleKeyDown = index => {
-    return event => {
-      const isTabVertical = isInSidebar || position === "left";
-      const isUp = isTabVertical && Event.isUpKey(event);
-      const isDown = isTabVertical && Event.isDownKey(event);
-      const isLeft = !isTabVertical && Event.isLeftKey(event);
-      const isRight = !isTabVertical && Event.isRightKey(event);
-      if (isUp || isLeft) {
-        goToTab(event, index - 1);
-      } else if (isDown || isRight) {
-        goToTab(event, index + 1);
-      }
-    };
+  const createTabKeydownHandler = index => event => {
+    const isTabVertical = isInSidebar || position === "left";
+    const isUp = isTabVertical && Event.isUpKey(event);
+    const isDown = isTabVertical && Event.isDownKey(event);
+    const isLeft = !isTabVertical && Event.isLeftKey(event);
+    const isRight = !isTabVertical && Event.isRightKey(event);
+    if (isUp || isLeft) {
+      goToTab(event, index - 1);
+    } else if (isDown || isRight) {
+      goToTab(event, index + 1);
+    }
   };
 
   /** Build the headers for the tab component */
@@ -199,12 +190,11 @@ const Tabs = ({
       };
       return /*#__PURE__*/React.createElement(TabTitle, _extends({}, titleProps, {
         position: isInSidebar ? "left" : position,
-        className: child.props.className || "",
         dataTabId: tabId,
         id: refId,
         key: tabId,
-        onClick: handleTabClick,
-        onKeyDown: handleKeyDown(index),
+        onClick: createTabClickHandler(tabId),
+        onKeyDown: createTabKeydownHandler(index),
         ref: tabRefs[index],
         tabIndex: isTabSelected(tabId) ? 0 : -1,
         title: title,

package/esm/components/text-editor/__internal__/editor-link/editor-link.style.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link").LinkProps & import("react").RefAttributes<HTMLButtonElement | HTMLLinkElement>>, any, {}, never>;
+declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, {}, never>;
 export default StyledEditorLink;

package/esm/components/textarea/textarea.component.js

@@ -268,14 +268,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"]),
@@ -305,6 +309,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,
@@ -366,7 +371,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,
@@ -378,7 +383,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
@@ -703,9 +708,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,
@@ -720,6 +723,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/components/textbox/textbox.component.js

@@ -231,14 +231,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"]),
@@ -268,6 +272,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,
@@ -329,7 +334,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,
@@ -340,7 +345,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
@@ -668,9 +673,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,
@@ -685,6 +688,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/components/tile/flex-tile-cell/flex-tile-cell.component.js

@@ -327,7 +327,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/tile/flex-tile-divider/flex-tile-divider.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const FlexTileDivider: () => JSX.Element;
 export default FlexTileDivider;

package/esm/components/time/time.component.js

@@ -247,7 +247,6 @@ const Time = /*#__PURE__*/React.forwardRef(({
 });
 if (process.env.NODE_ENV !== "production") {
   Time.propTypes = {
-    "children": PropTypes.node,
     "data-element": PropTypes.string,
     "data-role": PropTypes.string,
     "disabled": PropTypes.bool,

package/esm/components/toast/toast.style.d.ts

@@ -2,8 +2,8 @@
 import TypeIcon from "../message/__internal__/type-icon/type-icon.style";
 import { MessageVariant } from "../message/message.component";
 declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
-    align?: "left" | "right" | "center" | undefined;
-    alignY?: "top" | "bottom" | "center" | undefined;
+    align?: "center" | "left" | "right" | undefined;
+    alignY?: "center" | "top" | "bottom" | undefined;
     isNotice?: boolean | undefined;
 }, never>;
 declare type ToastVariants = MessageVariant;
@@ -21,7 +21,7 @@ declare const StyledToastContent: import("styled-components").StyledComponent<"d
     isDismiss?: boolean | undefined;
 }, never>;
 declare const ToastWrapper: import("styled-components").StyledComponent<"div", any, {
-    align?: "left" | "right" | "center" | undefined;
+    align?: "center" | "left" | "right" | undefined;
     isNotice?: boolean | undefined;
 }, never>;
 export { StyledPortal, StyledToast, TypeIcon, StyledToastContent, ToastWrapper, };

package/esm/components/typography/typography.style.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { TypographyProps } from "./typography.component";
 declare const StyledTypography: import("styled-components").StyledComponent<"span", any, {
-    as: import("react").ElementType<any> | undefined;
+    as: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     size: string;
     weight: string;
     textTransform: string;
     textDecoration: string;
     lineHeight: string;
     defaultMargin: string;
-} & TypographyProps, "as" | "textDecoration" | "size" | "weight" | "textTransform" | "lineHeight" | "defaultMargin">;
+} & TypographyProps, "textDecoration" | "size" | "as" | "weight" | "textTransform" | "lineHeight" | "defaultMargin">;
 export default StyledTypography;

package/esm/components/vertical-divider/vertical-divider.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpaceProps } from "styled-system";
 declare type TintRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100;
 export interface VerticalDividerProps extends SpaceProps {

package/esm/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.d.ts

@@ -10,7 +10,7 @@ export interface VerticalMenuFullScreenProps extends TagProps {
     /** Whether the menu is open or not */
     isOpen: boolean;
     /** A callback to be called when the close icon is clicked or enter is pressed when focused */
-    onClose: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    onClose: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
 }
 export declare const VerticalMenuFullScreen: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, isOpen, onClose, ...rest }: VerticalMenuFullScreenProps) => React.JSX.Element | null;
 export default VerticalMenuFullScreen;

package/esm/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js

@@ -46,8 +46,7 @@ export const VerticalMenuFullScreen = ({
     scrollVariant: "light",
     as: "nav",
     "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    onKeyDown: handleKeyDown
+    "aria-labelledby": ariaLabelledBy
   }, tagComponent("vertical-menu-full-screen", rest)), /*#__PURE__*/React.createElement(Box, {
     display: "flex",
     justifyContent: "flex-end",

package/esm/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.d.ts

@@ -23,5 +23,5 @@ export interface VerticalMenuItemProps<T = React.ElementType> extends PaddingPro
     component?: T;
 }
 declare type InferredComponentProps<T extends React.ElementType> = Omit<React.ComponentProps<T>, keyof VerticalMenuItemProps<T>>;
-export declare const VerticalMenuItem: <T>({ defaultOpen, title, iconType, adornment, children, component, active, height, href, ...rest }: T extends React.ElementType<any> ? InferredComponentProps<T> & VerticalMenuItemProps<T> : VerticalMenuItemProps<React.ElementType<any>>) => React.JSX.Element;
+export declare const VerticalMenuItem: <T>({ defaultOpen, title, iconType, adornment, children, component, active, height, href, ...rest }: T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> ? InferredComponentProps<T> & VerticalMenuItemProps<T> : VerticalMenuItemProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>) => React.JSX.Element;
 export default VerticalMenuItem;

package/esm/hooks/__internal__/useCharacterCount/useCharacterCount.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useCharacterCount: (value?: string, characterLimit?: number, characterCountAriaLive?: "off" | "polite") => [JSX.Element | null, string | undefined];
 export default useCharacterCount;

package/esm/hooks/__internal__/useChildButtons/useChildButtons.d.ts

@@ -8,7 +8,7 @@ declare const useChildButtons: (toggleButtonRef: React.RefObject<HTMLButtonEleme
     wrapperProps: {
         "data-element": string;
         role: string;
-        onKeyDown: (ev: any) => void;
+        onKeyDown: (ev: import("react").KeyboardEvent<HTMLElement>) => void;
         minWidth: number;
         ref: import("react").RefObject<HTMLUListElement>;
     };

package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (mainControlRef: React.RefObject<HTMLButtonElement>, getButtonChildren: () => NodeListOf<HTMLButtonElement>, hide: () => void, isOpen: boolean) => (ev: any) => void;
+declare const _default: (mainControlRef: React.RefObject<HTMLButtonElement>, getButtonChildren: () => NodeListOf<HTMLButtonElement>, hide: () => void, isOpen: boolean) => (ev: React.KeyboardEvent<HTMLElement>) => void;
 export default _default;

package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js

@@ -6,9 +6,9 @@ export default (mainControlRef, getButtonChildren, hide, isOpen) => {
     hide();
     mainControlRef.current?.focus();
   }, [hide, mainControlRef]);
-  const handleEscapeKey = useCallback(e => {
+  const handleEscapeKey = useCallback(ev => {
     /* istanbul ignore else */
-    if (Events.isEscKey(e)) {
+    if (Events.isEscKey(ev)) {
       refocusMainControl();
     }
   }, [refocusMainControl]);

package/esm/hooks/__internal__/useStableCallback/useStableCallback.d.ts

@@ -1,2 +1,2 @@
-export declare function useStableCallback(callback?: (...args: unknown[]) => unknown): ((...args: any[]) => unknown) | undefined;
+export declare function useStableCallback(callback?: (...args: unknown[]) => unknown): ((...args: unknown[]) => unknown) | undefined;
 export default useStableCallback;

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

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

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

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

package/lib/__internal__/input/input.component.js

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

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

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

package/lib/__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/lib/__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/lib/components/accordion/accordion.component.js

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

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

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

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

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