@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
3 lines (2 loc) • 1.15 kB
JavaScript
import{asChildPropDef as t,gapPropDefs as n}from"../props/index.js";const o=["div","span"],a=["none","inline-grid","grid"],p=["1","2","3","4","5","6","7","8","9"],u=["1","2","3","4","5","6","7","8","9"],l=["row","column","dense","row-dense","column-dense"],i=["start","center","end","baseline","stretch"],f=["start","center","end","between"],s={as:{type:"enum",values:o,default:"div"},...t,display:{type:"enum",className:"rt-r-display",values:a,responsive:!0},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:p,parseValue:r,responsive:!0},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:u,parseValue:r,responsive:!0},flow:{type:"enum",className:"rt-r-gaf",values:l,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:i,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:f,parseValue:c,responsive:!0},...n};function r(e){return s.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function c(e){return e==="between"?"space-between":e}export{s as gridPropDefs};
//# sourceMappingURL=grid.props.js.map