@axeptio/design-system
Version:
Design System for Axeptio
1 lines • 3.48 kB
JavaScript
(()=>{"use strict";var e={n:t=>{var o=t&&t.__esModule?()=>t.default:()=>t;return e.d(o,{a:o}),o},d:(t,o)=>{for(var n in o)e.o(o,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{default:()=>d});const o=require("react");var n=e.n(o);const r=require("styled-components");var i=e.n(r),c=(n().createElement,i().input.withConfig({displayName:"Checkbox__Input",componentId:"sc-1lcmpgi-0"})(["position:absolute;clip:rect(0,0,0,0);"])),l=i().label.withConfig({displayName:"Checkbox__Label",componentId:"sc-1lcmpgi-1"})(["position:relative;display:inline-flex;align-items:center;gap:8px;font-size:","px;font-weight:600;user-select:none;cursor:",";",";"],(function(e){return"small"===e.size?15:16}),(function(e){return e.disabled?"not-allowed":"pointer"}),(function(e){return e.disabled&&"\n opacity: 0.5;\n cursor: not-allowed;\n "})),a=i().div.withConfig({displayName:"Checkbox__Indicator",componentId:"sc-1lcmpgi-2"})(["position:relative;width:","px;height:","px;background-color:",";border:solid 1.5px ",";border-radius:",";",";",":not(:disabled):checked + &{background-color:",";}",":hover &{border-color:",";}",":focus + &{box-shadow:0 0 0 3px ",";}",":disabled + &,",":disabled + &:hover{background-color:",";border-color:",";}&::after{content:'';position:absolute;display:none;outline:none;}",":checked + &::after{display:block;position:absolute;width:5px;height:10px;margin-top:-0.0625em;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);border:solid ",";border-width:0 2px 2px 0;}",":indeterminate + &{background:",";&::after{content:'';position:absolute;display:block;position:absolute;width:9px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:",";}}",";"],(function(e){return"small"===e.size?16:20}),(function(e){return"small"===e.size?16:20}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.grey.v200}),(function(e){return"small"===e.size?"5px":"6px"}),(function(e){return e.rounded&&"\n border-radius: 50%;\n "}),c,(function(e){return e.theme.checkboxes.default.bgColorChecked}),l,(function(e){return e.theme.colors.grey.v300}),c,(function(e){return e.theme.colors.grey.v200}),c,c,(function(e){return e.theme.colors.grey.v100}),(function(e){return e.theme.colors.grey.v300}),c,(function(e){return e.theme.colors.white}),c,(function(e){return e.theme.checkboxes.default.bgColorChecked}),(function(e){return e.theme.colors.white}),(function(e){return"small"===e.size&&"\n ".concat(c,":checked + &::after {\n width: 4px;\n height: 8px;\n border-width: 0 1.5px 1.5px 0;\n }\n\n ").concat(c,":indeterminate + &::after {\n width: 7px;\n height: 1.5px;\n }\n ")}));const d=function(e){var t=e.indeterminate,r=void 0!==t&&t,i=e.checked,d=(e.value,e.onChange),s=e.name,u=e.id,p=e.label,h=e.size,f=e.rounded,b=e.disabled,m=(0,o.useRef)();return(0,o.useEffect)((function(){m.current.indeterminate=r}),[m,r]),n().createElement(l,{htmlFor:u,size:h,disabled:b},n().createElement(c,{type:"checkbox",id:u,name:s,disabled:b,checked:i,onChange:d,ref:m}),n().createElement(a,{rounded:f,size:h,role:"indicator"}),p)};var s=exports;for(var u in t)s[u]=t[u];t.__esModule&&Object.defineProperty(s,"__esModule",{value:!0})})();