@guruhotel/aura-ui
Version:
⚛️ React UI library by GuruHotel
1 lines • 2.01 kB
JavaScript
exports.__esModule=!0,exports.StyledContent=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-tooltip")),a=require("../common-variants");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 o=(0,t.keyframes)({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),n=(0,t.keyframes)({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),i=(0,t.keyframes)({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),s=(0,t.keyframes)({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),d=(0,t.styled)(e.Content,{padding:"10px 15px",backgroundColor:"$text11",color:"$surfaceLight",zIndex:"$tooltip","@media (prefers-reduced-motion: no-preference)":{animationDuration:"400ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:i},'&[data-side="right"]':{animationName:s},'&[data-side="bottom"]':{animationName:o},'&[data-side="left"]':{animationName:n}}},variants:{fontSize:a.fontSize,fontWeight:a.fontWeight,rounded:a.rounded,shadow:{xs:{boxShadow:"$xs"},sm:{boxShadow:"$sm"},md:{boxShadow:"$md"},lg:{boxShadow:"$lg"},xl:{boxShadow:"$xl"}}},defaultVariants:{fontSize:"sm",fontWeight:"normal",rounded:"sm"}});exports.StyledContent=d;const f=(0,t.styled)(e.Arrow,{fill:"$text11"});exports.StyledArrow=f;