carbon-react 110.2.2 → 110.3.0

package/esm/__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/esm/__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;

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

@@ -25,15 +25,15 @@ const CheckableInput = ({
   label,
   labelAlign,
   labelHelp,
-  labelInline,
-  labelSpacing,
+  labelInline = true,
+  labelSpacing = 1,
   labelWidth,
   name,
   onBlur,
   onChange,
   onFocus,
   required,
-  reverse,
+  reverse = false,
   validationOnLabel,
   warning,
   ...props
@@ -109,101 +109,363 @@ const CheckableInput = ({
 };
 
 CheckableInput.propTypes = {
-  /** If true the Component will be focused when page load */
-  autoFocus: PropTypes.bool,
-
-  /** Set the value of the CheckableInput */
-  checked: PropTypes.bool,
-
-  /** Used to set the visible aspect of the input (i.e. the checkbox sprite, input slider etc) */
-  children: PropTypes.node,
-
-  /** Toggles disabling of input */
-  disabled: PropTypes.bool,
-
-  /** Indicate that error has occurred
-  Pass string to display icon, tooltip and red border
-  Pass true boolean to only display red border */
-  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-
-  /** Indicate that warning has occurred
-  Pass string to display icon, tooltip and orange border
-  Pass true boolean to only display orange border */
-  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-
-  /** Indicate additional information
-  Pass string to display icon, tooltip and blue border
-  Pass true boolean to only display blue border */
-  info: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-
-  /** The fieldHelp content to display for the input */
-  fieldHelp: PropTypes.node,
-
-  /** Displays fieldHelp inline with the CheckableInput */
-  fieldHelpInline: PropTypes.bool,
-
-  /** Unique Identifier for the input. Will use a randomly generated GUID if none is provided */
-  id: PropTypes.string,
-
-  /** Specifies input type, 'checkbox' or 'radio' */
-  type: PropTypes.string.isRequired,
-
-  /** Value passed to the input */
-  value: PropTypes.string,
-
-  /** Sets percentage-based input width */
-  inputWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /** The content for the Label to apply to the input */
-  label: PropTypes.node,
-
-  /** When true, label is placed in line an input */
-  labelInline: PropTypes.bool,
-
-  /** Sets label alignment - accepted values: 'left' (default), 'right' */
-  labelAlign: PropTypes.string,
-
-  /** The content for the help tooltip, to appear next to the Label */
-  labelHelp: PropTypes.node,
-
-  /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
-  labelSpacing: PropTypes.oneOf([1, 2]),
-
-  /** Sets percentage-based label width */
-  labelWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /** Input name */
-  name: PropTypes.string,
-
-  /** Accepts a callback function which can be used to update parent state on change */
-  onChange: PropTypes.func,
-
-  /** Accepts a callback function which is triggered on focus event */
-  onFocus: PropTypes.func,
-
-  /** Accepts a callback function which is triggered on blur event */
-  onBlur: PropTypes.func,
-
-  /** Reverses label and CheckableInput display */
-  reverse: PropTypes.bool,
-
-  /** Flag to configure component as mandatory */
-  required: PropTypes.bool,
-
-  /** 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,
+  "ariaLabelledBy": 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"]),
+  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "fieldHelp": PropTypes.node,
+  "fieldHelpInline": PropTypes.bool,
+  "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,
+  "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "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
   })]),
-
-  /** When true, displays validation icon on label */
-  validationOnLabel: PropTypes.bool,
-
-  /** The id of the element that labels the input */
-  ariaLabelledBy: PropTypes.string
-};
-CheckableInput.defaultProps = {
-  reverse: false,
-  labelSpacing: 1,
-  labelInline: true
+  "inputWidth": PropTypes.number,
+  "is": PropTypes.string,
+  "itemID": PropTypes.string,
+  "itemProp": PropTypes.string,
+  "itemRef": PropTypes.string,
+  "itemScope": PropTypes.bool,
+  "itemType": PropTypes.string,
+  "label": PropTypes.node,
+  "labelAlign": PropTypes.oneOf(["left", "right"]),
+  "labelHelp": PropTypes.node,
+  "labelInline": PropTypes.bool,
+  "labelSpacing": PropTypes.oneOf([1, 2]),
+  "labelWidth": PropTypes.number,
+  "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,
+  "reverse": PropTypes.bool,
+  "role": PropTypes.oneOfType([PropTypes.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), PropTypes.shape({
+    "__@iterator": PropTypes.func.isRequired,
+    "anchor": PropTypes.func.isRequired,
+    "big": PropTypes.func.isRequired,
+    "blink": PropTypes.func.isRequired,
+    "bold": PropTypes.func.isRequired,
+    "charAt": PropTypes.func.isRequired,
+    "charCodeAt": PropTypes.func.isRequired,
+    "codePointAt": PropTypes.func.isRequired,
+    "concat": PropTypes.func.isRequired,
+    "endsWith": PropTypes.func.isRequired,
+    "fixed": PropTypes.func.isRequired,
+    "fontcolor": PropTypes.func.isRequired,
+    "fontsize": PropTypes.func.isRequired,
+    "includes": PropTypes.func.isRequired,
+    "indexOf": PropTypes.func.isRequired,
+    "italics": PropTypes.func.isRequired,
+    "lastIndexOf": PropTypes.func.isRequired,
+    "length": PropTypes.number.isRequired,
+    "link": PropTypes.func.isRequired,
+    "localeCompare": PropTypes.func.isRequired,
+    "match": PropTypes.func.isRequired,
+    "matchAll": PropTypes.func.isRequired,
+    "normalize": PropTypes.func.isRequired,
+    "padEnd": PropTypes.func.isRequired,
+    "padStart": PropTypes.func.isRequired,
+    "repeat": PropTypes.func.isRequired,
+    "replace": PropTypes.func.isRequired,
+    "search": PropTypes.func.isRequired,
+    "slice": PropTypes.func.isRequired,
+    "small": PropTypes.func.isRequired,
+    "split": PropTypes.func.isRequired,
+    "startsWith": PropTypes.func.isRequired,
+    "strike": PropTypes.func.isRequired,
+    "sub": PropTypes.func.isRequired,
+    "substr": PropTypes.func.isRequired,
+    "substring": PropTypes.func.isRequired,
+    "sup": PropTypes.func.isRequired,
+    "toLocaleLowerCase": PropTypes.func.isRequired,
+    "toLocaleUpperCase": PropTypes.func.isRequired,
+    "toLowerCase": PropTypes.func.isRequired,
+    "toString": PropTypes.func.isRequired,
+    "toUpperCase": PropTypes.func.isRequired,
+    "trim": PropTypes.func.isRequired,
+    "trimEnd": PropTypes.func.isRequired,
+    "trimLeft": PropTypes.func.isRequired,
+    "trimRight": PropTypes.func.isRequired,
+    "trimStart": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  })]),
+  "security": PropTypes.string,
+  "size": PropTypes.oneOf(["large", "small"]),
+  "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"]),
+  "validationOnLabel": PropTypes.bool,
+  "value": PropTypes.string,
+  "vocab": PropTypes.string,
+  "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "width": PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
 export default CheckableInput;

package/esm/__internal__/checkable-input/checkable-input.style.d.ts

@@ -1,2 +1,11 @@
-export const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface StyledCheckableInputWrapperProps {
+    disabled?: boolean;
+    fieldHelpInline?: boolean;
+    inputWidth?: number | string;
+    labelWidth?: number;
+    labelInline?: boolean;
+    reverse?: boolean;
+}
+declare const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, StyledCheckableInputWrapperProps, never>;
+export { StyledCheckableInput, StyledCheckableInputWrapper };

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

@@ -1,5 +1,4 @@
 import styled, { css } from "styled-components";
-import PropTypes from "prop-types";
 import FieldHelpStyle from "../field-help/field-help.style";
 import { FieldLineStyle } from "../form-field/form-field.style";
 import HiddenCheckableInputStyle from "./hidden-checkable-input.style";
@@ -97,10 +96,4 @@ const StyledCheckableInputWrapper = styled.div`
     `}
   `}
 `;
