@occmundial/occ-atomic 1.22.2 → 1.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/build/Footer/Footer.js +14 -10
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
@@ -1,3 +1,10 @@
|
|
1
|
+
# [1.23.0](https://github.com/occmundial/occ-atomic/compare/v1.22.2...v1.23.0) (2022-12-05)
|
2
|
+
|
3
|
+
|
4
|
+
### Features
|
5
|
+
|
6
|
+
* Add bottomItem children to footer ([6dc470d](https://github.com/occmundial/occ-atomic/commit/6dc470d4f06357bbd3602335ee46f39f0cbc9df7))
|
7
|
+
|
1
8
|
## [1.22.2](https://github.com/occmundial/occ-atomic/compare/v1.22.1...v1.22.2) (2022-11-15)
|
2
9
|
|
3
10
|
|
package/build/Footer/Footer.js
CHANGED
@@ -41,6 +41,7 @@ var Footer = function Footer(_ref) {
|
|
41
41
|
bottomLinks = _ref.bottomLinks,
|
42
42
|
copyText = _ref.copyText,
|
43
43
|
aux = _ref.aux,
|
44
|
+
bottomItem = _ref.bottomItem,
|
44
45
|
listClassName = _ref.listClassName;
|
45
46
|
var text = aux.text,
|
46
47
|
icon = aux.icon,
|
@@ -79,7 +80,15 @@ var Footer = function Footer(_ref) {
|
|
79
80
|
direction: isMobile ? 'col' : 'row'
|
80
81
|
}, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
81
82
|
flex: "1"
|
82
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
83
|
+
}, aux && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
84
|
+
href: href,
|
85
|
+
target: target,
|
86
|
+
icon: icon,
|
87
|
+
iconRight: iconRight,
|
88
|
+
size: "md",
|
89
|
+
theme: "ghostPink",
|
90
|
+
className: "".concat(isMobile ? classes.buttonMobile : '', " ").concat(auxClassName)
|
91
|
+
}, text), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
83
92
|
small: true,
|
84
93
|
mid: true,
|
85
94
|
bottomTiny: true,
|
@@ -102,15 +111,7 @@ var Footer = function Footer(_ref) {
|
|
102
111
|
})), copyText && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
103
112
|
small: true,
|
104
113
|
mid: true
|
105
|
-
}, copyText)),
|
106
|
-
href: href,
|
107
|
-
target: target,
|
108
|
-
icon: icon,
|
109
|
-
iconRight: iconRight,
|
110
|
-
size: "md",
|
111
|
-
theme: "ghostPink",
|
112
|
-
className: "".concat(isMobile ? classes.buttonMobile : '', " ").concat(auxClassName)
|
113
|
-
}, text))))));
|
114
|
+
}, copyText)), bottomItem)))));
|
114
115
|
};
|
115
116
|
|
116
117
|
var columnPropTypes = _propTypes["default"].arrayOf(_propTypes["default"].arrayOf(_propTypes["default"].shape({
|
@@ -158,6 +159,9 @@ Footer.propTypes = {
|
|
158
159
|
iconRight: _propTypes["default"].string
|
159
160
|
}),
|
160
161
|
|
162
|
+
/** Custom component to render on the bottom right, at the end of the footer */
|
163
|
+
bottomItem: _propTypes["default"].node,
|
164
|
+
|
161
165
|
/** Footer list className. */
|
162
166
|
listClassName: _propTypes["default"].string
|
163
167
|
};
|
package/package.json
CHANGED