carbon-react 110.2.0 → 110.2.3

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

@@ -48,26 +48,26 @@ const HiddenCheckableInput = ({
 
   const handleFocus = ev => {
     if (props.onFocus) props.onFocus(ev);
-    if (onFocus) onFocus(ev);
-    if (onFocusGroup) onFocusGroup(ev);
+    if (onFocus) onFocus();
+    if (onFocusGroup) onFocusGroup();
   };
 
   const handleBlur = ev => {
     if (props.onBlur) props.onBlur(ev);
-    if (onBlur) onBlur(ev);
-    if (onBlurGroup) onBlurGroup(ev);
+    if (onBlur) onBlur();
+    if (onBlurGroup) onBlurGroup();
   };
 
   const handleMouseEnter = ev => {
     if (props.onMouseEnter) props.onMouseEnter(ev);
-    if (onMouseEnter) onMouseEnter(ev);
-    if (onMouseEnterGroup) onMouseEnterGroup(ev);
+    if (onMouseEnter) onMouseEnter();
+    if (onMouseEnterGroup) onMouseEnterGroup();
   };
 
   const handleMouseLeave = ev => {
     if (props.onMouseLeave) props.onMouseLeave(ev);
-    if (onMouseLeave) onMouseLeave(ev);
-    if (onMouseLeaveGroup) onMouseLeaveGroup(ev);
+    if (onMouseLeave) onMouseLeave();
+    if (onMouseLeaveGroup) onMouseLeaveGroup();
   };
 
   return /*#__PURE__*/_react.default.createElement(_hiddenCheckableInput.default, _extends({
@@ -91,43 +91,299 @@ const HiddenCheckableInput = ({
 };
 
 HiddenCheckableInput.propTypes = {
-  /** Allows component to be focused on page load */
-  autoFocus: _propTypes.default.bool,
-
-  /** Checked state of the input */
-  checked: _propTypes.default.bool,
-
-  /** Input name */
-  name: _propTypes.default.string,
-
-  /** OnChange event handler */
-  onChange: _propTypes.default.func,
-
-  /** OnFocus event handler */
-  onFocus: _propTypes.default.func,
-
-  /** Blur event handler */
-  onBlur: _propTypes.default.func,
-
-  /** OnMouseLeave event handler */
-  onMouseLeave: _propTypes.default.func,
-
-  /** OnMouseEnter event handler */
-  onMouseEnter: _propTypes.default.func,
-
-  /** HTML type attribute of the input */
-  type: _propTypes.default.string.isRequired,
-
-  /** Role attribute of the input */
-  role: _propTypes.default.string,
-
-  /** Value of the input */
-  value: _propTypes.default.string,
-
-  /** A callback to retrieve the input reference */
-  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.instanceOf(Element)
-  })])
+  "about": _propTypes.default.string,
+  "accept": _propTypes.default.string,
+  "accessKey": _propTypes.default.string,
+  "alt": _propTypes.default.string,
+  "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-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-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-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"]),
+  "aria-errormessage": _propTypes.default.string,
+  "aria-expanded": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-flowto": _propTypes.default.string,
+  "aria-grabbed": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-haspopup": _propTypes.default.oneOfType([_propTypes.default.oneOf(["dialog", "false", "grid", "listbox", "menu", "tree", "true"]), _propTypes.default.bool]),
+  "aria-hidden": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-invalid": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "grammar", "spelling", "true"]), _propTypes.default.bool]),
+  "aria-keyshortcuts": _propTypes.default.string,
+  "aria-label": _propTypes.default.string,
+  "aria-labelledby": _propTypes.default.string,
+  "aria-level": _propTypes.default.number,
+  "aria-live": _propTypes.default.oneOf(["assertive", "off", "polite"]),
+  "aria-modal": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-multiline": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-multiselectable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-orientation": _propTypes.default.oneOf(["horizontal", "vertical"]),
+  "aria-owns": _propTypes.default.string,
+  "aria-placeholder": _propTypes.default.string,
+  "aria-posinset": _propTypes.default.number,
+  "aria-pressed": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "mixed", "true"]), _propTypes.default.bool]),
+  "aria-readonly": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-relevant": _propTypes.default.oneOf(["additions removals", "additions text", "additions", "all", "removals additions", "removals text", "removals", "text additions", "text removals", "text"]),
+  "aria-required": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-roledescription": _propTypes.default.string,
+  "aria-rowcount": _propTypes.default.number,
+  "aria-rowindex": _propTypes.default.number,
+  "aria-rowspan": _propTypes.default.number,
+  "aria-selected": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-setsize": _propTypes.default.number,
+  "aria-sort": _propTypes.default.oneOf(["ascending", "descending", "none", "other"]),
+  "aria-valuemax": _propTypes.default.number,
+  "aria-valuemin": _propTypes.default.number,
+  "aria-valuenow": _propTypes.default.number,
+  "aria-valuetext": _propTypes.default.string,
+  "autoCapitalize": _propTypes.default.string,
+  "autoComplete": _propTypes.default.string,
+  "autoCorrect": _propTypes.default.string,
+  "autoFocus": _propTypes.default.bool,
+  "autoSave": _propTypes.default.string,
+  "capture": _propTypes.default.oneOfType([_propTypes.default.oneOf(["environment", "user"]), _propTypes.default.bool]),
+  "checked": _propTypes.default.bool,
+  "children": _propTypes.default.node,
+  "className": _propTypes.default.string,
+  "color": _propTypes.default.string,
+  "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
+  "contextMenu": _propTypes.default.string,
+  "crossOrigin": _propTypes.default.string,
+  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__emotion_styles": _propTypes.default.any.isRequired
+  }), _propTypes.default.string, _propTypes.default.bool]),
+  "dangerouslySetInnerHTML": _propTypes.default.shape({
+    "__html": _propTypes.default.string.isRequired
+  }),
+  "datatype": _propTypes.default.string,
+  "defaultChecked": _propTypes.default.bool,
+  "defaultValue": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.number, _propTypes.default.string]),
+  "dir": _propTypes.default.string,
+  "disabled": _propTypes.default.bool,
+  "draggable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "enterKeyHint": _propTypes.default.oneOf(["done", "enter", "go", "next", "previous", "search", "send"]),
+  "form": _propTypes.default.string,
+  "formAction": _propTypes.default.string,
+  "formEncType": _propTypes.default.string,
+  "formMethod": _propTypes.default.string,
+  "formNoValidate": _propTypes.default.bool,
+  "formTarget": _propTypes.default.string,
+  "height": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "hidden": _propTypes.default.bool,
+  "id": _propTypes.default.string,
+  "inlist": _propTypes.default.any,
+  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
+  "inputRef": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.object]).isRequired
+  })]),
+  "is": _propTypes.default.string,
+  "itemID": _propTypes.default.string,
+  "itemProp": _propTypes.default.string,
+  "itemRef": _propTypes.default.string,
+  "itemScope": _propTypes.default.bool,
+  "itemType": _propTypes.default.string,
+  "lang": _propTypes.default.string,
+  "list": _propTypes.default.string,
+  "max": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "maxLength": _propTypes.default.number,
+  "min": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "minLength": _propTypes.default.number,
+  "multiple": _propTypes.default.bool,
+  "name": _propTypes.default.string,
+  "onAbort": _propTypes.default.func,
+  "onAbortCapture": _propTypes.default.func,
+  "onAnimationEnd": _propTypes.default.func,
+  "onAnimationEndCapture": _propTypes.default.func,
+  "onAnimationIteration": _propTypes.default.func,
+  "onAnimationIterationCapture": _propTypes.default.func,
+  "onAnimationStart": _propTypes.default.func,
+  "onAnimationStartCapture": _propTypes.default.func,
+  "onAuxClick": _propTypes.default.func,
+  "onAuxClickCapture": _propTypes.default.func,
+  "onBeforeInput": _propTypes.default.func,
+  "onBeforeInputCapture": _propTypes.default.func,
+  "onBlur": _propTypes.default.func,
+  "onBlurCapture": _propTypes.default.func,
+  "onCanPlay": _propTypes.default.func,
+  "onCanPlayCapture": _propTypes.default.func,
+  "onCanPlayThrough": _propTypes.default.func,
+  "onCanPlayThroughCapture": _propTypes.default.func,
+  "onChange": _propTypes.default.func,
+  "onChangeCapture": _propTypes.default.func,
+  "onClick": _propTypes.default.func,
+  "onClickCapture": _propTypes.default.func,
+  "onCompositionEnd": _propTypes.default.func,
+  "onCompositionEndCapture": _propTypes.default.func,
+  "onCompositionStart": _propTypes.default.func,
+  "onCompositionStartCapture": _propTypes.default.func,
+  "onCompositionUpdate": _propTypes.default.func,
+  "onCompositionUpdateCapture": _propTypes.default.func,
+  "onContextMenu": _propTypes.default.func,
+  "onContextMenuCapture": _propTypes.default.func,
+  "onCopy": _propTypes.default.func,
+  "onCopyCapture": _propTypes.default.func,
+  "onCut": _propTypes.default.func,
+  "onCutCapture": _propTypes.default.func,
+  "onDoubleClick": _propTypes.default.func,
+  "onDoubleClickCapture": _propTypes.default.func,
+  "onDrag": _propTypes.default.func,
+  "onDragCapture": _propTypes.default.func,
+  "onDragEnd": _propTypes.default.func,
+  "onDragEndCapture": _propTypes.default.func,
+  "onDragEnter": _propTypes.default.func,
+  "onDragEnterCapture": _propTypes.default.func,
+  "onDragExit": _propTypes.default.func,
+  "onDragExitCapture": _propTypes.default.func,
+  "onDragLeave": _propTypes.default.func,
+  "onDragLeaveCapture": _propTypes.default.func,
+  "onDragOver": _propTypes.default.func,
+  "onDragOverCapture": _propTypes.default.func,
+  "onDragStart": _propTypes.default.func,
+  "onDragStartCapture": _propTypes.default.func,
+  "onDrop": _propTypes.default.func,
+  "onDropCapture": _propTypes.default.func,
+  "onDurationChange": _propTypes.default.func,
+  "onDurationChangeCapture": _propTypes.default.func,
+  "onEmptied": _propTypes.default.func,
+  "onEmptiedCapture": _propTypes.default.func,
+  "onEncrypted": _propTypes.default.func,
+  "onEncryptedCapture": _propTypes.default.func,
+  "onEnded": _propTypes.default.func,
+  "onEndedCapture": _propTypes.default.func,
+  "onError": _propTypes.default.func,
+  "onErrorCapture": _propTypes.default.func,
+  "onFocus": _propTypes.default.func,
+  "onFocusCapture": _propTypes.default.func,
+  "onGotPointerCapture": _propTypes.default.func,
+  "onGotPointerCaptureCapture": _propTypes.default.func,
+  "onInput": _propTypes.default.func,
+  "onInputCapture": _propTypes.default.func,
+  "onInvalid": _propTypes.default.func,
+  "onInvalidCapture": _propTypes.default.func,
+  "onKeyDown": _propTypes.default.func,
+  "onKeyDownCapture": _propTypes.default.func,
+  "onKeyPress": _propTypes.default.func,
+  "onKeyPressCapture": _propTypes.default.func,
+  "onKeyUp": _propTypes.default.func,
+  "onKeyUpCapture": _propTypes.default.func,
+  "onLoad": _propTypes.default.func,
+  "onLoadCapture": _propTypes.default.func,
+  "onLoadedData": _propTypes.default.func,
+  "onLoadedDataCapture": _propTypes.default.func,
+  "onLoadedMetadata": _propTypes.default.func,
+  "onLoadedMetadataCapture": _propTypes.default.func,
+  "onLoadStart": _propTypes.default.func,
+  "onLoadStartCapture": _propTypes.default.func,
+  "onLostPointerCapture": _propTypes.default.func,
+  "onLostPointerCaptureCapture": _propTypes.default.func,
+  "onMouseDown": _propTypes.default.func,
+  "onMouseDownCapture": _propTypes.default.func,
+  "onMouseEnter": _propTypes.default.func,
+  "onMouseLeave": _propTypes.default.func,
+  "onMouseMove": _propTypes.default.func,
+  "onMouseMoveCapture": _propTypes.default.func,
+  "onMouseOut": _propTypes.default.func,
+  "onMouseOutCapture": _propTypes.default.func,
+  "onMouseOver": _propTypes.default.func,
+  "onMouseOverCapture": _propTypes.default.func,
+  "onMouseUp": _propTypes.default.func,
+  "onMouseUpCapture": _propTypes.default.func,
+  "onPaste": _propTypes.default.func,
+  "onPasteCapture": _propTypes.default.func,
+  "onPause": _propTypes.default.func,
+  "onPauseCapture": _propTypes.default.func,
+  "onPlay": _propTypes.default.func,
+  "onPlayCapture": _propTypes.default.func,
+  "onPlaying": _propTypes.default.func,
+  "onPlayingCapture": _propTypes.default.func,
+  "onPointerCancel": _propTypes.default.func,
+  "onPointerCancelCapture": _propTypes.default.func,
+  "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,
+  "onPointerOutCapture": _propTypes.default.func,
+  "onPointerOver": _propTypes.default.func,
+  "onPointerOverCapture": _propTypes.default.func,
+  "onPointerUp": _propTypes.default.func,
+  "onPointerUpCapture": _propTypes.default.func,
+  "onProgress": _propTypes.default.func,
+  "onProgressCapture": _propTypes.default.func,
+  "onRateChange": _propTypes.default.func,
+  "onRateChangeCapture": _propTypes.default.func,
+  "onReset": _propTypes.default.func,
+  "onResetCapture": _propTypes.default.func,
+  "onScroll": _propTypes.default.func,
+  "onScrollCapture": _propTypes.default.func,
+  "onSeeked": _propTypes.default.func,
+  "onSeekedCapture": _propTypes.default.func,
+  "onSeeking": _propTypes.default.func,
+  "onSeekingCapture": _propTypes.default.func,
+  "onSelect": _propTypes.default.func,
+  "onSelectCapture": _propTypes.default.func,
+  "onStalled": _propTypes.default.func,
+  "onStalledCapture": _propTypes.default.func,
+  "onSubmit": _propTypes.default.func,
+  "onSubmitCapture": _propTypes.default.func,
+  "onSuspend": _propTypes.default.func,
+  "onSuspendCapture": _propTypes.default.func,
+  "onTimeUpdate": _propTypes.default.func,
+  "onTimeUpdateCapture": _propTypes.default.func,
+  "onTouchCancel": _propTypes.default.func,
+  "onTouchCancelCapture": _propTypes.default.func,
+  "onTouchEnd": _propTypes.default.func,
+  "onTouchEndCapture": _propTypes.default.func,
+  "onTouchMove": _propTypes.default.func,
+  "onTouchMoveCapture": _propTypes.default.func,
+  "onTouchStart": _propTypes.default.func,
+  "onTouchStartCapture": _propTypes.default.func,
+  "onTransitionEnd": _propTypes.default.func,
+  "onTransitionEndCapture": _propTypes.default.func,
+  "onVolumeChange": _propTypes.default.func,
+  "onVolumeChangeCapture": _propTypes.default.func,
+  "onWaiting": _propTypes.default.func,
+  "onWaitingCapture": _propTypes.default.func,
+  "onWheel": _propTypes.default.func,
+  "onWheelCapture": _propTypes.default.func,
+  "pattern": _propTypes.default.string,
+  "placeholder": _propTypes.default.string,
+  "prefix": _propTypes.default.string,
+  "property": _propTypes.default.string,
+  "radioGroup": _propTypes.default.string,
+  "readOnly": _propTypes.default.bool,
+  "required": _propTypes.default.bool,
+  "resource": _propTypes.default.string,
+  "results": _propTypes.default.number,
+  "role": _propTypes.default.string,
+  "security": _propTypes.default.string,
+  "slot": _propTypes.default.string,
+  "spellCheck": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "src": _propTypes.default.string,
+  "step": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "style": _propTypes.default.object,
+  "suppressContentEditableWarning": _propTypes.default.bool,
+  "suppressHydrationWarning": _propTypes.default.bool,
+  "tabIndex": _propTypes.default.number,
+  "title": _propTypes.default.string,
+  "translate": _propTypes.default.oneOf(["no", "yes"]),
+  "type": _propTypes.default.string.isRequired,
+  "typeof": _propTypes.default.string,
+  "unselectable": _propTypes.default.oneOf(["off", "on"]),
+  "value": _propTypes.default.string,
+  "vocab": _propTypes.default.string,
+  "width": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
 };
 
 var _default = /*#__PURE__*/_react.default.memo(HiddenCheckableInput);

