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

⚛️ React UI library by GuruHotel

exports.__esModule=!0,exports.StyledTrack=exports.StyledThumb=exports.StyledSlider=exports.StyledRange=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 a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=n?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=e[a]}i.default=e,o&&o.set(e,i);return i}(require("@radix-ui/react-slider"));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,{position:"relative",display:"flex",alignItems:"center",userSelect:"none",touchAction:"none",width:200,'&[data-orientation="horizontal"]':{height:20},'&[data-orientation="vertical"]':{flexDirection:"column",width:20,height:100}});exports.StyledSlider=o;const i=(0,e.styled)(t.Track,{backgroundColor:"$guru6",position:"relative",flexGrow:1,borderRadius:"$full",'&[data-orientation="horizontal"]':{height:3},'&[data-orientation="vertical"]':{width:3}});exports.StyledTrack=i;const n=(0,e.styled)(t.Range,{position:"absolute",backgroundColor:"$guru9",borderRadius:"$full",boxShadow:"$sm",height:"100%"});exports.StyledRange=n;const a=(0,e.styled)(t.Thumb,{all:"unset",display:"block",width:20,height:20,backgroundColor:"$guru10",boxShadow:"$xl",borderRadius:10,"&:hover":{filter:"brightness(85%)"},"&:focus":{boxShadow:"0 0 0 5px $colors$blackA8"}});exports.StyledThumb=a;