-StyledCheckableInputWrapper.propTypes = {
-  disabled: PropTypes.bool,
-  fieldHelpInline: PropTypes.bool,
-  inputWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  labelWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-};
 export { StyledCheckableInput, StyledCheckableInputWrapper };

package/esm/__internal__/checkable-input/hidden-checkable-input.component.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface CommonHiddenCheckableInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type"> {
+    /** If true the Component will be focused when page load */
+    autoFocus?: boolean;
+    /** Checked state of the input */
+    checked?: boolean;
+    /** Input name */
+    name?: string;
+    /** OnChange event handler */
+    onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    /** OnFocus event handler */
+    onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
+    /** Blur event handler */
+    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
+    /** OnMouseLeave event handler */
+    onMouseLeave?: (ev: React.MouseEvent<HTMLInputElement>) => void;
+    /** OnMouseEnter event handler */
+    onMouseEnter?: (ev: React.MouseEvent<HTMLInputElement>) => void;
+    /** Value of the input */
+    value?: string;
+    /** A callback to retrieve the input reference */
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+export interface HiddenCheckableInputProps extends CommonHiddenCheckableInputProps {
+    /** HTML type attribute of the input */
+    type: string;
+    /** Role attribute of the input */
+    role?: string;
+}
+declare const _default: React.MemoExoticComponent<({ name, checked, type, value, inputRef, onChange, autoFocus, role, ...props }: HiddenCheckableInputProps) => JSX.Element>;
+export default _default;