@guruhotel/aura-ui/esm/dropdown-menu/dropdown-menu.constants.js

⚛️ React UI library by GuruHotel

import{keyframes as a}from"../theme";const t=a({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),e=a({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),n=a({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),i=a({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}});export const contentStyles={minWidth:220,backgroundColor:"$surfaceLight",padding:"$2",borderRadius:"$md",boxShadow:"0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)","@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:t},'&[data-side="left"]':{animationName:e}}}};export const itemStyles={all:"unset",lineHeight:"$base",borderRadius:"$sm",fontSize:"$sm",display:"flex",alignItems:"center",height:25,padding:"0 5px",position:"relative",paddingLeft:25,userSelect:"none",verticalAlign:"middle",svg:{fontSize:"70%"},"&[data-disabled]":{color:"$gray8",pointerEvents:"none"}};