@guruhotel/aura-ui/cjs/switch/switch.styles.js

⚛️ React UI library by GuruHotel

exports.__esModule=!0,exports.StyledThumb=exports.StyledSwitch=void 0;var t=require("../theme"),e=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var a=r(e);if(a&&a.has(t))return a.get(t);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in t)if("default"!==s&&Object.prototype.hasOwnProperty.call(t,s)){var d=i?Object.getOwnPropertyDescriptor(t,s):null;d&&(d.get||d.set)?Object.defineProperty(o,s,d):o[s]=t[s]}o.default=t,a&&a.set(t,o);return o}(require("@radix-ui/react-switch"));function r(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,a=new WeakMap;return(r=function(t){return t?a:e})(t)}const a=(0,t.styled)(e.Thumb,{display:"block",backgroundColor:"$guru9",'&[data-state="unchecked"]':{backgroundColor:"$text9"},borderRadius:"$full",transition:"transform 100ms",transform:"translateX(4px)",willChange:"transform"});exports.StyledThumb=a;const o=(0,t.styled)(e.Root,{all:"unset",borderRadius:"$full",position:"relative",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",border:"solid",borderWidth:"2px",borderColor:"$guru7",_focusVisible:{boxShadow:"0 0 0 1px $colors$surfaceLight, 0 0 0 3px $colors$guru12"},_hover:{cursor:"pointer"},_disabled:{opacity:.5,cursor:"no-drop"},'&[data-state="checked"]':{backgroundColor:"$guru4"},'&[data-state="unchecked"]':{backgroundColor:"$surfaceLight",border:"solid",borderWidth:"2px",borderColor:"$text7"},variants:{size:{xs:{width:26,height:16,[`& ${a}`]:{width:10,height:10,'&[data-state="checked"]':{transform:"translateX(12px)"}}},sm:{width:32,height:20,[`& ${a}`]:{width:12,height:12,'&[data-state="checked"]':{transform:"translateX(16px)"}}},md:{width:38,height:24,[`& ${a}`]:{width:14,height:14,'&[data-state="checked"]':{transform:"translateX(20px)"}}},lg:{width:46,height:28,[`& ${a}`]:{width:16,height:16,'&[data-state="checked"]':{transform:"translateX(26px)"}}},xl:{width:54,height:32,[`& ${a}`]:{width:18,height:18,'&[data-state="checked"]':{transform:"translateX(30px)"},transform:"translateX(5px)"}}}},defaultVariants:{size:"xs"}});exports.StyledSwitch=o;