@activecollab/components 2.0.83 → 2.0.84

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _CheckboxIcon = _interopRequireDefault(require("./CheckboxIcon"));
 var _Styles = require("./Styles");
-var _excluded = ["className", "hover", "id", "mixed", "checked", "onChange"];
+var _excluded = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -33,6 +33,7 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (
     mixed = _ref$mixed === void 0 ? false : _ref$mixed,
     checked = _ref.checked,
     onChange = _ref.onChange,
+    disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(mixed && !checked),
     _useState2 = _slicedToArray(_useState, 2),
@@ -69,7 +70,8 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (
     }, className),
     hover: hover,
     tabIndex: -1,
-    mixed: indeterminate
+    mixed: indeterminate,
+    $disabled: disabled
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({
     role: "checkbox",
     id: id,
@@ -78,7 +80,8 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (
     ref: ref
   }, rest, {
     checked: initialChecked,
-    onChange: handleChange
+    onChange: handleChange,
+    disabled: disabled
   })), /*#__PURE__*/_react.default.createElement(_Styles.StyledLabel, {
     htmlFor: id,
     className: "c-checkbox--label"

package/dist/cjs/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_CheckboxIcon","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Checkbox","exports","forwardRef","_ref","ref","className","hover","_ref$id","id","_ref$mixed","mixed","checked","onChange","rest","_useState","useState","_useState2","indeterminate","setIndeterminate","_useState3","_useState4","initialChecked","setInitialChecked","handleChange","useCallback","prev","useEffect","createElement","StyledCheckbox","classnames","tabIndex","StyledInput","role","type","StyledLabel","htmlFor","height","width","displayName"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  Ref,\n  InputHTMLAttributes,\n  useState,\n  useCallback,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport CheckboxIcon from \"./CheckboxIcon\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface CheckBoxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n  /** CSS classes */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id of input and for of label */\n  id?: string;\n  /** mixed state */\n  mixed?: boolean;\n  /** On change callback */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      mixed = false,\n      checked,\n      onChange,\n      ...rest\n    }: CheckBoxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    const [indeterminate, setIndeterminate] = useState(mixed && !checked);\n    const [initialChecked, setInitialChecked] = useState(checked);\n    const handleChange = useCallback(\n      (e) => {\n        typeof onChange === \"function\" && onChange(e);\n        setInitialChecked((prev) => !prev);\n        setIndeterminate(false);\n      },\n      [onChange]\n    );\n\n    useEffect(() => {\n      if (checked !== initialChecked) {\n        setInitialChecked(checked);\n        setIndeterminate(false);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [checked]);\n\n    useEffect(() => {\n      if (mixed !== indeterminate && !checked) {\n        setIndeterminate(mixed);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [mixed]);\n\n    return (\n      <StyledCheckbox\n        className={classnames(\n          \"c-checkbox\",\n          {\n            \"c-checkbox__hover\": hover,\n            \"c-checkbox__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        hover={hover}\n        tabIndex={-1}\n        mixed={indeterminate}\n      >\n        <StyledInput\n          role=\"checkbox\"\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n          checked={initialChecked}\n          onChange={handleChange}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon\n            data-testid=\"checkbox-icon\"\n            height={16}\n            width={16}\n            mixed={indeterminate}\n          />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_CheckboxIcon","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Checkbox","exports","forwardRef","_ref","ref","className","hover","_ref$id","id","_ref$mixed","mixed","checked","onChange","disabled","rest","_useState","useState","_useState2","indeterminate","setIndeterminate","_useState3","_useState4","initialChecked","setInitialChecked","handleChange","useCallback","prev","useEffect","createElement","StyledCheckbox","classnames","tabIndex","$disabled","StyledInput","role","type","StyledLabel","htmlFor","height","width","displayName"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  Ref,\n  InputHTMLAttributes,\n  useState,\n  useCallback,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport CheckboxIcon from \"./CheckboxIcon\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface CheckBoxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n  /** CSS classes */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id of input and for of label */\n  id?: string;\n  /** mixed state */\n  mixed?: boolean;\n  /** On change callback */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      mixed = false,\n      checked,\n      onChange,\n      disabled,\n      ...rest\n    }: CheckBoxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    const [indeterminate, setIndeterminate] = useState(mixed && !checked);\n    const [initialChecked, setInitialChecked] = useState(checked);\n    const handleChange = useCallback(\n      (e) => {\n        typeof onChange === \"function\" && onChange(e);\n        setInitialChecked((prev) => !prev);\n        setIndeterminate(false);\n      },\n      [onChange]\n    );\n\n    useEffect(() => {\n      if (checked !== initialChecked) {\n        setInitialChecked(checked);\n        setIndeterminate(false);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [checked]);\n\n    useEffect(() => {\n      if (mixed !== indeterminate && !checked) {\n        setIndeterminate(mixed);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [mixed]);\n\n    return (\n      <StyledCheckbox\n        className={classnames(\n          \"c-checkbox\",\n          {\n            \"c-checkbox__hover\": hover,\n            \"c-checkbox__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        hover={hover}\n        tabIndex={-1}\n        mixed={indeterminate}\n        $disabled={disabled}\n      >\n        <StyledInput\n          role=\"checkbox\"\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n          checked={initialChecked}\n          onChange={handleChange}\n          disabled={disabled}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon\n            data-testid=\"checkbox-icon\"\n            height={16}\n            width={16}\n            mixed={indeterminate}\n          />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":"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"}

package/dist/cjs/components/Checkbox/Styles.js

@@ -20,7 +20,9 @@ StyledLabel.displayName = "StyledLabel";
 var StyledCheckbox = exports.StyledCheckbox = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledCheckbox",
   componentId: "sc-y7zymm-2"
-})(["height:16px;width:16px;position:relative;transition-duration:0.2s;border-radius:2px;path{transition-duration:0.2s;stroke:transparent;stroke-dashoffset:12;stroke-dasharray:12;}svg{cursor:pointer;border-radius:2px;fill:transparent;}rect{transition-duration:0.2s;", " ", "}", ":disabled ~ ", "{pointer-events:none;opacity:0.5;}", ":focus ~ ", "{", "}&:not(.c-checkbox__controlled) ", ":hover:not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);", " stroke-width:3px;}}", " ", ":checked ~ ", "{path{", "}rect{stroke:var(--color-secondary);stroke-width:19px;", "}}"], function (props) {
+})(["height:16px;width:16px;position:relative;transition-duration:0.2s;border-radius:2px;path{transition-duration:0.2s;stroke:transparent;stroke-dashoffset:12;stroke-dasharray:12;}svg{cursor:pointer;border-radius:2px;fill:transparent;}", " rect{transition-duration:0.2s;", " ", "}", ":disabled ~ ", "{opacity:0.5;cursor:not-allowed;}", ":focus ~ ", "{", "}&:not(.c-checkbox__controlled) ", ":hover:not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);", " stroke-width:3px;}}", " ", ":checked ~ ", "{path{", "}rect{stroke:var(--color-secondary);stroke-width:19px;", "}}"], function (props) {
+  return props.$disabled && (0, _styledComponents.css)(["svg{cursor:not-allowed;}"]);
+}, function (props) {
   return !props.mixed && (0, _styledComponents.css)(["stroke:var(--color-theme-500);"]);
 }, function (props) {
   return props.mixed && (0, _styledComponents.css)(["stroke:transparent;"]);

package/dist/cjs/components/Checkbox/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInput","exports","styled","input","withConfig","displayName","componentId","StyledLabel","label","StyledCheckbox","div","props","mixed","css","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  cursor: pointer;\n  height: 1px;\n  margin: -1px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<Partial<CheckBoxProps>>`\n  height: 16px;\n  width: 16px;\n  position: relative;\n  transition-duration: 0.2s;\n  border-radius: 2px;\n\n  path {\n    transition-duration: 0.2s;\n    stroke: transparent;\n    stroke-dashoffset: 12;\n    stroke-dasharray: 12;\n  }\n  svg {\n    cursor: pointer;\n    border-radius: 2px;\n    fill: transparent;\n  }\n\n  rect {\n    transition-duration: 0.2s;\n\n    ${(props) =>\n      !props.mixed &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n\n    ${(props) =>\n      props.mixed &&\n      css`\n        stroke: transparent;\n      `}\n  }\n\n  ${StyledInput}:disabled ~ ${StyledLabel} {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  ${StyledInput}:focus ~ ${StyledLabel} {\n    ${(props) =>\n      !props.mixed &&\n      css`\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      `}\n  }\n\n  // prettier-ignore\n  &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n    path {\n      stroke: var(--color-secondary-500);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n\n      ${(props) =>\n    props.mixed &&\n    css`\n      stroke: transparent;\n    `}\n      stroke-width: 3px;\n    }\n  }\n\n  ${(props) =>\n    props.hover &&\n    !props.mixed &&\n    css`\n      ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n        path {\n          stroke: var(--color-secondary-500);\n          stroke-dashoffset: 24;\n        }\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      }\n    `}\n\n  ${StyledInput}:checked ~ ${StyledLabel} {\n    path {\n      ${(props) =>\n        !props.mixed &&\n        css`\n          stroke: var(--page-paper-main);\n          stroke-dashoffset: 24;\n        `}\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 19px;\n\n      ${(props) =>\n        props.mixed &&\n        css`\n          stroke: transparent;\n        `}\n    }\n  }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAIzC,IAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,yBAAM,CAACC,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yKAYtC;AACDN,WAAW,CAACK,WAAW,GAAG,aAAa;AAEhC,IAAME,WAAW,GAAAN,OAAA,CAAAM,WAAA,GAAGL,yBAAM,CAACM,KAAK,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AACzCC,WAAW,CAACF,WAAW,GAAG,aAAa;AAEhC,IAAMI,cAAc,GAAAR,OAAA,CAAAQ,cAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,ynBAsBlC,UAACK,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,KAAK,QACZC,qBAAG,qCAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,0BAEF;AAAA,GAGHb,WAAW,EAAeO,WAAW,EAKrCP,WAAW,EAAYO,WAAW,EAChC,UAACI,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,KAAK,QACZC,qBAAG,4DAKF;AAAA,GAI4Bb,WAAW,EAA0BO,WAAW,EAQ3E,UAACI,KAAK;EAAA,OACVA,KAAK,CAACC,KAAK,QACXC,qBAAG,0BAEF;AAAA,GAKD,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,KAAK,IACX,CAACH,KAAK,CAACC,KAAK,QACZC,qBAAG,qJACCb,WAAW,EAAoBO,WAAW,CAU7C;AAAA,GAEDP,WAAW,EAAcO,WAAW,EAEhC,UAACI,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,KAAK,QACZC,qBAAG,0DAGF;AAAA,GAMD,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,0BAEF;AAAA,EAGR;AACDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInput","exports","styled","input","withConfig","displayName","componentId","StyledLabel","label","StyledCheckbox","div","props","$disabled","css","mixed","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  cursor: pointer;\n  height: 1px;\n  margin: -1px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<\n  Partial<CheckBoxProps & { $disabled: boolean }>\n>`\n  height: 16px;\n  width: 16px;\n  position: relative;\n  transition-duration: 0.2s;\n  border-radius: 2px;\n\n  path {\n    transition-duration: 0.2s;\n    stroke: transparent;\n    stroke-dashoffset: 12;\n    stroke-dasharray: 12;\n  }\n  svg {\n    cursor: pointer;\n    border-radius: 2px;\n    fill: transparent;\n  }\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      svg {\n        cursor: not-allowed;\n      }\n    `}\n\n  rect {\n    transition-duration: 0.2s;\n\n    ${(props) =>\n      !props.mixed &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n\n    ${(props) =>\n      props.mixed &&\n      css`\n        stroke: transparent;\n      `}\n  }\n\n  ${StyledInput}:disabled ~ ${StyledLabel} {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  ${StyledInput}:focus ~ ${StyledLabel} {\n    ${(props) =>\n      !props.mixed &&\n      css`\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      `}\n  }\n\n  // prettier-ignore\n  &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n    path {\n      stroke: var(--color-secondary-500);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n\n      ${(props) =>\n    props.mixed &&\n    css`\n      stroke: transparent;\n    `}\n      stroke-width: 3px;\n    }\n  }\n\n  ${(props) =>\n    props.hover &&\n    !props.mixed &&\n    css`\n      ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n        path {\n          stroke: var(--color-secondary-500);\n          stroke-dashoffset: 24;\n        }\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      }\n    `}\n\n  ${StyledInput}:checked ~ ${StyledLabel} {\n    path {\n      ${(props) =>\n        !props.mixed &&\n        css`\n          stroke: var(--page-paper-main);\n          stroke-dashoffset: 24;\n        `}\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 19px;\n\n      ${(props) =>\n        props.mixed &&\n        css`\n          stroke: transparent;\n        `}\n    }\n  }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":"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"}

package/dist/esm/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,mBAAmB,EAIpB,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/D,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,wFA0EpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,mBAAmB,EAIpB,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/D,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,wFA6EpB,CAAC"}

package/dist/esm/components/Checkbox/Checkbox.js

@@ -23,6 +23,7 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
     mixed = false,
     checked,
     onChange,
+    disabled,
     ...rest
   } = _ref;
   const [indeterminate, setIndeterminate] = (0, _react.useState)(mixed && !checked);
@@ -52,7 +53,8 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
     }, className),
     hover: hover,
     tabIndex: -1,
-    mixed: indeterminate
+    mixed: indeterminate,
+    $disabled: disabled
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, (0, _extends2.default)({
     role: "checkbox",
     id: id,
@@ -61,7 +63,8 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
     ref: ref
   }, rest, {
     checked: initialChecked,
-    onChange: handleChange
+    onChange: handleChange,
+    disabled: disabled
   })), /*#__PURE__*/_react.default.createElement(_Styles.StyledLabel, {
     htmlFor: id,
     className: "c-checkbox--label"

package/dist/esm/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_CheckboxIcon","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Checkbox","exports","forwardRef","_ref","ref","className","hover","id","mixed","checked","onChange","rest","indeterminate","setIndeterminate","useState","initialChecked","setInitialChecked","handleChange","useCallback","prev","useEffect","createElement","StyledCheckbox","classnames","tabIndex","StyledInput","_extends2","role","type","StyledLabel","htmlFor","height","width","displayName"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  Ref,\n  InputHTMLAttributes,\n  useState,\n  useCallback,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport CheckboxIcon from \"./CheckboxIcon\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface CheckBoxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n  /** CSS classes */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id of input and for of label */\n  id?: string;\n  /** mixed state */\n  mixed?: boolean;\n  /** On change callback */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      mixed = false,\n      checked,\n      onChange,\n      ...rest\n    }: CheckBoxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    const [indeterminate, setIndeterminate] = useState(mixed && !checked);\n    const [initialChecked, setInitialChecked] = useState(checked);\n    const handleChange = useCallback(\n      (e) => {\n        typeof onChange === \"function\" && onChange(e);\n        setInitialChecked((prev) => !prev);\n        setIndeterminate(false);\n      },\n      [onChange]\n    );\n\n    useEffect(() => {\n      if (checked !== initialChecked) {\n        setInitialChecked(checked);\n        setIndeterminate(false);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [checked]);\n\n    useEffect(() => {\n      if (mixed !== indeterminate && !checked) {\n        setIndeterminate(mixed);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [mixed]);\n\n    return (\n      <StyledCheckbox\n        className={classnames(\n          \"c-checkbox\",\n          {\n            \"c-checkbox__hover\": hover,\n            \"c-checkbox__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        hover={hover}\n        tabIndex={-1}\n        mixed={indeterminate}\n      >\n        <StyledInput\n          role=\"checkbox\"\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n          checked={initialChecked}\n          onChange={handleChange}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon\n            data-testid=\"checkbox-icon\"\n            height={16}\n            width={16}\n            mixed={indeterminate}\n          />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_CheckboxIcon","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Checkbox","exports","forwardRef","_ref","ref","className","hover","id","mixed","checked","onChange","disabled","rest","indeterminate","setIndeterminate","useState","initialChecked","setInitialChecked","handleChange","useCallback","prev","useEffect","createElement","StyledCheckbox","classnames","tabIndex","$disabled","StyledInput","_extends2","role","type","StyledLabel","htmlFor","height","width","displayName"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  Ref,\n  InputHTMLAttributes,\n  useState,\n  useCallback,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport CheckboxIcon from \"./CheckboxIcon\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface CheckBoxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n  /** CSS classes */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id of input and for of label */\n  id?: string;\n  /** mixed state */\n  mixed?: boolean;\n  /** On change callback */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      mixed = false,\n      checked,\n      onChange,\n      disabled,\n      ...rest\n    }: CheckBoxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    const [indeterminate, setIndeterminate] = useState(mixed && !checked);\n    const [initialChecked, setInitialChecked] = useState(checked);\n    const handleChange = useCallback(\n      (e) => {\n        typeof onChange === \"function\" && onChange(e);\n        setInitialChecked((prev) => !prev);\n        setIndeterminate(false);\n      },\n      [onChange]\n    );\n\n    useEffect(() => {\n      if (checked !== initialChecked) {\n        setInitialChecked(checked);\n        setIndeterminate(false);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [checked]);\n\n    useEffect(() => {\n      if (mixed !== indeterminate && !checked) {\n        setIndeterminate(mixed);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [mixed]);\n\n    return (\n      <StyledCheckbox\n        className={classnames(\n          \"c-checkbox\",\n          {\n            \"c-checkbox__hover\": hover,\n            \"c-checkbox__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        hover={hover}\n        tabIndex={-1}\n        mixed={indeterminate}\n        $disabled={disabled}\n      >\n        <StyledInput\n          role=\"checkbox\"\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n          checked={initialChecked}\n          onChange={handleChange}\n          disabled={disabled}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon\n            data-testid=\"checkbox-icon\"\n            height={16}\n            width={16}\n            mixed={indeterminate}\n          />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":"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"}

package/dist/esm/components/Checkbox/Styles.d.ts

@@ -1,5 +1,7 @@
 import type { CheckBoxProps } from "./Checkbox";
 export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
 export declare const StyledLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const StyledCheckbox: import("styled-components").StyledComponent<"div", any, Partial<CheckBoxProps>, never>;
+export declare const StyledCheckbox: import("styled-components").StyledComponent<"div", any, Partial<CheckBoxProps & {
+    $disabled: boolean;
+}>, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Checkbox/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAO,MAAM,WAAW,sEAYvB,CAAC;AAGF,eAAO,MAAM,WAAW,sEAAiB,CAAC;AAG1C,eAAO,MAAM,cAAc,wFAyG1B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAO,MAAM,WAAW,sEAYvB,CAAC;AAGF,eAAO,MAAM,WAAW,sEAAiB,CAAC;AAG1C,eAAO,MAAM,cAAc;eACY,OAAO;UAkH7C,CAAC"}

package/dist/esm/components/Checkbox/Styles.js

@@ -20,6 +20,6 @@ StyledLabel.displayName = "StyledLabel";
 const StyledCheckbox = exports.StyledCheckbox = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledCheckbox",
   componentId: "sc-y7zymm-2"
-})(["height:16px;width:16px;position:relative;transition-duration:0.2s;border-radius:2px;path{transition-duration:0.2s;stroke:transparent;stroke-dashoffset:12;stroke-dasharray:12;}svg{cursor:pointer;border-radius:2px;fill:transparent;}rect{transition-duration:0.2s;", " ", "}", ":disabled ~ ", "{pointer-events:none;opacity:0.5;}", ":focus ~ ", "{", "}&:not(.c-checkbox__controlled) ", ":hover:not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);", " stroke-width:3px;}}", " ", ":checked ~ ", "{path{", "}rect{stroke:var(--color-secondary);stroke-width:19px;", "}}"], props => !props.mixed && (0, _styledComponents.css)(["stroke:var(--color-theme-500);"]), props => props.mixed && (0, _styledComponents.css)(["stroke:transparent;"]), StyledInput, StyledLabel, StyledInput, StyledLabel, props => !props.mixed && (0, _styledComponents.css)(["rect{stroke:var(--color-secondary);stroke-width:3px;}"]), StyledInput, StyledLabel, props => props.mixed && (0, _styledComponents.css)(["stroke:transparent;"]), props => props.hover && !props.mixed && (0, _styledComponents.css)(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput, StyledLabel), StyledInput, StyledLabel, props => !props.mixed && (0, _styledComponents.css)(["stroke:var(--page-paper-main);stroke-dashoffset:24;"]), props => props.mixed && (0, _styledComponents.css)(["stroke:transparent;"]));
+})(["height:16px;width:16px;position:relative;transition-duration:0.2s;border-radius:2px;path{transition-duration:0.2s;stroke:transparent;stroke-dashoffset:12;stroke-dasharray:12;}svg{cursor:pointer;border-radius:2px;fill:transparent;}", " rect{transition-duration:0.2s;", " ", "}", ":disabled ~ ", "{opacity:0.5;cursor:not-allowed;}", ":focus ~ ", "{", "}&:not(.c-checkbox__controlled) ", ":hover:not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);", " stroke-width:3px;}}", " ", ":checked ~ ", "{path{", "}rect{stroke:var(--color-secondary);stroke-width:19px;", "}}"], props => props.$disabled && (0, _styledComponents.css)(["svg{cursor:not-allowed;}"]), props => !props.mixed && (0, _styledComponents.css)(["stroke:var(--color-theme-500);"]), props => props.mixed && (0, _styledComponents.css)(["stroke:transparent;"]), StyledInput, StyledLabel, StyledInput, StyledLabel, props => !props.mixed && (0, _styledComponents.css)(["rect{stroke:var(--color-secondary);stroke-width:3px;}"]), StyledInput, StyledLabel, props => props.mixed && (0, _styledComponents.css)(["stroke:transparent;"]), props => props.hover && !props.mixed && (0, _styledComponents.css)(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput, StyledLabel), StyledInput, StyledLabel, props => !props.mixed && (0, _styledComponents.css)(["stroke:var(--page-paper-main);stroke-dashoffset:24;"]), props => props.mixed && (0, _styledComponents.css)(["stroke:transparent;"]));
 StyledCheckbox.displayName = "StyledCheckbox";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Checkbox/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInput","exports","styled","input","withConfig","displayName","componentId","StyledLabel","label","StyledCheckbox","div","props","mixed","css","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  cursor: pointer;\n  height: 1px;\n  margin: -1px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<Partial<CheckBoxProps>>`\n  height: 16px;\n  width: 16px;\n  position: relative;\n  transition-duration: 0.2s;\n  border-radius: 2px;\n\n  path {\n    transition-duration: 0.2s;\n    stroke: transparent;\n    stroke-dashoffset: 12;\n    stroke-dasharray: 12;\n  }\n  svg {\n    cursor: pointer;\n    border-radius: 2px;\n    fill: transparent;\n  }\n\n  rect {\n    transition-duration: 0.2s;\n\n    ${(props) =>\n      !props.mixed &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n\n    ${(props) =>\n      props.mixed &&\n      css`\n        stroke: transparent;\n      `}\n  }\n\n  ${StyledInput}:disabled ~ ${StyledLabel} {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  ${StyledInput}:focus ~ ${StyledLabel} {\n    ${(props) =>\n      !props.mixed &&\n      css`\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      `}\n  }\n\n  // prettier-ignore\n  &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n    path {\n      stroke: var(--color-secondary-500);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n\n      ${(props) =>\n    props.mixed &&\n    css`\n      stroke: transparent;\n    `}\n      stroke-width: 3px;\n    }\n  }\n\n  ${(props) =>\n    props.hover &&\n    !props.mixed &&\n    css`\n      ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n        path {\n          stroke: var(--color-secondary-500);\n          stroke-dashoffset: 24;\n        }\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      }\n    `}\n\n  ${StyledInput}:checked ~ ${StyledLabel} {\n    path {\n      ${(props) =>\n        !props.mixed &&\n        css`\n          stroke: var(--page-paper-main);\n          stroke-dashoffset: 24;\n        `}\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 19px;\n\n      ${(props) =>\n        props.mixed &&\n        css`\n          stroke: transparent;\n        `}\n    }\n  }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAIzC,MAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,yBAAM,CAACC,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yKAYtC;AACDN,WAAW,CAACK,WAAW,GAAG,aAAa;AAEhC,MAAME,WAAW,GAAAN,OAAA,CAAAM,WAAA,GAAGL,yBAAM,CAACM,KAAK,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AACzCC,WAAW,CAACF,WAAW,GAAG,aAAa;AAEhC,MAAMI,cAAc,GAAAR,OAAA,CAAAQ,cAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,ynBAsBjCK,KAAK,IACN,CAACA,KAAK,CAACC,KAAK,QACZC,qBAAG,qCAEF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,0BAEF,EAGHb,WAAW,EAAeO,WAAW,EAKrCP,WAAW,EAAYO,WAAW,EAC/BI,KAAK,IACN,CAACA,KAAK,CAACC,KAAK,QACZC,qBAAG,4DAKF,EAI4Bb,WAAW,EAA0BO,WAAW,EAQ1EI,KAAK,IACVA,KAAK,CAACC,KAAK,QACXC,qBAAG,0BAEF,EAKAF,KAAK,IACNA,KAAK,CAACG,KAAK,IACX,CAACH,KAAK,CAACC,KAAK,QACZC,qBAAG,qJACCb,WAAW,EAAoBO,WAAW,CAU7C,EAEDP,WAAW,EAAcO,WAAW,EAE/BI,KAAK,IACN,CAACA,KAAK,CAACC,KAAK,QACZC,qBAAG,0DAGF,EAMAF,KAAK,IACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,0BAEF,CAGR;AACDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInput","exports","styled","input","withConfig","displayName","componentId","StyledLabel","label","StyledCheckbox","div","props","$disabled","css","mixed","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  cursor: pointer;\n  height: 1px;\n  margin: -1px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<\n  Partial<CheckBoxProps & { $disabled: boolean }>\n>`\n  height: 16px;\n  width: 16px;\n  position: relative;\n  transition-duration: 0.2s;\n  border-radius: 2px;\n\n  path {\n    transition-duration: 0.2s;\n    stroke: transparent;\n    stroke-dashoffset: 12;\n    stroke-dasharray: 12;\n  }\n  svg {\n    cursor: pointer;\n    border-radius: 2px;\n    fill: transparent;\n  }\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      svg {\n        cursor: not-allowed;\n      }\n    `}\n\n  rect {\n    transition-duration: 0.2s;\n\n    ${(props) =>\n      !props.mixed &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n\n    ${(props) =>\n      props.mixed &&\n      css`\n        stroke: transparent;\n      `}\n  }\n\n  ${StyledInput}:disabled ~ ${StyledLabel} {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  ${StyledInput}:focus ~ ${StyledLabel} {\n    ${(props) =>\n      !props.mixed &&\n      css`\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      `}\n  }\n\n  // prettier-ignore\n  &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n    path {\n      stroke: var(--color-secondary-500);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n\n      ${(props) =>\n    props.mixed &&\n    css`\n      stroke: transparent;\n    `}\n      stroke-width: 3px;\n    }\n  }\n\n  ${(props) =>\n    props.hover &&\n    !props.mixed &&\n    css`\n      ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n        path {\n          stroke: var(--color-secondary-500);\n          stroke-dashoffset: 24;\n        }\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      }\n    `}\n\n  ${StyledInput}:checked ~ ${StyledLabel} {\n    path {\n      ${(props) =>\n        !props.mixed &&\n        css`\n          stroke: var(--page-paper-main);\n          stroke-dashoffset: 24;\n        `}\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 19px;\n\n      ${(props) =>\n        props.mixed &&\n        css`\n          stroke: transparent;\n        `}\n    }\n  }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAIzC,MAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,yBAAM,CAACC,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yKAYtC;AACDN,WAAW,CAACK,WAAW,GAAG,aAAa;AAEhC,MAAME,WAAW,GAAAN,OAAA,CAAAM,WAAA,GAAGL,yBAAM,CAACM,KAAK,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AACzCC,WAAW,CAACF,WAAW,GAAG,aAAa;AAEhC,MAAMI,cAAc,GAAAR,OAAA,CAAAQ,cAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6nBAqBnCK,KAAK,IACNA,KAAK,CAACC,SAAS,QACfC,qBAAG,+BAIF,EAKEF,KAAK,IACN,CAACA,KAAK,CAACG,KAAK,QACZD,qBAAG,qCAEF,EAEAF,KAAK,IACNA,KAAK,CAACG,KAAK,QACXD,qBAAG,0BAEF,EAGHb,WAAW,EAAeO,WAAW,EAKrCP,WAAW,EAAYO,WAAW,EAC/BI,KAAK,IACN,CAACA,KAAK,CAACG,KAAK,QACZD,qBAAG,4DAKF,EAI4Bb,WAAW,EAA0BO,WAAW,EAQ1EI,KAAK,IACVA,KAAK,CAACG,KAAK,QACXD,qBAAG,0BAEF,EAKAF,KAAK,IACNA,KAAK,CAACI,KAAK,IACX,CAACJ,KAAK,CAACG,KAAK,QACZD,qBAAG,qJACCb,WAAW,EAAoBO,WAAW,CAU7C,EAEDP,WAAW,EAAcO,WAAW,EAE/BI,KAAK,IACN,CAACA,KAAK,CAACG,KAAK,QACZD,qBAAG,0DAGF,EAMAF,KAAK,IACNA,KAAK,CAACG,KAAK,QACXD,qBAAG,0BAEF,CAGR;AACDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB"}

package/dist/index.js

@@ -11269,7 +11269,9 @@
   var StyledCheckbox$1 = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledCheckbox",
     componentId: "sc-y7zymm-2"
-  })(["height:16px;width:16px;position:relative;transition-duration:0.2s;border-radius:2px;path{transition-duration:0.2s;stroke:transparent;stroke-dashoffset:12;stroke-dasharray:12;}svg{cursor:pointer;border-radius:2px;fill:transparent;}rect{transition-duration:0.2s;", " ", "}", ":disabled ~ ", "{pointer-events:none;opacity:0.5;}", ":focus ~ ", "{", "}&:not(.c-checkbox__controlled) ", ":hover:not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);", " stroke-width:3px;}}", " ", ":checked ~ ", "{path{", "}rect{stroke:var(--color-secondary);stroke-width:19px;", "}}"], function (props) {
+  })(["height:16px;width:16px;position:relative;transition-duration:0.2s;border-radius:2px;path{transition-duration:0.2s;stroke:transparent;stroke-dashoffset:12;stroke-dasharray:12;}svg{cursor:pointer;border-radius:2px;fill:transparent;}", " rect{transition-duration:0.2s;", " ", "}", ":disabled ~ ", "{opacity:0.5;cursor:not-allowed;}", ":focus ~ ", "{", "}&:not(.c-checkbox__controlled) ", ":hover:not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);", " stroke-width:3px;}}", " ", ":checked ~ ", "{path{", "}rect{stroke:var(--color-secondary);stroke-width:19px;", "}}"], function (props) {
+    return props.$disabled && styled.css(["svg{cursor:not-allowed;}"]);
+  }, function (props) {
     return !props.mixed && styled.css(["stroke:var(--color-theme-500);"]);
   }, function (props) {
     return props.mixed && styled.css(["stroke:transparent;"]);
@@ -11286,7 +11288,7 @@
   });
   StyledCheckbox$1.displayName = "StyledCheckbox";
 
-  var _excluded$R = ["className", "hover", "id", "mixed", "checked", "onChange"];
+  var _excluded$R = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
   /**
    * Checkbox component
    */
@@ -11299,6 +11301,7 @@
       mixed = _ref$mixed === void 0 ? false : _ref$mixed,
       checked = _ref.checked,
       onChange = _ref.onChange,
+      disabled = _ref.disabled,
       rest = _objectWithoutProperties(_ref, _excluded$R);
     var _useState = React.useState(mixed && !checked),
       _useState2 = _slicedToArray(_useState, 2),
@@ -11335,7 +11338,8 @@
       }, className),
       hover: hover,
       tabIndex: -1,
-      mixed: indeterminate
+      mixed: indeterminate,
+      $disabled: disabled
     }, /*#__PURE__*/React__default["default"].createElement(StyledInput$3, _extends({
       role: "checkbox",
       id: id,
@@ -11344,7 +11348,8 @@
       ref: ref
     }, rest, {
       checked: initialChecked,
-      onChange: handleChange
+      onChange: handleChange,
+      disabled: disabled
     })), /*#__PURE__*/React__default["default"].createElement(StyledLabel, {
       htmlFor: id,
       className: "c-checkbox--label"