react-layout-views - npm Package Compare versions

Comparing version 0.1.1 to 0.2.0

native/index.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-native")):"function"==typeof define&&define.amd?define("react-layout-views",["react","react-native"],e):"object"==typeof exports?exports["react-layout-views"]=e(require("react"),require("react-native")):t["react-layout-views"]=e(t.react,t["react-native"])}(this,function(t,e){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=4)}([function(e,n){e.exports=t},,function(t,n){t.exports=e},,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),n.d(e,"Layout",function(){return f}),n.d(e,"Section",function(){return p});var r=n(0),o=n.n(r),i=n(2),u=(n.n(i),this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},a=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&(n[r[o]]=t[r[o]]);return n},f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){var t=this.props,e=t.style,u=a(t,["style"]);return o.a.createElement(i.View,{style:[s(u),e]},o.a.createElement(i.View,{style:l(u)},r.Children.map(u.children,function(t){return t?n.i(r.cloneElement)(t,{parentProps:u}):null})))},e.defaultProps={spacing:0},e}(r.PureComponent),s=function(t){var e=t.grow;return c({},e?{flex:"number"==typeof e?e:1}:{})},l=function(t){var e=t.horizontal,n=t.spacing,r=t.grow,o=t.center,i=t.top,u=t.right,a=t.bottom,f=t.left;return c({flexDirection:e?"row":"column"},r?{flex:"number"==typeof r?r:1}:{},{margin:-n/2},e?c({},o?{alignItems:"center",justifyContent:"center"}:{},i?{alignItems:"flex-start"}:{},u?{justifyContent:"flex-end"}:{},a?{alignItems:"flex-end"}:{},f?{justifyContent:"flex-start"}:{}):c({},o?{alignItems:"center",justifyContent:"center"}:{},i?{justifyContent:"flex-start"}:{},u?{alignItems:"flex-end"}:{},a?{justifyContent:"flex-end"}:{},f?{alignItems:"flex-start"}:{}))},p=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){var t=this.props,e=t.style,n=a(t,["style"]);return o.a.createElement(i.View,{style:[y(n),e]},n.children)},e}(r.PureComponent),y=function(t){var e=t.grow,n=t.center,r=t.centerVertical,o=t.centerHorizontal,i=t.top,u=t.right,a=t.bottom,f=t.left,s=t.parentProps,l=(s.horizontal,s.spacing);return c({display:"flex",padding:l/2},e?{flex:"number"==typeof e?e:1}:{},n?{alignItems:"center",justifyContent:"center"}:{},r?{justifyContent:"center"}:{},o?{alignItems:"center"}:{},i?{justifyContent:"flex-start"}:{},u?{alignItems:"flex-end"}:{},a?{justifyContent:"flex-end"}:{},f?{alignItems:"flex-start"}:{})}}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-native")):"function"==typeof define&&define.amd?define("react-layout-views",["react","react-native"],e):"object"==typeof exports?exports["react-layout-views"]=e(require("react"),require("react-native")):t["react-layout-views"]=e(t.react,t["react-native"])}(this,function(t,e){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=21)}({0:function(e,n){e.exports=t},11:function(t,n){t.exports=e},21:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),n.d(e,"Layout",function(){return f}),n.d(e,"Section",function(){return p});var r=n(0),o=n.n(r),i=n(11),u=(n.n(i),this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},a=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&(n[r[o]]=t[r[o]]);return n},f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){var t=this.props,e=t.style,u=a(t,["style"]);return o.a.createElement(i.View,{style:[s(u),e]},o.a.createElement(i.View,{style:l(u)},r.Children.map(u.children,function(t){return t?n.i(r.cloneElement)(t,{parentProps:u}):null})))},e.defaultProps={spacing:0},e}(r.PureComponent),s=function(t){var e=t.grow;return c({},e?{flex:"number"==typeof e?e:1}:{})},l=function(t){var e=t.horizontal,n=t.spacing,r=t.grow,o=t.center,i=t.top,u=t.right,a=t.bottom,f=t.left;return c({flexDirection:e?"row":"column"},r?{flex:"number"==typeof r?r:1}:{},{margin:-n/2},e?c({},o?{alignItems:"center",justifyContent:"center"}:{},i?{alignItems:"flex-start"}:{},u?{justifyContent:"flex-end"}:{},a?{alignItems:"flex-end"}:{},f?{justifyContent:"flex-start"}:{}):c({},o?{alignItems:"center",justifyContent:"center"}:{},i?{justifyContent:"flex-start"}:{},u?{alignItems:"flex-end"}:{},a?{justifyContent:"flex-end"}:{},f?{alignItems:"flex-start"}:{}))},p=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){var t=this.props,e=t.style,n=a(t,["style"]);return o.a.createElement(i.View,{style:y(n)},o.a.createElement(i.View,{style:[m(n),e]},n.children))},e}(r.PureComponent),y=function(t){var e=t.grow,n=t.parentProps.spacing;return c({padding:n/2},e?{flex:"number"==typeof e?e:1}:{})},m=function(t){var e=t.grow,n=t.center,r=t.centerVertical,o=t.centerHorizontal,i=t.top,u=t.right,a=t.bottom,f=t.left,s=t.parentProps;s.horizontal,s.spacing;return c({},e?{flex:"number"==typeof e?e:1}:{},n?{alignItems:"center",justifyContent:"center"}:{},r?{justifyContent:"center"}:{},o?{alignItems:"center"}:{},i?{justifyContent:"flex-start"}:{},u?{alignItems:"flex-end"}:{},a?{justifyContent:"flex-end"}:{},f?{alignItems:"flex-start"}:{})}}})});

