carbon-react/lib/components/grid/grid-item/grid-item.style.js

A library of reusable React components for easily building user interfaces.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system");function a(e){return e&&e.__esModule?e:{default:e}}function t(e){if("number"==typeof e)switch(e){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(e)}const i=a(e).default.div.withConfig({displayName:"grid-item.style__StyledGridItem",componentId:"sc-82c3f8bc-0"})(["margin:0;"," ",""],r.padding,(({alignSelf:a,justifySelf:i,gridArea:n="auto / 1 / auto / 13",gridColumn:s,gridRow:d,responsiveSettings:c})=>e.css([""," ",";",""],r.flexbox({alignSelf:a,justifySelf:i}),r.grid({gridArea:n,gridColumn:s,gridRow:d}),c&&e.css(["",";"],function(r){return r.map((r=>{const{alignSelf:a,gridArea:i,gridColumn:n,gridRow:s,maxWidth:d,justifySelf:c,p:g,pl:u,pr:p,pt:o,pb:l}=r;return e.css(["@media screen and (max-width:","){align-self:",";justify-self:",";grid-area:",";grid-column:",";grid-row:",";padding:",";padding-left:",";padding-right:",";padding-top:",";padding-bottom:",";}"],d,a||"stretch",c||"stretch",i,n,s,t(g),t(u),t(p),t(o),t(l))}))}(c)))));exports.default=i,exports.getSpacing=t;