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

⚛️ React UI library by GuruHotel

exports.__esModule=!0,exports.StyledTitle=exports.StyledOverlay=exports.StyledDescription=exports.StyledContent=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=i(t);if(r&&r.has(e))return r.get(e);var o={},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(o,a,l):o[a]=e[a]}o.default=e,r&&r.set(e,o);return o}(require("@radix-ui/react-dialog")),r=require("../text"),o=require("../common-variants");function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(i=function(e){return e?r:t})(e)}const n=(0,e.keyframes)({"0%":{opacity:0},"100%":{opacity:1}}),a=(0,e.keyframes)({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),l=(0,e.styled)(t.Overlay,{backgroundColor:"$blackA9",position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${n} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}});exports.StyledOverlay=l;const d=(0,e.styled)(t.Content,{backgroundColor:"white",boxShadow:"$md",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90vw",maxHeight:"85vh",padding:25,"&:focus":{outline:"none"},"@media (prefers-reduced-motion: no-preference)":{animation:`${a} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},variants:{rounded:o.rounded,isCentered:{true:{top:"50%",left:"50%",transform:"translate(-50%, -50%)"}},size:{xs:{maxWidth:"$xs"},sm:{maxWidth:"$sm"},md:{maxWidth:"$md"},lg:{maxWidth:"$lg"},xl:{maxWidth:"$xl"},"2xl":{maxWidth:"$2xl"},"3xl":{maxWidth:"$3xl"},"4xl":{maxWidth:"$4xl"},"5xl":{maxWidth:"$5xl"},"6xl":{maxWidth:"$6xl"},"7xl":{maxWidth:"$7xl"},"8xl":{maxWidth:"$8xl"},full:{maxWidth:"$full"}}},defaultVariants:{isCentered:!1,size:"sm",rounded:"sm"}});exports.StyledContent=d;const s=(0,e.styled)(r.Text,{fontSize:"$lg",fontWeight:"$bold"});exports.StyledTitle=s;const x=(0,e.styled)(r.Text,{marginTop:"$3",marginBottom:"$6",color:"$gray12",fontSize:"$sm"});exports.StyledDescription=x;