@undp/design-system-react/dist/Button.cjs

React based design system for UNDP

Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./utils-Dd9-5CFr.cjs"),t=require("./dist-BZMXZCSu.cjs"),n=require("./dist--OhUIyHO.cjs");let r=require("react/jsx-runtime");var i=t.t(`cursor-pointer m-0! tracking-[0.48px] inline-flex items-center justify-center gap-2 uppercase whitespace-nowrap rounded font-bold transition-colors focus-visible:outline-hidden focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0`,{variants:{variant:{primary:`bg-primary text-content-reverse hover:bg-primary-hover`,secondary:`bg-secondary text-content-reverse hover:bg-secondary-hover`,tertiary:`bg-tertiary text-content-primary hover:bg-tertiary-hover`,quaternary:`bg-quaternary text-content-primary hover:bg-quaternary-hover`,link:`text-content-primary hover:text-content-secondary`,outline:`bg-transparent text-content-primary border-2 border-foreground hover:bg-surface-xs`,icon:`bg-transparent text-content-primary hover:text-content-secondary`,success:`bg-success text-content-reverse hover:bg-success-hover`,warning:`bg-warning text-content-primary hover:bg-warning-hover`,info:`bg-info text-content-reverse hover:bg-info-hover`,error:`bg-error text-content-reverse hover:bg-error-hover`,surface:`bg-surface text-content-primary hover:bg-surface-hover`,"surface-hard":`bg-surface-hard text-content-primary hover:bg-surface-hard-hover`,background:`bg-background text-content-primary hover:bg-background-soft`,"background-soft":`bg-background-soft text-content-primary hover:bg-background`,foreground:`bg-foreground text-content-reverse hover:bg-foreground-soft`,"foreground-soft":`bg-foreground-soft text-content-reverse hover:bg-foreground`},arrow:{true:`
          after:content-['']
          after:inline-block
          after:h-[20px]
          after:w-[13px]
          after:ml-3
          rtl:after:ml-0
          rtl:after:mr-3
          rtl:after:scale-x-[-1]
          after:bg-no-repeat
          after:bg-left
          after:transition-transform
          after:duration-200
          after:ease-in-out
          hover:after:translate-x-[70%]
          rtl:hover:after:-translate-x-[70%]
          disabled:hover:after:translate-x-0
          rtl:disabled:hover:after:translate-x-0
          group-hover:after:translate-x-[70%]
          rtl:group-hover:after:-translate-x-[70%]
          disabled:group-hover:after:translate-x-0
          rtl:disabled:group-hover:after:translate-x-0
        `},size:{base:`text-base leading-xs`,xs:`text-xs leading-xs`,sm:`text-sm leading-xs`,xl:`text-xl leading-xs`},rounded:{base:`rounded-base`,sm:`rounded-sm`,md:`rounded-md`,lg:`rounded-lg`,xl:`rounded-xl`,"2xl":`rounded-2xl`,full:`rounded-full`},padding:{base:`py-4 px-6`,sm:`px-4 py-2`,none:`py-0 px-0`}},defaultVariants:{variant:`primary`,size:`base`,padding:`base`,rounded:`base`,arrow:!0}});function a({className:t,variant:a=`primary`,size:o,arrow:s=!0,rounded:c,padding:l,asChild:u=!1,...d}){return(0,r.jsx)(u?n.t:`button`,{"data-slot":`button`,"data-variant":a,"data-size":o,className:e.t(i({variant:a,size:o,rounded:c,padding:l,arrow:a!==`icon`&&s}),s?a===`primary`?`foreground-arrow`:a===`secondary`||a===`foreground`||a===`foreground-soft`||a===`success`||a===`error`||a===`info`?`background-arrow`:a===`link`||a===`tertiary`||a===`quaternary`||a===`surface`||a===`surface-hard`||a===`outline`||a===`background`||a===`background-soft`?`primary-arrow`:``:``,t),...d})}exports.Button=a,exports.buttonVariants=i;
//# sourceMappingURL=Button.cjs.map