@occmundial/occ-atomic 3.0.0-beta.53 → 3.0.0-beta.55

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.0.0-beta.55](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.54...v3.0.0-beta.55) (2024-09-04)
+
+
+### Bug Fixes
+
+* Change display flex for grid in columns links ([cfd1291](https://github.com/occmundial/occ-atomic/commit/cfd12917a84d009d8d6176861592533ffc491d1f))
+
+# [3.0.0-beta.54](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.53...v3.0.0-beta.54) (2024-09-04)
+
+
+### Bug Fixes
+
+* Change font size of bottom links and copyright ([6706894](https://github.com/occmundial/occ-atomic/commit/6706894747f3cd2497f6c3eae290564948134a9d))
+
 # [3.0.0-beta.53](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.52...v3.0.0-beta.53) (2024-09-04)
 
 

package/build/Footer/Footer.js

@@ -49,8 +49,7 @@ var Footer = function Footer(_ref) {
     className: classes.column
   }, columns.map(function (column, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      key: index,
-      className: classes.listContainer
+      key: index
     }, column.map(function (list) {
       return /*#__PURE__*/_react["default"].createElement(_List["default"], {
         key: list.key,

package/build/Footer/styles.js

@@ -19,7 +19,7 @@ var _fonts = _interopRequireDefault(require("../tokens/fonts.json"));
 
 var _styles = require("../Text/styles");
 
-var _footerContainer, _column, _listContainer;
+var _footerContainer, _column;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -41,19 +41,18 @@ var _default = {
     rowGap: _spacing["default"]['size-8']
   }), _footerContainer),
   column: (_column = {
-    display: 'flex',
-    flexDirection: 'column',
-    flexWrap: 'wrap'
+    display: 'grid'
   }, _defineProperty(_column, "@media (min-width: ".concat(_grid["default"].xs, "px)"), {
-    flexDirection: 'row',
+    gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
     columnGap: _spacing["default"]['size-4'],
     rowGap: _spacing["default"]['size-7']
   }), _defineProperty(_column, "@media (min-width: ".concat(_grid["default"].md, "px)"), {
     columnGap: _spacing["default"]['size-5'],
-    rowGap: 0
+    rowGap: 0,
+    gridTemplateColumns: 'repeat(4, minmax(0, 1fr))'
   }), _column),
   link: {
-    font: (0, _styles.parseFontValue)(_fonts["default"]['body-regular']),
+    font: (0, _styles.parseFontValue)(_fonts["default"]['body-small']),
     color: _colors["default"].text.corp.secondary,
     textDecoration: 'none',
     cursor: 'pointer',
@@ -75,13 +74,6 @@ var _default = {
     position: 'relative',
     display: 'inline-block'
   }),
-  listContainer: (_listContainer = {
-    flexBasis: '100%'
-  }, _defineProperty(_listContainer, "@media (min-width: ".concat(_grid["default"].xs, "px)"), {
-    flexBasis: "calc(50% - ".concat(_spacing["default"]['size-4'], ")")
-  }), _defineProperty(_listContainer, "@media (min-width: ".concat(_grid["default"].md, "px)"), {
-    flexBasis: "calc(25% - ".concat(_spacing["default"]['size-5'], ")")
-  }), _listContainer),
   bottomSection: {
     display: 'flex',
     flexDirection: 'column',
@@ -107,7 +99,7 @@ var _default = {
     display: 'block'
   }),
   copyright: {
-    font: (0, _styles.parseFontValue)(_fonts["default"]['body-regular']),
+    font: (0, _styles.parseFontValue)(_fonts["default"]['body-small']),
     color: _colors["default"].text.corp.secondary,
     '& > p': {
       margin: 0

package/package.json

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