@atlaskit/checkbox 12.4.3 → 12.4.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/checkbox
 
+## 12.4.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.4.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.4.3
 
 ### Patch Changes

package/dist/cjs/checkbox.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
-
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
-
 var _internal = require("./internal");
-
 var _excluded = ["isChecked", "isDisabled", "isInvalid", "defaultChecked", "isIndeterminate", "size", "onChange", "analyticsContext", "label", "name", "value", "isRequired", "testId"];
-
 /* eslint-disable @repo/internal/styles/no-nested-styles */
 var checkboxStyles = (0, _react2.css)({
   width: '100%',
@@ -134,36 +123,32 @@ var checkboxStyles = (0, _react2.css)({
  * - [Code](https://atlassian.design/components/checkbox/code)
  * - [Usage](https://atlassian.design/components/checkbox/usage)
  */
-
 var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Checkbox(props, ref) {
   var isCheckedProp = props.isChecked,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
-      _props$isInvalid = props.isInvalid,
-      isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
-      _props$defaultChecked = props.defaultChecked,
-      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
-      _props$isIndeterminat = props.isIndeterminate,
-      isIndeterminate = _props$isIndeterminat === void 0 ? false : _props$isIndeterminat,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      onChangeProps = props.onChange,
-      analyticsContext = props.analyticsContext,
-      label = props.label,
-      name = props.name,
-      value = props.value,
-      isRequired = props.isRequired,
-      testId = props.testId,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-
+    _props$isDisabled = props.isDisabled,
+    isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
+    _props$isInvalid = props.isInvalid,
+    isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
+    _props$defaultChecked = props.defaultChecked,
+    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+    _props$isIndeterminat = props.isIndeterminate,
+    isIndeterminate = _props$isIndeterminat === void 0 ? false : _props$isIndeterminat,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    onChangeProps = props.onChange,
+    analyticsContext = props.analyticsContext,
+    label = props.label,
+    name = props.name,
+    value = props.value,
+    isRequired = props.isRequired,
+    testId = props.testId,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _useState = (0, _react.useState)(isCheckedProp !== undefined ? isCheckedProp : defaultChecked),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isCheckedState = _useState2[0],
-      setIsCheckedState = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isCheckedState = _useState2[0],
+    setIsCheckedState = _useState2[1];
   var onChange = (0, _react.useCallback)(function (e, analyticsEvent) {
     setIsCheckedState(e.target.checked);
-
     if (onChangeProps) {
       onChangeProps(e, analyticsEvent);
     }
@@ -174,11 +159,12 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "12.4.3"
+    packageVersion: "12.4.5"
   });
   var internalRef = (0, _react.useRef)(null);
-  var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]); // Use isChecked from the state if it is controlled
+  var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]);
 
+  // Use isChecked from the state if it is controlled
   var isChecked = isCheckedProp === undefined ? isCheckedState : isCheckedProp;
   return (0, _react2.jsx)(_internal.Label, {
     isDisabled: isDisabled,

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,5 +16,4 @@ Object.defineProperty(exports, "default", {
     return _checkbox.default;
   }
 });
-
 var _checkbox = _interopRequireDefault(require("./checkbox"));

package/dist/cjs/internal/checkbox-icon.js

@@ -1,19 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
-
 /**  @jsx jsx */
+
 function getIcon(isIndeterminate, isChecked) {
   if (isIndeterminate) {
     return (0, _react2.jsx)("rect", {
@@ -25,17 +21,17 @@ function getIcon(isIndeterminate, isChecked) {
       rx: "1"
     });
   }
-
   if (isChecked) {
     return (0, _react2.jsx)("path", {
       d: "M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
       fill: "inherit"
     });
-  } // No icon
-
+  }
 
+  // No icon
   return null;
 }
+
 /**
  * __Checkbox icon__
  *
@@ -44,12 +40,10 @@ function getIcon(isIndeterminate, isChecked) {
  *
  * @internal
  */
-
-
 var CheckboxIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var size = _ref.size,
-      isIndeterminate = _ref.isIndeterminate,
-      isChecked = _ref.isChecked;
+    isIndeterminate = _ref.isIndeterminate,
+    isChecked = _ref.isChecked;
   var icon = (0, _react.useMemo)(function () {
     return getIcon(isIndeterminate, isChecked);
   }, [isIndeterminate, isChecked]);

package/dist/cjs/internal/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.gridSize = exports.fontFamily = void 0;
-
 var _constants = require("@atlaskit/theme/constants");
-
 var fontFamily = (0, _constants.fontFamily)();
 exports.fontFamily = fontFamily;
 var gridSize = (0, _constants.gridSize)();

package/dist/cjs/internal/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,11 +28,7 @@ Object.defineProperty(exports, "RequiredIndicator", {
     return _requiredIndicator.default;
   }
 });
-
 var _checkboxIcon = _interopRequireDefault(require("./checkbox-icon"));
-
 var _label = _interopRequireDefault(require("./label"));
-
 var _labelText = _interopRequireDefault(require("./label-text"));
-
 var _requiredIndicator = _interopRequireDefault(require("./required-indicator"));

package/dist/cjs/internal/label-text.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LabelText;
-
 var _react = require("@emotion/react");
-
 /** @jsx jsx */
+
 var labelTextStyles = (0, _react.css)({
   alignSelf: 'center',
   gridArea: '1 / 2 / 2 / 3'
 });
-
 function LabelText(_ref) {
   var children = _ref.children;
   return (0, _react.jsx)("span", {

package/dist/cjs/internal/label.js

@@ -1,23 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Label;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _components = require("@atlaskit/theme/components");
-
 var _constants = require("./constants");
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 /** @jsx jsx */
+
 var labelStyles = (0, _react.css)({
   display: 'grid',
   gridAutoColumns: '1fr',
@@ -45,7 +39,6 @@ var themeStyles = {
     '--local-background-checked-hover': _theme.default.light.boxColor.hoveredAndChecked,
     '--local-background-disabled': _theme.default.light.boxColor.disabled,
     '--local-background-hover': _theme.default.light.boxColor.hovered,
-
     /**
      * Border
      */
@@ -58,7 +51,6 @@ var themeStyles = {
     '--local-border-focus': _theme.default.light.borderColor.focused,
     '--local-border-hover': _theme.default.light.borderColor.hovered,
     '--local-border-invalid': _theme.default.light.borderColor.invalid,
-
     /**
      * Tick
      */
@@ -77,7 +69,6 @@ var themeStyles = {
     '--local-background-checked-hover': _theme.default.dark.boxColor.hoveredAndChecked,
     '--local-background-disabled': _theme.default.dark.boxColor.disabled,
     '--local-background-hover': _theme.default.dark.boxColor.hovered,
-
     /**
      * Border
      */
@@ -90,7 +81,6 @@ var themeStyles = {
     '--local-border-focus': _theme.default.dark.borderColor.focused,
     '--local-border-hover': _theme.default.dark.borderColor.hovered,
     '--local-border-invalid': _theme.default.dark.borderColor.invalid,
-
     /**
      * Tick
      */
@@ -100,19 +90,17 @@ var themeStyles = {
     '--local-tick-rest': 'transparent'
   })
 };
-
 function Label(_ref) {
   var children = _ref.children,
-      isDisabled = _ref.isDisabled,
-      testId = _ref.testId,
-      onClick = _ref.onClick,
-      label = _ref.label,
-      id = _ref.id;
-
+    isDisabled = _ref.isDisabled,
+    testId = _ref.testId,
+    onClick = _ref.onClick,
+    label = _ref.label,
+    id = _ref.id;
   var _useGlobalTheme = (0, _components.useGlobalTheme)(),
-      mode = _useGlobalTheme.mode;
-
-  return (// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+    mode = _useGlobalTheme.mode;
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     (0, _react.jsx)("label", {
       css: [labelStyles, label && textLabelLayoutStyles, isDisabled && disabledStyles, mode === 'light' && themeStyles.light, mode === 'dark' && themeStyles.dark],
       "data-testid": testId,

package/dist/cjs/internal/required-indicator.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RequiredIndicator;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 /** @jsx jsx */
+
 var requiredIndicatorStyles = (0, _react.css)({
   paddingLeft: "var(--ds-space-025, 2px)",
   color: "var(--ds-text-danger, ".concat(_colors.R500, ")")
 });
-
 function RequiredIndicator() {
   return (0, _react.jsx)("span", {
     css: requiredIndicatorStyles,

package/dist/cjs/internal/theme.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _colors = require("@atlaskit/theme/colors");
-
 var theme = {
   light: {
     borderColor: {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "12.4.3",
+	"version": "12.4.5",
 	"sideEffects": false
 }

package/dist/es2019/checkbox.js

@@ -1,12 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /**  @jsx jsx */
 import { forwardRef, memo, useCallback, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import { CheckboxIcon, Label, LabelText, RequiredIndicator } from './internal';
-
 /* eslint-disable @repo/internal/styles/no-nested-styles */
 const checkboxStyles = css({
   width: '100%',
@@ -116,7 +114,6 @@ const checkboxStyles = css({
  * - [Code](https://atlassian.design/components/checkbox/code)
  * - [Usage](https://atlassian.design/components/checkbox/usage)
  */
-
 const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
   const {
     isChecked: isCheckedProp,
@@ -137,7 +134,6 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(pr
   const [isCheckedState, setIsCheckedState] = useState(isCheckedProp !== undefined ? isCheckedProp : defaultChecked);
   const onChange = useCallback((e, analyticsEvent) => {
     setIsCheckedState(e.target.checked);
-
     if (onChangeProps) {
       onChangeProps(e, analyticsEvent);
     }
@@ -148,11 +144,12 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(pr
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "12.4.3"
+    packageVersion: "12.4.5"
   });
   const internalRef = useRef(null);
-  const mergedRefs = mergeRefs([internalRef, ref]); // Use isChecked from the state if it is controlled
+  const mergedRefs = mergeRefs([internalRef, ref]);
 
+  // Use isChecked from the state if it is controlled
   const isChecked = isCheckedProp === undefined ? isCheckedState : isCheckedProp;
   return jsx(Label, {
     isDisabled: isDisabled,

package/dist/es2019/internal/checkbox-icon.js

@@ -2,7 +2,6 @@
 import { memo, useMemo } from 'react';
 import { jsx } from '@emotion/react';
 import PrimitiveSVGIcon from '@atlaskit/icon/svg';
-
 function getIcon(isIndeterminate, isChecked) {
   if (isIndeterminate) {
     return jsx("rect", {
@@ -14,17 +13,17 @@ function getIcon(isIndeterminate, isChecked) {
       rx: "1"
     });
   }
-
   if (isChecked) {
     return jsx("path", {
       d: "M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
       fill: "inherit"
     });
-  } // No icon
-
+  }
 
+  // No icon
   return null;
 }
+
 /**
  * __Checkbox icon__
  *
@@ -33,8 +32,6 @@ function getIcon(isIndeterminate, isChecked) {
  *
  * @internal
  */
-
-
 const CheckboxIcon = /*#__PURE__*/memo(({
   size,
   isIndeterminate,

package/dist/es2019/internal/label.js

@@ -31,7 +31,6 @@ const themeStyles = {
     '--local-background-checked-hover': theme.light.boxColor.hoveredAndChecked,
     '--local-background-disabled': theme.light.boxColor.disabled,
     '--local-background-hover': theme.light.boxColor.hovered,
-
     /**
      * Border
      */
@@ -44,7 +43,6 @@ const themeStyles = {
     '--local-border-focus': theme.light.borderColor.focused,
     '--local-border-hover': theme.light.borderColor.hovered,
     '--local-border-invalid': theme.light.borderColor.invalid,
-
     /**
      * Tick
      */
@@ -63,7 +61,6 @@ const themeStyles = {
     '--local-background-checked-hover': theme.dark.boxColor.hoveredAndChecked,
     '--local-background-disabled': theme.dark.boxColor.disabled,
     '--local-background-hover': theme.dark.boxColor.hovered,
-
     /**
      * Border
      */
@@ -76,7 +73,6 @@ const themeStyles = {
     '--local-border-focus': theme.dark.borderColor.focused,
     '--local-border-hover': theme.dark.borderColor.hovered,
     '--local-border-invalid': theme.dark.borderColor.invalid,
-
     /**
      * Tick
      */
@@ -97,7 +93,8 @@ export default function Label({
   const {
     mode
   } = useGlobalTheme();
-  return (// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     jsx("label", {
       css: [labelStyles, label && textLabelLayoutStyles, isDisabled && disabledStyles, mode === 'light' && themeStyles.light, mode === 'dark' && themeStyles.dark],
       "data-testid": testId,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "12.4.3",
+	"version": "12.4.5",
 	"sideEffects": false
 }

package/dist/esm/checkbox.js

@@ -2,14 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isChecked", "isDisabled", "isInvalid", "defaultChecked", "isIndeterminate", "size", "onChange", "analyticsContext", "label", "name", "value", "isRequired", "testId"];
-
 /**  @jsx jsx */
 import { forwardRef, memo, useCallback, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import { CheckboxIcon, Label, LabelText, RequiredIndicator } from './internal';
-
 /* eslint-disable @repo/internal/styles/no-nested-styles */
 var checkboxStyles = css({
   width: '100%',
@@ -119,36 +117,32 @@ var checkboxStyles = css({
  * - [Code](https://atlassian.design/components/checkbox/code)
  * - [Usage](https://atlassian.design/components/checkbox/usage)
  */
-
 var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
   var isCheckedProp = props.isChecked,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
-      _props$isInvalid = props.isInvalid,
-      isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
-      _props$defaultChecked = props.defaultChecked,
-      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
-      _props$isIndeterminat = props.isIndeterminate,
-      isIndeterminate = _props$isIndeterminat === void 0 ? false : _props$isIndeterminat,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      onChangeProps = props.onChange,
-      analyticsContext = props.analyticsContext,
-      label = props.label,
-      name = props.name,
-      value = props.value,
-      isRequired = props.isRequired,
-      testId = props.testId,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    _props$isDisabled = props.isDisabled,
+    isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
+    _props$isInvalid = props.isInvalid,
+    isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
+    _props$defaultChecked = props.defaultChecked,
+    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+    _props$isIndeterminat = props.isIndeterminate,
+    isIndeterminate = _props$isIndeterminat === void 0 ? false : _props$isIndeterminat,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    onChangeProps = props.onChange,
+    analyticsContext = props.analyticsContext,
+    label = props.label,
+    name = props.name,
+    value = props.value,
+    isRequired = props.isRequired,
+    testId = props.testId,
+    rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(isCheckedProp !== undefined ? isCheckedProp : defaultChecked),
-      _useState2 = _slicedToArray(_useState, 2),
-      isCheckedState = _useState2[0],
-      setIsCheckedState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isCheckedState = _useState2[0],
+    setIsCheckedState = _useState2[1];
   var onChange = useCallback(function (e, analyticsEvent) {
     setIsCheckedState(e.target.checked);
-
     if (onChangeProps) {
       onChangeProps(e, analyticsEvent);
     }
@@ -159,11 +153,12 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(prop
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "12.4.3"
+    packageVersion: "12.4.5"
   });
   var internalRef = useRef(null);
-  var mergedRefs = mergeRefs([internalRef, ref]); // Use isChecked from the state if it is controlled
+  var mergedRefs = mergeRefs([internalRef, ref]);
 
+  // Use isChecked from the state if it is controlled
   var isChecked = isCheckedProp === undefined ? isCheckedState : isCheckedProp;
   return jsx(Label, {
     isDisabled: isDisabled,

package/dist/esm/internal/checkbox-icon.js

@@ -2,7 +2,6 @@
 import { memo, useMemo } from 'react';
 import { jsx } from '@emotion/react';
 import PrimitiveSVGIcon from '@atlaskit/icon/svg';
-
 function getIcon(isIndeterminate, isChecked) {
   if (isIndeterminate) {
     return jsx("rect", {
@@ -14,17 +13,17 @@ function getIcon(isIndeterminate, isChecked) {
       rx: "1"
     });
   }
-
   if (isChecked) {
     return jsx("path", {
       d: "M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
       fill: "inherit"
     });
-  } // No icon
-
+  }
 
+  // No icon
   return null;
 }
+
 /**
  * __Checkbox icon__
  *
@@ -33,12 +32,10 @@ function getIcon(isIndeterminate, isChecked) {
  *
  * @internal
  */
-
-
 var CheckboxIcon = /*#__PURE__*/memo(function (_ref) {
   var size = _ref.size,
-      isIndeterminate = _ref.isIndeterminate,
-      isChecked = _ref.isChecked;
+    isIndeterminate = _ref.isIndeterminate,
+    isChecked = _ref.isChecked;
   var icon = useMemo(function () {
     return getIcon(isIndeterminate, isChecked);
   }, [isIndeterminate, isChecked]);

package/dist/esm/internal/label.js

@@ -31,7 +31,6 @@ var themeStyles = {
     '--local-background-checked-hover': theme.light.boxColor.hoveredAndChecked,
     '--local-background-disabled': theme.light.boxColor.disabled,
     '--local-background-hover': theme.light.boxColor.hovered,
-
     /**
      * Border
      */
@@ -44,7 +43,6 @@ var themeStyles = {
     '--local-border-focus': theme.light.borderColor.focused,
     '--local-border-hover': theme.light.borderColor.hovered,
     '--local-border-invalid': theme.light.borderColor.invalid,
-
     /**
      * Tick
      */
@@ -63,7 +61,6 @@ var themeStyles = {
     '--local-background-checked-hover': theme.dark.boxColor.hoveredAndChecked,
     '--local-background-disabled': theme.dark.boxColor.disabled,
     '--local-background-hover': theme.dark.boxColor.hovered,
-
     /**
      * Border
      */
@@ -76,7 +73,6 @@ var themeStyles = {
     '--local-border-focus': theme.dark.borderColor.focused,
     '--local-border-hover': theme.dark.borderColor.hovered,
     '--local-border-invalid': theme.dark.borderColor.invalid,
-
     /**
      * Tick
      */
@@ -88,16 +84,15 @@ var themeStyles = {
 };
 export default function Label(_ref) {
   var children = _ref.children,
-      isDisabled = _ref.isDisabled,
-      testId = _ref.testId,
-      onClick = _ref.onClick,
-      label = _ref.label,
-      id = _ref.id;
-
+    isDisabled = _ref.isDisabled,
+    testId = _ref.testId,
+    onClick = _ref.onClick,
+    label = _ref.label,
+    id = _ref.id;
   var _useGlobalTheme = useGlobalTheme(),
-      mode = _useGlobalTheme.mode;
-
-  return (// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+    mode = _useGlobalTheme.mode;
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     jsx("label", {
       css: [labelStyles, label && textLabelLayoutStyles, isDisabled && disabledStyles, mode === 'light' && themeStyles.light, mode === 'dark' && themeStyles.dark],
       "data-testid": testId,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "12.4.3",
+	"version": "12.4.5",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/checkbox",
-  "version": "12.4.3",
+  "version": "12.4.5",
   "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/"
@@ -31,7 +31,7 @@
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.12.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/checkbox"