carbon-react 110.2.1 → 110.2.4

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

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

package/esm/__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/esm/__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/esm/__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/esm/__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/esm/components/definition-list/dd.component.d.ts

@@ -4,5 +4,8 @@ export interface DdProps extends SpaceProps {
     /** Prop for what will render in the `<Dd></Dd>` tags */
     children: React.ReactNode;
 }
-declare const Dd: ({ children, ...rest }: DdProps) => JSX.Element;
+declare const Dd: {
+    ({ children, ...rest }: DdProps): JSX.Element;
+    displayName: string;
+};
 export default Dd;

package/esm/components/definition-list/dd.component.js

@@ -327,4 +327,5 @@ Dd.propTypes = {
     "valueOf": PropTypes.func.isRequired
   }), PropTypes.string])
 };
+Dd.displayName = "Dd";
 export default Dd;

package/esm/components/definition-list/dl.component.d.ts

@@ -5,5 +5,8 @@ export interface DlProps extends SpaceProps, StyledDlProps, StyledDtDivProps, St
     /** prop to render children. */
     children: React.ReactNode;
 }
-declare const Dl: ({ children, w, dtTextAlign, ddTextAlign, asSingleColumn, ...rest }: DlProps) => JSX.Element;
+declare const Dl: {
+    ({ children, w, dtTextAlign, ddTextAlign, asSingleColumn, ...rest }: DlProps): JSX.Element;
+    displayName: string;
+};
 export default Dl;

package/esm/components/definition-list/dl.component.js

@@ -385,4 +385,5 @@ Dl.propTypes = {
   }), PropTypes.string]),
   "w": PropTypes.number
 };
+Dl.displayName = "Dl";
 export default Dl;

package/esm/components/definition-list/dt.component.d.ts

@@ -4,5 +4,8 @@ export interface DtProps extends SpaceProps {
     /** Prop for what will render in the `<Dd></Dd>` tags */
     children: React.ReactNode;
 }
-declare const Dt: ({ children, ...rest }: DtProps) => JSX.Element;
+declare const Dt: {
+    ({ children, ...rest }: DtProps): JSX.Element;
+    displayName: string;
+};
 export default Dt;

package/esm/components/definition-list/dt.component.js

@@ -334,4 +334,5 @@ Dt.propTypes = {
     "valueOf": PropTypes.func.isRequired
   }), PropTypes.string])
 };
+Dt.displayName = "Dt";
 export default Dt;

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

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

package/esm/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/esm/components/popover-container/popover-container.component.js

@@ -16,20 +16,25 @@ const renderOpen = ({
   "data-element": dataElement,
   ref,
   "aria-label": ariaLabel,
-  id
+  id,
+  "aria-expanded": ariaExpanded,
+  "aria-haspopup": ariaHasPopup
 }) => /*#__PURE__*/React.createElement(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.createElement(Icon, {
   type: "settings"
 }));
 
 renderOpen.propTypes = {
+  "aria-expanded": PropTypes.bool.isRequired,
+  "aria-haspopup": PropTypes.oneOf(["dialog"]).isRequired,
   "aria-label": PropTypes.string,
   "data-element": PropTypes.string.isRequired,
   "id": PropTypes.string,
@@ -122,6 +127,8 @@ const PopoverContainer = ({
 
   const renderOpenComponentProps = {
     tabIndex: isOpen ? -1 : 0,
+    "aria-expanded": isOpen,
+    "aria-haspopup": "dialog",
     isOpen,
     "data-element": "popover-container-open-component",
     onClick: handleOpenButtonClick,
@@ -145,8 +152,6 @@ const PopoverContainer = ({
   const handleClick = useClickAwayListener(handleClickAway, "mousedown");
   return /*#__PURE__*/React.createElement(PopoverContainerWrapperStyle, {
     "data-component": "popover-container",
-    role: "region",
-    "aria-labelledby": popoverContainerId,
     onMouseDown: handleClick
   }, renderOpenComponent(renderOpenComponentProps), /*#__PURE__*/React.createElement(Transition, {
     in: isOpen,

package/lib/__internal__/checkable-input/checkable-input-svg-wrapper.style.d.ts

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

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

@@ -0,0 +1,50 @@
+import React from "react";
+import { CommonHiddenCheckableInputProps } from "./hidden-checkable-input.component";
+import { ValidationProps } from "../validations";
+export interface CommonCheckableInputProps extends ValidationProps, CommonHiddenCheckableInputProps {
+    /** If true, the component will be disabled */
+    disabled?: boolean;
+    /** Help content to be displayed under an input */
+    fieldHelp?: React.ReactNode;
+    /**
+     * If true, the FieldHelp will be displayed inline
+     * To be used with labelInline prop set to true
+     */
+    fieldHelpInline?: boolean;
+    /** Unique Identifier for the input. Will use a randomly generated GUID if none is provided */
+    id?: string;
+    /** Sets percentage-based input width */
+    inputWidth?: number;
+    /** Label content */
+    label?: React.ReactNode;
+    /** The content for the help tooltip, to appear next to the Label */
+    labelHelp?: React.ReactNode;
+    /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
+    labelSpacing?: 1 | 2;
+    /** Label width */
+    labelWidth?: number;
+    /** Flag to configure component as mandatory */
+    required?: boolean;
+    /** If true the label switches position with the input */
+    reverse?: boolean;
+    /** Size of the component */
+    size?: "small" | "large";
+    /** The id of the element that labels the input */
+    ariaLabelledBy?: string;
+    /** When true, displays validation icon on label */
+    validationOnLabel?: boolean;
+}
+export interface CheckableInputProps extends CommonCheckableInputProps {
+    /** Used to set the visible aspect of the input (i.e. the checkbox sprite, input slider etc) */
+    children?: React.ReactNode;
+    /** HTML type attribute of the input */
+    type: string;
+    /** Value passed to the input */
+    value?: string;
+    /** Text alignment of the label */
+    labelAlign?: "left" | "right";
+    /** When true label is inline */
+    labelInline?: boolean;
+}
+declare const CheckableInput: ({ ariaLabelledBy: externalAriaLabelledBy, autoFocus, checked, children, disabled, error, fieldHelp, fieldHelpInline, info, id: inputId, inputRef, type, value, inputWidth, label, labelAlign, labelHelp, labelInline, labelSpacing, labelWidth, name, onBlur, onChange, onFocus, required, reverse, validationOnLabel, warning, ...props }: CheckableInputProps) => JSX.Element;
+export default CheckableInput;