react-boxen - npm Package Compare versions

Comparing version 0.0.35 to 1.0.0

dist/web/index.js

@@ -1,1 +0,1 @@
-!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("styled-components"),require("prop-types")):"function"==typeof define&&define.amd?define("react-boxen",["react","styled-components","prop-types"],t):"object"==typeof exports?exports["react-boxen"]=t(require("react"),require("styled-components"),require("prop-types")):n["react-boxen"]=t(n.react,n["styled-components"],n["prop-types"])}(this,function(n,t,r){return function(n){function t(e){if(r[e])return r[e].exports;var o=r[e]={i:e,l:!1,exports:{}};return n[e].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=n,t.c=r,t.i=function(n){return n},t.d=function(n,r,e){t.o(n,r)||Object.defineProperty(n,r,{configurable:!1,enumerable:!0,get:e})},t.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(r,"a",r),r},t.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},t.p="",t(t.s=22)}([function(n,t,r){var e=r(1),o=r(5);n.exports=function(n){return function t(r,u){switch(arguments.length){case 0:return t;case 1:return o(r)?t:e(function(t){return n(r,t)});default:return o(r)&&o(u)?t:o(r)?e(function(t){return n(t,u)}):o(u)?e(function(t){return n(r,t)}):n(r,u)}}}},function(n,t,r){var e=r(5);n.exports=function(n){return function t(r){return 0===arguments.length||e(r)?t:n.apply(this,arguments)}}},function(n,t,r){var e=r(1),o=r(0),u=r(5);n.exports=function(n){return function t(r,i,c){switch(arguments.length){case 0:return t;case 1:return u(r)?t:o(function(t,e){return n(r,t,e)});case 2:return u(r)&&u(i)?t:u(r)?o(function(t,r){return n(t,i,r)}):u(i)?o(function(t,e){return n(r,t,e)}):e(function(t){return n(r,i,t)});default:return u(r)&&u(i)&&u(c)?t:u(r)&&u(i)?o(function(t,r){return n(t,r,c)}):u(r)&&u(c)?o(function(t,r){return n(t,i,r)}):u(i)&&u(c)?o(function(t,e){return n(r,t,e)}):u(r)?e(function(t){return n(t,i,c)}):u(i)?e(function(t){return n(r,t,c)}):u(c)?e(function(t){return n(r,i,t)}):n(r,i,c)}}}},function(n,t,r){var e=r(4),o=r(1),u=r(0),i=r(38);n.exports=u(function(n,t){return 1===n?o(t):e(n,i(n,[],t))})},function(n,t){n.exports=function(n,t){switch(n){case 0:return function(){return t.apply(this,arguments)};case 1:return function(n){return t.apply(this,arguments)};case 2:return function(n,r){return t.apply(this,arguments)};case 3:return function(n,r,e){return t.apply(this,arguments)};case 4:return function(n,r,e,o){return t.apply(this,arguments)};case 5:return function(n,r,e,o,u){return t.apply(this,arguments)};case 6:return function(n,r,e,o,u,i){return t.apply(this,arguments)};case 7:return function(n,r,e,o,u,i,c){return t.apply(this,arguments)};case 8:return function(n,r,e,o,u,i,c,a){return t.apply(this,arguments)};case 9:return function(n,r,e,o,u,i,c,a,f){return t.apply(this,arguments)};case 10:return function(n,r,e,o,u,i,c,a,f,s){return t.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}}},function(n,t){n.exports=function(n){return null!=n&&"object"==typeof n&&!0===n["@@functional/placeholder"]}},function(n,t,r){var e=r(1),o=r(7),u=r(44);n.exports=function(){var n=!{toString:null}.propertyIsEnumerable("toString"),t=["constructor","valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],r=function(){"use strict";return arguments.propertyIsEnumerable("length")}(),i=function(n,t){for(var r=0;r<n.length;){if(n[r]===t)return!0;r+=1}return!1};return e("function"!=typeof Object.keys||r?function(e){if(Object(e)!==e)return[];var c,a,f=[],s=r&&u(e);for(c in e)!o(c,e)||s&&"length"===c||(f[f.length]=c);if(n)for(a=t.length-1;a>=0;)c=t[a],o(c,e)&&!i(f,c)&&(f[f.length]=c),a-=1;return f}:function(n){return Object(n)!==n?[]:Object.keys(n)})}()},function(n,t){n.exports=function(n,t){return Object.prototype.hasOwnProperty.call(t,n)}},function(n,t){n.exports=Array.isArray||function(n){return null!=n&&n.length>=0&&"[object Array]"===Object.prototype.toString.call(n)}},function(n,t,r){var e=r(54),o=r(26),u=r(56);n.exports=function(){function n(n,t,r){for(var e=0,o=r.length;e<o;){if((t=n["@@transducer/step"](t,r[e]))&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}e+=1}return n["@@transducer/result"](t)}function t(n,t,r){for(var e=r.next();!e.done;){if((t=n["@@transducer/step"](t,e.value))&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}e=r.next()}return n["@@transducer/result"](t)}function r(n,t,r){return n["@@transducer/result"](r.reduce(o(n["@@transducer/step"],n),t))}var i="undefined"!=typeof Symbol?Symbol.iterator:"@@iterator";return function(o,c,a){if("function"==typeof o&&(o=e(o)),u(a))return n(o,c,a);if("function"==typeof a.reduce)return r(o,c,a);if(null!=a[i])return t(o,c,a[i]());if("function"==typeof a.next)return t(o,c,a);throw new TypeError("reduce: list must be array or iterable")}}()},function(n,t,r){var e=r(8);n.exports=function(n,t){return function(){var r=arguments.length;if(0===r)return t();var o=arguments[r-1];return e(o)||"function"!=typeof o[n]?t.apply(this,arguments):o[n].apply(o,Array.prototype.slice.call(arguments,0,r-1))}}},function(n,t,r){var e=r(8),o=r(47);n.exports=function(n,t,r){return function(){if(0===arguments.length)return r();var u=Array.prototype.slice.call(arguments,0),i=u.pop();if(!e(i)){for(var c=0;c<n.length;){if("function"==typeof i[n[c]])return i[n[c]].apply(i,u);c+=1}if(o(i)){return t.apply(null,u)(i)}}return r.apply(this,arguments)}}},function(n,t){n.exports=function(n){return"[object String]"===Object.prototype.toString.call(n)}},function(n,t){n.exports=function(n,t){for(var r=0,e=t.length,o=Array(e);r<e;)o[r]=n(t[r]),r+=1;return o}},function(n,t){n.exports={init:function(){return this.xf["@@transducer/init"]()},result:function(n){return this.xf["@@transducer/result"](n)}}},function(n,t,r){var e=r(0),o=r(11),u=r(13),i=r(9),c=r(53),a=r(3),f=r(6);n.exports=e(o(["map"],c,function(n,t){switch(Object.prototype.toString.call(t)){case"[object Function]":return a(t.length,function(){return n.call(this,t.apply(this,arguments))});case"[object Object]":return i(function(r,e){return r[e]=n(t[e]),r},{},f(t));default:return u(n,t)}}))},function(n,t,r){var e=r(0);n.exports=e(function(n,t){return t[n]})},function(n,t,r){"use strict";var e=r(71),o=r.n(e),u=o.a.string,i=o.a.number,c=o.a.bool,a=o.a.oneOf,f=o.a.oneOfType,s=o.a.arrayOf,l=a(["flex-start","flex-end","center","stretch","baseline","auto"]),p=f([u,i]);t.a={align:l,childAlign:l,childBasis:p,childDirection:a(["column","column-reverse","row","row-reverse"]),childJustify:a(["flex-start","flex-end","center","space-between","space-around","space-evenly"]),childWrap:a(["nowrap","wrap","wrap-reverse","inherit","initial","unset"]),childWrapLastGrow:c,childSpacing:f([p,s(p)]),grow:f([u,i,c]),shrink:f([u,i,c]),height:p,padding:f([p,s(p)]),width:p}},function(n,t,r){"use strict";var e=r(16),o=r.n(e),u=r(60),i=r.n(u),c=r(23),a=r.n(c),f=r(29),s=r.n(f),l=r(24),p=r.n(l),h=r(33),d=r.n(h),y=r(34),g=r.n(y),x=r(27),v=r.n(x),b=r(28),w=r.n(b),m=r(70),j=r.n(m),O=r(57),S=r.n(O),k=r(15),A=r.n(k),E=r(59),P=r.n(E),T=r(61),q=r.n(T);r.d(t,"a",function(){return z});var C=function(n){return{values:n.split(" ").map(function(n){return n.replace(/^-?\d*(.\d+)?$/g,"")}).map(function(n){return parseFloat(n)}),lengths:n.split(" ").map(function(n){return n.match(/(?!\-?\.?[\d]).\w|%/g,"")})}},U=function(n){return q()(P()("values"),A()(n))},_=function(n){return S()(" ",A()(S()(""),j()(n.values,n.lengths)))},F=w()(function(n,t){return v()(_,U(n),C)(t)}),N=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(r){return""+v()(g()(p()(t.halve),F(s()(a.a,2)),d.a),g()(p()(t.negate),F(i()(-1)),d.a))(r[n])}},z=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(r){return g()(o()(n),N(n,t),p()(null))(r)}}},function(n,t,r){var e=r(0);n.exports=e(function(n,t){for(var r={},e=0;e<n.length;)n[e]in t&&(r[n[e]]=t[n[e]]),e+=1;return r})},function(t,r){t.exports=n},function(n,r){n.exports=t},function(n,t,r){"use strict";function e(n){if(Array.isArray(n)){for(var t=0,r=Array(n.length);t<n.length;t++)r[t]=n[t];return r}return Array.from(n)}function o(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function u(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?n:t}function i(n,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}function c(n,t){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(t,"__esModule",{value:!0});var a=r(19),f=r.n(a),s=r(20),l=r.n(s),p=r(17),h=r(18),d=r(21),y=r.n(d);r.d(t,"default",function(){return T});var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])}return n},x=function(){function n(n,t){for(var r=0;r<t.length;r++){var e=t[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}return function(t,r,e){return r&&n(t.prototype,r),e&&n(t,e),t}}(),v=c(["\n  box-sizing:      border-box;\n  display:         flex;\n  flex-grow:       ",";\n  flex-shrink:     ",";\n  flex-basis:      ",";\n  padding:         ",";\n  background:      ",";\n  width:           ",";\n  ","\n"],["\n  box-sizing:      border-box;\n  display:         flex;\n  flex-grow:       ",";\n  flex-shrink:     ",";\n  flex-basis:      ",";\n  padding:         ",";\n  background:      ",";\n  width:           ",";\n  ","\n"]),b=c(["\n  box-sizing:      border-box;\n  display:         ",";\n  flex-grow:       1;\n  flex-direction:  ",";\n  flex-wrap:       ",";\n  align-items:     ",";\n  justify-content: ",";\n  margin:          ",";\n"],["\n  box-sizing:      border-box;\n  display:         ",";\n  flex-grow:       1;\n  flex-direction:  ",";\n  flex-wrap:       ",";\n  align-items:     ",";\n  justify-content: ",";\n  margin:          ",";\n"]),w=c(["\n  box-sizing:      border-box;\n  display:         ",";\n  flex-grow:       ",";\n  flex-shrink:     ",";\n  flex-basis:      ",";\n  padding:         ",";\n  ","\n  width:           ",";\n"],["\n  box-sizing:      border-box;\n  display:         ",";\n  flex-grow:       ",";\n  flex-shrink:     ",";\n  flex-basis:      ",";\n  padding:         ",";\n  ","\n  width:           ",";\n"]),m=function(n){return n.childSpacing?r.i(h.a)("childSpacing",{negate:!0,halve:!0}):0},j=function(n){return n.childGrow&&!n.cp.grow&&1||function(n){return!0===n.cp.grow||!0===n.cp["data-grow"]?1:n.cp.grow||n.cp["data-grow"]||0}||0},O=function(n){return!n.cp.shrink&&n.childShrink||function(n){return!0===n.cp.shrink||!0===n.cp["data-shrink"]?1:n.cp.shrink||n.cp["data-shrink"]||0}||0},S=function(n){return n.childSpacing?r.i(h.a)("childSpacing",{halve:!0}):0},k=function(n){return n&&n.map&&n.length&&-1===n.map(function(n){return"string"==typeof n||"number"==typeof n}).indexOf(!1)},A=y.a.div(v,function(n){return!0===n.grow?1:n.grow||1},function(n){return!0===n.shrink?1:n.shrink||1},function(n){return n.basis||"auto"},function(n){return n.padding||0},function(n){return n.background||"none"},function(n){return n.width||"auto"},function(n){return n.css}),E=y.a.div(b,function(n){return n.display||"flex"},function(n){return n.childDirection||"column"},function(n){return n.childWrap||"nowrap"},function(n){return n.childAlign||"stretch"},function(n){return n.childJustify||"flex-start"},m),P=y.a.div(w,function(n){return n.childFlex?"flex":"block"},j,O,function(n){return n.cp.basis||n.cp["data-basis"]||n.childBasis||"auto"},S,function(n){return n.last?"padding-top: 0; padding-bottom: 0;":null},function(n){return n.cp.width||n.cp["data-width"]||"auto"}),T=function(n){function t(){return o(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,n),x(t,[{key:"render",value:function(){var n=this.props,t=this.props.children,r=f()(["childSpacing","childGrow","childShrink","grow","shrink","basis","padding","background","width","display","childDirection","childWrap","childAlign","childJustify","childFlex","childBasis","last","cp"])(n),o=k(t);return l.a.createElement(A,n,l.a.createElement(E,r,o?t:s.Children.map(t,function(n){return n?l.a.createElement(P,g({},r,{cp:g({},n.props),children:n})):null}),!1===n.childWrapLastGrow?[].concat(e(Array(10).keys())).map(function(n,t){return l.a.createElement(P,g({},r,{key:t,children:null,last:!0}))}):null))}}]),t}(l.a.Component);T.displayName="Box",T.defaultProps={cp:{}},T.propTypes=p.a},function(n,t){n.exports={"@@functional/placeholder":!0}},function(n,t,r){var e=r(1);n.exports=e(function(n){return function(){return n}})},function(n,t,r){var e=r(2);n.exports=e(function(n,t,r){var e={};for(var o in r)e[o]=r[o];return e[n]=t,e})},function(n,t,r){var e=r(4),o=r(0);n.exports=o(function(n,t){return e(n.length,function(){return n.apply(t,arguments)})})},function(n,t,r){var e=r(62),o=r(65);n.exports=function(){if(0===arguments.length)throw new Error("compose requires at least one argument");return e.apply(this,o(arguments))}},function(n,t,r){var e=r(1),o=r(3);n.exports=e(function(n){return o(n.length,n)})},function(n,t,r){var e=r(0);n.exports=e(function(n,t){return n/t})},function(n,t,r){var e=r(0),o=r(39);n.exports=e(function(n,t){return o(n,t,[],[])})},function(n,t,r){var e=r(0),o=r(11),u=r(40),i=r(46),c=r(9),a=r(52),f=r(6);n.exports=e(o(["filter"],a,function(n,t){return i(t)?c(function(r,e){return n(t[e])&&(r[e]=t[e]),r},{},f(t)):u(n,t)}))},function(n,t,r){var e=r(0);n.exports=e(function(n,t){return n===t?0!==n||1/n==1/t:n!==n&&t!==t})},function(n,t,r){var e=r(1),o=r(42);n.exports=e(o)},function(n,t,r){var e=r(2),o=r(3);n.exports=e(function(n,t,r){return o(Math.max(n.length,t.length,r.length),function(){return n.apply(this,arguments)?t.apply(this,arguments):r.apply(this,arguments)})})},function(n,t){n.exports=function(n){for(var t,r=[];!(t=n.next()).done;)r.push(t.value);return r}},function(n,t){n.exports=function(n){return function(){return!n.apply(this,arguments)}}},function(n,t,r){var e=r(43);n.exports=function(n,t){return e(t,n,0)>=0}},function(n,t,r){var e=r(4),o=r(5);n.exports=function n(t,r,u){return function(){for(var i=[],c=0,a=t,f=0;f<r.length||c<arguments.length;){var s;f<r.length&&(!o(r[f])||c>=arguments.length)?s=r[f]:(s=arguments[c],c+=1),i[f]=s,o(s)||(a-=1),f+=1}return a<=0?u.apply(this,i):e(a,n(t,i,u))}}},function(n,t,r){var e=r(35),o=r(41),u=r(7),i=r(32),c=r(6),a=r(69);n.exports=function n(t,r,f,s){if(i(t,r))return!0;if(a(t)!==a(r))return!1;if(null==t||null==r)return!1;if("function"==typeof t.equals||"function"==typeof r.equals)return"function"==typeof t.equals&&t.equals(r)&&"function"==typeof r.equals&&r.equals(t);switch(a(t)){case"Arguments":case"Array":case"Object":if("function"==typeof t.constructor&&"Promise"===o(t.constructor))return t===r;break;case"Boolean":case"Number":case"String":if(typeof t!=typeof r||!i(t.valueOf(),r.valueOf()))return!1;break;case"Date":if(!i(t.valueOf(),r.valueOf()))return!1;break;case"Error":return t.name===r.name&&t.message===r.message;case"RegExp":if(t.source!==r.source||t.global!==r.global||t.ignoreCase!==r.ignoreCase||t.multiline!==r.multiline||t.sticky!==r.sticky||t.unicode!==r.unicode)return!1;break;case"Map":case"Set":if(!n(e(t.entries()),e(r.entries()),f,s))return!1;break;case"Int8Array":case"Uint8Array":case"Uint8ClampedArray":case"Int16Array":case"Uint16Array":case"Int32Array":case"Uint32Array":case"Float32Array":case"Float64Array":case"ArrayBuffer":break;default:return!1}var l=c(t);if(l.length!==c(r).length)return!1;for(var p=f.length-1;p>=0;){if(f[p]===t)return s[p]===r;p-=1}for(f.push(t),s.push(r),p=l.length-1;p>=0;){var h=l[p];if(!u(h,r)||!n(r[h],t[h],f,s))return!1;p-=1}return f.pop(),s.pop(),!0}},function(n,t){n.exports=function(n,t){for(var r=0,e=t.length,o=[];r<e;)n(t[r])&&(o[o.length]=t[r]),r+=1;return o}},function(n,t){n.exports=function(n){var t=String(n).match(/^function (\w*)/);return null==t?"":t[1]}},function(n,t){n.exports=function(n){return n}},function(n,t,r){var e=r(30);n.exports=function(n,t,r){var o,u;if("function"==typeof n.indexOf)switch(typeof t){case"number":if(0===t){for(o=1/t;r<n.length;){if(0===(u=n[r])&&1/u===o)return r;r+=1}return-1}if(t!==t){for(;r<n.length;){if("number"==typeof(u=n[r])&&u!==u)return r;r+=1}return-1}return n.indexOf(t,r);case"string":case"boolean":case"function":case"undefined":return n.indexOf(t,r);case"object":if(null===t)return n.indexOf(t,r)}for(;r<n.length;){if(e(n[r],t))return r;r+=1}return-1}},function(n,t,r){var e=r(7);n.exports=function(){var n=Object.prototype.toString;return"[object Arguments]"===n.call(arguments)?function(t){return"[object Arguments]"===n.call(t)}:function(n){return e("callee",n)}}()},function(n,t){n.exports=function(n){return"[object Function]"===Object.prototype.toString.call(n)}},function(n,t){n.exports=function(n){return"[object Object]"===Object.prototype.toString.call(n)}},function(n,t){n.exports=function(n){return"function"==typeof n["@@transducer/step"]}},function(n,t){n.exports=function(n,t){return function(){return t.call(this,n.apply(this,arguments))}}},function(n,t){n.exports=function(n){return'"'+n.replace(/\\/g,"\\\\").replace(/[\b]/g,"\\b").replace(/\f/g,"\\f").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\t/g,"\\t").replace(/\v/g,"\\v").replace(/\0/g,"\\0").replace(/"/g,'\\"')+'"'}},function(n,t){n.exports=function(){var n=function(n){return(n<10?"0":"")+n};return"function"==typeof Date.prototype.toISOString?function(n){return n.toISOString()}:function(t){return t.getUTCFullYear()+"-"+n(t.getUTCMonth()+1)+"-"+n(t.getUTCDate())+"T"+n(t.getUTCHours())+":"+n(t.getUTCMinutes())+":"+n(t.getUTCSeconds())+"."+(t.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z"}}()},function(n,t,r){var e=r(37),o=r(13),u=r(49),i=r(50),c=r(6),a=r(64);n.exports=function n(t,r){var f=function(o){var u=r.concat([t]);return e(o,u)?"<Circular>":n(o,u)},s=function(n,t){return o(function(t){return u(t)+": "+f(n[t])},t.slice().sort())};switch(Object.prototype.toString.call(t)){case"[object Arguments]":return"(function() { return arguments; }("+o(f,t).join(", ")+"))";case"[object Array]":return"["+o(f,t).concat(s(t,a(function(n){return/^\d+$/.test(n)},c(t)))).join(", ")+"]";case"[object Boolean]":return"object"==typeof t?"new Boolean("+f(t.valueOf())+")":t.toString();case"[object Date]":return"new Date("+(isNaN(t.valueOf())?f(NaN):u(i(t)))+")";case"[object Null]":return"null";case"[object Number]":return"object"==typeof t?"new Number("+f(t.valueOf())+")":1/t==-1/0?"-0":t.toString(10);case"[object String]":return"object"==typeof t?"new String("+f(t.valueOf())+")":u(t);case"[object Undefined]":return"undefined";default:if("function"==typeof t.toString){var l=t.toString();if("[object Object]"!==l)return l}return"{"+s(t,c(t)).join(", ")+"}"}}},function(n,t,r){var e=r(0),o=r(14);n.exports=function(){function n(n,t){this.xf=t,this.f=n}return n.prototype["@@transducer/init"]=o.init,n.prototype["@@transducer/result"]=o.result,n.prototype["@@transducer/step"]=function(n,t){return this.f(t)?this.xf["@@transducer/step"](n,t):n},e(function(t,r){return new n(t,r)})}()},function(n,t,r){var e=r(0),o=r(14);n.exports=function(){function n(n,t){this.xf=t,this.f=n}return n.prototype["@@transducer/init"]=o.init,n.prototype["@@transducer/result"]=o.result,n.prototype["@@transducer/step"]=function(n,t){return this.xf["@@transducer/step"](n,this.f(t))},e(function(t,r){return new n(t,r)})}()},function(n,t){n.exports=function(){function n(n){this.f=n}return n.prototype["@@transducer/init"]=function(){throw new Error("init not implemented on XWrap")},n.prototype["@@transducer/result"]=function(n){return n},n.prototype["@@transducer/step"]=function(n,t){return this.f(n,t)},function(t){return new n(t)}}()},function(n,t,r){var e=r(0),o=r(45),u=r(3),i=r(68);n.exports=e(function(n,t){return u(n+1,function(){var r=arguments[n];if(null!=r&&o(r[t]))return r[t].apply(r,Array.prototype.slice.call(arguments,0,n));throw new TypeError(i(r)+' does not have a method named "'+t+'"')})})},function(n,t,r){var e=r(1),o=r(8),u=r(12);n.exports=e(function(n){return!!o(n)||!!n&&("object"==typeof n&&(!u(n)&&(1===n.nodeType?!!n.length:0===n.length||n.length>0&&(n.hasOwnProperty(0)&&n.hasOwnProperty(n.length-1)))))})},function(n,t,r){var e=r(55);n.exports=e(1,"join")},function(n,t,r){var e=r(0),o=r(15);n.exports=e(function(n,t){return function(r){return function(e){return o(function(n){return t(n,e)},r(n(e)))}}})},function(n,t,r){var e=r(1),o=r(25),u=r(58),i=r(16);n.exports=e(function(n){return u(i(n),o(n))})},function(n,t,r){var e=r(0);n.exports=e(function(n,t){return n*t})},function(n,t,r){var e=r(2);n.exports=function(){var n=function(t){return{value:t,map:function(r){return n(r(t))}}};return e(function(t,r,e){return t(function(t){return n(r(t))})(e).value})}()},function(n,t,r){var e=r(4),o=r(48),u=r(63),i=r(67);n.exports=function(){if(0===arguments.length)throw new Error("pipe requires at least one argument");return e(arguments[0].length,u(o,arguments[0],i(arguments)))}},function(n,t,r){var e=r(2),o=r(9);n.exports=e(o)},function(n,t,r){var e=r(36),o=r(0),u=r(31);n.exports=o(function(n,t){return u(e(n),t)})},function(n,t,r){var e=r(1),o=r(12);n.exports=e(function(n){return o(n)?n.split("").reverse().join(""):Array.prototype.slice.call(n,0).reverse()})},function(n,t,r){var e=r(10),o=r(2);n.exports=o(e("slice",function(n,t,r){return Array.prototype.slice.call(r,n,t)}))},function(n,t,r){var e=r(10),o=r(1),u=r(66);n.exports=o(e("tail",u(1,1/0)))},function(n,t,r){var e=r(1),o=r(51);n.exports=e(function(n){return o(n,[])})},function(n,t,r){var e=r(1);n.exports=e(function(n){return null===n?"Null":void 0===n?"Undefined":Object.prototype.toString.call(n).slice(8,-1)})},function(n,t,r){var e=r(0);n.exports=e(function(n,t){for(var r=[],e=0,o=Math.min(n.length,t.length);e<o;)r[e]=[n[e],t[e]],e+=1;return r})},function(n,t){n.exports=r}])});
+!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("styled-components"),require("prop-types")):"function"==typeof define&&define.amd?define("react-boxen",["react","styled-components","prop-types"],t):"object"==typeof exports?exports["react-boxen"]=t(require("react"),require("styled-components"),require("prop-types")):n["react-boxen"]=t(n.react,n["styled-components"],n["prop-types"])}(this,function(n,t,r){return function(n){function t(e){if(r[e])return r[e].exports;var o=r[e]={i:e,l:!1,exports:{}};return n[e].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=n,t.c=r,t.i=function(n){return n},t.d=function(n,r,e){t.o(n,r)||Object.defineProperty(n,r,{configurable:!1,enumerable:!0,get:e})},t.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(r,"a",r),r},t.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},t.p="",t(t.s=22)}([function(n,t,r){var e=r(1),o=r(5);n.exports=function(n){return function t(r,u){switch(arguments.length){case 0:return t;case 1:return o(r)?t:e(function(t){return n(r,t)});default:return o(r)&&o(u)?t:o(r)?e(function(t){return n(t,u)}):o(u)?e(function(t){return n(r,t)}):n(r,u)}}}},function(n,t,r){var e=r(5);n.exports=function(n){return function t(r){return 0===arguments.length||e(r)?t:n.apply(this,arguments)}}},function(n,t,r){var e=r(1),o=r(0),u=r(5);n.exports=function(n){return function t(r,i,c){switch(arguments.length){case 0:return t;case 1:return u(r)?t:o(function(t,e){return n(r,t,e)});case 2:return u(r)&&u(i)?t:u(r)?o(function(t,r){return n(t,i,r)}):u(i)?o(function(t,e){return n(r,t,e)}):e(function(t){return n(r,i,t)});default:return u(r)&&u(i)&&u(c)?t:u(r)&&u(i)?o(function(t,r){return n(t,r,c)}):u(r)&&u(c)?o(function(t,r){return n(t,i,r)}):u(i)&&u(c)?o(function(t,e){return n(r,t,e)}):u(r)?e(function(t){return n(t,i,c)}):u(i)?e(function(t){return n(r,t,c)}):u(c)?e(function(t){return n(r,i,t)}):n(r,i,c)}}}},function(n,t,r){var e=r(4),o=r(1),u=r(0),i=r(38);n.exports=u(function(n,t){return 1===n?o(t):e(n,i(n,[],t))})},function(n,t){n.exports=function(n,t){switch(n){case 0:return function(){return t.apply(this,arguments)};case 1:return function(n){return t.apply(this,arguments)};case 2:return function(n,r){return t.apply(this,arguments)};case 3:return function(n,r,e){return t.apply(this,arguments)};case 4:return function(n,r,e,o){return t.apply(this,arguments)};case 5:return function(n,r,e,o,u){return t.apply(this,arguments)};case 6:return function(n,r,e,o,u,i){return t.apply(this,arguments)};case 7:return function(n,r,e,o,u,i,c){return t.apply(this,arguments)};case 8:return function(n,r,e,o,u,i,c,a){return t.apply(this,arguments)};case 9:return function(n,r,e,o,u,i,c,a,f){return t.apply(this,arguments)};case 10:return function(n,r,e,o,u,i,c,a,f,s){return t.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}}},function(n,t){n.exports=function(n){return null!=n&&"object"==typeof n&&!0===n["@@functional/placeholder"]}},function(n,t,r){var e=r(1),o=r(7),u=r(44);n.exports=function(){var n=!{toString:null}.propertyIsEnumerable("toString"),t=["constructor","valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],r=function(){"use strict";return arguments.propertyIsEnumerable("length")}(),i=function(n,t){for(var r=0;r<n.length;){if(n[r]===t)return!0;r+=1}return!1};return e("function"!=typeof Object.keys||r?function(e){if(Object(e)!==e)return[];var c,a,f=[],s=r&&u(e);for(c in e)!o(c,e)||s&&"length"===c||(f[f.length]=c);if(n)for(a=t.length-1;a>=0;)c=t[a],o(c,e)&&!i(f,c)&&(f[f.length]=c),a-=1;return f}:function(n){return Object(n)!==n?[]:Object.keys(n)})}()},function(n,t){n.exports=function(n,t){return Object.prototype.hasOwnProperty.call(t,n)}},function(n,t){n.exports=Array.isArray||function(n){return null!=n&&n.length>=0&&"[object Array]"===Object.prototype.toString.call(n)}},function(n,t,r){var e=r(54),o=r(26),u=r(56);n.exports=function(){function n(n,t,r){for(var e=0,o=r.length;e<o;){if((t=n["@@transducer/step"](t,r[e]))&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}e+=1}return n["@@transducer/result"](t)}function t(n,t,r){for(var e=r.next();!e.done;){if((t=n["@@transducer/step"](t,e.value))&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}e=r.next()}return n["@@transducer/result"](t)}function r(n,t,r){return n["@@transducer/result"](r.reduce(o(n["@@transducer/step"],n),t))}var i="undefined"!=typeof Symbol?Symbol.iterator:"@@iterator";return function(o,c,a){if("function"==typeof o&&(o=e(o)),u(a))return n(o,c,a);if("function"==typeof a.reduce)return r(o,c,a);if(null!=a[i])return t(o,c,a[i]());if("function"==typeof a.next)return t(o,c,a);throw new TypeError("reduce: list must be array or iterable")}}()},function(n,t,r){var e=r(8);n.exports=function(n,t){return function(){var r=arguments.length;if(0===r)return t();var o=arguments[r-1];return e(o)||"function"!=typeof o[n]?t.apply(this,arguments):o[n].apply(o,Array.prototype.slice.call(arguments,0,r-1))}}},function(n,t,r){var e=r(8),o=r(47);n.exports=function(n,t,r){return function(){if(0===arguments.length)return r();var u=Array.prototype.slice.call(arguments,0),i=u.pop();if(!e(i)){for(var c=0;c<n.length;){if("function"==typeof i[n[c]])return i[n[c]].apply(i,u);c+=1}if(o(i)){return t.apply(null,u)(i)}}return r.apply(this,arguments)}}},function(n,t){n.exports=function(n){return"[object String]"===Object.prototype.toString.call(n)}},function(n,t){n.exports=function(n,t){for(var r=0,e=t.length,o=Array(e);r<e;)o[r]=n(t[r]),r+=1;return o}},function(n,t){n.exports={init:function(){return this.xf["@@transducer/init"]()},result:function(n){return this.xf["@@transducer/result"](n)}}},function(n,t,r){var e=r(0),o=r(11),u=r(13),i=r(9),c=r(53),a=r(3),f=r(6);n.exports=e(o(["map"],c,function(n,t){switch(Object.prototype.toString.call(t)){case"[object Function]":return a(t.length,function(){return n.call(this,t.apply(this,arguments))});case"[object Object]":return i(function(r,e){return r[e]=n(t[e]),r},{},f(t));default:return u(n,t)}}))},function(n,t,r){var e=r(0);n.exports=e(function(n,t){return t[n]})},function(n,t,r){"use strict";var e=r(71),o=r.n(e),u=o.a.string,i=o.a.number,c=o.a.bool,a=o.a.oneOf,f=o.a.oneOfType,s=o.a.arrayOf,l=a(["flex-start","flex-end","center","stretch","baseline","auto"]),p=f([u,i]);t.a={align:l,childAlign:l,childBasis:p,childDirection:a(["column","column-reverse","row","row-reverse"]),childJustify:a(["flex-start","flex-end","center","space-between","space-around","space-evenly"]),childWrap:a(["nowrap","wrap","wrap-reverse","inherit","initial","unset"]),childWrapLastGrow:c,childSpacing:f([p,s(p)]),grow:f([u,i,c]),shrink:f([u,i,c]),height:p,padding:f([p,s(p)]),width:p}},function(n,t,r){"use strict";var e=r(16),o=r.n(e),u=r(60),i=r.n(u),c=r(23),a=r.n(c),f=r(29),s=r.n(f),l=r(24),p=r.n(l),h=r(33),d=r.n(h),y=r(34),g=r.n(y),x=r(27),v=r.n(x),b=r(28),m=r.n(b),w=r(70),j=r.n(w),O=r(57),S=r.n(O),k=r(15),A=r.n(k),E=r(59),P=r.n(E),C=r(61),T=r.n(C);r.d(t,"a",function(){return F});var q=function(n){return{values:n.split(" ").map(function(n){return n.replace(/^-?\d*(.\d+)?$/g,"")}).map(function(n){return parseFloat(n)}),lengths:n.split(" ").map(function(n){return n.match(/(?!\-?\.?[\d]).\w|%/g,"")})}},N=function(n){return T()(P()("values"),A()(n))},U=function(n){return S()(" ",A()(S()(""),j()(n.values,n.lengths)))},_=m()(function(n,t){return v()(U,N(n),q)(t)}),B=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(r){return""+v()(g()(p()(t.halve),_(s()(a.a,2)),d.a),g()(p()(t.negate),_(i()(-1)),d.a))(r[n])}},F=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(r){return g()(o()(n),B(n,t),p()(null))(r)}}},function(n,t,r){var e=r(0);n.exports=e(function(n,t){for(var r={},e=0;e<n.length;)n[e]in t&&(r[n[e]]=t[n[e]]),e+=1;return r})},function(t,r){t.exports=n},function(n,r){n.exports=t},function(n,t,r){"use strict";function e(n){if(Array.isArray(n)){for(var t=0,r=Array(n.length);t<n.length;t++)r[t]=n[t];return r}return Array.from(n)}function o(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function u(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?n:t}function i(n,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}function c(n,t){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(t,"__esModule",{value:!0});var a=r(19),f=r.n(a),s=r(20),l=r.n(s),p=r(17),h=r(18),d=r(21),y=r.n(d);r.d(t,"default",function(){return C});var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])}return n},x=function(){function n(n,t){for(var r=0;r<t.length;r++){var e=t[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}return function(t,r,e){return r&&n(t.prototype,r),e&&n(t,e),t}}(),v=c(["\n  box-sizing:      border-box;\n  display:         flex;\n  flex-grow:       ",";\n  flex-shrink:     ",";\n  flex-basis:      ",";\n  padding:         ",";\n  width:           ",";\n  ","\n"],["\n  box-sizing:      border-box;\n  display:         flex;\n  flex-grow:       ",";\n  flex-shrink:     ",";\n  flex-basis:      ",";\n  padding:         ",";\n  width:           ",";\n  ","\n"]),b=c(["\n  box-sizing:      border-box;\n  display:         ",";\n  flex-grow:       1;\n  flex-direction:  ",";\n  flex-wrap:       ",";\n  align-items:     ",";\n  justify-content: ",";\n  margin:          ",";\n"],["\n  box-sizing:      border-box;\n  display:         ",";\n  flex-grow:       1;\n  flex-direction:  ",";\n  flex-wrap:       ",";\n  align-items:     ",";\n  justify-content: ",";\n  margin:          ",";\n"]),m=c(["\n  box-sizing:      border-box;\n  display:         ",";\n  align-self:      ",";\n  flex-grow:       ",";\n  flex-shrink:     ",";\n  flex-basis:      ",";\n  padding:         ",";\n  ","\n"],["\n  box-sizing:      border-box;\n  display:         ",";\n  align-self:      ",";\n  flex-grow:       ",";\n  flex-shrink:     ",";\n  flex-basis:      ",";\n  padding:         ",";\n  ","\n"]),w=function(n){return n.childSpacing?r.i(h.a)("childSpacing",{negate:!0,halve:!0}):0},j=function(n){return n.childGrow&&!n.cp.grow&&1||function(n){return!0===n.cp.grow||!0===n.cp["data-grow"]?1:n.cp.grow||n.cp["data-grow"]||0}||0},O=function(n){return!n.cp.shrink&&n.childShrink||function(n){return!0===n.cp.shrink||!0===n.cp["data-shrink"]?1:n.cp.shrink||n.cp["data-shrink"]||0}||0},S=function(n){return n.childSpacing?r.i(h.a)("childSpacing",{halve:!0}):0},k=function(n){return n&&n.map&&n.length&&-1===n.map(function(n){return"string"==typeof n||"number"==typeof n}).indexOf(!1)},A=y.a.div(v,function(n){return!0===n.grow?1:n.grow||1},function(n){return!0===n.shrink?1:n.shrink||1},function(n){return n.basis||"auto"},function(n){return n.padding||0},function(n){return n.width||"auto"},function(n){return n.css});A.displayName="BoxContainer";var E=y.a.div(b,function(n){return n.display||"flex"},function(n){return n.childDirection||"column"},function(n){return n.childWrap||"nowrap"},function(n){return n.childAlign||"stretch"},function(n){return n.childJustify||"flex-start"},w);E.displayName="BoxSpacerOffset";var P=y.a.div(m,function(n){return n.childFlex?"flex":"block"},function(n){return n.cp.align||n.cp["data-align"]||"auto"},j,O,function(n){return n.cp.basis||n.cp["data-basis"]||n.childBasis||"auto"},S,function(n){return n.last?"padding-top: 0; padding-bottom: 0;":null});P.displayName="BoxSpacer";var C=function(n){function t(){return o(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,n),x(t,[{key:"render",value:function(){var n=this.props,t=this.props.children,r=f()(["align","childSpacing","childGrow","childShrink","grow","shrink","basis","padding","background","width","display","childDirection","childWrap","childAlign","childJustify","childFlex","childBasis","last","cp"])(n),o=k(t);return l.a.createElement(A,n,l.a.createElement(E,r,o?t:s.Children.map(t,function(n){return n?l.a.createElement(P,g({},r,{cp:g({},n.props),children:n})):null}),!1===n.childWrapLastGrow?[].concat(e(Array(10).keys())).map(function(n,t){return l.a.createElement(P,g({},r,{key:t,children:null,last:!0}))}):null))}}]),t}(l.a.Component);C.displayName="Box",C.defaultProps={cp:{}},C.propTypes=p.a},function(n,t){n.exports={"@@functional/placeholder":!0}},function(n,t,r){var e=r(1);n.exports=e(function(n){return function(){return n}})},function(n,t,r){var e=r(2);n.exports=e(function(n,t,r){var e={};for(var o in r)e[o]=r[o];return e[n]=t,e})},function(n,t,r){var e=r(4),o=r(0);n.exports=o(function(n,t){return e(n.length,function(){return n.apply(t,arguments)})})},function(n,t,r){var e=r(62),o=r(65);n.exports=function(){if(0===arguments.length)throw new Error("compose requires at least one argument");return e.apply(this,o(arguments))}},function(n,t,r){var e=r(1),o=r(3);n.exports=e(function(n){return o(n.length,n)})},function(n,t,r){var e=r(0);n.exports=e(function(n,t){return n/t})},function(n,t,r){var e=r(0),o=r(39);n.exports=e(function(n,t){return o(n,t,[],[])})},function(n,t,r){var e=r(0),o=r(11),u=r(40),i=r(46),c=r(9),a=r(52),f=r(6);n.exports=e(o(["filter"],a,function(n,t){return i(t)?c(function(r,e){return n(t[e])&&(r[e]=t[e]),r},{},f(t)):u(n,t)}))},function(n,t,r){var e=r(0);n.exports=e(function(n,t){return n===t?0!==n||1/n==1/t:n!==n&&t!==t})},function(n,t,r){var e=r(1),o=r(42);n.exports=e(o)},function(n,t,r){var e=r(2),o=r(3);n.exports=e(function(n,t,r){return o(Math.max(n.length,t.length,r.length),function(){return n.apply(this,arguments)?t.apply(this,arguments):r.apply(this,arguments)})})},function(n,t){n.exports=function(n){for(var t,r=[];!(t=n.next()).done;)r.push(t.value);return r}},function(n,t){n.exports=function(n){return function(){return!n.apply(this,arguments)}}},function(n,t,r){var e=r(43);n.exports=function(n,t){return e(t,n,0)>=0}},function(n,t,r){var e=r(4),o=r(5);n.exports=function n(t,r,u){return function(){for(var i=[],c=0,a=t,f=0;f<r.length||c<arguments.length;){var s;f<r.length&&(!o(r[f])||c>=arguments.length)?s=r[f]:(s=arguments[c],c+=1),i[f]=s,o(s)||(a-=1),f+=1}return a<=0?u.apply(this,i):e(a,n(t,i,u))}}},function(n,t,r){var e=r(35),o=r(41),u=r(7),i=r(32),c=r(6),a=r(69);n.exports=function n(t,r,f,s){if(i(t,r))return!0;if(a(t)!==a(r))return!1;if(null==t||null==r)return!1;if("function"==typeof t.equals||"function"==typeof r.equals)return"function"==typeof t.equals&&t.equals(r)&&"function"==typeof r.equals&&r.equals(t);switch(a(t)){case"Arguments":case"Array":case"Object":if("function"==typeof t.constructor&&"Promise"===o(t.constructor))return t===r;break;case"Boolean":case"Number":case"String":if(typeof t!=typeof r||!i(t.valueOf(),r.valueOf()))return!1;break;case"Date":if(!i(t.valueOf(),r.valueOf()))return!1;break;case"Error":return t.name===r.name&&t.message===r.message;case"RegExp":if(t.source!==r.source||t.global!==r.global||t.ignoreCase!==r.ignoreCase||t.multiline!==r.multiline||t.sticky!==r.sticky||t.unicode!==r.unicode)return!1;break;case"Map":case"Set":if(!n(e(t.entries()),e(r.entries()),f,s))return!1;break;case"Int8Array":case"Uint8Array":case"Uint8ClampedArray":case"Int16Array":case"Uint16Array":case"Int32Array":case"Uint32Array":case"Float32Array":case"Float64Array":case"ArrayBuffer":break;default:return!1}var l=c(t);if(l.length!==c(r).length)return!1;for(var p=f.length-1;p>=0;){if(f[p]===t)return s[p]===r;p-=1}for(f.push(t),s.push(r),p=l.length-1;p>=0;){var h=l[p];if(!u(h,r)||!n(r[h],t[h],f,s))return!1;p-=1}return f.pop(),s.pop(),!0}},function(n,t){n.exports=function(n,t){for(var r=0,e=t.length,o=[];r<e;)n(t[r])&&(o[o.length]=t[r]),r+=1;return o}},function(n,t){n.exports=function(n){var t=String(n).match(/^function (\w*)/);return null==t?"":t[1]}},function(n,t){n.exports=function(n){return n}},function(n,t,r){var e=r(30);n.exports=function(n,t,r){var o,u;if("function"==typeof n.indexOf)switch(typeof t){case"number":if(0===t){for(o=1/t;r<n.length;){if(0===(u=n[r])&&1/u===o)return r;r+=1}return-1}if(t!==t){for(;r<n.length;){if("number"==typeof(u=n[r])&&u!==u)return r;r+=1}return-1}return n.indexOf(t,r);case"string":case"boolean":case"function":case"undefined":return n.indexOf(t,r);case"object":if(null===t)return n.indexOf(t,r)}for(;r<n.length;){if(e(n[r],t))return r;r+=1}return-1}},function(n,t,r){var e=r(7);n.exports=function(){var n=Object.prototype.toString;return"[object Arguments]"===n.call(arguments)?function(t){return"[object Arguments]"===n.call(t)}:function(n){return e("callee",n)}}()},function(n,t){n.exports=function(n){return"[object Function]"===Object.prototype.toString.call(n)}},function(n,t){n.exports=function(n){return"[object Object]"===Object.prototype.toString.call(n)}},function(n,t){n.exports=function(n){return"function"==typeof n["@@transducer/step"]}},function(n,t){n.exports=function(n,t){return function(){return t.call(this,n.apply(this,arguments))}}},function(n,t){n.exports=function(n){return'"'+n.replace(/\\/g,"\\\\").replace(/[\b]/g,"\\b").replace(/\f/g,"\\f").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\t/g,"\\t").replace(/\v/g,"\\v").replace(/\0/g,"\\0").replace(/"/g,'\\"')+'"'}},function(n,t){n.exports=function(){var n=function(n){return(n<10?"0":"")+n};return"function"==typeof Date.prototype.toISOString?function(n){return n.toISOString()}:function(t){return t.getUTCFullYear()+"-"+n(t.getUTCMonth()+1)+"-"+n(t.getUTCDate())+"T"+n(t.getUTCHours())+":"+n(t.getUTCMinutes())+":"+n(t.getUTCSeconds())+"."+(t.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z"}}()},function(n,t,r){var e=r(37),o=r(13),u=r(49),i=r(50),c=r(6),a=r(64);n.exports=function n(t,r){var f=function(o){var u=r.concat([t]);return e(o,u)?"<Circular>":n(o,u)},s=function(n,t){return o(function(t){return u(t)+": "+f(n[t])},t.slice().sort())};switch(Object.prototype.toString.call(t)){case"[object Arguments]":return"(function() { return arguments; }("+o(f,t).join(", ")+"))";case"[object Array]":return"["+o(f,t).concat(s(t,a(function(n){return/^\d+$/.test(n)},c(t)))).join(", ")+"]";case"[object Boolean]":return"object"==typeof t?"new Boolean("+f(t.valueOf())+")":t.toString();case"[object Date]":return"new Date("+(isNaN(t.valueOf())?f(NaN):u(i(t)))+")";case"[object Null]":return"null";case"[object Number]":return"object"==typeof t?"new Number("+f(t.valueOf())+")":1/t==-1/0?"-0":t.toString(10);case"[object String]":return"object"==typeof t?"new String("+f(t.valueOf())+")":u(t);case"[object Undefined]":return"undefined";default:if("function"==typeof t.toString){var l=t.toString();if("[object Object]"!==l)return l}return"{"+s(t,c(t)).join(", ")+"}"}}},function(n,t,r){var e=r(0),o=r(14);n.exports=function(){function n(n,t){this.xf=t,this.f=n}return n.prototype["@@transducer/init"]=o.init,n.prototype["@@transducer/result"]=o.result,n.prototype["@@transducer/step"]=function(n,t){return this.f(t)?this.xf["@@transducer/step"](n,t):n},e(function(t,r){return new n(t,r)})}()},function(n,t,r){var e=r(0),o=r(14);n.exports=function(){function n(n,t){this.xf=t,this.f=n}return n.prototype["@@transducer/init"]=o.init,n.prototype["@@transducer/result"]=o.result,n.prototype["@@transducer/step"]=function(n,t){return this.xf["@@transducer/step"](n,this.f(t))},e(function(t,r){return new n(t,r)})}()},function(n,t){n.exports=function(){function n(n){this.f=n}return n.prototype["@@transducer/init"]=function(){throw new Error("init not implemented on XWrap")},n.prototype["@@transducer/result"]=function(n){return n},n.prototype["@@transducer/step"]=function(n,t){return this.f(n,t)},function(t){return new n(t)}}()},function(n,t,r){var e=r(0),o=r(45),u=r(3),i=r(68);n.exports=e(function(n,t){return u(n+1,function(){var r=arguments[n];if(null!=r&&o(r[t]))return r[t].apply(r,Array.prototype.slice.call(arguments,0,n));throw new TypeError(i(r)+' does not have a method named "'+t+'"')})})},function(n,t,r){var e=r(1),o=r(8),u=r(12);n.exports=e(function(n){return!!o(n)||!!n&&("object"==typeof n&&(!u(n)&&(1===n.nodeType?!!n.length:0===n.length||n.length>0&&(n.hasOwnProperty(0)&&n.hasOwnProperty(n.length-1)))))})},function(n,t,r){var e=r(55);n.exports=e(1,"join")},function(n,t,r){var e=r(0),o=r(15);n.exports=e(function(n,t){return function(r){return function(e){return o(function(n){return t(n,e)},r(n(e)))}}})},function(n,t,r){var e=r(1),o=r(25),u=r(58),i=r(16);n.exports=e(function(n){return u(i(n),o(n))})},function(n,t,r){var e=r(0);n.exports=e(function(n,t){return n*t})},function(n,t,r){var e=r(2);n.exports=function(){var n=function(t){return{value:t,map:function(r){return n(r(t))}}};return e(function(t,r,e){return t(function(t){return n(r(t))})(e).value})}()},function(n,t,r){var e=r(4),o=r(48),u=r(63),i=r(67);n.exports=function(){if(0===arguments.length)throw new Error("pipe requires at least one argument");return e(arguments[0].length,u(o,arguments[0],i(arguments)))}},function(n,t,r){var e=r(2),o=r(9);n.exports=e(o)},function(n,t,r){var e=r(36),o=r(0),u=r(31);n.exports=o(function(n,t){return u(e(n),t)})},function(n,t,r){var e=r(1),o=r(12);n.exports=e(function(n){return o(n)?n.split("").reverse().join(""):Array.prototype.slice.call(n,0).reverse()})},function(n,t,r){var e=r(10),o=r(2);n.exports=o(e("slice",function(n,t,r){return Array.prototype.slice.call(r,n,t)}))},function(n,t,r){var e=r(10),o=r(1),u=r(66);n.exports=o(e("tail",u(1,1/0)))},function(n,t,r){var e=r(1),o=r(51);n.exports=e(function(n){return o(n,[])})},function(n,t,r){var e=r(1);n.exports=e(function(n){return null===n?"Null":void 0===n?"Undefined":Object.prototype.toString.call(n).slice(8,-1)})},function(n,t,r){var e=r(0);n.exports=e(function(n,t){for(var r=[],e=0,o=Math.min(n.length,t.length);e<o;)r[e]=[n[e],t[e]],e+=1;return r})},function(n,t){n.exports=r}])});

package.json

 {
   "name": "react-boxen",
-  "version": "0.0.35",
+  "version": "1.0.0",
   "main": "dist/web/index.js",
@@ -11,5 +11,5 @@ "module": "src/index.js",
     "test": "NODE_ENV=test jest",
-    "test:coverage": "npm run test -- --coverage",
-    "test:watch": "npm run test -- --watch",
-    "test:watch:coverage": "npm run test:coverage -- --watch",
+    "test:coverage": "yarn test -- --coverage",
+    "test:watch": "yarn test -- --watch",
+    "test:watch:coverage": "yarn test:coverage -- --watch",
     "test:visual": "run-p test:vis:serve test:vis:run",
@@ -24,5 +24,13 @@ "test:visual:add": "run-p test:vis:serve test:vis:run:ref:add",
     "test:vis:run:ref": "run-s test:vis:build test:vis:backstop:ref test:vis:serve:stop",
-    "test:vis:backstop": "backstop --configPath backstop.config.js test",
-    "test:vis:backstop:ref:add": "backstop --configPath backstop.config.js reference --i",
-    "test:vis:backstop:ref": "backstop --configPath backstop.config.js reference"
+    "test:vis:backstop": "backstop --configPath backstopTest.config.js test",
+    "test:vis:backstop:ref:add": "backstop --configPath backstopTest.config.js reference --i",
+    "test:vis:backstop:ref": "backstop --configPath backstopTest.config.js reference",
+    "examples:generate": "run-p examples:serve examples:run:ref",
+    "examples:serve": "serve storybook-static -p 5001",
+    "examples:serve:stop": "lsof -ti:5001 | xargs kill",
+    "examples:build": "build-storybook",
+    "examples:run": "run-s examples:build examples:backstop examples:serve:stop",
+    "examples:run:ref": "run-s examples:build examples:backstop:ref examples:serve:stop",
+    "examples:backstop": "backstop --configPath backstopExamples.config.js test",
+    "examples:backstop:ref": "backstop --configPath backstopExamples.config.js reference"
   },
@@ -29,0 +37,0 @@ "devDependencies": {

README.md

 # React Boxen
 A layout primitive for React.
 
-Boxen utilizes [glamor](https://github.com/threepointone/glamor) to provide cross-browser/cross-platform layout.
+React Boxen utilizes [Styled Components](https://styled-components.com) to provide cross-browser layout.
 
@@ -11,44 +11,134 @@ ## Why?
 
-## Basic Usage
+## Installation
+
+`npm install react-boxen --save` _or_ `yarn add react-boxen`
+
+## Usage Examples
+
+### Spacing vertically
+
+This example produces a layout with each child spaced vertically.
+
+<img align='right' src='examples/react-boxen_001-basic_0_document_0_default.png'/>
+
 ```jsx
+import React from "react"
 import Box from "react-boxen"
 
-export default function MyComponent(props) {
-  return (
-    <Box
-      style={{backgroundColor: "whitesmoke"}}
-      padding="20px"
-      childSpacing="10px">
-      <Box grow="1">Box 1</Box>
-      <Box grow="1">Box 2</Box>
-      <Box grow="1">Box 3</Box>      
-    </Box>
-  )
+const css = {
+  parent: `
+    padding: 1em;
+    background: lightgray;
+  `,
+  child: `
+    padding: 0.75em;
+    background: white;
+  `
 }
+
+export default () =>
+  <Box
+    css={css.parent}
+    childSpacing="10px">
+    <Box css={css.child}>Child 1</Box>
+    <Box css={css.child}>Child 2</Box>
+    <Box css={css.child}>Child 3</Box>
+  </Box>
 ```
 
+### Spacing horizontally
+
+This example produces a layout with each child spaced horizontally.
+
+<img align='right' src='examples/react-boxen_002-basic-horizontal_0_document_0_default.png'/>
+
+```jsx
+import React from "react"
+import Box from "react-boxen"
+
+const css = {
+  parent: `
+    padding: 1em;
+    background: lightgray;
+  `,
+  child: `
+    padding: 0.75em;
+    background: white;
+  `
+}
+
+export default () =>
+  <Box
+    css={css.parent}
+    childDirection="row"
+    childSpacing="10px">
+    <Box css={css.child}>Child 1</Box>
+    <Box css={css.child}>Child 2</Box>
+    <Box css={css.child}>Child 3</Box>
+  </Box>
+```
+
+### Child grow
+
+When a child receives `grow` as a prop (or `data-grow` for native elements) it fills the available space.
+
+<img align='right' src='examples/react-boxen_003-basic-horizontal-grow_0_document_0_default.png'/>
+
+```jsx
+import React from "react"
+import Box from "react-boxen"
+
+const css = {
+  parent: `
+    padding: 1em;
+    background: lightgray;
+  `,
+  child: `
+    padding: 0.75em;
+    background: white;
+  `
+}
+
+export default () =>
+  <Box
+    css={css.parent}
+    childDirection="row"
+    childSpacing="10px">
+    <Box css={css.child}>Child 1</Box>
+    <Box grow css={css.child}>Child 2</Box>
+    <Box css={css.child}>Child 3</Box>
+  </Box>
+```
+
 ## API
 
+### Box Properties
+
+Properties placed on the Box component directly.
+
 Property               | Type   | Value _(default `*`)_                                             | Description
 ---                    | ---    | ---                                                               | ---        
-`align`                | String | `auto *` `flex-start` `flex-end` `center` `stretch` `baseline`    | Override `childAlign` of parent `<Box/>`
-`basis`                | String | Length                                                            | Individual flex-basis. Think of it as _ideal length_.
+`css`                  | String | Template literal containing valid CSS                             | See [styled-components documentation](https://github.com/styled-components/styled-components#passed-props)
 `childAlign`           | String | `flex-start *` `flex-end` `center` `stretch` `baseline`           | Align children along the cross axis
-`childBasis`           | String | Length                                                            | When `childWrap='wrap'` and non-percentage length, children will grow/shrink to roughly maintain this size. Think of it as _ideal length_.
+`childBasis`           | String | Length                                                            | Assigns flex-basis on children
 `childDirection`       | String | `column *` `column-reverse` `row` `row-reverse`                   | Vertical or horizontal orientation of children
 `childJustify`         | String | `flex-start *` `flex-end` `center` `space-between` `space-around` | Align children along the main axis
 `childWrap`            | String | `nowrap *` `wrap` `wrap-reverse`                                  | Define whether or not children can wrap
-`childWrapLastGrow`    | String | `nowrap *` `wrap` `wrap-reverse`                                  | Define whether or not children can wrap
-`childWrapCount`       | Number | `20 *`                                                            | Typical items show before wrapping. Useful for maintaining `ChildBasis` width when fewer than typical wrap count.
-`childSpacing`         | String | Length                                                            | Spacing between children on any axis
-`css`                  | String | Template literal containing valid CSS                             | See [styled-components documentation](https://github.com/styled-components/styled-components#passed-props)
-`grow`                 | Number | `0 *`                                                             | Amount `Box` should grow to fill available space
-`height`               | String | Length                                                            | ...
-`padding`              | String | CSS length                                                        | ...
-`shrink`               | Number | `1 *`                                                             | Amount `Box` should shrink inside available space
-`width`                | String | Length                                                            | ...
+`childWrapLastGrow`    | Bool   | `True *`                                                          | Setting to `false` preserves any orphan element's width when `childWrap` is `wrap`.
+`childSpacing`         | String | Length                                                            | Spacing between children on any axis (accepts shorthand value `5px 10em`)
+`padding`              | String | Length                                                            | Accepts shorthand `5px 10em`
 `...rest`              | Any    | Any                                                               | Rest of props (aside from `children`) are spread onto `Box` itself (e.g. `onClick`, `onPress`, etc.)
 
+### Child Properties
+
+Properties added to any direct child. For compound components use values as shown. For native elements (e.g. `<div />`) use `data-<grow|shrink|...>` (i.e. `<div data-grow>Child</div>`).
+
+Property               | Type   | Value _(default `*`)_                                             | Description
+---                    | ---    | ---                                                               | ---        
+`basis`                | String | Length                                                            | Individual flex-basis. This controls the length (width or height) along the main axis.
+`grow`                 | Number | `0 *`                                                             | Amount `Box` should grow to fill available space
+`shrink`               | Number | `0 *`                                                             | Amount `Box` should shrink inside available space
+
 ## Roadmap
 
 Technically, there is nothing preventing usage with React Native. The web is a more immediate proving ground. As the API solidifies, testing and support will be hammered out for RN. PRs are always welcome!

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

31181

increased by7.62%

Number of low quality alerts

2

decreased by-33.33%

Number of lines in readme file

144

increased by166.67%

No dependency changes