@undp/design-system-react
Version:
React based design system for UNDP
2 lines • 1.78 kB
JavaScript
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"),r=require("./Typography.cjs");let i=require("react");i=e.r(i,1);let a=require("react/jsx-runtime");var o=n.t(`group bg-surface box-border items-stretch p-8 transition-all duration-400`,{variants:{hoverColor:{default:`hover:bg-card-hover-color`,primary:`hover:bg-primary`,secondary:`hover:bg-secondary`,tertiary:`hover:bg-tertiary`,quaternary:`hover:bg-quaternary`,foreground:`hover:bg-foreground`,background:`hover:bg-background`,success:`hover:bg-success`,warning:`hover:bg-warning`,info:`hover:bg-info`,error:`hover:bg-error`,none:``},size:{sm:`w-1/4`,base:`w-1/3`,lg:`w-1/2`,xl:`w-2/3`,full:`w-full`}},defaultVariants:{hoverColor:`default`,size:`full`}}),s=i.forwardRef(({className:e,hoverColor:n=`primary`,children:r,size:i,...s},c)=>(0,a.jsx)(`div`,{ref:c,className:t.t(o({size:i,hoverColor:n}),e),...s,children:r}));s.displayName=`StatCard`;var c=i.forwardRef(({className:e,...n},i)=>(0,a.jsx)(r.H2,{ref:i,className:t.t(`text-left font-heading text-transparent leading-xs [-webkit-text-stroke:2px_var(--content-primary)] [text-shadow:none] group-hover:text-content-primary rtl:text-right group-hover:[-webkit-text-stroke:0px]`,e),...n}));c.displayName=`StatCardValue`;var l=i.forwardRef(({className:e,...n},i)=>(0,a.jsx)(r.H4,{ref:i,className:t.t(`text-content-primary`,e),...n}));l.displayName=`StatCardTitle`;var u=i.forwardRef(({className:e,...n},i)=>(0,a.jsx)(r.P,{ref:i,className:t.t(`text-content-primary`,e),...n}));u.displayName=`StatCardDescription`,exports.StatCard=s,exports.StatCardDescription=u,exports.StatCardTitle=l,exports.StatCardValue=c;
//# sourceMappingURL=StatCard.cjs.map