carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.33 kB
JavaScript
import r,{css as e}from"styled-components";import{padding as a,flexbox as i,grid as n}from"styled-system";function t(r){if("number"==typeof r)switch(r){case 0:return"var(--spacing000)";case 1:default:return"var(--spacing100)";case 2:return"var(--spacing200)";case 3:return"var(--spacing300)";case 4:return"var(--spacing400)";case 5:return"var(--spacing500)";case 6:return"var(--spacing600)";case 7:return"var(--spacing700)";case 8:return"var(--spacing800)";case 9:return"var(--spacing900)";case 10:return"var(--spacing1000)"}return String(r)}const s=r.div.withConfig({displayName:"grid-item.style__StyledGridItem",componentId:"sc-82c3f8bc-0"})(["margin:0;"," ",""],a,(({alignSelf:r,justifySelf:a,gridArea:s="auto / 1 / auto / 13",gridColumn:g,gridRow:c,responsiveSettings:d})=>e([""," ",";",""],i({alignSelf:r,justifySelf:a}),n({gridArea:s,gridColumn:g,gridRow:c}),d&&e(["",";"],function(r){return r.map((r=>{const{alignSelf:a,gridArea:i,gridColumn:n,gridRow:s,maxWidth:g,justifySelf:c,p:d,pl:p,pr:o,pt:u,pb:l}=r;return e(["@media screen and (max-width:","){align-self:",";justify-self:",";grid-area:",";grid-column:",";grid-row:",";padding:",";padding-left:",";padding-right:",";padding-top:",";padding-bottom:",";}"],g,a||"stretch",c||"stretch",i,n,s,t(d),t(p),t(o),t(u),t(l))}))}(d)))));export{s as default,t as getSpacing};