UNPKG

@undp/design-system-react

Version:

React based design system for UNDP

2 lines 3.72 kB
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs");let n=require("react");n=e.r(n,1);let r=require("react/jsx-runtime");var i={1:`grid-cols-1`,2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`,7:`grid-cols-7`,8:`grid-cols-8`,9:`grid-cols-9`,10:`grid-cols-10`,11:`grid-cols-11`,12:`grid-cols-12`},a={1:`sm:grid-cols-1`,2:`sm:grid-cols-2`,3:`sm:grid-cols-3`,4:`sm:grid-cols-4`,5:`sm:grid-cols-5`,6:`sm:grid-cols-6`,7:`sm:grid-cols-7`,8:`sm:grid-cols-8`,9:`sm:grid-cols-9`,10:`sm:grid-cols-10`,11:`sm:grid-cols-11`,12:`sm:grid-cols-12`},o={1:`md:grid-cols-1`,2:`md:grid-cols-2`,3:`md:grid-cols-3`,4:`md:grid-cols-4`,5:`md:grid-cols-5`,6:`md:grid-cols-6`,7:`md:grid-cols-7`,8:`md:grid-cols-8`,9:`md:grid-cols-9`,10:`md:grid-cols-10`,11:`md:grid-cols-11`,12:`md:grid-cols-12`},s={1:`lg:grid-cols-1`,2:`lg:grid-cols-2`,3:`lg:grid-cols-3`,4:`lg:grid-cols-4`,5:`lg:grid-cols-5`,6:`lg:grid-cols-6`,7:`lg:grid-cols-7`,8:`lg:grid-cols-8`,9:`lg:grid-cols-9`,10:`lg:grid-cols-10`,11:`lg:grid-cols-11`,12:`lg:grid-cols-12`},c={1:`xl:grid-cols-1`,2:`xl:grid-cols-2`,3:`xl:grid-cols-3`,4:`xl:grid-cols-4`,5:`xl:grid-cols-5`,6:`xl:grid-cols-6`,7:`xl:grid-cols-7`,8:`xl:grid-cols-8`,9:`xl:grid-cols-9`,10:`xl:grid-cols-10`,11:`xl:grid-cols-11`,12:`xl:grid-cols-12`},l={1:`2xl:grid-cols-1`,2:`2xl:grid-cols-2`,3:`2xl:grid-cols-3`,4:`2xl:grid-cols-4`,5:`2xl:grid-cols-5`,6:`2xl:grid-cols-6`,7:`2xl:grid-cols-7`,8:`2xl:grid-cols-8`,9:`2xl:grid-cols-9`,10:`2xl:grid-cols-10`,11:`2xl:grid-cols-11`,12:`2xl:grid-cols-12`},u={1:`col-span-1`,2:`col-span-2`,3:`col-span-3`,4:`col-span-4`,5:`col-span-5`,6:`col-span-6`,7:`col-span-7`,8:`col-span-8`,9:`col-span-9`,10:`col-span-10`,11:`col-span-11`,12:`col-span-12`},d={1:`sm:col-span-1`,2:`sm:col-span-2`,3:`sm:col-span-3`,4:`sm:col-span-4`,5:`sm:col-span-5`,6:`sm:col-span-6`,7:`sm:col-span-7`,8:`sm:col-span-8`,9:`sm:col-span-9`,10:`sm:col-span-10`,11:`sm:col-span-11`,12:`sm:col-span-12`},f={1:`md:col-span-1`,2:`md:col-span-2`,3:`md:col-span-3`,4:`md:col-span-4`,5:`md:col-span-5`,6:`md:col-span-6`,7:`md:col-span-7`,8:`md:col-span-8`,9:`md:col-span-9`,10:`md:col-span-10`,11:`md:col-span-11`,12:`md:col-span-12`},p={1:`lg:col-span-1`,2:`lg:col-span-2`,3:`lg:col-span-3`,4:`lg:col-span-4`,5:`lg:col-span-5`,6:`lg:col-span-6`,7:`lg:col-span-7`,8:`lg:col-span-8`,9:`lg:col-span-9`,10:`lg:col-span-10`,11:`lg:col-span-11`,12:`lg:col-span-12`},m={1:`xl:col-span-1`,2:`xl:col-span-2`,3:`xl:col-span-3`,4:`xl:col-span-4`,5:`xl:col-span-5`,6:`xl:col-span-6`,7:`xl:col-span-7`,8:`xl:col-span-8`,9:`xl:col-span-9`,10:`xl:col-span-10`,11:`xl:col-span-11`,12:`xl:col-span-12`},h={1:`2xl:col-span-1`,2:`2xl:col-span-2`,3:`2xl:col-span-3`,4:`2xl:col-span-4`,5:`2xl:col-span-5`,6:`2xl:col-span-6`,7:`2xl:col-span-7`,8:`2xl:col-span-8`,9:`2xl:col-span-9`,10:`2xl:col-span-10`,11:`2xl:col-span-11`,12:`2xl:col-span-12`},g=(e,n)=>{if(e!==void 0)return typeof e==`number`?n.base[e]:t.t(e.base!==void 0&&n.base[e.base],e.sm!==void 0&&n.sm[e.sm],e.md!==void 0&&n.md[e.md],e.lg!==void 0&&n.lg[e.lg],e.xl!==void 0&&n.xl[e.xl],e[`2xl`]!==void 0&&n[`2xl`][e[`2xl`]])},_={base:i,sm:a,md:o,lg:s,xl:c,"2xl":l},v={base:u,sm:d,md:f,lg:p,xl:m,"2xl":h},y=n.default.forwardRef(({className:e,noOfCol:n={base:1,sm:2,md:3},gap:i=`16px`,style:a,...o},s)=>(0,r.jsx)(`div`,{className:t.t(`grid items-stretch`,g(n,_),e),ref:s,style:{gap:i,...a},...o}));y.displayName=`Grid`;var b=n.default.forwardRef(({noOfColSpan:e={base:1,sm:1,md:1},className:n,...i},a)=>(0,r.jsx)(`div`,{ref:a,className:t.t(g(e,v),n),...i}));b.displayName=`GridItem`,exports.Grid=y,exports.GridItem=b; //# sourceMappingURL=Grid.cjs.map