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

⚛️ React UI library by GuruHotel

exports.__esModule=!0,exports.StyledViewport=exports.StyledToast=exports.StyledTitle=exports.StyledDescription=exports.StyledCloseButton=exports.StyledAction=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 r=o(e);if(r&&r.has(t))return r.get(t);var a={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in t)if("default"!==i&&Object.prototype.hasOwnProperty.call(t,i)){var s=n?Object.getOwnPropertyDescriptor(t,i):null;s&&(s.get||s.set)?Object.defineProperty(a,i,s):a[i]=t[i]}a.default=t,r&&r.set(t,a);return a}(require("@radix-ui/react-toast")),r=require("./toast.constants");function o(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(o=function(t){return t?r:e})(t)}const a=(0,t.keyframes)({"0%":{opacity:1},"100%":{opacity:0}}),n=(0,t.keyframes)({from:{transform:`translateX(calc(100% + ${r.VIEWPORT_PADDING}px))`},to:{transform:"translateX(0)"}}),i=(0,t.keyframes)({from:{transform:"translateX(var(--radix-toast-swipe-end-x))"},to:{transform:`translateX(calc(100% + ${r.VIEWPORT_PADDING}px))`}}),s=(0,t.styled)(e.Viewport,{position:"fixed",display:"flex",bottom:0,right:0,flexDirection:"column",padding:r.VIEWPORT_PADDING,gap:10,width:390,maxWidth:"100vw",margin:0,listStyle:"none",zIndex:2147483647});exports.StyledViewport=s;const l=(0,t.styled)(e.Root,{backgroundColor:"white",borderRadius:"$md",boxShadow:"$md",padding:"$4",display:"grid",gridTemplateAreas:'"title action" "description action"',gridTemplateColumns:"auto max-content",columnGap:"$4",alignItems:"center","@media (prefers-reduced-motion: no-preference)":{'&[data-state="open"]':{animation:`${n} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},'&[data-state="closed"]':{animation:`${a} 100ms ease-in forwards`},'&[data-swipe="move"]':{transform:"translateX(var(--radix-toast-swipe-move-x))"},'&[data-swipe="cancel"]':{transform:"translateX(0)",transition:"transform 200ms ease-out"},'&[data-swipe="end"]':{animation:`${i} 100ms ease-out forwards`}}});exports.StyledToast=l;const d=(0,t.styled)(e.Title,{gridArea:"title",marginBottom:5,fontWeight:500,color:"$gray12",fontSize:15});exports.StyledTitle=d;const c=(0,t.styled)(e.Description,{gridArea:"description",margin:0,color:"$gray11",fontSize:13,lineHeight:1.3});exports.StyledDescription=c;const p=(0,t.styled)(e.Action,{gridArea:"action"});exports.StyledAction=p;const f=(0,t.styled)(e.Close,{all:"unset",fontFamily:"inherit",rounded:"$full",p:"$1",display:"inline-flex",alignItems:"center",justifyContent:"center",color:"$gray11",boxShadow:"0 0 0 1px $colors$gray7","&:hover":{backgroundColor:"$gray4"},"&:focus":{boxShadow:"0 0 0 2px $colors$gray7"}});exports.StyledCloseButton=f;