@undp/design-system-react
Version:
React based design system for UNDP
2 lines • 2.42 kB
JavaScript
const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./dist-BZMXZCSu.cjs"),r=require("./dist-VI-VV5wq.cjs");let i=require("react");i=e.r(i,1);let a=require("react/jsx-runtime");var o=Object.defineProperty,s=(e,t)=>o(e,`name`,{value:t,configurable:!0}),c=`horizontal`,l=[`horizontal`,`vertical`],u=i.forwardRef(s(function(e,t){let{decorative:n,orientation:i=c,...o}=e,s=d(i)?i:c,l=n?{role:`none`}:{"aria-orientation":s===`vertical`?s:void 0,role:`separator`};return(0,a.jsx)(r.t.div,{"data-orientation":s,...l,...o,ref:t})},`Separator`));function d(e){return l.includes(e)}s(d,`isValidOrientation`);var f=u,p=n.t(``,{variants:{orientation:{horizontal:`w-full`,vertical:`h-full`},thickness:{xs:``,sm:``,md:``,lg:``,xl:``,"2xl":``},color:{primary:`bg-primary`,secondary:`bg-secondary`,tertiary:`bg-tertiary`,quaternary:`bg-quaternary`,background:`bg-background`,"background-soft":`bg-background-soft`,foreground:`bg-foreground`,"foreground-soft":`bg-foreground-soft`,surface:`bg-surface`,"surface-2xs":`bg-surface-2xs`,"surface-xs":`bg-surface-xs`,"surface-sm":`bg-surface-sm`,"surface-md":`bg-surface-md`,"surface-lg":`bg-surface-lg`,"surface-xl":`bg-surface-xl`,"surface-2xl":`bg-surface-2xl`,"surface-3xl":`bg-surface-3xl`,"surface-4xl":`bg-surface-4xl`}},compoundVariants:[{orientation:`horizontal`,thickness:`xs`,class:`h-[1px]`},{orientation:`horizontal`,thickness:`sm`,class:`h-[2px]`},{orientation:`horizontal`,thickness:`md`,class:`h-[3px]`},{orientation:`horizontal`,thickness:`lg`,class:`h-[4px]`},{orientation:`horizontal`,thickness:`xl`,class:`h-[5px]`},{orientation:`horizontal`,thickness:`2xl`,class:`h-[6px]`},{orientation:`vertical`,thickness:`xs`,class:`w-[1px]`},{orientation:`vertical`,thickness:`sm`,class:`w-[2px]`},{orientation:`vertical`,thickness:`md`,class:`w-[3px]`},{orientation:`vertical`,thickness:`lg`,class:`w-[4px]`},{orientation:`vertical`,thickness:`xl`,class:`w-[5px]`},{orientation:`vertical`,thickness:`2xl`,class:`w-[6px]`}],defaultVariants:{orientation:`horizontal`,color:`surface`,thickness:`xs`}}),m=i.default.forwardRef(({className:e,orientation:n,color:r,thickness:i=`xs`,...o},s)=>(0,a.jsx)(f,{...o,ref:s,orientation:n,className:t.t(p({orientation:n,color:r,thickness:i}),e)}));m.displayName=f.displayName,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});
//# sourceMappingURL=separator-DV_-GJFe.cjs.map