@occmundial/occ-atomic 3.0.0-beta.32 → 3.0.0-beta.34

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# [3.0.0-beta.34](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.33...v3.0.0-beta.34) (2024-07-22)
+
+
+### Bug Fixes
+
+* Reuse col breakpoints ([0da7c54](https://github.com/occmundial/occ-atomic/commit/0da7c541bbf6ceb5df8a2c0011cc0e18068ad5fb))
+* Revert some changes, remove unnecesary bp and add padding to grid ([6eb2e99](https://github.com/occmundial/occ-atomic/commit/6eb2e9960029d94c5fcd7eb23efc31366135a7ea))
+
+# [3.0.0-beta.33](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.32...v3.0.0-beta.33) (2024-07-17)
+
+
+### Bug Fixes
+
+* Remove unnecesary div ([ab699f9](https://github.com/occmundial/occ-atomic/commit/ab699f9370b51dfdb7e57d21840ce452702aecf2))
+* Resolve conflicts with beta ([e046e67](https://github.com/occmundial/occ-atomic/commit/e046e6717789a3d2ef8fd055d752a933eab18e33))
+* Revert footer changes and remove row ([3345402](https://github.com/occmundial/occ-atomic/commit/33454022daeb247db464b297ba0596cdd5956cc1))
+* Revert footer changes and remove row ([6345b4e](https://github.com/occmundial/occ-atomic/commit/6345b4ef24107127e0d1654ac32e7c3625c52442))
+
 # [3.0.0-beta.32](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.31...v3.0.0-beta.32) (2024-07-16)
 
 

package/build/Footer/Footer.js

@@ -54,17 +54,12 @@ var Footer = function Footer(_ref) {
     className: columns.length > 0 ? classes.footer : classes.footerWithoutColumns
   }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     fluid: winWidth < _grid["default"].xl
-  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"].Row, {
+  }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
+    display: "flex",
+    direction: isMobile ? 'col' : 'row',
     className: classes.column
   }, columns.map(function (column, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Grid["default"].Col, {
-      xxs: {
-        col: 12
-      },
-      sm: {
-        col: 6
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
       key: index,
       flex: "1",
       className: !isMobile ? classes.list : ''
@@ -75,12 +70,8 @@ var Footer = function Footer(_ref) {
         key: list.key,
         listClassName: listClassName
       });
-    })));
-  })), /*#__PURE__*/_react["default"].createElement(_Grid["default"].Row, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"].Col, {
-    xxs: {
-      col: 12
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
+    }));
+  })), /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     display: "flex",
     alignItems: "start",
     className: classes.bottomWrap,
@@ -119,7 +110,7 @@ var Footer = function Footer(_ref) {
   })), copyText && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     small: true,
     mid: true