package/lib/__internal__/checkable-input/hidden-checkable-input.style.d.ts

@@ -1,2 +1,2 @@
-export default HiddenCheckableInputStyle;
 declare const HiddenCheckableInputStyle: import("styled-components").StyledComponent<"input", any, {}, never>;
+export default HiddenCheckableInputStyle;

package/lib/__internal__/checkable-input/index.d.ts

@@ -1,5 +1,2 @@
-export {
-  default,
-  CheckableInputProps,
-  CommonCheckableInputProps,
-} from "./checkable-input";
+export { default } from "./checkable-input.component";
+export type { CheckableInputProps, CommonCheckableInputProps, } from "./checkable-input.component";

package/lib/__internal__/input/index.d.ts

@@ -1,5 +1,5 @@
 import Input from "./input.component";
 import InputPresentation from "./input-presentation.component";
-export type { InputProps } from "./input.component";
+export type { InputProps, CommonInputProps } from "./input.component";
 export { Input, InputPresentation };
 export default Input;

package/lib/__internal__/input/input-presentation.style.d.ts

@@ -2,5 +2,5 @@ import { CommonInputPresentationProps } from "./input-presentation.component";
 import { InputContextProps } from "../input-behaviour";
 import { CarbonProviderProps } from "../../components/carbon-provider";
 export declare const StyledInputPresentationContainer: import("styled-components").StyledComponent<"div", any, Pick<CommonInputPresentationProps, "inputWidth">, never>;
-declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "size" | "readOnly" | "align"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
+declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "align" | "readOnly" | "size"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
 export default InputPresentationStyle;

package/lib/__internal__/input/input.style.d.ts

@@ -1,3 +1,3 @@
 import { CommonInputProps } from "./input.component";
-declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<CommonInputProps, "disabled" | "readOnly" | "align">, never>;
+declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<CommonInputProps, "disabled" | "align" | "readOnly">, never>;
 export default StyledInput;

package/lib/components/flat-table/flat-table-row/flat-table-row.style.js

@@ -158,6 +158,7 @@ const StyledFlatTableRow = _styledComponents.default.tr`
             top: -1px;
             bottom: 0px;
             border: 2px solid var(--colorsSemanticFocus500);
+            pointer-events: none;
           }
 
           :first-child {

package/lib/components/numeral-date/numeral-date-context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare type NumeralContextType = {
+    disableErrorBorder?: boolean;
+};
+declare const _default: React.Context<NumeralContextType>;
+export default _default;

package/lib/components/popover-container/popover-container.component.d.ts

@@ -8,6 +8,8 @@ export interface RenderOpenProps {
     ref: React.RefObject<HTMLButtonElement>;
     "aria-label"?: string;
     id?: string;
+    "aria-expanded": boolean;
+    "aria-haspopup": "dialog";
 }
 export interface RenderCloseProps {
     "data-element": string;

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

@@ -37,20 +37,25 @@ const renderOpen = ({
   "data-element": dataElement,
   ref,
   "aria-label": ariaLabel,
-  id
+  id,
+  "aria-expanded": ariaExpanded,
+  "aria-haspopup": ariaHasPopup
 }) => /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerOpenIcon, {
   tabIndex: tabIndex,
   onAction: onClick,
   "data-element": dataElement,
   ref: ref,
   "aria-label": ariaLabel,
-  "aria-haspopup": true,
+  "aria-haspopup": ariaHasPopup,
+  "aria-expanded": ariaExpanded,
   id: id
 }, /*#__PURE__*/_react.default.createElement(_icon.default, {
   type: "settings"
 }));
 
 renderOpen.propTypes = {
+  "aria-expanded": _propTypes.default.bool.isRequired,
+  "aria-haspopup": _propTypes.default.oneOf(["dialog"]).isRequired,
   "aria-label": _propTypes.default.string,
   "data-element": _propTypes.default.string.isRequired,
   "id": _propTypes.default.string,
@@ -143,6 +148,8 @@ const PopoverContainer = ({
 
   const renderOpenComponentProps = {
     tabIndex: isOpen ? -1 : 0,
+    "aria-expanded": isOpen,
+    "aria-haspopup": "dialog",
     isOpen,
     "data-element": "popover-container-open-component",
     onClick: handleOpenButtonClick,
@@ -166,8 +173,6 @@ const PopoverContainer = ({
   const handleClick = (0, _useClickAwayListener.default)(handleClickAway, "mousedown");
   return /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerWrapperStyle, {
     "data-component": "popover-container",
-    role: "region",
-    "aria-labelledby": popoverContainerId,
     onMouseDown: handleClick
   }, renderOpenComponent(renderOpenComponentProps), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: isOpen,

package/lib/components/select/multi-select/multi-select.component.js

@@ -236,7 +236,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
         wrapText: wrapPillText
       }, pillProps), title));
     }); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [children, disabled, readOnly, selectedValue]);
+  }, [children, disabled, readOnly, actualValue]);
   (0, _react.useEffect)(() => {
     const modeSwitchedMessage = "Input elements should not switch from uncontrolled to controlled (or vice versa). " + "Decide between using a controlled or uncontrolled input element for the lifetime of the component";
     const onChangeMissingMessage = "onChange prop required when using a controlled input element";

package/lib/components/select/select-list/select-list.component.js

@@ -91,6 +91,24 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     blockScroll,
     allowScroll
   } = (0, _useScrollBlock.default)();
+
+  const updateListHeight = () => {
+    let newHeight = listRef.current.clientHeight;
+
+    if (listActionButtonRef.current) {
+      newHeight += listActionButtonRef.current.parentElement.clientHeight;
+    }
+
+    setListHeight(`${newHeight}px`);
+  };
+
+  const listCallbackRef = (0, _react.useCallback)(element => {
+    listRef.current = element;
+
+    if (element) {
+      setTimeout(updateListHeight, 0);
+    }
+  }, []);
   (0, _react.useEffect)(() => {
     blockScroll();
     return () => {
@@ -255,16 +273,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
       window.removeEventListener("resize", assignListWidth);
     };
   }, [assignListWidth]);
-  (0, _react.useLayoutEffect)(() => {
-    let newHeight;
-    newHeight = listRef.current.clientHeight;
-
-    if (listActionButtonRef.current) {
-      newHeight += listActionButtonRef.current.parentElement.clientHeight;
-    }
-
-    setListHeight(`${newHeight}px`);
-  }, [children]);
+  (0, _react.useLayoutEffect)(updateListHeight, [children]);
   (0, _react.useEffect)(() => {
     const keyboardEvent = "keydown";
     const listElement = listRef.current;
@@ -355,7 +364,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     "aria-labelledby": labelId,
     "data-element": "select-list",
     role: "listbox",
-    ref: listRef,
+    ref: listCallbackRef,
     tabIndex: "-1",
     isLoading: isLoading,
     multiColumn: multiColumn

package/lib/components/textarea/textarea.component.js

@@ -15,7 +15,7 @@ var _input = require("../../__internal__/input");
 
 var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
 
-var _characterCount = _interopRequireDefault(require("../../__internal__/character-count"));
+var _useCharacterCount = _interopRequireDefault(require("../../hooks/__internal__/useCharacterCount"));
 
 var _input2 = _interopRequireDefault(require("../../__internal__/input/input.component"));
 
@@ -29,8 +29,6 @@ var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/gui
 
 var _textarea = _interopRequireWildcard(require("./textarea.style"));
 
-var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
-
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
 
 var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility"));
@@ -49,8 +47,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const getFormatNumber = (value, locale) => new Intl.NumberFormat(locale).format(value);
-
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 
 const Textarea = ({
@@ -91,7 +87,6 @@ const Textarea = ({
   helpAriaLabel,
   ...props
 }) => {
-  const locale = (0, _react.useContext)(_i18nContext.default);
   const {
     validationRedesignOptIn
   } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
@@ -128,6 +123,8 @@ const Textarea = ({
     label,
     fieldHelp
   });
+  const [maxLength, characterCount] = (0, _useCharacterCount.default)(value, // TODO: Can be removed after the characterLimit type is changed to number
+  typeof characterLimit === "string" ? parseInt(characterLimit, 10) : characterLimit, warnOverLimit, enforceCharacterLimit);
   (0, _react.useEffect)(() => {
     if (rows) {
       minHeight.current = inputRef.current.scrollHeight;
@@ -150,24 +147,6 @@ const Textarea = ({
       }
     };
   }, [expandable]);
-
-  const isOverLimit = () => {
-    return (value || "").length > parseInt(characterLimit, 10);
-  };
-
-  const characterCount = () => {
-    if (!characterLimit) {
-      return null;
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_characterCount.default, {
-      isOverLimit: isOverLimit() && warnOverLimit,
-      value: getFormatNumber((value || "").length, locale.locale()),
-      limit: getFormatNumber(characterLimit, locale.locale()),
-      "data-element": "character-limit"
-    });
-  };
-
   return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
     tooltipPosition: tooltipPosition,
     helpAriaLabel: helpAriaLabel
@@ -216,7 +195,7 @@ const Textarea = ({
     name: name,
     value: value,
     ref: inputRef,
-    maxLength: enforceCharacterLimit && characterLimit ? characterLimit : undefined,
+    maxLength: maxLength,
     onChange: onChange,
     disabled: disabled,
     readOnly: readOnly,
@@ -236,7 +215,7 @@ const Textarea = ({
     info: info,
     validationIconId: validationRedesignOptIn ? undefined : validationIconId,
     useValidationIcon: !(validationRedesignOptIn || validationOnLabel)
-  }))), characterCount())));
+  }))), characterCount)));
 };
 
 exports.OriginalTextarea = Textarea;
@@ -258,7 +237,7 @@ Textarea.propTypes = { ...marginPropTypes,
   id: _propTypes.default.string,
 
   /** Character limit of the textarea */
-  characterLimit: _propTypes.default.string,
+  characterLimit: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
 
   /** Type of the icon that will be rendered next to the input */
   children: _propTypes.default.node,