emotion-flex-grid/build/lib/index.js

A simple, responsive flexbox grid. Made with Emotion.

!function(r,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["emotion-flex-grid"]=t():r["emotion-flex-grid"]=t()}(this,(function(){return(()=>{"use strict";var r={401:(r,t,e)=>{e.r(t),e.d(t,{default:()=>n});const n=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=t.literal,n=t.overlap,i=e?r:["&"].concat(r);function o(r){if("object"!=typeof r||null==r)return[];if(Array.isArray(r))return r.map(o);var t={},a={},l={};return Object.keys(r).forEach((function(u){var f=r[u];if(!Array.isArray(f)&&e&&(f=[f]),(e||Array.isArray(f))&&38!==u.charCodeAt(0)){var d=void 0;f.forEach((function(r,o){if((!n||d!==r)&&null!=r)if(d=r,0!==o||e)if(void 0===t[i[o]]){var a;t[i[o]]=((a={})[u]=r,a)}else t[i[o]][u]=r;else l[u]=r}))}else"object"==typeof f?a[u]=o(f):l[u]=f})),i.forEach((function(r){t[r]&&(l[r]=t[r])})),Object.assign(l,a),l}return function(){for(var r=arguments.length,t=Array(r),e=0;e<r;e++)t[e]=arguments[e];return t.map(o)}}},327:function(r,t,e){var n=this&&this.__assign||function(){return n=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i]);return r},n.apply(this,arguments)},i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.GridColumn=t.GridRow=t.GridWrap=void 0;var o=i(e(527)),a=i(e(480)),l=i(e(401)),u={breakpoints:{xs:480,s:768,m:1024,l:1280,xl:1440,xxl:1920},spacings:{xs:5,s:10,m:15,l:20,xl:30,xxl:60},defaults:{grid:{wrap:{maxWidth:1200}}}},f=function(r){return n(n({},u),r)},d=function(r){var t=Object.values(r).map((function(r){return"@media(min-width: ".concat(r,"px)")}));return(0,l.default)(t,{overlap:!0})},p=function(r){if(!r)return null;var t={start:"flex-start",center:"center",end:"flex-end"};return Array.isArray(r)?r.map((function(r){return null!==r?t[r]:null})):t[r]},s=function(r){if(!r)return null;var t={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around"};return Array.isArray(r)?r.map((function(r){return null!==r?t[r]:null})):t[r]},c=function(r){if(void 0===r)return null;var t=function(r){return null!==r?"".concat(r/12*100,"%"):null};return Array.isArray(r)?r.map((function(r){return"string"==typeof r?r:t(r)})):"string"==typeof r?r:t(r)},y=function(r,t){if(!t&&0!==t)return null;var e=function(t){return null!==t&&0!==t?r.spacings[t]:0===t?0:null};return Array.isArray(t)?t.map((function(r){return e(r)})):e(t)};t.GridWrap=(0,a.default)("div",{shouldForwardProp:function(r){return(0,o.default)(r)&&"display"!==r}})((function(r){var t=f(r.theme),e=t.defaults.grid.wrap.maxWidth;return d(t.breakpoints)({display:r.display||null,width:"100%",margin:"auto",maxWidth:r.maxWidth||e})})),t.GridRow=(0,a.default)("div",{shouldForwardProp:function(r){return(0,o.default)(r)&&"wrap"!==r&&"direction"!==r&&"display"!==r}})((function(r){var t=f(r.theme);return d(t.breakpoints)({display:r.display||"flex",flexWrap:r.wrap||null,flexDirection:r.direction||null,alignItems:p(r.align),justifyContent:r.justify?s(r.justify):null})})),t.GridColumn=(0,a.default)("div",{shouldForwardProp:function(r){return(0,o.default)(r)&&"width"!==r&&"display"!==r&&"offset"!==r}})((function(r){var t=f(r.theme);return d(t.breakpoints)({display:r.display||null,flex:void 0!==r.flex?r.flex:void 0===r.width?"1 0 auto":null,width:c(r.width),order:void 0!==r.order?r.order:null,alignSelf:p(r.align),textAlign:r.textAlign||null,padding:y(t,r.p),paddingTop:y(t,r.pt||r.py),paddingRight:y(t,r.pr||r.px),paddingBottom:y(t,r.pb||r.py),paddingLeft:y(t,r.pl||r.px),margin:y(t,r.m),marginTop:y(t,r.mt||r.my),marginRight:y(t,r.mr||r.mx),marginBottom:y(t,r.mb||r.my),marginLeft:r.offset?c(r.offset):y(t,r.ml||r.mx)})}))},527:r=>{r.exports=require("@emotion/is-prop-valid")},480:r=>{r.exports=require("@emotion/styled")}},t={};function e(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return r[n].call(o.exports,o,o.exports,e),o.exports}return e.d=(r,t)=>{for(var n in t)e.o(t,n)&&!e.o(r,n)&&Object.defineProperty(r,n,{enumerable:!0,get:t[n]})},e.o=(r,t)=>Object.prototype.hasOwnProperty.call(r,t),e.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},e(327)})()}));
//# sourceMappingURL=index.js.map