-  }, copyText)), bottomItem)))));
+  }, copyText)), bottomItem)));
 };
 
 var columnPropTypes = _propTypes["default"].arrayOf(_propTypes["default"].arrayOf(_propTypes["default"].shape({

package/build/Grid/Col/__snapshots__/Col.test.js.snap

@@ -795,18 +795,6 @@ Object {
     },
   },
   "col": Object {
-    "@media (min-width: 1200px)": Object {
-      "padding": Array [
-        0,
-        "12px",
-      ],
-    },
-    "@media (min-width: 1500px)": Object {
-      "padding": Array [
-        0,
-        "12px",
-      ],
-    },
     "@media (min-width: 576px)": Object {
       "padding": Array [
         0,
@@ -819,12 +807,6 @@ Object {
         "12px",
       ],
     },
-    "@media (min-width: 992px)": Object {
-      "padding": Array [
-        0,
-        "12px",
-      ],
-    },
     "boxSizing": "border-box",
     "minHeight": "1px",
     "padding": Array [

package/build/Grid/Col/styles.js

@@ -25,12 +25,6 @@ var styles = {
     padding: [0, _spacing["default"]['size-2']]
   }), _defineProperty(_col, "@media (min-width: ".concat(_grid["default"].sm, "px)"), {
     padding: [0, _spacing["default"]['size-3']]
-  }), _defineProperty(_col, "@media (min-width: ".concat(_grid["default"].md, "px)"), {
-    padding: [0, _spacing["default"]['size-3']]
-  }), _defineProperty(_col, "@media (min-width: ".concat(_grid["default"].lg, "px)"), {
-    padding: [0, _spacing["default"]['size-3']]
-  }), _defineProperty(_col, "@media (min-width: ".concat(_grid["default"].xl, "px)"), {
-    padding: [0, _spacing["default"]['size-3']]
   }), _col)
 };
 

package/build/Grid/Row/__snapshots__/Row.test.js.snap

@@ -18,18 +18,6 @@ Object {
         "-6px",
       ],
     },
-    "@media (min-width: 1200px)": Object {
-      "margin": Array [
-        0,
-        "-12px",
-      ],
-    },
-    "@media (min-width: 1500px)": Object {
-      "margin": Array [
-        0,
-        "-12px",
-      ],
-    },
     "@media (min-width: 576px)": Object {
       "margin": Array [
         0,
@@ -42,12 +30,6 @@ Object {
         "-12px",
       ],
     },
-    "@media (min-width: 992px)": Object {
-      "margin": Array [
-        0,
-        "-12px",
-      ],
-    },
     "boxSizing": "border-box",
   },
 }

package/build/Grid/Row/styles.js

@@ -31,12 +31,6 @@ var _default = {
     margin: [0, "-".concat(_spacing["default"]["size-2"])]
   }), _defineProperty(_row, "@media (min-width: ".concat(_grid["default"].sm, "px)"), {
     margin: [0, "-".concat(_spacing["default"]["size-3"])]
-  }), _defineProperty(_row, "@media (min-width: ".concat(_grid["default"].md, "px)"), {
-    margin: [0, "-".concat(_spacing["default"]["size-3"])]
-  }), _defineProperty(_row, "@media (min-width: ".concat(_grid["default"].lg, "px)"), {
-    margin: [0, "-".concat(_spacing["default"]["size-3"])]
-  }), _defineProperty(_row, "@media (min-width: ".concat(_grid["default"].xl, "px)"), {
-    margin: [0, "-".concat(_spacing["default"]["size-3"])]
   }), _row)
 };
 exports["default"] = _default;

package/build/Grid/styles.js

@@ -31,24 +31,41 @@ var _default = (_conFluid$con$Media = {
     }
   },
   con: {
-    width: "calc(".concat(_grid["default"].full, " - ").concat(_spacing["default"]['size-5'], ")"),
-    margin: 'auto'
+    width: _grid["default"].full,
+    margin: 'auto',
+    padding: [0, _spacing["default"]['size-3']]
   }
 }, _defineProperty(_conFluid$con$Media, "@media (min-width: ".concat(_grid["default"].xs, "px)"), {
   con: {
-    width: "calc(".concat(_grid["default"].xsGrid, " - ").concat(_spacing["default"]['size-6'], ")")
+    width: _grid["default"].full,
+    padding: [0, _spacing["default"]['size-4']]
+  },
+  conFluid: {
+    width: _grid["default"].full,
+    padding: [0, _spacing["default"]['size-4']]
   }
 }), _defineProperty(_conFluid$con$Media, "@media (min-width: ".concat(_grid["default"].sm, "px)"), {
   con: {
-    width: "calc(".concat(_grid["default"].smGrid, " - ").concat(_spacing["default"]['size-8'], ")")
+    width: _grid["default"].full,
+    padding: [0, _spacing["default"]['size-5']]
+  },
+  conFluid: {
+    width: _grid["default"].full,
+    padding: [0, _spacing["default"]['size-5']]
   }
 }), _defineProperty(_conFluid$con$Media, "@media (min-width: ".concat(_grid["default"].md, "px)"), {
   con: {
-    width: "calc(".concat(_grid["default"].mdGrid, " - ").concat(_spacing["default"]['size-10'], ")")
+    width: _grid["default"].full,
+    padding: [0, _spacing["default"]['size-7']]
+  },
+  conFluid: {
+    width: _grid["default"].full,
+    padding: [0, _spacing["default"]['size-7']]
   }
 }), _defineProperty(_conFluid$con$Media, "@media (min-width: ".concat(_grid["default"].lg, "px)"), {
   con: {
-    width: _grid["default"].lgGrid
+    width: _grid["default"].lgGrid,
+    padding: 0
   }
 }), _defineProperty(_conFluid$con$Media, "@media (min-width: ".concat(_grid["default"].xl, "px)"), {
   con: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "3.0.0-beta.32",
+  "version": "3.0.0-beta.34",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",