react-flexybox
Version:
React Flexbox Components
2 lines (1 loc) • 26 kB
JavaScript
!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("styled-components")):"function"==typeof define&&define.amd?define(["exports","react","styled-components"],e):e((n=n||self).ReactFlexybox={},n.React,n.styled)}(this,function(n,S,e){"use strict";S=S&&S.hasOwnProperty("default")?S.default:S;var t="default"in e?e.default:e;function C(){return(C=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}function j(n,e){if(null==n)return{};var t,r,o=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],0<=e.indexOf(t)||(o[t]=n[t]);return o}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(r=0;r<i.length;r++)t=i[r],0<=e.indexOf(t)||Object.prototype.propertyIsEnumerable.call(n,t)&&(o[t]=n[t])}return o}function r(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function o(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}function i(n,e){return n(e={exports:{}},e.exports),e.exports}var a=i(function(n,e){Object.defineProperty(e,"__esModule",{value:!0});var t="function"==typeof Symbol&&Symbol.for,r=t?Symbol.for("react.element"):60103,o=t?Symbol.for("react.portal"):60106,i=t?Symbol.for("react.fragment"):60107,a=t?Symbol.for("react.strict_mode"):60108,u=t?Symbol.for("react.profiler"):60114,c=t?Symbol.for("react.provider"):60109,s=t?Symbol.for("react.context"):60110,f=t?Symbol.for("react.async_mode"):60111,l=t?Symbol.for("react.concurrent_mode"):60111,d=t?Symbol.for("react.forward_ref"):60112,p=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.memo"):60115,y=t?Symbol.for("react.lazy"):60116;function g(n){if("object"==typeof n&&null!==n){var e=n.$$typeof;switch(e){case r:switch(n=n.type){case f:case l:case i:case u:case a:case p:return n;default:switch(n=n&&n.$$typeof){case s:case d:case c:return n;default:return e}}case y:case m:case o:return e}}}function v(n){return g(n)===l}e.typeOf=g,e.AsyncMode=f,e.ConcurrentMode=l,e.ContextConsumer=s,e.ContextProvider=c,e.Element=r,e.ForwardRef=d,e.Fragment=i,e.Lazy=y,e.Memo=m,e.Portal=o,e.Profiler=u,e.StrictMode=a,e.Suspense=p,e.isValidElementType=function(n){return"string"==typeof n||"function"==typeof n||n===i||n===l||n===u||n===a||n===p||"object"==typeof n&&null!==n&&(n.$$typeof===y||n.$$typeof===m||n.$$typeof===c||n.$$typeof===s||n.$$typeof===d)},e.isAsyncMode=function(n){return v(n)||g(n)===f},e.isConcurrentMode=v,e.isContextConsumer=function(n){return g(n)===s},e.isContextProvider=function(n){return g(n)===c},e.isElement=function(n){return"object"==typeof n&&null!==n&&n.$$typeof===r},e.isForwardRef=function(n){return g(n)===d},e.isFragment=function(n){return g(n)===i},e.isLazy=function(n){return g(n)===y},e.isMemo=function(n){return g(n)===m},e.isPortal=function(n){return g(n)===o},e.isProfiler=function(n){return g(n)===u},e.isStrictMode=function(n){return g(n)===a},e.isSuspense=function(n){return g(n)===p}});o(a);a.typeOf,a.AsyncMode,a.ConcurrentMode,a.ContextConsumer,a.ContextProvider,a.Element,a.ForwardRef,a.Fragment,a.Lazy,a.Memo,a.Portal,a.Profiler,a.StrictMode,a.Suspense,a.isValidElementType,a.isAsyncMode,a.isConcurrentMode,a.isContextConsumer,a.isContextProvider,a.isElement,a.isForwardRef,a.isFragment,a.isLazy,a.isMemo,a.isPortal,a.isProfiler,a.isStrictMode,a.isSuspense;var u=i(function(n,R){"production"!==process.env.NODE_ENV&&function(){Object.defineProperty(R,"__esModule",{value:!0});var n="function"==typeof Symbol&&Symbol.for,o=n?Symbol.for("react.element"):60103,i=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,u=n?Symbol.for("react.strict_mode"):60108,c=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,f=n?Symbol.for("react.context"):60110,l=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,m=n?Symbol.for("react.suspense"):60113,y=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116;var e=function(n,e){if(void 0===e)throw new Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!n){for(var t=arguments.length,r=Array(2<t?t-2:0),o=2;o<t;o++)r[o-2]=arguments[o];(function(n){for(var e=arguments.length,t=Array(1<e?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];var o=0,i="Warning: "+n.replace(/%s/g,function(){return t[o++]});"undefined"!=typeof console&&console.warn(i);try{throw new Error(i)}catch(n){}}).apply(void 0,[e].concat(r))}};function t(n){if("object"==typeof n&&null!==n){var e=n.$$typeof;switch(e){case o:var t=n.type;switch(t){case l:case d:case a:case c:case u:case m:return t;default:var r=t&&t.$$typeof;switch(r){case f:case p:case s:return r;default:return e}}case g:case y:case i:return e}}}var r=l,v=d,h=f,b=s,w=o,x=p,O=a,S=g,C=y,j=i,E=c,P=u,T=m,N=!1;function I(n){return t(n)===d}R.typeOf=t,R.AsyncMode=r,R.ConcurrentMode=v,R.ContextConsumer=h,R.ContextProvider=b,R.Element=w,R.ForwardRef=x,R.Fragment=O,R.Lazy=S,R.Memo=C,R.Portal=j,R.Profiler=E,R.StrictMode=P,R.Suspense=T,R.isValidElementType=function(n){return"string"==typeof n||"function"==typeof n||n===a||n===d||n===c||n===u||n===m||"object"==typeof n&&null!==n&&(n.$$typeof===g||n.$$typeof===y||n.$$typeof===s||n.$$typeof===f||n.$$typeof===p)},R.isAsyncMode=function(n){return N||e(!(N=!0),"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API."),I(n)||t(n)===l},R.isConcurrentMode=I,R.isContextConsumer=function(n){return t(n)===f},R.isContextProvider=function(n){return t(n)===s},R.isElement=function(n){return"object"==typeof n&&null!==n&&n.$$typeof===o},R.isForwardRef=function(n){return t(n)===p},R.isFragment=function(n){return t(n)===a},R.isLazy=function(n){return t(n)===g},R.isMemo=function(n){return t(n)===y},R.isPortal=function(n){return t(n)===i},R.isProfiler=function(n){return t(n)===c},R.isStrictMode=function(n){return t(n)===u},R.isSuspense=function(n){return t(n)===m}}()});o(u);u.typeOf,u.AsyncMode,u.ConcurrentMode,u.ContextConsumer,u.ContextProvider,u.Element,u.ForwardRef,u.Fragment,u.Lazy,u.Memo,u.Portal,u.Profiler,u.StrictMode,u.Suspense,u.isValidElementType,u.isAsyncMode,u.isConcurrentMode,u.isContextConsumer,u.isContextProvider,u.isElement,u.isForwardRef,u.isFragment,u.isLazy,u.isMemo,u.isPortal,u.isProfiler,u.isStrictMode,u.isSuspense;var l=i(function(n){"production"===process.env.NODE_ENV?n.exports=a:n.exports=u}),c=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var g=function(){try{if(!Object.assign)return!1;var n=new String("abc");if(n[5]="de","5"===Object.getOwnPropertyNames(n)[0])return!1;for(var e={},t=0;t<10;t++)e["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(e).map(function(n){return e[n]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(n){r[n]=n}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(n){return!1}}()?Object.assign:function(n,e){for(var t,r,o=function(n){if(null==n)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(n)}(n),i=1;i<arguments.length;i++){for(var a in t=Object(arguments[i]))s.call(t,a)&&(o[a]=t[a]);if(c){r=c(t);for(var u=0;u<r.length;u++)f.call(t,r[u])&&(o[r[u]]=t[r[u]])}}return o},v="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",d=function(){};if("production"!==process.env.NODE_ENV){var p=v,m={},y=Function.call.bind(Object.prototype.hasOwnProperty);d=function(n){var e="Warning: "+n;"undefined"!=typeof console&&console.error(e);try{throw new Error(e)}catch(n){}}}function h(n,e,t,r,o){if("production"!==process.env.NODE_ENV)for(var i in n)if(y(n,i)){var a;try{if("function"!=typeof n[i]){var u=Error((r||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[i]+"`.");throw u.name="Invariant Violation",u}a=n[i](e,i,r,t,null,p)}catch(n){a=n}if(!a||a instanceof Error||d((r||"React class")+": type specification of "+t+" `"+i+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in m)){m[a.message]=!0;var c=o?o():"";d("Failed "+t+" type: "+a.message+(null!=c?c:""))}}}h.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(m={})};var b=h,w=Function.call.bind(Object.prototype.hasOwnProperty),x=function(){};function O(){return null}"production"!==process.env.NODE_ENV&&(x=function(n){var e="Warning: "+n;"undefined"!=typeof console&&console.error(e);try{throw new Error(e)}catch(n){}});var E=function(u,d){var i="function"==typeof Symbol&&Symbol.iterator,a="@@iterator";var p="<<anonymous>>",n={array:e("array"),bool:e("boolean"),func:e("function"),number:e("number"),object:e("object"),string:e("string"),symbol:e("symbol"),any:t(O),arrayOf:function(s){return t(function(n,e,t,r,o){if("function"!=typeof s)return new m("Property `"+o+"` of component `"+t+"` has invalid PropType notation inside arrayOf.");var i=n[e];if(!Array.isArray(i)){var a=y(i);return new m("Invalid "+r+" `"+o+"` of type `"+a+"` supplied to `"+t+"`, expected an array.")}for(var u=0;u<i.length;u++){var c=s(i,u,t,r,o+"["+u+"]",v);if(c instanceof Error)return c}return null})},element:t(function(n,e,t,r,o){var i=n[e];if(u(i))return null;var a=y(i);return new m("Invalid "+r+" `"+o+"` of type `"+a+"` supplied to `"+t+"`, expected a single ReactElement.")}),elementType:t(function(n,e,t,r,o){var i=n[e];if(l.isValidElementType(i))return null;var a=y(i);return new m("Invalid "+r+" `"+o+"` of type `"+a+"` supplied to `"+t+"`, expected a single ReactElement type.")}),instanceOf:function(c){return t(function(n,e,t,r,o){if(n[e]instanceof c)return null;var i=c.name||p,a=(u=n[e],u.constructor&&u.constructor.name?u.constructor.name:p);var u;return new m("Invalid "+r+" `"+o+"` of type `"+a+"` supplied to `"+t+"`, expected instance of `"+i+"`.")})},node:t(function(n,e,t,r,o){return c(n[e])?null:new m("Invalid "+r+" `"+o+"` supplied to `"+t+"`, expected a ReactNode.")}),objectOf:function(s){return t(function(n,e,t,r,o){if("function"!=typeof s)return new m("Property `"+o+"` of component `"+t+"` has invalid PropType notation inside objectOf.");var i=n[e],a=y(i);if("object"!==a)return new m("Invalid "+r+" `"+o+"` of type `"+a+"` supplied to `"+t+"`, expected an object.");for(var u in i)if(w(i,u)){var c=s(i,u,t,r,o+"."+u,v);if(c instanceof Error)return c}return null})},oneOf:function(c){if(!Array.isArray(c))return"production"!==process.env.NODE_ENV&&(1<arguments.length?x("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):x("Invalid argument supplied to oneOf, expected an array.")),O;return t(function(n,e,t,r,o){for(var i=n[e],a=0;a<c.length;a++)if(s(i,c[a]))return null;var u=JSON.stringify(c,function(n,e){var t=f(e);return"symbol"===t?String(e):e});return new m("Invalid "+r+" `"+o+"` of value `"+String(i)+"` supplied to `"+t+"`, expected one of "+u+".")})},oneOfType:function(u){if(!Array.isArray(u))return"production"!==process.env.NODE_ENV&&x("Invalid argument supplied to oneOfType, expected an instance of array."),O;for(var n=0;n<u.length;n++){var e=u[n];if("function"!=typeof e)return x("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+r(e)+" at index "+n+"."),O}return t(function(n,e,t,r,o){for(var i=0;i<u.length;i++){var a=u[i];if(null==a(n,e,t,r,o,v))return null}return new m("Invalid "+r+" `"+o+"` supplied to `"+t+"`.")})},shape:function(f){return t(function(n,e,t,r,o){var i=n[e],a=y(i);if("object"!==a)return new m("Invalid "+r+" `"+o+"` of type `"+a+"` supplied to `"+t+"`, expected `object`.");for(var u in f){var c=f[u];if(c){var s=c(i,u,t,r,o+"."+u,v);if(s)return s}}return null})},exact:function(l){return t(function(n,e,t,r,o){var i=n[e],a=y(i);if("object"!==a)return new m("Invalid "+r+" `"+o+"` of type `"+a+"` supplied to `"+t+"`, expected `object`.");var u=g({},n[e],l);for(var c in u){var s=l[c];if(!s)return new m("Invalid "+r+" `"+o+"` key `"+c+"` supplied to `"+t+"`.\nBad object: "+JSON.stringify(n[e],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(l),null," "));var f=s(i,c,t,r,o+"."+c,v);if(f)return f}return null})}};function s(n,e){return n===e?0!==n||1/n==1/e:n!=n&&e!=e}function m(n){this.message=n,this.stack=""}function t(s){if("production"!==process.env.NODE_ENV)var f={},l=0;function n(n,e,t,r,o,i,a){if(r=r||p,i=i||t,a!==v){if(d){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var c=r+":"+t;!f[c]&&l<3&&(x("You are manually calling a React.PropTypes validation function for the `"+i+"` prop on `"+r+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),f[c]=!0,l++)}}return null==e[t]?n?null===e[t]?new m("The "+o+" `"+i+"` is marked as required in `"+r+"`, but its value is `null`."):new m("The "+o+" `"+i+"` is marked as required in `"+r+"`, but its value is `undefined`."):null:s(e,t,r,o,i)}var e=n.bind(null,!1);return e.isRequired=n.bind(null,!0),e}function e(u){return t(function(n,e,t,r,o,i){var a=n[e];return y(a)===u?null:new m("Invalid "+r+" `"+o+"` of type `"+f(a)+"` supplied to `"+t+"`, expected `"+u+"`.")})}function c(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(c);if(null===n||u(n))return!0;var e=function(n){var e=n&&(i&&n[i]||n[a]);if("function"==typeof e)return e}(n);if(!e)return!1;var t,r=e.call(n);if(e!==n.entries){for(;!(t=r.next()).done;)if(!c(t.value))return!1}else for(;!(t=r.next()).done;){var o=t.value;if(o&&!c(o[1]))return!1}return!0;default:return!1}}function y(n){var e,t=typeof n;return Array.isArray(n)?"array":n instanceof RegExp?"object":(e=n,"symbol"===t||e&&("Symbol"===e["@@toStringTag"]||"function"==typeof Symbol&&e instanceof Symbol)?"symbol":t)}function f(n){if(null==n)return""+n;var e=y(n);if("object"===e){if(n instanceof Date)return"date";if(n instanceof RegExp)return"regexp"}return e}function r(n){var e=f(n);switch(e){case"array":case"object":return"an "+e;case"boolean":case"date":case"regexp":return"a "+e;default:return e}}return m.prototype=Error.prototype,n.checkPropTypes=b,n.resetWarningCache=b.resetWarningCache,n.PropTypes=n};function P(){}function T(){}T.resetWarningCache=P;var N=i(function(n){if("production"!==process.env.NODE_ENV){var e=l;n.exports=E(e.isElement,!0)}else n.exports=function(){function n(n,e,t,r,o,i){if(i!==v){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function e(){return n}var t={array:n.isRequired=n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:T,resetWarningCache:P};return t.PropTypes=t}()});function I(){var n=r(["\n @media (min-width: 75em) {\n ","\n }\n "]);return I=function(){return n},n}function R(){var n=r(["\n @media (min-width: 62em) {\n ","\n }\n "]);return R=function(){return n},n}function M(){var n=r(["\n @media (min-width: 48em) {\n ","\n }\n "]);return M=function(){return n},n}function _(){var n=r(["\n @media (min-width: 34em) {\n ","\n }\n "]);return _=function(){return n},n}function D(){var n=r(["\n ","\n "]);return D=function(){return n},n}function $(){var n=r(["\n @media only screen and (min-width: 1280px) {\n ","\n }\n "]);return $=function(){return n},n}function W(){var n=r(["\n @media (min-width: 960px) and (max-width: 1280px) {\n ","\n }\n "]);return W=function(){return n},n}function A(){var n=r(["\n @media (min-width: 600px) and (max-width: 959px) {\n ","\n }\n "]);return A=function(){return n},n}function k(){var n=r(["\n @media (min-width: 0) and (max-width: 599px) {\n ","\n }\n "]);return k=function(){return n},n}function F(){var n=r(["\n ","\n "]);return F=function(){return n},n}var V=function(){return e.css(F(),e.css.apply(void 0,arguments))},L=function(){return e.css(k(),e.css.apply(void 0,arguments))},z=function(){return e.css(A(),e.css.apply(void 0,arguments))},B=function(){return e.css(W(),e.css.apply(void 0,arguments))},q=function(){return e.css($(),e.css.apply(void 0,arguments))},U=function(){return e.css(D(),e.css.apply(void 0,arguments))},Y=function(){return e.css(_(),e.css.apply(void 0,arguments))},J=function(){return e.css(M(),e.css.apply(void 0,arguments))},H=function(){return e.css(R(),e.css.apply(void 0,arguments))},G=function(){return e.css(I(),e.css.apply(void 0,arguments))},K=function(n,e,t){return"calc(".concat(n/e*100,"% - ").concat(2*t,"px)")};function Q(){var n=r(["\n max-width: 72.25rem;\n "]);return Q=function(){return n},n}function X(){var n=r(["\n max-width: 60rem;\n "]);return X=function(){return n},n}function Z(){var n=r(["\n max-width: 45rem;\n "]);return Z=function(){return n},n}function nn(){var n=r(["\n max-width: 34rem;\n "]);return nn=function(){return n},n}function en(){var n=r(["\n width: 100%;\n "]);return en=function(){return n},n}function tn(){var n=r(["\n margin-right: auto;\n margin-left: auto;\n ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n"]);return tn=function(){return n},n}var rn=t(function(n){n.wrap;var e=n.component,t=(n.fluid,j(n,["wrap","component","fluid"])),r=e;return S.createElement(r,t)})(tn(),function(n){return n.fluid&&"width: 100%;"},function(n){return!n.fluid&&U(en())},function(n){return!n.fluid&&Y(nn())},function(n){return!n.fluid&&J(Z())},function(n){return!n.fluid&&H(X())},function(n){return!n.fluid&&G(Q())}),on=function(n){var e=n.fluid,t=n.className,r=n.style,o=n.component,i=n.children,a=j(n,["fluid","className","style","component","children"]);return S.createElement(rn,C({fluid:e,className:t,style:r,component:o},a),i)};function an(){var n=r(["\n box-sizing: border-box;\n display: flex;\n flex: 0 1 auto;\n width: 100%;\n flex-direction: ",";\n flex-wrap: ",";\n justify-content: ",";\n align-items: ",";\n align-content: ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n"]);return an=function(){return n},n}on.propTypes={children:N.oneOfType([N.arrayOf(N.node),N.node]),component:N.oneOfType([N.func,N.string]),fluid:N.bool,className:N.string,style:N.object},on.defaultProps={children:[],fluid:!1,className:"",style:{},component:"div"},on.displayName="Container";var un=t(function(n){n.wrap,n.direction,n.justifyContent,n.alignContent,n.alignItems,n.minColWidths,n.debug,n.height,n.padding,n.paddingTop,n.paddingLeft,n.paddingBottom,n.paddingRight,n.center,n.fill;var e=n.component,t=(n.gutter,n.columnDivisions,j(n,["wrap","direction","justifyContent","alignContent","alignItems","minColWidths","debug","height","padding","paddingTop","paddingLeft","paddingBottom","paddingRight","center","fill","component","gutter","columnDivisions"])),r=e;return S.createElement(r,t)})(an(),function(n){return n.direction},function(n){return n.wrap},function(n){return n.center?"center":n.justifyContent},function(n){return n.center?"center":n.alignItems},function(n){return n.alignContent},function(n){return n.debug&&"border: 1px solid red"},function(n){return n.paddingTop&&"padding-top: ".concat(n.paddingTop)},function(n){return n.paddingLeft&&"padding-left: ".concat(n.paddingLeft)},function(n){return n.paddingBottom&&"padding-bottom: ".concat(n.paddingBottom)},function(n){return n.paddingRight&&"padding-right: ".concat(n.paddingRight)},function(n){return n.padding&&"padding: ".concat(n.padding)},function(n){return n.height&&"height: ".concat(n.height)},function(n){return n.fill&&"height: 100%"}),cn=function(n){var e=n.gutter,t=n.columnDivisions,r=n.debug,o=n.minColWidths,i=n.wrap,a=n.direction,u=n.justifyContent,c=n.alignContent,s=n.alignItems,f=n.className,l=n.style,d=n.height,p=n.padding,m=n.paddingTop,y=n.paddingLeft,g=n.paddingBottom,v=n.paddingRight,h=n.center,b=n.fill,w=n.component,x=n.children,O=j(n,["gutter","columnDivisions","debug","minColWidths","wrap","direction","justifyContent","alignContent","alignItems","className","style","height","padding","paddingTop","paddingLeft","paddingBottom","paddingRight","center","fill","component","children"]);return S.createElement(un,C({wrap:i,direction:a,justifyContent:u,alignContent:c,alignItems:s,minColWidths:o,className:f,style:l,debug:r,height:d,padding:p,paddingTop:m,paddingLeft:y,paddingBottom:g,paddingRight:v,center:h,fill:b,component:w},O),S.Children.map(x,function(n){return n&&"Col"===n.type.displayName?S.cloneElement(n,{gutter:e,columnDivisions:t,debug:r,minWidth:o}):n}))};function sn(){var n=r(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return sn=function(){return n},n}function fn(){var n=r(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return fn=function(){return n},n}function ln(){var n=r(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return ln=function(){return n},n}function dn(){var n=r(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return dn=function(){return n},n}function pn(){var n=r(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return pn=function(){return n},n}function mn(){var n=r(["\n box-sizing: border-box;\n margin: ","px;\n max-height: 100%;\n order: ",";\n align-self: ",";\n ",";\n ",";\n\n /* if flex is just true then set flex to auto */\n ",";\n ",";\n ",";\n ",";\n ",";\n\n /* Allows min-width to be overridden */\n ",";\n"]);return mn=function(){return n},n}cn.propTypes={children:N.oneOfType([N.arrayOf(N.node),N.node]),gutter:N.number,columnDivisions:N.number,minColWidths:N.oneOfType([N.number,N.bool]),className:N.string,style:N.object,wrap:N.oneOf(["nowrap","wrap","wrap-reverse"]),component:N.oneOfType([N.func,N.string]),direction:N.oneOf(["row","row-reverse","column","column-reverse"]),justifyContent:N.oneOf(["flex-start","flex-end","center","space-between","space-around","space-evenly"]),alignContent:N.oneOf(["flex-start","flex-end","center","baseline","stretch"]),alignItems:N.oneOf(["flex-start","flex-end","center","space-between","space-around","stretch","baseline"]),debug:N.bool,height:N.string,padding:N.string,paddingTop:N.string,paddingLeft:N.string,paddingBottom:N.string,paddingRight:N.string,center:N.bool,fill:N.bool},cn.defaultProps={children:[],gutter:0,columnDivisions:12,minColWidths:!1,className:"",style:{},wrap:"wrap",component:"div",direction:"row",justifyContent:"flex-start",alignContent:"stretch",alignItems:"stretch",debug:!1,height:"",padding:"",paddingTop:"",paddingLeft:"",paddingBottom:"",paddingRight:"",center:!1,fill:!1},cn.displayName="Row";var yn=t(function(n){n.alignSelf,n.flex,n.xs,n.sm,n.md,n.lg,n.gutter,n.columnDivisions,n.order,n.minWidth,n.debug;var e=n.component,t=j(n,["alignSelf","flex","xs","sm","md","lg","gutter","columnDivisions","order","minWidth","debug","component"]),r=e;return S.createElement(r,t)})(mn(),function(n){return n.gutter},function(n){return n.order},function(n){return n.alignSelf},function(n){return n.debug&&"border: 1px solid green"},function(n){return n.flex&&V(pn(),K(n.flex,n.columnDivisions,n.gutter))},function(n){return!Number.isInteger(n.flex)&&n.flex&&"flex: 1"},function(n){return Number.isInteger(n.xs)&&L(dn(),K(n.xs,n.columnDivisions,n.gutter))},function(n){return Number.isInteger(n.sm)&&z(ln(),K(n.sm,n.columnDivisions,n.gutter))},function(n){return Number.isInteger(n.md)&&B(fn(),K(n.md,n.columnDivisions,n.gutter))},function(n){return Number.isInteger(n.lg)&&q(sn(),K(n.lg,n.columnDivisions,n.gutter))},function(n){return n.minWidth&&"min-width: ".concat(n.minWidth,"px")}),gn=function(n){var e=n.alignSelf,t=n.flex,r=n.xs,o=n.sm,i=n.md,a=n.lg,u=n.gutter,c=n.columnDivisions,s=n.order,f=n.className,l=n.style,d=n.minWidth,p=n.debug,m=n.component,y=n.children,g=j(n,["alignSelf","flex","xs","sm","md","lg","gutter","columnDivisions","order","className","style","minWidth","debug","component","children"]);return S.createElement(yn,C({alignSelf:e,flex:t,xs:r,sm:o,md:i,lg:a,gutter:u,columnDivisions:c,order:s,className:f,style:l,minWidth:d,debug:p,component:m},g),y)};gn.propTypes={children:N.oneOfType([N.arrayOf(N.node),N.node]),alignSelf:N.oneOf(["auto","flex-start","flex-end","center","baseline","stretch"]),gutter:N.number,columnDivisions:N.number,component:N.oneOfType([N.func,N.string]),debug:N.bool,order:N.number,minWidth:N.oneOfType([N.number,N.bool]),className:N.string,style:N.object,flex:N.oneOfType([N.number,N.bool]),xs:N.oneOfType([N.number,N.bool]),sm:N.oneOfType([N.number,N.bool]),md:N.oneOfType([N.number,N.bool]),lg:N.oneOfType([N.number,N.bool])},gn.defaultProps={alignSelf:"auto",children:[],order:0,minWidth:!1,className:"",style:{},component:"div",flex:!1,xs:!1,sm:!1,md:!1,lg:!1,gutter:0,columnDivisions:12,debug:!1},gn.displayName="Col",n.Container=on,n.Row=cn,n.Col=gn,Object.defineProperty(n,"__esModule",{value:!0})});