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

⚛️ React UI library by GuruHotel

exports.__esModule=!0,exports.StyledTitle=exports.StyledOverlay=exports.StyledDescription=exports.StyledContent=exports.StyledCloseButton=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 i=s(e);if(i&&i.has(t))return i.get(t);var o={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in t)if("default"!==r&&Object.prototype.hasOwnProperty.call(t,r)){var a=l?Object.getOwnPropertyDescriptor(t,r):null;a&&(a.get||a.set)?Object.defineProperty(o,r,a):o[r]=t[r]}o.default=t,i&&i.set(t,o);return o}(require("@radix-ui/react-dialog"));function s(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,i=new WeakMap;return(s=function(t){return t?i:e})(t)}const i=(0,t.keyframes)({from:{opacity:"0"},to:{opacity:"1"}}),o=(0,t.keyframes)({from:{transform:"$$transformValue"},to:{transform:"translate3d(0,0,0)"}}),l=(0,t.styled)(e.Overlay,{backgroundColor:"rgba(0,0,0,.55)",position:"fixed",zIndex:"$overlay",inset:0,'&[data-state="open"]':{animation:`${i} 600ms cubic-bezier(0.16, 1, 0.3, 1)`}});exports.StyledOverlay=l;const r=(0,t.styled)(e.Content,{position:"fixed",top:0,bottom:0,zIndex:"$overlay",width:300,backgroundColor:"$surfaceLight",'&[data-state="open"]':{animation:`${o} 600ms cubic-bezier(0.16, 1, 0.3, 1)`},variants:{placement:{top:{$$transformValue:"translate3d(0,-100%,0)",width:"100%",height:300,bottom:"auto",left:0},right:{$$transformValue:"translate3d(100%,0,0)",right:0},bottom:{$$transformValue:"translate3d(0,100%,0)",width:"100%",height:300,bottom:0,left:0,top:"auto"},left:{$$transformValue:"translate3d(-100%,0,0)",left:0}},size:{xs:{},sm:{},md:{},lg:{},xl:{},full:{}}},compoundVariants:[{placement:"top",size:"xs",css:{height:"25%"}},{placement:"top",size:"sm",css:{height:"35%"}},{placement:"top",size:"md",css:{height:"45%"}},{placement:"top",size:"lg",css:{height:"55%"}},{placement:"top",size:"xl",css:{height:"65%"}},{placement:"top",size:"full",css:{height:"100%"}},{placement:"bottom",size:"xs",css:{height:"25%"}},{placement:"bottom",size:"sm",css:{height:"35%"}},{placement:"bottom",size:"md",css:{height:"45%"}},{placement:"bottom",size:"lg",css:{height:"55%"}},{placement:"bottom",size:"xl",css:{height:"65%"}},{placement:"bottom",size:"full",css:{height:"100%"}},{placement:"right",size:"xs",css:{width:"25%"}},{placement:"right",size:"sm",css:{width:"35%"}},{placement:"right",size:"md",css:{width:"45%"}},{placement:"right",size:"lg",css:{width:"55%"}},{placement:"right",size:"xl",css:{width:"65%"}},{placement:"right",size:"full",css:{width:"100%"}},{placement:"left",size:"xs",css:{width:"25%"}},{placement:"left",size:"sm",css:{width:"35%"}},{placement:"left",size:"md",css:{width:"45%"}},{placement:"left",size:"lg",css:{width:"55%"}},{placement:"left",size:"xl",css:{width:"65%"}},{placement:"left",size:"full",css:{width:"100%"}}],defaultVariants:{placement:"right",size:"sm"}});exports.StyledContent=r;const a=(0,t.styled)(e.Close,{position:"absolute",top:"$2",right:"$2"});exports.StyledCloseButton=a;const n=(0,t.styled)(e.Title);exports.StyledTitle=n;const c=(0,t.styled)(e.Description);exports.StyledDescription=c;