package.json

 {
   "name": "react-layout-views",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "main": "./web/index.js",
@@ -39,3 +39,4 @@ "types": "./web/index.d.ts",
     "css-length": "^1.0.3",
-    "styled-components": "^2.2.3"
+    "styled-components": "^2.2.3",
+    "to-style": "^1.3.3"
   },
@@ -42,0 +43,0 @@ "peerDependencies": {

README.md

@@ -47,2 +47,15 @@ # React Layout Views
 
+### Styling
+
+```jsx
+// This example shows how styles may be applied
+// directly to `Layout` and `Section`.
+
+<Layout horizontal spacing='20px' style={{background: 'red'}}> // does not produce inline styles
+  <Section grow>Content 1</Section>
+  <Section>Content 2</Section>
+  <Section style={{padding: '1em'}}>Content 3</Section> // does not produce inline styles
+</Layout>
+```
+
 ## Setup
@@ -57,10 +70,8 @@
 ```jsx
-// Web
+import { Layout, Section } from 'react-layout-views' // web
 
-import { Layout, Section } from 'react-layout-views`
+// OR
 
-// Native
+import { Layout, Section } from 'react-layout-views/native' // native
 
-import { Layout, Section } from 'react-layout-views/native`
-
 ...
@@ -80,2 +91,3 @@ ```
 - `horizontal?: boolean` are child sections arranged horizontally or vertically
+- `style?: object` JavaScript style object (on the web this is passed to styled-components and will not produce inline-styles). All platform-specific styling is supported.
 
@@ -99,2 +111,3 @@ ##### Alignment
 - `grow?: boolean | number` how should the `Section` fill its container
+- `style?: object` JavaScript style object (on the web this is passed to styled-components and will not produce inline-styles). All platform-specific styling is supported.
 
@@ -118,2 +131,2 @@ ##### Alignment
 - `npm run apps:run` - start storybook for web and native
-- `npm run apps:test` - run visual regression tests with [loki](https://github.com/oblador/loki)
+- `npm run apps:test` - run visual regression tests with [loki](https://github.com/oblador/loki)

typings/web.d.ts

@@ -11,2 +11,3 @@ import { StyledProps } from 'styled-components'
   }
+  styleString?: string
   horizontal?: boolean
@@ -22,2 +23,3 @@ center?: boolean
   parentProps?: LayoutProps
+  styleString?: string
   grow?: boolean | number
@@ -24,0 +26,0 @@ center?: boolean

web/index.d.ts

@@ -9,2 +9,6 @@ /// <reference types="react" />
 }
-export declare const Section: StyledComponentClass<React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps, any, React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps>;
+export declare class Section extends PureComponent<SectionProps> {
+    render(): JSX.Element;
+}
+export declare const SectionWrapper: StyledComponentClass<React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps, any, React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps>;
+export declare const SectionInner: StyledComponentClass<React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps, any, React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps>;

web/index.js

@@ -1,1 +0,1 @@
-!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("css-length"),require("styled-components")):"function"==typeof define&&define.amd?define("react-layout-views",["react","css-length","styled-components"],t):"object"==typeof exports?exports["react-layout-views"]=t(require("react"),require("css-length"),require("styled-components")):n["react-layout-views"]=t(n.react,n["css-length"],n["styled-components"])}(this,function(n,t,e){return function(n){function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var e={};return t.m=n,t.c=e,t.i=function(n){return n},t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{configurable:!1,enumerable:!0,get:r})},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},t.p="",t(t.s=5)}([function(t,e){t.exports=n},function(n,e){n.exports=t},,function(n,t){n.exports=e},,function(n,t,e){"use strict";function r(){return function(n){return n}}Object.defineProperty(t,"__esModule",{value:!0}),e.d(t,"Layout",function(){return O}),e.d(t,"Section",function(){return P});var o,i,c,s,l,f,u,a,p=e(0),y=e.n(p),d=e(3),x=e.n(d),g=e(1),m=e.n(g),h=this&&this.__extends||function(){var n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var e in t)t.hasOwnProperty(e)&&(n[e]=t[e])};return function(t,e){function r(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}(),j=this&&this.__makeTemplateObject||function(n,t){return Object.defineProperty?Object.defineProperty(n,"raw",{value:t}):n.raw=t,n},v=this&&this.__assign||Object.assign||function(n){for(var t,e=1,r=arguments.length;e<r;e++){t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},b=this&&this.__rest||function(n,t){var e={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(e[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(n);o<r.length;o++)t.indexOf(r[o])<0&&(e[r[o]]=n[r[o]]);return e},O=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return h(t,n),t.prototype.render=function(){var n=this.props,t=(n.style,n.spacing),r=b(n,["style","spacing"]),o=new m.a(t),i=v({},r,{spacingInfo:o});return y.a.createElement(_,v({},i),y.a.createElement(w,v({},i),p.Children.map(r.children,function(n){return n?e.i(p.cloneElement)(n,{parentProps:i}):null})))},t.defaultProps={spacing:"0px"},t}(p.PureComponent),_=r()(x.a.div)(i||(i=j(["\n  ","\n"],["\n  ","\n"])),function(n){var t=n.grow,r=n.horizontal;return e.i(d.css)(o||(o=j(["\n      overflow: hidden;\n      ","\n      ","\n    "],["\n      overflow: hidden;\n      ","\n      ","\n    "])),(t||r)&&"display: flex;",(t||r)&&"flex: "+("number"==typeof t?t:1)+";")}),w=r()(x.a.div)(f||(f=j(["\n  ","\n"],["\n  ","\n"])),function(n){var t=n.horizontal,r=n.spacingInfo,o=n.grow,i=n.center,f=n.top,u=n.right,a=n.bottom,p=n.left;return e.i(d.css)(l||(l=j(["\n      display: flex;\n      ","\n      ","\n      flex-direction: ",";\n      margin: ",";\n      ","\n    "],["\n      display: flex;\n      ","\n      ","\n      flex-direction: ",";\n      margin: ",";\n      ","\n    "])),(o||t)&&"display: flex;",(o||t)&&"flex: "+("number"==typeof o?o:1)+";",t?"row":"column",(-r.value/2).toString()+r.unit,t?e.i(d.css)(c||(c=j(["\n          ","\n          ","\n          ","\n          ","\n          ","\n        "],["\n          ","\n          ","\n          ","\n          ","\n          ","\n        "])),i&&"align-items: center; justify-content: center;",f&&"align-items: flex-start;",u&&"justify-content: flex-end;",a&&"align-items: flex-end;",p&&"justify-content: flex-start;"):e.i(d.css)(s||(s=j(["\n          ","\n          ","\n          ","\n          ","\n          ","\n        "],["\n          ","\n          ","\n          ","\n          ","\n          ","\n        "])),i&&"align-items: center; justify-content: center;",f&&"justify-content: flex-start;",u&&"align-items: flex-end;",a&&"justify-content: flex-end;",p&&"align-items: flex-start;"))}),P=r()(x.a.div)(a||(a=j(["\n  ","\n"],["\n  ","\n"])),function(n){var t=n.grow,r=n.center,o=n.centerVertical,i=n.centerHorizontal,c=n.top,s=n.right,l=n.bottom,f=n.left,a=n.parentProps,p=(a.horizontal,a.spacingInfo);return e.i(d.css)(u||(u=j(["\n      display: flex;\n      flex-direction: column;\n      padding: ",";\n      ","\n      ","\n      "," \n      ","     \n      ","\n      ","\n      ","\n      ","\n      ","\n    "],["\n      display: flex;\n      flex-direction: column;\n      padding: ",";\n      ","\n      ","\n      "," \n      ","     \n      ","\n      ","\n      ","\n      ","\n      ","\n    "])),(p.value/2).toString()+p.unit,t&&"flex: "+("number"==typeof t?t:1)+";",r&&"align-items: center; justify-content: center;",o&&"justify-content: center;",i&&"align-items: center;",r&&"align-items: center; justify-content: center;",c&&"justify-content: flex-start;",s&&"align-items: flex-end;",l&&"justify-content: flex-end;",f&&"align-items: flex-start;")})}])});
+!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("css-length"),require("styled-components")):"function"==typeof define&&define.amd?define("react-layout-views",["react","css-length","styled-components"],t):"object"==typeof exports?exports["react-layout-views"]=t(require("react"),require("css-length"),require("styled-components")):n["react-layout-views"]=t(n.react,n["css-length"],n["styled-components"])}(this,function(n,t,e){return function(n){function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var e={};return t.m=n,t.c=e,t.i=function(n){return n},t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{configurable:!1,enumerable:!0,get:r})},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},t.p="",t(t.s=22)}([function(t,e){t.exports=n},function(n,t){"use exports";n.exports={animation:1,"column-count":1,columns:1,"font-weight":1,opacity:1,"order  ":1,"z-index":1,zoom:1,flex:1,"box-flex":1,transform:1,perspective:1,"box-pack":1,"box-align":1,colspan:1,rowspan:1}},function(n,t,e){"use strict";var r=Object.prototype.hasOwnProperty;n.exports=function(n,t){return r.call(n,t)}},function(n,t,e){"use strict";var r=e(7),o=/^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,i="undefined"==typeof document?{}:document.documentElement.style,s=function(){var n=function(){for(var n in i)if(o.test(n))return n.match(o)[0];return"WebkitOpacity"in i?"Webkit":"KhtmlOpacity"in i?"Khtml":""}();return{style:n,css:"-"+n.toLowerCase()+"-",dom:{Webkit:"WebKit",ms:"MS",o:"WebKit"}[n]||r(n)}}();n.exports=s},function(n,t){n.exports={"border-radius":1,"border-top-left-radius":1,"border-top-right-radius":1,"border-bottom-left-radius":1,"border-bottom-right-radius":1,"box-shadow":1,order:1,flex:function(n,t){return[t+"box-flex"]},"box-flex":1,"box-align":1,animation:1,"animation-duration":1,"animation-name":1,transition:1,"transition-duration":1,transform:1,"transform-style":1,"transform-origin":1,"backface-visibility":1,perspective:1,"box-pack":1}},function(n,t,e){"use strict";var r=function(n,t){return t?t.toUpperCase():""},o=e(17);n.exports=function(n){return n?n.replace(o,r):""}},function(n,t,e){"use strict";var r=e(18);n.exports=function(n){return r(n).toLowerCase()}},function(n,t,e){"use strict";n.exports=function(n){return n.length?n.charAt(0).toUpperCase()+n.substring(1):n}},function(n,t,e){"use strict";var r=(e(3),e(13)),o=e(6),i=e(5),s=e(2),c=e(15),u=e(14),a=function(n,t,e,o){r(t).forEach(function(t){n[o?o(t):t]=e})},l=function(n){n=(n||"").split(";");var t={};return n.forEach(function(n){var e=n.split(":");2==e.length&&(t[e[0].trim()]=e[1].trim())}),t},f={cssUnitless:e(1)},p=function(n,t,e,r){"string"==typeof n&&(n=l(n)),t=t||f,t.cssUnitless=t.cssUnitless||f.cssUnitless,r=r||{};var d,y,x,m,g,b,h,v,j=t.scope||{},O=null!=t.addUnits?t.addUnits:!j||null==j.addUnits||j.addUnits,w=(null!=t.cssUnitless?t.cssUnitless:j?j.cssUnitless:null)||{},_=(t.cssUnit||j?j.cssUnit:null)||"px",P=t.prefixProperties||(j?j.prefixProperties:null)||{},S=t.camelize,U=S?i:o;for(x in n)if(s(n,x)){if(m=n[x],y=o(e?e+x:x),d=!1,v=!1,u(m)&&(h=m.call(j||n,m,x,y,n),c(h)&&null!=h.value?(m=h.value,v=h.prefix,y=h.name?o(h.name):y):m=h),g=typeof m,b="number"==g||"string"==g&&""!=m&&1*m==m,null==m||null==y||""===y)continue;if((b||"string"==g)&&(d=!0),!d&&null!=m.value&&m.prefix&&(d=!0,v=m.prefix,m=m.value),d){if(v=v||!!P[y],b&&(m=!O||y in w?m+"":m+_),"border"!=y&&(y.indexOf("border")||~y.indexOf("radius")||~y.indexOf("width"))||!b||(y+="-width"),!y.indexOf("border-radius-")&&(y.replace(/border(-radius)(-(.*))/,function(n,t,e){var r={"-top":["-top-left","-top-right"],"-left":["-top-left","-bottom-left"],"-right":["-top-right","-bottom-right"],"-bottom":["-bottom-left","-bottom-right"]};e in r?(y=[],r[e].forEach(function(n){y.push("border"+n+t)})):y="border"+e+t}),Array.isArray(y))){y.forEach(function(n){v?a(r,n,m,U):r[U(n)]=m});continue}v?a(r,y,m,U):r[U(y)]=m}else p(m,t,y+"-",r)}return r};n.exports=p},function(n,t,e){"use strict";n.exports={prefixProperties:e(4),cssUnitless:e(1),object:e(8),string:e(20)}},function(n,e){n.exports=t},,function(n,t){n.exports=e},function(n,t,e){n.exports=e(16)()},function(n,t,e){"use strict";var r=Object.prototype.toString;n.exports=function(n){return"[object Function]"===r.apply(n)}},function(n,t,e){"use strict";var r=Object.prototype.toString;n.exports=function(n){return!!n&&"[object Object]"===r.call(n)}},function(n,t,e){"use strict";var r=e(5),o=e(6),i=e(19),s=e(7),c=e(3),u=e(4),a="undefined"==typeof document?{}:document.documentElement.style;n.exports=function(n){return function(t,e){e=e||{};var l=i(r(t)),f=o(t),p=n?l:f,d=c.style?n?c.style:c.css:"";if(l in a)return e.asString?p:[p];var y=p,x=u[f],m=[];if(n&&(y=s(p)),"function"==typeof x){var g=x(p,d)||[];g&&!Array.isArray(g)&&(g=[g]),g.length&&(g=g.map(function(t){return n?i(r(t)):o(t)})),m=m.concat(g)}return d&&m.push(d+y),m.push(p),e.asString||1==m.length?m[0]:m}}},function(n,t){n.exports=/[-\s]+(.)?/g},function(n,t,e){"use strict";var r=/::/g,o=/([A-Z]+)([A-Z][a-z])/g,i=/([a-z\d])([A-Z])/g,s=/_/g;n.exports=function(n,t){return n?n.replace(r,"/").replace(o,"$1_$2").replace(i,"$1_$2").replace(s,t||"-"):""}},function(n,t,e){"use strict";n.exports=function(n){return n.length?n.charAt(0).toLowerCase()+n.substring(1):n}},function(n,t,e){"use strict";var r=e(8),o=e(2);n.exports=function(n,t){n=r(n,t);var e,i=[];for(e in n)o(n,e)&&i.push(e+": "+n[e]);return i.join("; ")}},,function(n,t,e){"use strict";function r(){return function(n){return n}}Object.defineProperty(t,"__esModule",{value:!0}),e.d(t,"Layout",function(){return P}),e.d(t,"Section",function(){return z}),e.d(t,"SectionWrapper",function(){return A}),e.d(t,"SectionInner",function(){return E});var o,i,s,c,u,a,l,f,p,d,y=e(0),x=e.n(y),m=e(12),g=e.n(m),b=e(10),h=e.n(b),v=e(9),j=(e.n(v),this&&this.__extends||function(){var n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var e in t)t.hasOwnProperty(e)&&(n[e]=t[e])};return function(t,e){function r(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),O=this&&this.__makeTemplateObject||function(n,t){return Object.defineProperty?Object.defineProperty(n,"raw",{value:t}):n.raw=t,n},w=this&&this.__assign||Object.assign||function(n){for(var t,e=1,r=arguments.length;e<r;e++){t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},_=this&&this.__rest||function(n,t){var e={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(e[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(n);o<r.length;o++)t.indexOf(r[o])<0&&(e[r[o]]=n[r[o]]);return e},P=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return j(t,n),t.prototype.render=function(){var n=this.props,t=n.style,r=n.spacing,o=_(n,["style","spacing"]),i=e.i(v.string)(t),s=new h.a(r),c=w({},o,{spacingInfo:s,styleString:i});return x.a.createElement(S,w({},c),x.a.createElement(U,w({},c),y.Children.map(o.children,function(n){return n?e.i(y.cloneElement)(n,{parentProps:c}):null})))},t.defaultProps={spacing:"0px"},t}(y.PureComponent),S=r()(g.a.div)(i||(i=O(["\n  ","\n"],["\n  ","\n"])),function(n){var t=n.grow,r=n.horizontal,i=n.styleString;return e.i(m.css)(o||(o=O(["\n      overflow: hidden;\n      ","\n      ","\n      ","\n    "],["\n      overflow: hidden;\n      ","\n      ","\n      ","\n    "])),(t||r)&&"display: flex;",(t||r)&&"flex: "+("number"==typeof t?t:1)+";",i)}),U=r()(g.a.div)(a||(a=O(["\n  ","\n"],["\n  ","\n"])),function(n){var t=n.horizontal,r=n.spacingInfo,o=n.grow,i=n.center,a=n.top,l=n.right,f=n.bottom,p=n.left;return e.i(m.css)(u||(u=O(["\n      display: flex;\n      ","\n      ","\n      flex-direction: ",";\n      margin: ",";\n      ","\n    "],["\n      display: flex;\n      ","\n      ","\n      flex-direction: ",";\n      margin: ",";\n      ","\n    "])),(o||t)&&"display: flex;",(o||t)&&"flex: "+("number"==typeof o?o:1)+";",t?"row":"column",(-r.value/2).toString()+r.unit,t?e.i(m.css)(s||(s=O(["\n          ","\n          ","\n          ","\n          ","\n          ","\n        "],["\n          ","\n          ","\n          ","\n          ","\n          ","\n        "])),i&&"align-items: center; justify-content: center;",a&&"align-items: flex-start;",l&&"justify-content: flex-end;",f&&"align-items: flex-end;",p&&"justify-content: flex-start;"):e.i(m.css)(c||(c=O(["\n          ","\n          ","\n          ","\n          ","\n          ","\n        "],["\n          ","\n          ","\n          ","\n          ","\n          ","\n        "])),i&&"align-items: center; justify-content: center;",a&&"justify-content: flex-start;",l&&"align-items: flex-end;",f&&"justify-content: flex-end;",p&&"align-items: flex-start;"))}),z=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return j(t,n),t.prototype.render=function(){var n=this.props,t=n.style,r=_(n,["style"]),o=e.i(v.string)(t);return x.a.createElement(A,w({},r),x.a.createElement(E,w({},r,{styleString:o}),r.children))},t}(y.PureComponent),A=r()(g.a.div)(f||(f=O(["\n  ","\n"],["\n  ","\n"])),function(n){var t=n.grow,r=(n.center,n.centerVertical,n.centerHorizontal,n.top,n.right,n.bottom,n.left,n.parentProps),o=(r.horizontal,r.spacingInfo);return e.i(m.css)(l||(l=O(["\n      display: flex;\n      flex-direction: column;\n      padding: ",";\n      ","\n    "],["\n      display: flex;\n      flex-direction: column;\n      padding: ",";\n      ","\n    "])),(o.value/2).toString()+o.unit,t&&"flex: "+("number"==typeof t?t:1)+";")}),E=r()(g.a.div)(d||(d=O(["\n  ","\n"],["\n  ","\n"])),function(n){var t=n.grow,r=n.center,o=n.centerVertical,i=n.centerHorizontal,s=n.top,c=n.right,u=n.bottom,a=n.left,l=n.styleString;return e.i(m.css)(p||(p=O(["\n      display: flex;\n      flex-direction: column;\n      ","\n      ","\n      "," \n      ","     \n      ","\n      ","\n      ","\n      ","\n      ","\n      ",";\n    "],["\n      display: flex;\n      flex-direction: column;\n      ","\n      ","\n      "," \n      ","     \n      ","\n      ","\n      ","\n      ","\n      ","\n      ",";\n    "])),t&&"flex: "+("number"==typeof t?t:1)+";",r&&"align-items: center; justify-content: center;",o&&"justify-content: center;",i&&"align-items: center;",r&&"align-items: center; justify-content: center;",s&&"justify-content: flex-start;",c&&"align-items: flex-end;",u&&"justify-content: flex-end;",a&&"align-items: flex-start;",l)})}])});

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

Improved metrics

Total package byte prevSize

30168

increased by35.49%

Lines of code

279

increased by19.23%

Number of lines in readme file

128

increased by12.28%

Worsened metrics

Dependency count

4

increased by33.33%

Dependency changes

• + Addedto-style@^1.3.3

• + Addedto-style@1.3.3(transitive)