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

⚛️ React UI library by GuruHotel

exports.__esModule=!0,exports.StyledContent=exports.StyledClose=exports.StyledArrow=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 a=r(e);if(a&&a.has(t))return a.get(t);var o={},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(o,i,s):o[i]=t[i]}o.default=t,a&&a.set(t,o);return o}(require("@radix-ui/react-popover"));function r(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,a=new WeakMap;return(r=function(t){return t?a:e})(t)}const a=(0,t.keyframes)({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),o=(0,t.keyframes)({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),n=(0,t.keyframes)({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),i=(0,t.keyframes)({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),s=(0,t.styled)(e.Content,{borderRadius:4,padding:20,width:"max-content",backgroundColor:"white",boxShadow:"$md","@media (prefers-reduced-motion: no-preference)":{animationDuration:"400ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:n},'&[data-side="right"]':{animationName:i},'&[data-side="bottom"]':{animationName:a},'&[data-side="left"]':{animationName:o}}},"&:focus":{boxShadow:"$md"}});exports.StyledContent=s;const l=(0,t.styled)(e.Arrow,{fill:"white"});exports.StyledArrow=l;const d=(0,t.styled)(e.Close,{all:"unset",borderRadius:"100%",height:25,width:25,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"$gray11",position:"absolute",top:10,right:10,svg:{fontSize:"70%"},"&:hover":{backgroundColor:"$gray4"},"&:focus":{boxShadow:"0 0 0 2px black"}});exports.StyledClose=d;