carbon-react 110.2.1 → 110.2.4

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

@@ -45,15 +45,15 @@ const CheckableInput = ({
   label,
   labelAlign,
   labelHelp,
-  labelInline,
-  labelSpacing,
+  labelInline = true,
+  labelSpacing = 1,
   labelWidth,
   name,
   onBlur,
   onChange,
   onFocus,
   required,
-  reverse,
+  reverse = false,
   validationOnLabel,
   warning,
   ...props
@@ -129,102 +129,364 @@ const CheckableInput = ({
 };
 
 CheckableInput.propTypes = {
-  /** If true the Component will be focused when page load */
-  autoFocus: _propTypes.default.bool,
-
-  /** Set the value of the CheckableInput */
-  checked: _propTypes.default.bool,
-
-  /** Used to set the visible aspect of the input (i.e. the checkbox sprite, input slider etc) */
-  children: _propTypes.default.node,
-
-  /** Toggles disabling of input */
-  disabled: _propTypes.default.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.default.oneOfType([_propTypes.default.bool, _propTypes.default.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.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
-  /** Indicate additional information
-  Pass string to display icon, tooltip and blue border
-  Pass true boolean to only display blue border */
-  info: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
-  /** The fieldHelp content to display for the input */
-  fieldHelp: _propTypes.default.node,
-
-  /** Displays fieldHelp inline with the CheckableInput */
-  fieldHelpInline: _propTypes.default.bool,
-
-  /** Unique Identifier for the input. Will use a randomly generated GUID if none is provided */
-  id: _propTypes.default.string,
-
-  /** Specifies input type, 'checkbox' or 'radio' */
-  type: _propTypes.default.string.isRequired,
-
-  /** Value passed to the input */
-  value: _propTypes.default.string,
-
-  /** Sets percentage-based input width */
-  inputWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
-  /** The content for the Label to apply to the input */
-  label: _propTypes.default.node,
-
-  /** When true, label is placed in line an input */
-  labelInline: _propTypes.default.bool,
-
-  /** Sets label alignment - accepted values: 'left' (default), 'right' */
-  labelAlign: _propTypes.default.string,
-
-  /** The content for the help tooltip, to appear next to the Label */
-  labelHelp: _propTypes.default.node,
-
-  /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
-  labelSpacing: _propTypes.default.oneOf([1, 2]),
-
-  /** Sets percentage-based label width */
-  labelWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
-  /** Input name */
-  name: _propTypes.default.string,
-
-  /** Accepts a callback function which can be used to update parent state on change */
-  onChange: _propTypes.default.func,
-
-  /** Accepts a callback function which is triggered on focus event */
-  onFocus: _propTypes.default.func,
-
-  /** Accepts a callback function which is triggered on blur event */
-  onBlur: _propTypes.default.func,
-
-  /** Reverses label and CheckableInput display */
-  reverse: _propTypes.default.bool,
-
-  /** Flag to configure component as mandatory */
-  required: _propTypes.default.bool,
-
-  /** 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,
+  "ariaLabelledBy": _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"]),
+  "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "fieldHelp": _propTypes.default.node,
+  "fieldHelpInline": _propTypes.default.bool,
+  "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,
+  "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "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
   })]),
-
-  /** When true, displays validation icon on label */
-  validationOnLabel: _propTypes.default.bool,
-
-  /** The id of the element that labels the input */
-  ariaLabelledBy: _propTypes.default.string
-};
-CheckableInput.defaultProps = {
-  reverse: false,
-  labelSpacing: 1,
-  labelInline: true
+  "inputWidth": _propTypes.default.number,
+  "is": _propTypes.default.string,
+  "itemID": _propTypes.default.string,
+  "itemProp": _propTypes.default.string,
+  "itemRef": _propTypes.default.string,
+  "itemScope": _propTypes.default.bool,
+  "itemType": _propTypes.default.string,
+  "label": _propTypes.default.node,
+  "labelAlign": _propTypes.default.oneOf(["left", "right"]),
+  "labelHelp": _propTypes.default.node,
+  "labelInline": _propTypes.default.bool,
+  "labelSpacing": _propTypes.default.oneOf([1, 2]),
+  "labelWidth": _propTypes.default.number,
+  "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,
+  "reverse": _propTypes.default.bool,
+  "role": _propTypes.default.oneOfType([_propTypes.default.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.default.shape({
+    "__@iterator": _propTypes.default.func.isRequired,
+    "anchor": _propTypes.default.func.isRequired,
+    "big": _propTypes.default.func.isRequired,
+    "blink": _propTypes.default.func.isRequired,
+    "bold": _propTypes.default.func.isRequired,
+    "charAt": _propTypes.default.func.isRequired,
+    "charCodeAt": _propTypes.default.func.isRequired,
+    "codePointAt": _propTypes.default.func.isRequired,
+    "concat": _propTypes.default.func.isRequired,
+    "endsWith": _propTypes.default.func.isRequired,
+    "fixed": _propTypes.default.func.isRequired,
+    "fontcolor": _propTypes.default.func.isRequired,
+    "fontsize": _propTypes.default.func.isRequired,
+    "includes": _propTypes.default.func.isRequired,
+    "indexOf": _propTypes.default.func.isRequired,
+    "italics": _propTypes.default.func.isRequired,
+    "lastIndexOf": _propTypes.default.func.isRequired,
+    "length": _propTypes.default.number.isRequired,
+    "link": _propTypes.default.func.isRequired,
+    "localeCompare": _propTypes.default.func.isRequired,
+    "match": _propTypes.default.func.isRequired,
+    "matchAll": _propTypes.default.func.isRequired,
+    "normalize": _propTypes.default.func.isRequired,
+    "padEnd": _propTypes.default.func.isRequired,
+    "padStart": _propTypes.default.func.isRequired,
+    "repeat": _propTypes.default.func.isRequired,
+    "replace": _propTypes.default.func.isRequired,
+    "search": _propTypes.default.func.isRequired,
+    "slice": _propTypes.default.func.isRequired,
+    "small": _propTypes.default.func.isRequired,
+    "split": _propTypes.default.func.isRequired,
+    "startsWith": _propTypes.default.func.isRequired,
+    "strike": _propTypes.default.func.isRequired,
+    "sub": _propTypes.default.func.isRequired,
+    "substr": _propTypes.default.func.isRequired,
+    "substring": _propTypes.default.func.isRequired,
+    "sup": _propTypes.default.func.isRequired,
+    "toLocaleLowerCase": _propTypes.default.func.isRequired,
+    "toLocaleUpperCase": _propTypes.default.func.isRequired,
+    "toLowerCase": _propTypes.default.func.isRequired,
+    "toString": _propTypes.default.func.isRequired,
+    "toUpperCase": _propTypes.default.func.isRequired,
+    "trim": _propTypes.default.func.isRequired,
+    "trimEnd": _propTypes.default.func.isRequired,
+    "trimLeft": _propTypes.default.func.isRequired,
+    "trimRight": _propTypes.default.func.isRequired,
+    "trimStart": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  })]),
+  "security": _propTypes.default.string,
+  "size": _propTypes.default.oneOf(["large", "small"]),
+  "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"]),
+  "validationOnLabel": _propTypes.default.bool,
+  "value": _propTypes.default.string,
+  "vocab": _propTypes.default.string,
+  "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "width": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
 };
 var _default = CheckableInput;
 exports.default = _default;

package/lib/__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/lib/__internal__/checkable-input/checkable-input.style.js

@@ -7,8 +7,6 @@ exports.StyledCheckableInputWrapper = exports.StyledCheckableInput = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _fieldHelp = _interopRequireDefault(require("../field-help/field-help.style"));
 
 var _formField = require("../form-field/form-field.style");
@@ -119,10 +117,4 @@ const StyledCheckableInputWrapper = _styledComponents.default.div`
     `}
   `}
 `;
-exports.StyledCheckableInputWrapper = StyledCheckableInputWrapper;
-StyledCheckableInputWrapper.propTypes = {
-  disabled: _propTypes.default.bool,
-  fieldHelpInline: _propTypes.default.bool,
-  inputWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  labelWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
-};
+exports.StyledCheckableInputWrapper = StyledCheckableInputWrapper;

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