UNPKG

@undp/design-system-react

Version:

React based design system for UNDP

2 lines 2.16 kB
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./ellipsis-BsCXlwHt.cjs");let r=require("react");r=e.r(r,1);let i=require("react/jsx-runtime");var a=r.default.forwardRef(({...e},t)=>(0,i.jsx)(`nav`,{ref:t,"aria-label":`breadcrumb`,...e}));a.displayName=`Breadcrumb`;var o=r.default.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`ol`,{...n,ref:r,className:t.t(`flex list-none flex-wrap items-center gap-1.5 break-words font-semibold text-xs uppercase sm:gap-2.5`,e)}));o.displayName=`BreadcrumbList`;var s=r.default.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`li`,{...n,ref:r,className:t.t(`inline-flex items-center gap-1.5`,e)}));s.displayName=`BreadcrumbItem`;var c=r.default.forwardRef(({className:e,variant:n=`default`,...r},a)=>(0,i.jsx)(`a`,{ref:a,className:t.t(`transition-all`,n===`reverse`?`text-content-reverse hover:opacity-80`:`text-primary hover:text-primary-hover`,e),...r}));c.displayName=`BreadcrumbLink`;var l=r.default.forwardRef(({className:e,variant:n=`default`,...r},a)=>(0,i.jsx)(`span`,{...r,ref:a,"aria-disabled":`true`,"aria-current":`page`,className:t.t(`text-xs`,n===`reverse`?`text-content-reverse`:`text-content-primary`,e)}));l.displayName=`BreadcrumbPage`;function u({variant:e=`default`}){return(0,i.jsx)(`li`,{role:`presentation`,"aria-hidden":`true`,children:(0,i.jsx)(`div`,{className:t.t(e===`reverse`?`text-content-reverse text-xs`:`text-primary text-xs`),children:`/`})})}u.displayName=`BreadcrumbSeparator`;function d({className:e,variant:r=`default`,...a}){return(0,i.jsxs)(`span`,{...a,role:`presentation`,"aria-hidden":`true`,className:t.t(`flex h-9 w-9 items-center justify-center`,r===`reverse`?`text-content-reverse`:`text-content-primary`,e),children:[(0,i.jsx)(n.t,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`More`})]})}d.displayName=`BreadcrumbElipssis`,exports.Breadcrumb=a,exports.BreadcrumbEllipsis=d,exports.BreadcrumbItem=s,exports.BreadcrumbLink=c,exports.BreadcrumbList=o,exports.BreadcrumbPage=l,exports.BreadcrumbSeparator=u; //# sourceMappingURL=Breadcrumb.cjs.map