@prom-ui/core 2.3.0 → 2.4.1-alpha.0

package/Button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Button",
-  "version": "2.3.0",
+  "version": "2.4.1-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ButtonPageUp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ButtonPageUp",
-  "version": "2.3.0",
+  "version": "2.4.1-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Checkbox/cjs/index.development.js

@@ -14,21 +14,21 @@ var useForwardRef = require('@prom-ui/core/useForwardRef');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var _extends__default = /*#__PURE__*/_interopDefaultCompat(_extends);
@@ -37,7 +37,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_obje
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-var css = {"root":"Checkbox__root___JbPkR","view":"Checkbox__view___Smb1v","input":"Checkbox__input___-KDH8","inputIndeterminate":"Checkbox__inputIndeterminate___S5zL6","inputLoading":"Checkbox__inputLoading___3-2zC","spinner":"Checkbox__spinner___K7NKz","spinnerEnterActive":"Checkbox__spinnerEnterActive___ASYih","spinnerEnterDone":"Checkbox__spinnerEnterDone___vsNQ-","spinnerExitActive":"Checkbox__spinnerExitActive___X-b7M","spinnerExitDone":"Checkbox__spinnerExitDone___MP3D6"};
+var css = {"root":"Checkbox__root___QNYqa","view":"Checkbox__view___fLkiL","input":"Checkbox__input___Yi8X2","inputIndeterminate":"Checkbox__inputIndeterminate___PUKW4","inputLoading":"Checkbox__inputLoading___urQKr","spinner":"Checkbox__spinner___HQP5q","spinnerEnterActive":"Checkbox__spinnerEnterActive___PPMb6","spinnerEnterDone":"Checkbox__spinnerEnterDone___TSd-m","spinnerExitActive":"Checkbox__spinnerExitActive___qqZ1T","spinnerExitDone":"Checkbox__spinnerExitDone___ziVu6"};
 
 var _excluded = ["className", "type", "loading", "indeterminate"];
 var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {

package/Checkbox/cjs/index.development.v2.js

@@ -14,21 +14,21 @@ var useForwardRef = require('@prom-ui/core/useForwardRef');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var _extends__default = /*#__PURE__*/_interopDefaultCompat(_extends);
@@ -37,7 +37,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_obje
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-var css = {"root":"Checkbox__root___10rVJ","view":"Checkbox__view___28qka","input":"Checkbox__input___qmAq9","inputIndeterminate":"Checkbox__inputIndeterminate___Ivv1c","inputLoading":"Checkbox__inputLoading___R-ARx","spinner":"Checkbox__spinner___8SelS","spinnerEnterActive":"Checkbox__spinnerEnterActive___KxSc9","spinnerEnterDone":"Checkbox__spinnerEnterDone___MNkDZ","spinnerExitActive":"Checkbox__spinnerExitActive___yE5Eg","spinnerExitDone":"Checkbox__spinnerExitDone___1qltp"};
+var css = {"root":"Checkbox__root___t16TL","view":"Checkbox__view___vqHSH","input":"Checkbox__input___IYq4y","inputIndeterminate":"Checkbox__inputIndeterminate___W0nyo","inputLoading":"Checkbox__inputLoading___HmXKw","spinner":"Checkbox__spinner___YR6PM","spinnerEnterActive":"Checkbox__spinnerEnterActive___Q7DFi","spinnerEnterDone":"Checkbox__spinnerEnterDone___h1wA-","spinnerExitActive":"Checkbox__spinnerExitActive___qjqOb","spinnerExitDone":"Checkbox__spinnerExitDone___t3mB8"};
 
 var _excluded = ["className", "type", "loading", "indeterminate"];
 var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {

package/Checkbox/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),u=require("@prom-ui/core/Spinner"),o=require("@prom-ui/core/useForwardRef");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=l(e),d=l(t),f=l(r),m=c(i),p=l(a),b="JbPkR",v="Smb1v",h="-KDH8",y="S5zL6",x="_3-2zC",N="K7NKz",j="ASYih",q="vsNQ-",O="X-b7M",g="MP3D6",E=["className","type","loading","indeterminate"],P=m.forwardRef((function(e,t){var r=e.className,i=e.type,a=void 0===i?"checkbox":i,l=e.loading,c=void 0!==l&&l,P=e.indeterminate,S=void 0!==P&&P,R=f.default(e,E),k=o.useForwardRef(t,null),w=m.useRef(null);return m.createElement("div",{className:p.default(b,r)},m.createElement("input",s.default({className:p.default(h,d.default(d.default({},x,c),y,S)),ref:k,disabled:c,type:a},R)),m.createElement("div",{className:v},m.createElement(n.CSSTransition,{nodeRef:w,in:c,timeout:100,classNames:{enterActive:j,enterDone:q,exitActive:O,exitDone:g},unmountOnExit:!0},m.createElement(u.Spinner,{ref:w,className:N,width:"100%",height:"100%"}))))}));P.displayName="Checkbox",exports.Checkbox=P,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),u=require("@prom-ui/core/Spinner"),o=require("@prom-ui/core/useForwardRef");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=l(e),d=l(r),f=l(t),m=c(i),p=l(a),b="QNYqa",q="fLkiL",v="Yi8X2",y="PUKW4",h="urQKr",x="HQP5q",j="PPMb6",N="TSd-m",P="qqZ1T",O="ziVu6",g=["className","type","loading","indeterminate"],E=m.forwardRef((function(e,r){var t=e.className,i=e.type,a=void 0===i?"checkbox":i,l=e.loading,c=void 0!==l&&l,E=e.indeterminate,k=void 0!==E&&E,w=f.default(e,g),R=o.useForwardRef(r,null),S=m.useRef(null);return m.createElement("div",{className:p.default(b,t)},m.createElement("input",s.default({className:p.default(v,d.default(d.default({},h,c),y,k)),ref:R,disabled:c,type:a},w)),m.createElement("div",{className:q},m.createElement(n.CSSTransition,{nodeRef:S,in:c,timeout:100,classNames:{enterActive:j,enterDone:N,exitActive:P,exitDone:O},unmountOnExit:!0},m.createElement(u.Spinner,{ref:S,className:x,width:"100%",height:"100%"}))))}));E.displayName="Checkbox",exports.Checkbox=E,require("./style.production.css");

