carbon-react 147.10.0 → 148.0.0

package/esm/components/select/filterable-select/filterable-select.component.js

@@ -58,7 +58,7 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
   listWidth,
   ...textboxProps
 }, ref) => {
-  const [activeDescendantId, setActiveDescendantId] = useState();
+  const [activeDescendantId, setActiveDescendantId] = useState("");
   const selectListId = useRef(guid());
   const containerRef = useRef(null);
   const listboxRef = useRef(null);
@@ -159,7 +159,10 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
   }, [children, filterText]);
   const handleTextboxChange = useCallback(event => {
     const newValue = event.target.value;
-    const isDeleteEvent = event.nativeEvent.inputType === "deleteContentBackward" || event.nativeEvent.inputType === "deleteContentForward" || event.nativeEvent.inputType === "delete";
+    const {
+      inputType
+    } = event.nativeEvent;
+    const isDeleteEvent = inputType === "deleteContentBackward" || inputType === "deleteContentForward" || inputType === "delete";
     updateValues(newValue, isDeleteEvent);
     setFilterText(newValue);
     setOpen(true);
@@ -284,20 +287,15 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
     const {
       id: selectedOptionId,
       text,
-      value: newValue = "",
+      value: newValue,
       selectionType,
       selectionConfirmed
     } = optionData;
-    if (selectionType === "tab") {
-      setOpen(false);
-      textboxRef?.focus();
-      return;
-    }
     if (!isControlled.current) {
       setSelectedValue(newValue);
       setHighlightedValue(newValue);
     }
-    setTextValue(text || /* istanbul ignore next */"");
+    setTextValue(text);
     triggerChange(newValue, !!selectionConfirmed);
     setActiveDescendantId(selectedOptionId);
     if (selectionType !== "navigationKey") {
@@ -494,14 +492,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"]),
@@ -531,6 +533,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,
@@ -594,7 +597,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,
@@ -604,7 +607,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
@@ -947,9 +950,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,
@@ -964,6 +965,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/select/multi-select/multi-select.component.js

@@ -59,7 +59,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
   listWidth,
   ...textboxProps
 }, ref) => {
-  const [activeDescendantId, setActiveDescendantId] = useState();
+  const [activeDescendantId, setActiveDescendantId] = useState("");
   const selectListId = useRef(guid());
   const accessibilityLabelId = useRef(guid());
   const containerRef = useRef(null);
@@ -122,8 +122,8 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
   const updateValue = useCallback((updateFunction, selectionConfirmed) => {
     const newValue = updateFunction(actualValue);
     // only call onChange if an option has been selected or deselected
-    if (onChange && newValue.length !== actualValue?.length) {
-      onChange(createCustomEvent(newValue, selectionConfirmed));
+    if (newValue.length !== actualValue?.length) {
+      onChange?.(createCustomEvent(newValue, selectionConfirmed));
     }
 
     // no need to update selectedValue if the component is controlled: onChange should take care of updating the value
@@ -501,14 +501,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"]),
@@ -538,6 +542,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,
@@ -601,7 +606,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,
@@ -611,7 +616,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
@@ -951,9 +956,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,
@@ -968,6 +971,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/select/option/option.component.d.ts

@@ -1,5 +1,10 @@
 import React from "react";
 import { TagProps } from "../../../__internal__/utils/helpers/tags";
+declare type OptionData = {
+    id?: string;
+    text?: string;
+    value?: string | Record<string, unknown>;
+};
 export interface OptionProps extends Omit<React.InputHTMLAttributes<HTMLLIElement>, "value" | "onSelect" | "onClick">, Omit<TagProps, "data-component"> {
     /**
      * Unique identifier for the component.
@@ -27,11 +32,7 @@ export interface OptionProps extends Omit<React.InputHTMLAttributes<HTMLLIElemen
      * @private
      * @ignore
      * OnSelect callback */
-    onSelect?: (target?: {
-        text?: string;
-        value?: string | Record<string, unknown>;
-        id?: string;
-    }) => void;
+    onSelect?: (target: OptionData) => void;
     /**
      * @private
      * @ignore

package/esm/components/select/option/option.component.js

@@ -34,7 +34,7 @@ const Option = /*#__PURE__*/React.forwardRef(({
         id: internalIdRef.current
       });
     } else {
-      onSelect?.();
+      onSelect?.({});
       onClick(value);
     }
   }
@@ -64,14 +64,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"]),
@@ -101,6 +105,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,
@@ -160,7 +165,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,
@@ -171,7 +176,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
@@ -324,9 +329,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,
@@ -341,6 +344,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/select/option-row/option-row.component.d.ts

@@ -19,8 +19,8 @@ export interface OptionRowProps extends Omit<TagProps, "data-component"> {
      * @private
      * @ignore
      * Callback to return value when the element is selected (prop added by the SelectList component) */
-    onSelect?: (ev: {
-        id?: string;
+    onSelect?: (data: {
+        id: string;
         text: string;
         value: string | Record<string, unknown>;
     }) => void;

package/esm/components/select/simple-select/simple-select.component.d.ts

@@ -1,13 +1,6 @@
 import React from "react";
 import { FormInputPropTypes } from "../__internal__/select-textbox";
 import { ListPlacement } from "../__internal__/select-list/select-list.component";
-export interface OptionData {
-    text?: string;
-    value?: string | Record<string, unknown>;
-    id?: string;
-    selectionType: string;
-    selectionConfirmed?: boolean;
-}
 export interface CustomSelectChangeEvent extends React.ChangeEvent<HTMLInputElement> {
     selectionConfirmed?: boolean;
 }

package/esm/components/select/simple-select/simple-select.component.js

@@ -63,7 +63,7 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
   const filterText = useRef();
   const [textboxRef, setTextboxRef] = useState();
   const [isOpen, setOpenState] = useState(false);
-  const [activeDescendantId, setActiveDescendantId] = useState();
+  const [activeDescendantId, setActiveDescendantId] = useState("");
   const [textValue, setTextValue] = useState("");
   const [selectedValue, setSelectedValue] = useState(value || defaultValue || "");
   const inputId = useRef(id || guid());
@@ -240,7 +240,7 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
     }
     onChange?.(createCustomEvent(newValue, selectionConfirmed));
   }
-  function onSelectOption(optionData) {
+  const onSelectOption = optionData => {
     const {
       text,
       value: newValue,
@@ -258,7 +258,7 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
       isClickTriggeredBySelect.current = true;
       textboxRef?.focus();
     }
-  }
+  };
   const onSelectListClose = useCallback(() => {
     setOpenState(false);
   }, []);
@@ -360,14 +360,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"]),
@@ -397,6 +401,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,
@@ -460,7 +465,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,
@@ -470,7 +475,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
@@ -809,9 +814,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,
@@ -826,6 +829,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/sidebar/sidebar.component.d.ts

@@ -37,7 +37,7 @@ export interface SidebarProps extends PaddingProps, Omit<TagProps, "data-compone
     /** Node that will be used as sidebar header. */
     header?: React.ReactNode;
     /** A custom close event handler */
-    onCancel?: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
+    onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent | React.MouseEvent<HTMLElement>) => void;
     /** Sets the open state of the modal */
     open: boolean;
     /** Sets the position of sidebar, either left or right. */

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

@@ -32,13 +32,10 @@ const SimpleColorPicker = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...rest
   } = props;
   const hasProperChildren = useMemo(() => {
-    let hasSimpleColorChildren = true;
-    React.Children.toArray(children).forEach(child => {
-      if (typeof child === "string" || /*#__PURE__*/React.isValidElement(child) && child.type.displayName !== "SimpleColor") {
-        hasSimpleColorChildren = false;
-      }
+    const invalidChild = React.Children.toArray(children).find(child => {
+      return typeof child === "string" || /*#__PURE__*/React.isValidElement(child) && child.type.displayName !== "SimpleColor";
     });
-    return hasSimpleColorChildren;
+    return !invalidChild;
   }, [children]);
   !hasProperChildren ? process.env.NODE_ENV !== "production" ? invariant(false, `SimpleColorPicker accepts only children of type \`${SimpleColor.displayName}\`.`) : invariant(false) : void 0;
   const filteredChildren = useMemo(() => React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child)), [children]);

package/esm/components/split-button/split-button.component.js

@@ -153,14 +153,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"]),
@@ -190,6 +194,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,
@@ -257,7 +262,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
@@ -557,9 +562,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,
@@ -574,6 +577,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,
@@ -606,7 +611,6 @@ if (process.env.NODE_ENV !== "production") {
     "onWaitingCapture": PropTypes.func,
     "onWheel": PropTypes.func,
     "onWheelCapture": PropTypes.func,
-    "placeholder": PropTypes.string,
     "position": PropTypes.oneOf(["left", "right"]),
     "prefix": PropTypes.string,
     "property": PropTypes.string,

package/esm/components/step-flow/step-flow.component.js

@@ -115,7 +115,6 @@ if (process.env.NODE_ENV !== "production") {
     "aria-label": PropTypes.string,
     "aria-labelledby": PropTypes.string,
     "category": PropTypes.string,
-    "children": PropTypes.node,
     "currentStep": PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8]).isRequired,
     "data-component": PropTypes.string,
     "data-element": PropTypes.string,

package/esm/components/switch/switch.component.js

@@ -246,14 +246,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"]),
@@ -283,6 +287,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,
@@ -344,7 +349,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,
@@ -354,7 +359,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
@@ -674,9 +679,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,
@@ -691,6 +694,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/tabs/__internal__/tab-title/tab-title.component.js

@@ -69,17 +69,8 @@ const TabTitle = /*#__PURE__*/React.forwardRef(({
   };
   const handleClick = ev => {
     ev.preventDefault();
-    const customEvent = {
-      ...ev,
-      target: {
-        ...ev.target,
-        dataset: {
-          tabid: dataTabId
-        }
-      }
-    };
     if (href) {
-      onClick(customEvent);
+      onClick(ev);
       return window.open(href, "_blank");
     }
 
@@ -88,7 +79,7 @@ const TabTitle = /*#__PURE__*/React.forwardRef(({
     if (typeof ref === "object") {
       ref?.current?.focus();
     }
-    return onClick(customEvent);
+    return onClick(ev);
   };
   const renderContent = () => {
     if (customLayout) {

package/esm/components/tabs/tab/tab.component.d.ts

@@ -34,11 +34,11 @@ export interface TabProps extends PaddingProps {
     /** @private @ignore */
     ariaLabelledby?: string;
     /** @private @ignore */
-    updateErrors?: (id: string, errors: Record<string, string | boolean>) => void;
+    updateErrors?: (id: string, errors: Record<string, undefined | string | boolean>) => void;
     /** @private @ignore */
-    updateWarnings?: (id: string, warnings: Record<string, string | boolean>) => void;
+    updateWarnings?: (id: string, warnings: Record<string, undefined | string | boolean>) => void;
     /** @private @ignore */
-    updateInfos?: (id: string, infos: Record<string, string | boolean>) => void;
+    updateInfos?: (id: string, infos: Record<string, undefined | string | boolean>) => void;
 }
 export declare const Tab: ({ ariaLabelledby, children, isTabSelected, position, role, tabId, updateErrors, updateWarnings, updateInfos, href, title, titleProps, ...rest }: TabProps) => React.JSX.Element;
 export default Tab;