@guruhotel/aura-ui/esm/alert-dialog/alert-dialog.styles.js

⚛️ React UI library by GuruHotel

import{styled as t,keyframes as e}from"../theme";import*as o from"@radix-ui/react-alert-dialog";import{rounded as i}from"../common-variants";import{Text as a}from"../text";const r=e({"0%":{opacity:0},"100%":{opacity:1}}),n=e({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}});export const StyledOverlay=t(o.Overlay,{backgroundColor:"$blackA9",position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${r} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}});export const StyledContent=t(o.Content,{backgroundColor:"white",boxShadow:"$md",position:"fixed",top:"10%",left:"50%",transform:"translate(-50%, -10%)",width:"90%",maxHeight:"85vh",padding:"$6","&:focus":{outline:"none"},"@media (prefers-reduced-motion: no-preference)":{animation:`${n} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},variants:{rounded:i,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:"xs",rounded:"sm"}});export const StyledTitle=t(a,{fontSize:"$lg",fontWeight:"$bold"});export const StyledDescription=t(a,{marginTop:"$3",marginBottom:"$6",color:"$gray12",fontSize:"$sm"});