package/Checkbox/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),u=require("@prom-ui/core/Spinner"),l=require("@prom-ui/core/useForwardRef");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=o(e),d=o(t),f=o(r),p=c(i),m=o(a),b="_10rVJ",v="_28qka",q="qmAq9",y="Ivv1c",x="R-ARx",h="_8SelS",j="KxSc9",E="MNkDZ",N="yE5Eg",g="_1qltp",O=["className","type","loading","indeterminate"],R=p.forwardRef((function(e,t){var r=e.className,i=e.type,a=void 0===i?"checkbox":i,o=e.loading,c=void 0!==o&&o,R=e.indeterminate,S=void 0!==R&&R,k=f.default(e,O),_=l.useForwardRef(t,null),w=p.useRef(null);return p.createElement("div",{className:m.default(b,r)},p.createElement("input",s.default({className:m.default(q,d.default(d.default({},x,c),y,S)),ref:_,disabled:c,type:a},k)),p.createElement("div",{className:v},p.createElement(n.CSSTransition,{nodeRef:w,in:c,timeout:100,classNames:{enterActive:j,enterDone:E,exitActive:N,exitDone:g},unmountOnExit:!0},p.createElement(u.Spinner,{ref:w,className:h,width:"100%",height:"100%"}))))}));R.displayName="Checkbox",exports.Checkbox=R,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),u=require("@prom-ui/core/Spinner"),o=require("@prom-ui/core/useForwardRef");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=l(e),d=l(t),f=l(r),m=c(i),p=l(a),b="t16TL",v="vqHSH",y="IYq4y",q="W0nyo",h="HmXKw",j="YR6PM",x="Q7DFi",O="h1wA-",N="qjqOb",g="t3mB8",w=["className","type","loading","indeterminate"],E=m.forwardRef((function(e,t){var r=e.className,i=e.type,a=void 0===i?"checkbox":i,l=e.loading,c=void 0!==l&&l,E=e.indeterminate,P=void 0!==E&&E,R=f.default(e,w),S=o.useForwardRef(t,null),k=m.useRef(null);return m.createElement("div",{className:p.default(b,r)},m.createElement("input",s.default({className:p.default(y,d.default(d.default({},h,c),q,P)),ref:S,disabled:c,type:a},R)),m.createElement("div",{className:v},m.createElement(n.CSSTransition,{nodeRef:k,in:c,timeout:100,classNames:{enterActive:x,enterDone:O,exitActive:N,exitDone:g},unmountOnExit:!0},m.createElement(u.Spinner,{ref:k,className:j,width:"100%",height:"100%"}))))}));E.displayName="Checkbox",exports.Checkbox=E,require("./style.production.v2.css");

package/Checkbox/cjs/style.development.css

