@guruhotel/aura-ui/cjs/scroll-area/scroll-area.styles.js

⚛️ React UI library by GuruHotel

exports.__esModule=!0,exports.StyledViewport=exports.StyledThumb=exports.StyledScrollbar=exports.StyledScrollArea=exports.StyledCorner=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 r=n(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(require("@radix-ui/react-scroll-area")),r=require("../common-variants"),o=require("./scroll-area.constants");function n(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(n=function(e){return e?r:t})(e)}const a=(0,e.styled)(t.Root,{width:"$full",height:500,overflow:"hidden",boxShadow:"$md",variants:{rounded:r.rounded},defaultVariants:{rounded:"none"}});exports.StyledScrollArea=a;const i=(0,e.styled)(t.Viewport,{width:"100%",height:"100%",borderRadius:"inherit"});exports.StyledViewport=i;const l=(0,e.styled)(t.Scrollbar,{display:"flex",userSelect:"none",touchAction:"none",padding:2,background:"$blackA6",transition:"background 160ms ease-out","&:hover":{background:"$blackA8"},'&[data-orientation="vertical"]':{width:o.SCROLLBAR_SIZE},'&[data-orientation="horizontal"]':{flexDirection:"column",height:o.SCROLLBAR_SIZE}});exports.StyledScrollbar=l;const d=(0,e.styled)(t.Thumb,{flex:1,background:"$gray10",borderRadius:o.SCROLLBAR_SIZE,position:"relative","&::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",height:"100%",minWidth:44,minHeight:44}});exports.StyledThumb=d;const s=(0,e.styled)(t.Corner,{background:"$blackA8"});exports.StyledCorner=s;