UNPKG

@guruhotel/aura-ui

Version:

⚛️ React UI library by GuruHotel

1 lines 1.54 kB
exports.__esModule=!0,exports.StyledIndicator=exports.StyledCheckbox=void 0;var e=require("../theme"),t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var o=r(t);if(o&&o.has(e))return o.get(e);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=n?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=e[s]}i.default=e,o&&o.set(e,i);return i}(require("@radix-ui/react-checkbox"));function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,o=new WeakMap;return(r=function(e){return e?o:t})(e)}const o=(0,e.styled)(t.Root,{all:"unset",backgroundColor:"$guru9",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"$sm",border:"solid",borderWidth:"2px",borderColor:"$colors$guru9",transition:".2s ease",'&[data-state="unchecked"]':{backgroundColor:"$surfaceLight"},_disabled:{opacity:.5,cursor:"no-drop"},_focusVisible:{borderColor:"$colors$guru7",boxShadow:"0 0 0 1px $colors$surfaceLight, 0 0 0 3px $colors$guru12"},variants:{size:{xs:{size:"$4",fontSize:"$xs"},sm:{size:"$5",fontSize:"$sm"},md:{size:"$6",fontSize:"$md"},lg:{size:"$7",fontSize:"$lg"},xl:{size:"$8",fontSize:"$xl"}}},defaultVariants:{size:"xs"}});exports.StyledCheckbox=o;const i=(0,e.styled)(t.Indicator,{display:"flex",alignItems:"center",justifyContent:"center",position:"relative",color:"$surfaceLight"});exports.StyledIndicator=i;