@@ -1,171 +1,176 @@
-.Checkbox__root___JbPkR {
-    display: block;
-    box-sizing: border-box;
-    width: 20px;
-    height: 20px;
-    position: relative;
-    flex-shrink: 0;
-}
-
-.Checkbox__view___Smb1v {
-    width: 100%;
-    height: 100%;
-    position: relative;
-}
-
-.Checkbox__view___Smb1v::before {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        box-sizing: border-box;
-        transition: 140ms ease-in-out;
-        transition-property: border-radius, background-color, border-color, opacity;
-        border-radius: var(--pds-round-xxs);
-        border: 2px var(--black-600) solid;
-        background: var(--white);
-    }
-
-.Checkbox__view___Smb1v::after {
-        content: '';
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        box-sizing: border-box;
-        transition: 140ms ease-in-out;
-        transition-property: border-color, color, opacity;
-        opacity: 0;
-        color: var(--white);
-    }
-
-.Checkbox__input___-KDH8 {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-    opacity: 0;
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-}
-
-.Checkbox__input___-KDH8:disabled {
-        cursor: default;
-    }
-
-.Checkbox__input___-KDH8[type='checkbox'] + .Checkbox__view___Smb1v::after {
-                border-bottom: 2px solid currentColor;
-                border-right: 2px solid currentColor;
-                width: 6px;
-                height: 12px;
-                transform: rotate(45deg) translate(-120%, -30%);
-            }
-
-.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type='checkbox'] + .Checkbox__view___Smb1v::before {
-                background-color: var(--violet-500);
-                border-color: var(--violet-500);
-            }
-
-.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type='checkbox'] + .Checkbox__view___Smb1v::after {
-                width: 10px;
-                height: 0;
-                transform: rotate(0) translate(-50%, -50%);
-                opacity: 1;
-            }
-
-.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type='checkbox']:disabled + .Checkbox__view___Smb1v::before {
-                background-color: var(--black-400);
-                border-color: var(--black-400);
-            }
-
-.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type='checkbox']:disabled:checked + .Checkbox__view___Smb1v::before {
-                background-color: var(--black-400);
-                border-color: var(--black-400);
-            }
-
-.Checkbox__input___-KDH8[type='radio'] + .Checkbox__view___Smb1v::before {
-            border-radius: 50%;
-        }
-
-.Checkbox__input___-KDH8[type='radio'] + .Checkbox__view___Smb1v::after {
-            width: 16px;
-            height: 16px;
-            transform: translate(-50%, -50%);
-            border-radius: 50%;
-            background-color: rgba(0, 0, 0, 0);
-            border: 3px currentColor solid;
-        }
-
-.Checkbox__input___-KDH8:focus-visible + .Checkbox__view___Smb1v::before {
-            outline: var(--pds-round-xxs) auto Highlight;
-            outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
-        }
-
-.Checkbox__input___-KDH8:checked + .Checkbox__view___Smb1v::before {
-            background-color: var(--violet-500);
-            border-color: var(--violet-500);
-        }
-
-.Checkbox__input___-KDH8:checked + .Checkbox__view___Smb1v::after {
-            opacity: 1;
-        }
-
-.Checkbox__input___-KDH8:disabled + .Checkbox__view___Smb1v::before {
-            background-color: var(--white);
-            border-color: var(--black-400);
-        }
-
-.Checkbox__input___-KDH8:disabled:checked + .Checkbox__view___Smb1v::before {
-            background-color: var(--black-400);
-            border-color: var(--black-400);
-        }
-
-.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC {
-        pointer-events: none;
-    }
-
-.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC + .Checkbox__view___Smb1v::before {
-                border-radius: 50%;
-                background-color: var(--white);
-                border-color: var(--black-400);
-            }
-
-@media (hover) {
-            .Checkbox__input___-KDH8:hover + .Checkbox__view___Smb1v::before {
-                border-color: var(--black-700);
-            }
-            .Checkbox__input___-KDH8:checked:hover + .Checkbox__view___Smb1v::before {
-                background-color: var(--violet-700);
-                border-color: var(--violet-700);
-            }
-            .Checkbox__input___-KDH8:disabled:hover + .Checkbox__view___Smb1v::before {
-                border-color: var(--black-400);
-            }
-            .Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC:hover + .Checkbox__view___Smb1v::before {
-                background-color: var(--white);
-                border-color: var(--black-400);
-            }
-    }
-
-.Checkbox__spinner___K7NKz {
-    color: var(--violet-500);
-    opacity: 0;
-    transition: opacity 100ms ease-in-out;
-}
-
-.Checkbox__spinnerEnterActive___ASYih,
-.Checkbox__spinnerEnterDone___vsNQ- {
-    opacity: 1;
-}
-
-.Checkbox__spinnerExitActive___X-b7M,
-.Checkbox__spinnerExitDone___MP3D6 {
-    opacity: 0;
+.Checkbox__root___QNYqa {
+  display: block;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+  position: relative;
+  flex-shrink: 0;
 }
+
+.Checkbox__view___fLkiL {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.Checkbox__view___fLkiL::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  transition: 140ms ease-in-out;
+  transition-property: border-radius, background-color, border-color, opacity;
+  border-radius: var(--pds-round-xxs);
+  border: 2px var(--black-600) solid;
+  background: var(--white);
+}
+
+.Checkbox__view___fLkiL::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  box-sizing: border-box;
+  transition: 140ms ease-in-out;
+  transition-property: border-color, color, opacity;
+  opacity: 0;
+  color: var(--white);
+}
+
+.Checkbox__input___Yi8X2 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  opacity: 0;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+}
+
+.Checkbox__input___Yi8X2:disabled {
+  cursor: default;
+}
+
+.Checkbox__input___Yi8X2[type=checkbox] + .Checkbox__view___fLkiL::after {
+  border-bottom: 2px solid currentColor;
+  border-right: 2px solid currentColor;
+  width: 6px;
+  height: 12px;
+  transform: rotate(45deg) translate(-120%, -30%);
+}
+
+.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4 + .Checkbox__view___fLkiL::before {
+  background-color: var(--violet-500);
+  border-color: var(--violet-500);
+}
+
+.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4 + .Checkbox__view___fLkiL::after {
+  width: 10px;
+  height: 0;
+  transform: rotate(0) translate(-50%, -50%);
+  opacity: 1;
+}
+
+.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4:disabled + .Checkbox__view___fLkiL::before {
+  background-color: var(--black-400);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4:disabled:checked + .Checkbox__view___fLkiL::before {
+  background-color: var(--black-400);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___Yi8X2[type=radio] + .Checkbox__view___fLkiL::before {
+  border-radius: 50%;
+}
+
+.Checkbox__input___Yi8X2[type=radio] + .Checkbox__view___fLkiL::after {
+  width: 16px;
+  height: 16px;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0);
+  border: 3px currentColor solid;
+}
+
+.Checkbox__input___Yi8X2:focus-visible + .Checkbox__view___fLkiL::before {
+  outline: var(--pds-round-xxs) auto Highlight;
+  outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
+}
+
+.Checkbox__input___Yi8X2:checked + .Checkbox__view___fLkiL::before {
+  background-color: var(--violet-500);
+  border-color: var(--violet-500);
+}
+
+.Checkbox__input___Yi8X2:checked + .Checkbox__view___fLkiL::after {
+  opacity: 1;
+}
+
+.Checkbox__input___Yi8X2:disabled + .Checkbox__view___fLkiL::before {
+  background-color: var(--white);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___Yi8X2:disabled:checked + .Checkbox__view___fLkiL::before {
+  background-color: var(--black-400);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___Yi8X2.Checkbox__inputLoading___urQKr {
+  pointer-events: none;
+}
+
+.Checkbox__input___Yi8X2.Checkbox__inputLoading___urQKr + .Checkbox__view___fLkiL::before {
+  border-radius: 50%;
+  background-color: var(--white);
+  border-color: var(--black-400);
+}
+
+.Checkbox__spinner___HQP5q {
+  color: var(--violet-500);
+  opacity: 0;
+  transition: opacity 100ms ease-in-out;
+}
+
+.Checkbox__spinnerEnterActive___PPMb6,
+.Checkbox__spinnerEnterDone___TSd-m {
+  opacity: 1;
+}
+
+.Checkbox__spinnerExitActive___qqZ1T,
+.Checkbox__spinnerExitDone___ziVu6 {
+  opacity: 0;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .Checkbox__input___Yi8X2:hover + .Checkbox__view___fLkiL::before {
+    border-color: var(--black-700);
+  }
+  .Checkbox__input___Yi8X2:checked:hover + .Checkbox__view___fLkiL::before {
+    background-color: var(--violet-700);
+    border-color: var(--violet-700);
+  }
+  .Checkbox__input___Yi8X2:disabled:hover + .Checkbox__view___fLkiL::before {
+    background-color: var(--white);
+    border-color: var(--black-400);
+  }
+  .Checkbox__input___Yi8X2:disabled:checked:hover + .Checkbox__view___fLkiL::before {
+    background-color: var(--black-400);
+    border-color: var(--black-400);
+  }
+  .Checkbox__input___Yi8X2.Checkbox__inputLoading___urQKr:hover + .Checkbox__view___fLkiL::before {
+    background-color: var(--white);
+    border-color: var(--black-400);
+  }
+}