@heliux-org/design-system-core 0.0.202 → 0.0.204

package/dist/GridContainer.js

@@ -7,8 +7,8 @@
   margin-right: ${e=>i(e.marginRight||e.margin)};
   margin-bottom: ${e=>i(e.marginBottom||e.margin)};
   margin-left: ${e=>i(e.marginLeft||e.margin)};
-  padding-left: 8px;
-  padding-right: 8px;
+  padding-left: 15px;
+  padding-right: 15px;
   ${e=>e.debug&&"background-color: rgba(0,0,0,0.1);"}
 
   @media (min-width: 1860px) {
@@ -19,25 +19,17 @@
   display: flex;
   flex-wrap: wrap;
   margin-top: ${e=>i(e.marginTop||e.margin)};
-  margin-right: ${e=>e.nogutter?i(e.marginRight||e.margin):`calc(${i(e.marginRight||e.margin)} - 8px)`};
+  margin-right: ${e=>e.nogutter?i(e.marginRight||e.margin):`calc(${i(e.marginRight||e.margin)} - 15px)`};
   margin-bottom: ${e=>i(e.marginBottom||e.margin)};
-  margin-left: ${e=>e.nogutter?i(e.marginLeft||e.margin):`calc(${i(e.marginLeft||e.margin)} - 8px)`};
+  margin-left: ${e=>e.nogutter?i(e.marginLeft||e.margin):`calc(${i(e.marginLeft||e.margin)} - 15px)`};
   ${e=>e.fullHeight&&`\n    height: ${e.remainingHeight};\n    > * {\n      margin: ${i(e.marginBottom||e.margin)}px;\n    }\n  `}
   ${e=>e.debug&&"background-color: rgba(0,0,0,0.2);"}
 `,g=e=>{const t=(0,a.useRef)(null),[r,n]=(0,a.useState)("100vh");return(0,a.useEffect)((()=>{if(e.fullHeight&&t.current){const r=()=>{var r;const o=(null===(r=t.current)||void 0===r?void 0:r.getBoundingClientRect().top)||0,a=window.innerHeight-o-parseFloat(i(e.marginBottom||e.margin));n(`${a}px`)};return r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)}}),[e.fullHeight,e.margin,e.marginBottom]),(0,o.jsx)(m,Object.assign({ref:t,className:`row ${e.className||""}`},e,{remainingHeight:r},{children:e.children}))};t.GridRow=g;const y=s.default.div`
   flex: 0 0 auto;
-  padding-right: 4px;
-  padding-left: 4px;
+  padding-right: 15px;
+  padding-left: 15px;
   ${e=>e.debug&&"background-color: rgba(0,0,0,0.4);"}
 
-  &:first-child {
-    padding-left: 8px;
-  }
-
-  &:last-child {
-    padding-right: 8px;
-  }
-
   ${e=>void 0!==e.xs&&`\n    flex-basis: ${p(e.xs)};\n    max-width: ${p(e.xs)};\n  `}
 
   @media (min-width: ${c}px) {
@@ -55,5 +47,5 @@
   @media (min-width: ${f}px) {
     ${e=>void 0!==e.xl&&`\n      flex-basis: ${p(e.xl)};\n      max-width: ${p(e.xl)};\n    `}
   }
-`,v=e=>(0,o.jsx)(y,Object.assign({className:e.className},e,{children:e.children}));t.GridCol=v;t.GridExample=()=>(0,o.jsx)(h,Object.assign({fullWidth:!0,margin:8,debug:!0},{children:(0,o.jsxs)(g,Object.assign({margin:8,debug:!0},{children:[(0,o.jsx)(v,Object.assign({xs:12,md:6,lg:4,debug:!0},{children:"Column 1"})),(0,o.jsx)(v,Object.assign({xs:12,md:6,lg:4,debug:!0},{children:"Column 2"})),(0,o.jsx)(v,Object.assign({xs:12,md:12,lg:4,debug:!0},{children:"Column 3"}))]}))}))},17848:(e,t,r)=>{"use strict";r(45976)},96496:t=>{"use strict";t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e].call(a.exports,a,a.exports,n),a.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0,n(17848),n(48530)})()));
+`,v=e=>(0,o.jsx)(y,Object.assign({className:e.className},e,{children:e.children}));t.GridCol=v;t.GridExample=()=>(0,o.jsx)(h,Object.assign({fullWidth:!0,margin:8,debug:!0},{children:(0,o.jsxs)(g,Object.assign({margin:16,debug:!0},{children:[(0,o.jsx)(v,Object.assign({xs:12,md:6,lg:4,debug:!0},{children:"Column 1"})),(0,o.jsx)(v,Object.assign({xs:12,md:6,lg:4,debug:!0},{children:"Column 2"})),(0,o.jsx)(v,Object.assign({xs:12,md:12,lg:4,debug:!0},{children:"Column 3"}))]}))}))},17848:(e,t,r)=>{"use strict";r(45976)},96496:t=>{"use strict";t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e].call(a.exports,a,a.exports,n),a.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0,n(17848),n(48530)})()));
 //# sourceMappingURL=GridContainer.js.map