pallote-react 0.15.6 → 0.15.7

package/dist/index.js

@@ -492,6 +492,7 @@ CardContent.propTypes = {
 };
 
 const CardHeader = ({
+  icon,
   label,
   title,
   subtitle,
@@ -503,7 +504,9 @@ const CardHeader = ({
     className: classnames(['card_header', className])
   }, props), actions && /*#__PURE__*/React__default.createElement("div", {
     className: "card_headerActions"
-  }, actions), label ? /*#__PURE__*/React__default.createElement(Text, {
+  }, actions), icon ? /*#__PURE__*/React__default.cloneElement(icon, {
+    className: `${icon.props.className ?? ''} card_icon`
+  }) : null, label ? /*#__PURE__*/React__default.createElement(Text, {
     className: classnames('card_label')
   }, label) : null, /*#__PURE__*/React__default.createElement(Text, {
     className: classnames('card_title')
@@ -512,6 +515,7 @@ const CardHeader = ({
   }, subtitle) : null);
 };
 CardHeader.propTypes = {
+  icon: PropTypes.node,
   label: PropTypes.string,
   title: PropTypes.string.isRequired,
   subtitle: PropTypes.string,
@@ -978,6 +982,7 @@ SectionHeader.propTypes = {
 };
 
 const Section = ({
+  component = 'div',
   align = 'left',
   color = 'default',
   landing,
@@ -986,7 +991,8 @@ const Section = ({
   children,
   ...props
 }) => {
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  const Component = component || 'div';
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     className: classnames(['section', {
       [`section-${align}`]: align,
       [`section-${color}`]: color,
@@ -1005,6 +1011,7 @@ const Section = ({
   })));
 };
 Section.propTypes = {
+  component: PropTypes.oneOf(['div', 'footer', 'header', 'section']),
   align: PropTypes.oneOf(['left', 'center', 'right']),
   color: PropTypes.oneOf(['default', 'paper', 'primary', 'primaryLight']),
   landing: PropTypes.bool,
@@ -1025,7 +1032,8 @@ const NavBar = ({
     setIsOpen(!isOpen);
     document.body.classList.toggle('js-navbar', !isOpen);
   };
-  return /*#__PURE__*/React__default.createElement("header", null, /*#__PURE__*/React__default.createElement(Section, _extends({
+  return /*#__PURE__*/React__default.createElement(Section, _extends({
+    component: "header",
     className: classnames(['navbar', {
       [`navbar-${align}`]: align,
       'js-opened': isOpen
@@ -1047,7 +1055,7 @@ const NavBar = ({
     })
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "nav_container"
-  }, children))));
+  }, children)));
 };
 NavBar.propTypes = {
   logo: PropTypes.node,

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pallote-react",
-  "version": "0.15.6",
+  "version": "0.15.7",
   "description": "",
   "main": "dist/index.js",
   "styles": "dist/index.css",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pallote-react",
-  "version": "0.15.6",
+  "version": "0.15.7",
   "description": "",
   "main": "dist/index.js",
   "styles": "dist/index.css",
@@ -23,7 +23,7 @@
     "classnames": "^2.5.1",
     "react-syntax-highlighter": "^15.6.1",
     "sass": "^1.71.1",
-    "pallote-css": "^0.9.7"
+    "pallote-css": "^0.9.8"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",