@atlaskit/checkbox 12.3.7 → 12.3.10

package/dist/types/checkbox.d.ts

@@ -1,20 +1,12 @@
-/**  @jsx jsx */
-import { ChangeEvent } from 'react';
-import UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
-export declare const Checkbox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "crossOrigin" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "size" | "src" | "step" | "type" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "crossOrigin" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "src" | "step" | "type" | "width" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
-    defaultChecked?: boolean | undefined;
-    id?: string | undefined;
-    isChecked?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-    isIndeterminate?: boolean | undefined;
-    isInvalid?: boolean | undefined;
-    isRequired?: boolean | undefined;
-    label?: string | number | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)> | undefined;
-    onChange?: ((e: ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
-    value?: string | number | undefined;
-    size?: "small" | "medium" | "large" | "xlarge" | undefined;
-    testId?: string | undefined;
-    analyticsContext?: Record<string, any> | undefined;
-    css?: import("@emotion/core").InterpolationWithTheme<any>;
-} & import("react").RefAttributes<HTMLInputElement>>>;
+/// <reference types="react" />
+/**
+ * __Checkbox__
+ *
+ * A checkbox an input control that allows a user to select one or more options from a number of choices.
+ *
+ * - [Examples](https://atlassian.design/components/checkbox/examples)
+ * - [Code](https://atlassian.design/components/checkbox/code)
+ * - [Usage](https://atlassian.design/components/checkbox/usage)
+ */
+declare const Checkbox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "crossOrigin" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "size" | "src" | "step" | "type" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "crossOrigin" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "src" | "step" | "type" | "width" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("./types").OwnProps & import("react").RefAttributes<HTMLInputElement>>>;
 export default Checkbox;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { default, Checkbox } from './checkbox';
+export { default, default as Checkbox } from './checkbox';
 export type { CheckboxProps } from './types';

package/dist/types/internal/checkbox-icon.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { Size } from '../types';
+/**
+ * __Checkbox icon__
+ *
+ * A checkbox icon is the visual representation of checkbox state,
+ * which is shown instead of the native input.
+ *
+ * @internal
+ */
+declare const CheckboxIcon: import("react").NamedExoticComponent<{
+    size: Size;
+    isIndeterminate: boolean;
+    isChecked: boolean;
+}>;
+export default CheckboxIcon;

package/dist/types/internal/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const fontFamily: string;
+export declare const gridSize: number;

package/dist/types/internal/index.d.ts

@@ -1,4 +1,4 @@
-export { default as getCheckboxStyles } from './styles';
+export { default as CheckboxIcon } from './checkbox-icon';
 export { default as Label } from './label';
 export { default as LabelText } from './label-text';
 export { default as RequiredIndicator } from './required-indicator';

package/dist/types/internal/label-text.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
 import { LabelTextProps } from '../types';
-export declare const labelTextCSS: {
-    paddingRight: number;
-    paddingLeft: number;
-};
 export default function LabelText({ children }: LabelTextProps): JSX.Element;

package/dist/types/internal/label.d.ts

@@ -1,5 +1,3 @@
 /// <reference types="react" />
-import { CSSObject } from '@emotion/core';
 import { LabelProps } from '../types';
-export declare const labelCSS: () => CSSObject;
 export default function Label({ children, isDisabled, testId, onClick, }: LabelProps): JSX.Element;

package/dist/types/internal/required-indicator.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import { RequiredIndicatorProps } from '../types';
-export default function RequiredIndicator(props: RequiredIndicatorProps): JSX.Element;
+export default function RequiredIndicator(): JSX.Element;

package/dist/types/internal/theme.d.ts

@@ -0,0 +1,55 @@
+declare const theme: {
+    light: {
+        borderColor: {
+            rest: "var(--ds-border)";
+            hovered: "var(--ds-border)";
+            disabled: "var(--ds-background-disabled)";
+            checked: "var(--ds-background-brand-bold)";
+            active: "var(--ds-border)";
+            invalid: "var(--ds-border-danger)";
+            invalidAndChecked: "var(--ds-border-danger)";
+            focused: "var(--ds-border-focused)";
+            hoveredAndChecked: "var(--ds-background-brand-bold-hovered)";
+        };
+        boxColor: {
+            rest: "var(--ds-background-input)";
+            hovered: "var(--ds-surface)";
+            disabled: "var(--ds-background-disabled)";
+            active: "var(--ds-background-input-pressed)";
+            hoveredAndChecked: "var(--ds-background-brand-bold-hovered)";
+            checked: "var(--ds-background-brand-bold)";
+        };
+        tickColor: {
+            disabledAndChecked: "var(--ds-text-disabled)";
+            activeAndChecked: "var(--ds-text-inverse)";
+            checked: "var(--ds-text-inverse)";
+        };
+    };
+    dark: {
+        borderColor: {
+            rest: "var(--ds-border)";
+            hovered: "var(--ds-border)";
+            disabled: "var(--ds-background-disabled)";
+            checked: "var(--ds-background-brand-bold)";
+            active: "var(--ds-border)";
+            invalid: "var(--ds-border-danger)";
+            invalidAndChecked: "var(--ds-border-danger)";
+            focused: "var(--ds-border-focused)";
+            hoveredAndChecked: "var(--ds-background-brand-bold-hovered)";
+        };
+        boxColor: {
+            rest: "var(--ds-background-input)";
+            hovered: "var(--ds-surface)";
+            disabled: "var(--ds-background-disabled)";
+            active: "var(--ds-background-input-pressed)";
+            hoveredAndChecked: "var(--ds-background-brand-bold-hovered)";
+            checked: "var(--ds-background-brand-bold)";
+        };
+        tickColor: {
+            disabledAndChecked: "var(--ds-text-disabled)";
+            activeAndChecked: "var(--ds-text-inverse)";
+            checked: "var(--ds-text-inverse)";
+        };
+    };
+};
+export default theme;

package/dist/types/types.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { InterpolationWithTheme } from '@emotion/core';
-import UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 export declare type Size = 'small' | 'medium' | 'large' | 'xlarge';
 /**
  *
@@ -8,101 +7,92 @@ export declare type Size = 'small' | 'medium' | 'large' | 'xlarge';
  * CHECKBOX PROPTYPES
  *
  *
- **/
-declare type OwnProps = {
-    /** Sets whether the checkbox begins checked. */
-    defaultChecked?: boolean;
-    /** id assigned to input */
-    id?: string;
-    /** Sets whether the checkbox is checked or unchecked. */
-    isChecked?: boolean;
-    /** Sets whether the checkbox is disabled. */
-    isDisabled?: boolean;
+ */
+export declare type OwnProps = {
     /**
-     * Sets whether the checkbox is indeterminate. This only affects the
-     * style and does not modify the isChecked property.
+     * Sets whether the checkbox begins checked.
      */
-    isIndeterminate?: boolean;
-    /** Marks the field as invalid. Changes style of unchecked component. */
-    isInvalid?: boolean;
-    /** Marks the field as required & changes the label style. */
-    isRequired?: boolean;
+    defaultChecked?: boolean;
     /**
-     * The label to be displayed to the right of the checkbox. The label is part
-     * of the clickable element to select the checkbox.
+     * id assigned to input
      */
-    label?: React.ReactChild;
+    id?: string;
     /**
-     * Function that is called whenever the state of the checkbox changes. It will
-     * be called with an object containing the react synthetic event. Use currentTarget to get value, name and checked
+     * Sets whether the checkbox is checked or unchecked.
      */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /** The value to be used in the checkbox input. This is the value that will be returned on form submission. */
-    value?: number | string;
-    /** The size of the Checkbox */
-    size?: Size;
-    /**
-      A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-      we have generated testid based on the one you pass to the Checkbox component:
-       - `{testId}--hidden-checkbox` to check if it got changed to checked/unchecked.
-    */
-    testId?: string;
-    /** Additional information to be included in the `context` of analytics events that come from radio */
-    analyticsContext?: Record<string, any>;
-    /** Added to ensure that css is optional because of an emotion bug an emotion bug that makes css required */
-    css?: InterpolationWithTheme<any>;
-};
-declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
-export declare type CheckboxProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'required' | 'checked'>, OwnProps>;
-export interface ExtractReactTypeProps {
-    /** Sets whether the checkbox begins checked. */
-    defaultChecked?: boolean;
-    /** id assigned to input */
-    id?: string;
-    /** Sets whether the checkbox is checked or unchecked. */
     isChecked?: boolean;
-    /** Sets whether the checkbox is disabled. */
+    /**
+     * Sets whether the checkbox is disabled.
+     */
     isDisabled?: boolean;
     /**
      * Sets whether the checkbox is indeterminate. This only affects the
      * style and does not modify the isChecked property.
      */
     isIndeterminate?: boolean;
-    /** Marks the field as invalid. Changes style of unchecked component. */
+    /**
+     * Marks the field as invalid. Changes style of unchecked component.
+     */
     isInvalid?: boolean;
-    /** Marks the field as required & changes the label style. */
+    /**
+     * Marks the field as required & changes the label style.
+     */
     isRequired?: boolean;
     /**
      * The label to be displayed to the right of the checkbox. The label is part
      * of the clickable element to select the checkbox.
      */
     label?: React.ReactChild;
-    /** The name of the submitted field in a checkbox. */
+    /**
+     * The name of the submitted field in a checkbox.
+     */
     name?: string;
     /**
      * Function that is called whenever the state of the checkbox changes. It will
      * be called with an object containing the react synthetic event. Use currentTarget to get value, name and checked
      */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /** The value to be used in the checkbox input. This is the value that will be returned on form submission. */
+    /**
+     * The value to be used in the checkbox input. This is the value that will be returned on form submission.
+     */
     value?: number | string;
-    /** The size of the Checkbox */
+    /**
+     * The size of the Checkbox
+     */
     size?: Size;
     /**
-      A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-      we have generated testid based on the one you pass to the Checkbox component:
-       - `{testId}--hidden-checkbox` to check if it got changed to checked/unchecked.
-    */
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+     * we have generated testid based on the one you pass to the Checkbox component:
+     * - `{testId}--hidden-checkbox` to check if it got changed to checked/unchecked.
+     */
     testId?: string;
-    /** Additional information to be included in the `context` of analytics events that come from radio */
+    /**
+     * Additional information to be included in the `context` of analytics events that come from radio
+     */
     analyticsContext?: Record<string, any>;
-}
+};
+declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
+export declare type CheckboxProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 
+/**
+ * 'disabled', 'required', and 'checked' are omitted so that
+ * consumers must handle state using our props.
+ *
+ * 'css' is added globally to element attributes by emotion.
+ * This was causing a bug, making the css prop required in
+ * some cases. We explicitly omit it to avoid that.
+ *
+ * Because 'className' (which the css prop uses internally)
+ * is still available, this should not break existing usage.
+ */
+'disabled' | 'required' | 'checked' | 'css'>, OwnProps>;
 export interface LabelTextProps extends React.HTMLProps<HTMLSpanElement> {
     children: React.ReactNode;
 }
 export interface LabelProps extends React.HTMLProps<HTMLInputElement> {
     isDisabled?: boolean;
-    /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+     */
     testId?: string;
     /**
      * Click handler that is conditionally applied for Firefox
@@ -110,6 +100,4 @@ export interface LabelProps extends React.HTMLProps<HTMLInputElement> {
      */
     onClick?: React.MouseEventHandler;
 }
-export interface RequiredIndicatorProps extends React.HTMLProps<HTMLSpanElement> {
-}
 export {};

package/extract-react-types/checkbox-props.tsx

@@ -1,5 +1,5 @@
-import { ExtractReactTypeProps } from '../src/types';
+import { OwnProps } from '../src/types';
 
-export default function CheckboxProps(props: ExtractReactTypeProps) {
+export default function CheckboxProps(props: OwnProps) {
   return null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/checkbox",
-  "version": "12.3.7",
+  "version": "12.3.10",
   "description": "A checkbox is an input control that allows a user to select one or more options from a number of choices.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -13,7 +13,7 @@
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
+  "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
     "releaseModel": "scheduled",
@@ -22,14 +22,14 @@
     }
   },
   "af:exports": {
-    ".": "./src/index.ts"
+    ".": "./src/index.tsx"
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/ds-lib": "^1.3.0",
+    "@atlaskit/ds-lib": "^1.4.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.6.0",
+    "@atlaskit/tokens": "^0.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
   },
@@ -37,9 +37,9 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/form": "^8.4.0",
+    "@atlaskit/form": "^8.5.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/toggle": "^12.4.0",
@@ -63,12 +63,14 @@
       "import-structure": "atlassian-conventions"
     },
     "@repo/internal": {
+      "design-system": "v1",
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",
       "deprecation": "no-deprecated-imports",
       "styling": [
-        "emotion"
+        "emotion",
+        "static"
       ]
     }
   },

