UNPKG

@undp/design-system-react

Version:

React based design system for UNDP

2 lines 8.15 kB
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(`mt-0 ml-0 mr-0`,{variants:{size:{xs:`text-xs`,sm:`text-sm`,base:`text-p-sm`,"base-responsive":`text-p-xs md:text-p-sm lg:text-p`,lg:`text-lg`,xl:`text-xl`},leading:{none:`leading-none`,xs:`leading-xs`,sm:`leading-sm`,base:`leading-base`,lg:`leading-lg`,xl:`leading-xl`,"2xl":`leading-2xl`},weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`},decoration:{normal:`normal`,italic:`italic`,underline:`underline`,"line-through":`line-through`},marginBottom:{none:`mb-0`,"3xs":`mb-1`,"2xs":`mb-2`,xs:`mb-3`,sm:`mb-4`,base:`mb-5`,lg:`mb-6`,xl:`mb-7`},alignment:{left:`text-left`,right:`text-right`,center:`text-center`}},defaultVariants:{size:`base-responsive`,leading:`base`,weight:`normal`,decoration:`normal`,marginBottom:`base`,alignment:`left`}}),o=r.default.forwardRef(({children:e,className:n,size:r,leading:o,marginBottom:s,weight:c,decoration:l,alignment:u,...d},f)=>(0,i.jsx)(`p`,{ref:f,...d,className:t.t(a({size:r,leading:o,marginBottom:s,weight:c,decoration:l,alignment:u}),n),children:e})),s=n.t(`mt-0 ml-0 mr-0 p-0 uppercase font-heading tracking-[0.06rem]`,{variants:{marginBottom:{none:`mb-0`,"2xs":`mb-1`,xs:`mb-2`,sm:`mb-3`,"base-responsive":`mb-3 md:mb-4`,base:`mb-4`,lg:`mb-5`,xl:`mb-6`},weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`},size:{base:`text-h1-xs md:text-h1-sm lg:text-h1`,sm:`text-h2-xs md:text-h2-sm lg:text-h2`},alignment:{left:`text-left`,right:`text-right`,center:`text-center`}},defaultVariants:{marginBottom:`base-responsive`,size:`base`,weight:`bold`,alignment:`left`}}),c=r.default.forwardRef(({children:e,className:n,marginBottom:r,size:a,alignment:o,...c},l)=>(0,i.jsx)(`h1`,{ref:l,...c,className:t.t(s({marginBottom:r,size:a,alignment:o}),n),children:e})),l=n.t(`mt-0 ml-0 mr-0 p-0 font-body text-h2-xs md:text-h2-sm lg:text-h2`,{variants:{marginBottom:{none:`mb-0`,"2xs":`mb-1`,xs:`mb-2`,sm:`mb-3`,"base-responsive":`mb-3 md:mb-4`,base:`mb-4`,lg:`mb-5`,xl:`mb-6`},weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`},alignment:{left:`text-left`,right:`text-right`,center:`text-center`}},defaultVariants:{marginBottom:`base-responsive`,weight:`bold`,alignment:`left`}}),u=r.default.forwardRef(({children:e,className:n,marginBottom:r,weight:a,alignment:o,...s},c)=>(0,i.jsx)(`h2`,{ref:c,...s,className:t.t(l({marginBottom:r,weight:a,alignment:o}),n),children:e})),d=n.t(`mt-0 ml-0 mr-0 p-0 font-body text-h3-xs md:text-h3-sm lg:text-h3`,{variants:{marginBottom:{none:`mb-0`,"2xs":`mb-1`,xs:`mb-2`,sm:`mb-3`,"base-responsive":`mb-3 md:mb-4`,base:`mb-4`,lg:`mb-5`,xl:`mb-6`},weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`},alignment:{left:`text-left`,right:`text-right`,center:`text-center`}},defaultVariants:{marginBottom:`base-responsive`,weight:`semibold`,alignment:`left`}}),f=r.default.forwardRef(({children:e,className:n,marginBottom:r,weight:a,alignment:o,...s},c)=>(0,i.jsx)(`h3`,{ref:c,...s,className:t.t(d({marginBottom:r,weight:a,alignment:o}),n),children:e})),p=n.t(`mt-0 ml-0 mr-0 p-0 font-body text-h4-xs md:text-h4-sm lg:text-h4`,{variants:{marginBottom:{none:`mb-0`,"2xs":`mb-1`,xs:`mb-2`,sm:`mb-3`,"base-responsive":`mb-3 md:mb-4`,base:`mb-4`,lg:`mb-5`,xl:`mb-6`},weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`},alignment:{left:`text-left`,right:`text-right`,center:`text-center`}},defaultVariants:{marginBottom:`base-responsive`,weight:`normal`,alignment:`left`}}),m=r.default.forwardRef(({children:e,className:n,marginBottom:r,weight:a,alignment:o,...s},c)=>(0,i.jsx)(`h4`,{ref:c,...s,className:t.t(p({marginBottom:r,weight:a,alignment:o}),n),children:e})),h=n.t(`mt-0 ml-0 mr-0 p-0 font-body`,{variants:{marginBottom:{none:`mb-0`,"2xs":`mb-1`,xs:`mb-2`,sm:`mb-3`,"base-responsive":`mb-3 md:mb-4`,base:`mb-4`,lg:`mb-5`,xl:`mb-6`},size:{"base-responsive":`text-h5-xs md:text-h5-sm lg:text-h5`,base:`text-h5-xs`},weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`},alignment:{left:`text-left`,right:`text-right`,center:`text-center`}},defaultVariants:{marginBottom:`base-responsive`,weight:`normal`,alignment:`left`,size:`base-responsive`}}),g=r.default.forwardRef(({children:e,className:n,marginBottom:r,weight:a,size:o,alignment:s,...c},l)=>(0,i.jsx)(`h5`,{ref:l,...c,className:t.t(h({marginBottom:r,weight:a,alignment:s,size:o}),n),children:e})),_=n.t(`mt-0 ml-0 mr-0 p-0 font-body text-h6-xs md:text-h6-sm lg:text-h6 uppercase tracking-[0.48px]`,{variants:{marginBottom:{none:`mb-0`,"2xs":`mb-1`,xs:`mb-2`,sm:`mb-3`,"base-responsive":`mb-3 md:mb-4`,base:`mb-4`,lg:`mb-5`,xl:`mb-6`},weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`},alignment:{left:`text-left`,right:`text-right`,center:`text-center`}},defaultVariants:{marginBottom:`base-responsive`,weight:`bold`,alignment:`left`}}),v=r.default.forwardRef(({children:e,className:n,marginBottom:r,weight:a,alignment:o,...s},c)=>(0,i.jsx)(`h6`,{ref:c,...s,className:t.t(_({marginBottom:r,weight:a,alignment:o}),n),children:e})),y=n.t(`mt-0 ml-0 mr-0 block p-0 font-body text-h5-xs md:text-h5-sm lg:text-h5`,{variants:{marginBottom:{none:`mb-0`,"2xs":`mb-1`,xs:`mb-2`,sm:`mb-3`,"base-responsive":`mb-3 md:mb-4`,base:`mb-4`,lg:`mb-5`,xl:`mb-6`},weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`}},defaultVariants:{marginBottom:`base-responsive`,weight:`normal`}}),b=r.default.forwardRef(({children:e,className:n,marginBottom:r,weight:a,...o},s)=>(0,i.jsx)(`cite`,{ref:s,...o,className:t.t(y({marginBottom:r,weight:a}),n),children:e})),x=n.t(`m-0 bg-surface px-1 pb-1 font-mono text-content-primary text-p-xs md:text-p-sm lg:text-p`,{variants:{weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`}},defaultVariants:{weight:`normal`}}),S=r.default.forwardRef(({children:e,className:n,marginBottom:r,weight:a,...o},s)=>(0,i.jsx)(`code`,{ref:s,...o,className:t.t(x({weight:a}),n),children:e})),C=n.t(`m-0 font-body text-h4-xs md:text-h4-sm lg:text-h4`,{variants:{weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`}},defaultVariants:{weight:`semibold`}}),w=r.default.forwardRef(({children:e,className:n,weight:r,...a},o)=>(0,i.jsx)(`blockquote`,{ref:o,...a,className:t.t(C({weight:r}),n),children:e})),T=n.t(`undp-link light font-inherit text-inherit cursor-pointer no-underline focus-visible:shadow-[0_0_0_var(--ring)] focus-visible:outline-hidden`,{variants:{variant:{primary:`bg-double-primary`,secondary:`bg-double-secondary`,tertiary:`bg-double-tertiary`,quaternary:`bg-double-quaternary`,background:`bg-double-background`,foreground:`bg-double-foreground`,success:`bg-double-success`,warning:`bg-double-warning`,info:`bg-double-info`,error:`bg-double-error`},weight:{light:`font-light`,normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`,extrabold:`font-extrabold`}},defaultVariants:{weight:`normal`,variant:`primary`}}),E=r.default.forwardRef(({children:e,className:n,weight:r,variant:a,...o},s)=>(0,i.jsx)(`a`,{ref:s,...o,className:t.t(T({variant:a,weight:r}),n),children:e}));exports.A=E,exports.Blockquote=w,exports.Cite=b,exports.Code=S,exports.H1=c,exports.H2=u,exports.H3=f,exports.H4=m,exports.H5=g,exports.H6=v,exports.P=o; //# sourceMappingURL=Typography.cjs.map