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

React based design system for UNDP

Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./dist-BZMXZCSu.cjs");let r=require("react");r=e.r(r,1);let i=require("react/jsx-runtime");var a=n.t(`flex flex-col justify-between items-stretch group`,{variants:{variant:{"with-image":`[&_.card-tag]:pb-[26px]`,"without-image":`[&_.card-tag]:pb-4`},backgroundColor:{transparent:`bg-transparent text-content-primary`,background:`bg-background hover:bg-surface text-content-primary`,"background-soft":`bg-background-soft hover:bg-surface-hover text-content-primary`,foreground:`bg-foreground hover:bg-surface-3xl text-content-reverse`,"foreground-soft":`bg-foreground-soft hover:bg-surface-3xl text-content-reverse`,surface:`bg-surface hover:bg-surface-hover text-content-primary`,"surface-xl":`bg-surface-xl hover:bg-surface-2xl text-content-reverse `,"surface-2xl":`bg-surface-2xl hover:bg-surface-3xl text-content-reverse `,"surface-3xl":`bg-surface-3xl hover:bg-surface-4xl text-content-reverse `,primary:`bg-primary hover:bg-primary-hover text-content-reverse`,secondary:`bg-secondary hover:bg-secondary-hover text-content-reverse`,tertiary:`bg-tertiary hover:bg-tertiary-hover text-content-reverse`,quaternary:`bg-quaternary hover:bg-quaternary-hover text-content-primary`,success:`bg-success hover:bg-success-hover text-content-reverse`,error:`bg-error hover:bg-error-hover text-content-reverse`,info:`bg-info hover:bg-info-hover text-content-reverse`,warning:`bg-warning hover:bg-warning-hover text-content-primary`},size:{xs:`w-1/4`,sm:`w-1/3`,base:`w-1/2`,lg:`w-2/3`,xl:`w-3/4`,full:`w-full`}},defaultVariants:{size:`full`,variant:`with-image`,backgroundColor:`background`}}),o=r.forwardRef(({className:e,border:n=!0,size:r,variant:o,backgroundColor:s,...c},l)=>(0,i.jsx)(`div`,{ref:l,className:t.t(a({size:r,backgroundColor:s,variant:o}),n===!1?``:`border-foreground border-t-2`,e),...c}));o.displayName=`Card`;var s=r.forwardRef(({...e},t)=>(0,i.jsx)(`div`,{ref:t,...e}));s.displayName=`CardHeader`;var c=r.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`div`,{ref:r,className:t.t(`flex flex-wrap gap-4 pt-4 pr-6 pb-6 pl-6 font-body`,e),...n}));c.displayName=`CardFooter`;var l=r.forwardRef(({children:e,className:n,...r},a)=>(0,i.jsx)(`div`,{ref:a,className:t.t(`card-tag mt-0 mb-0 flex gap-2 pt-4 pr-6 pl-6 font-body font-bold text-xs uppercase leading-h6 md:mb-0`,n),...r,children:e}));l.displayName=`CardTag`;var u=r.forwardRef(({children:e,className:n,...r},a)=>(0,i.jsx)(`div`,{ref:a,className:t.t(`m-0 flex gap-2 pt-4 pr-6 pb-6 pl-6 font-body font-normal text-h4-xs md:text-h4-sm lg:text-h4`,n),...r,children:e}));u.displayName=`CardTitle`;var d=r.forwardRef(({children:e,className:n,...r},a)=>(0,i.jsx)(`div`,{ref:a,className:t.t(`mt-0 pt-0 pr-6 pb-6 pl-6 font-body text-p-xs md:text-p-sm lg:text-p`,n),...r,children:e}));d.displayName=`CardDescription`;var f=r.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`img`,{ref:r,alt:`card`,...n,className:t.t(`h-64 w-full object-cover`,e)}));f.displayName=`CardImage`,exports.Card=o,exports.CardDescription=d,exports.CardFooter=c,exports.CardHeader=s,exports.CardImage=f,exports.CardTag=l,exports.CardTitle=u;
//# sourceMappingURL=Card.cjs.map