package/dist/cjs/internal/styles.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _core = require("@emotion/core");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _templateObject, _templateObject2;
-
-var checkboxStyles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* Make the input invisible */\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  margin: 0;\n  /* Necessary to hide correctly on mobile Safari */\n  border: none;\n  width: 0px;\n  height: 0px;\n  /* Necessary to hide focus ring on Firefox */\n  outline: none;\n\n  /*\n    Change the variables --checkbox-background-color, --checkbox-border-color\n    and --checkbox-tick-color according to user interactions.\n    All other variables are constant.\n    All styles from the input target the sibling svg.\n  */\n  & + svg {\n    --checkbox-background-color: var(--local-background);\n    --checkbox-border-color: var(--local-border);\n    --checkbox-tick-color: var(--local-tick-rest);\n    /* Color changes the background color */\n    color: var(--checkbox-background-color);\n    /* Fill changes the tick color */\n    fill: var(--checkbox-tick-color);\n    transition: color 0.2s ease-in-out, fill 0.2s ease-in-out;\n    flex-shrink: 0;\n    /* If the label is multiple lines, don't center the checkbox */\n    align-self: flex-start;\n  }\n  & + svg rect:first-of-type {\n    /* Stroke changes the color of the border */\n    stroke: var(--checkbox-border-color);\n    stroke-width: 2px;\n    transition: stroke 0.2s ease-in-out;\n  }\n\n  /* Styles are listed in order of increasing specificity  */\n\n  /*\n    Compiled will order the pseudo classes by LVFHA\n    As the background colour changes on hover, it is okay for the\n    border focus colour to take precedence over hover.\n    && is used to make the focus styles more specific than the hover\n    styles\n   */\n  &&:focus + svg,\n  &&:checked:focus + svg {\n    --checkbox-border-color: var(--local-border-focus);\n  }\n\n  &:hover + svg {\n    --checkbox-background-color: var(--local-background-hover);\n    --checkbox-border-color: var(--local-border-hover);\n  }\n  &:checked:hover + svg {\n    --checkbox-background-color: var(--local-background-checked-hover);\n    --checkbox-border-color: var(--local-border-checked-hover);\n  }\n\n  &:checked + svg {\n    --checkbox-background-color: var(--local-background-checked);\n    --checkbox-border-color: var(--local-border-checked);\n    --checkbox-tick-color: var(--local-tick-checked);\n  }\n\n  &[data-invalid] + svg {\n    --checkbox-border-color: var(--local-border-invalid);\n  }\n  &:checked[data-invalid] + svg {\n    --checkbox-border-color: var(--local-border-checked-invalid);\n  }\n\n  &:active + svg {\n    --checkbox-background-color: var(--local-background-active);\n    --checkbox-border-color: var(--local-border-active);\n  }\n  &:checked:active + svg {\n    --checkbox-tick-color: var(--local-tick-active);\n    --checkbox-background-color: var(--local-background-active);\n    --checkbox-border-color: var(--local-border-active);\n  }\n\n  &:disabled + svg,\n  &:disabled:hover + svg,\n  &:disabled:focus + svg,\n  &:disabled:active + svg,\n  &:disabled[data-invalid] + svg {\n    --checkbox-background-color: var(--local-background-disabled);\n    --checkbox-border-color: var(--local-border-disabled);\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  &:disabled:checked + svg {\n    --checkbox-tick-color: var(--local-tick-disabled);\n  }\n\n  @media screen and (forced-colors: active) {\n    & + svg {\n      --checkbox-background-color: Canvas;\n      --checkbox-border-color: CanvasText;\n      --checkbox-tick-color: CanvasText;\n    }\n\n    &:checked + svg,\n    &:checked:hover + svg {\n      --checkbox-background-color: Canvas;\n      --checkbox-border-color: CanvasText;\n      --checkbox-tick-color: CanvasText;\n    }\n\n    &:focus + svg rect:first-of-type {\n      stroke: Highlight;\n    }\n\n    &[data-invalid] + svg {\n      --checkbox-border-color: Highlight;\n    }\n    &:checked[data-invalid] + svg {\n      --checkbox-border-color: Highlight;\n    }\n\n    &:disabled + svg,\n    &:disabled:hover + svg,\n    &:disabled:focus + svg,\n    &:disabled:active + svg,\n    &:disabled[data-invalid] + svg {\n      --checkbox-background-color: Canvas;\n      --checkbox-border-color: GrayText;\n      --checkbox-tick-color: GrayText;\n    }\n  }\n"])));
-var checkboxThemeColors = {
-  light: {
-    borderColor: {
-      rest: "var(--ds-border, ".concat(_colors.N40, ")"),
-      hovered: "var(--ds-border, ".concat(_colors.N40, ")"),
-      disabled: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
-      checked: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
-      active: "var(--ds-border, ".concat(_colors.B50, ")"),
-      invalid: "var(--ds-border-danger, ".concat(_colors.R300, ")"),
-      invalidAndChecked: "var(--ds-border-danger, ".concat(_colors.R300, ")"),
-      focused: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
-      hoveredAndChecked: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B300, ")")
-    },
-    boxColor: {
-      rest: "var(--ds-background-input, ".concat(_colors.N10, ")"),
-      hovered: "var(--ds-surface, ".concat(_colors.N30, ")"),
-      disabled: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
-      active: "var(--ds-background-input-pressed, ".concat(_colors.B50, ")"),
-      hoveredAndChecked: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B300, ")"),
-      checked: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")")
-    },
-    tickColor: {
-      disabledAndChecked: "var(--ds-text-disabled, ".concat(_colors.N70, ")"),
-      activeAndChecked: "var(--ds-text-inverse, ".concat(_colors.B400, ")"),
-      checked: "var(--ds-text-inverse, ".concat(_colors.N10, ")")
-    }
-  },
-  dark: {
-    borderColor: {
-      rest: "var(--ds-border, ".concat(_colors.DN80, ")"),
-      hovered: "var(--ds-border, ".concat(_colors.DN200, ")"),
-      disabled: "var(--ds-background-disabled, ".concat(_colors.DN10, ")"),
-      checked: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
-      active: "var(--ds-border, ".concat(_colors.B200, ")"),
-      invalid: "var(--ds-border-danger, ".concat(_colors.R300, ")"),
-      invalidAndChecked: "var(--ds-border-danger, ".concat(_colors.R300, ")"),
-      focused: "var(--ds-border-focused, ".concat(_colors.B75, ")"),
-      hoveredAndChecked: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B75, ")")
-    },
-    boxColor: {
-      rest: "var(--ds-background-input, ".concat(_colors.DN10, ")"),
-      hovered: "var(--ds-surface, ".concat(_colors.DN30, ")"),
-      disabled: "var(--ds-background-disabled, ".concat(_colors.DN10, ")"),
-      active: "var(--ds-background-input-pressed, ".concat(_colors.B200, ")"),
-      hoveredAndChecked: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B75, ")"),
-      checked: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")")
-    },
-    tickColor: {
-      disabledAndChecked: "var(--ds-text-disabled, ".concat(_colors.DN90, ")"),
-      activeAndChecked: "var(--ds-text-inverse, ".concat(_colors.DN10, ")"),
-      checked: "var(--ds-text-inverse, ".concat(_colors.DN10, ")")
-    }
-  }
-};
-
-var getCheckboxStyles = function getCheckboxStyles(mode) {
-  var checkboxColors = checkboxThemeColors[mode];
-  var boxColor = checkboxColors.boxColor;
-  var tickColor = checkboxColors.tickColor;
-  var borderColor = checkboxColors.borderColor;
-  return [(0, _core.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      & + svg {\n        --local-background: ", ";\n        --local-background-hover: ", ";\n        --local-background-active: ", ";\n        --local-background-checked: ", ";\n        --local-background-checked-hover: ", ";\n        --local-background-disabled: ", ";\n\n        --local-tick-rest: transparent;\n        --local-tick-checked: ", ";\n        --local-tick-disabled: ", ";\n        --local-tick-active: ", ";\n\n        --local-border: ", ";\n        --local-border-disabled: ", ";\n        --local-border-checked: ", ";\n        --local-border-active: ", ";\n        --local-border-invalid: ", ";\n        --local-border-focus: ", ";\n        --local-border-hover: ", ";\n        --local-border-checked-hover: ", ";\n        --local-border-checked-invalid: ", ";\n      }\n    "])), boxColor.rest, boxColor.hovered, boxColor.active, boxColor.checked, boxColor.hoveredAndChecked, boxColor.disabled, tickColor.checked, tickColor.disabledAndChecked, tickColor.activeAndChecked, borderColor.rest, borderColor.disabled, borderColor.checked, borderColor.active, borderColor.invalid, borderColor.focused, borderColor.hovered, borderColor.hoveredAndChecked, borderColor.invalidAndChecked), checkboxStyles];
-};
-
-var _default = getCheckboxStyles;
-exports.default = _default;