pallote-react 0.3.3 → 0.3.5

package/dist/components/Button.js

@@ -49,11 +49,11 @@ const Button = _ref => {
 };
 exports.Button = Button;
 Button.propTypes = {
-  color: _propTypes.default.oneOf(['primary', 'secondary', 'grey', 'success', 'info', 'warning', 'error', 'main', 'contrast']),
-  size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
+  component: _propTypes.default.oneOf(['button', 'a']),
   kind: _propTypes.default.oneOf(['text', 'icon']),
   variant: _propTypes.default.oneOf(['fill', 'stroke', 'transparent']),
-  component: _propTypes.default.oneOf(['button', 'a']),
+  size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
+  color: _propTypes.default.oneOf(['primary', 'secondary', 'grey', 'success', 'info', 'warning', 'error', 'main', 'contrast']),
   fullWidth: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
   iconLeft: _propTypes.default.node,
@@ -62,11 +62,11 @@ Button.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object])
 };
 Button.defaultProps = {
-  color: 'primary',
-  size: 'md',
+  component: 'button',
   kind: 'text',
   variant: 'fill',
-  component: 'button',
+  size: 'md',
+  color: 'primary',
   fullWidth: false,
   disabled: false,
   isTransparent: false,

package/dist/components/ListItem.js

@@ -9,35 +9,31 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Text = require("../utilities/Text");
-const _excluded = ["icon", "dense", "bold", "className", "children"];
+const _excluded = ["icon", "bold", "className", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 const ListItem = _ref => {
+  var _icon$props$className;
   let {
       icon,
-      dense,
       bold,
       className,
       children
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
+  return /*#__PURE__*/_react.default.createElement(_Text.Text, _extends({
     className: (0, _classnames.default)(['list_item', {
-      'list_item-dense': dense,
       'list_item-bold': bold
     }, className])
-  }, props), icon ? /*#__PURE__*/_react.default.createElement("div", {
-    className: 'list_itemIcon'
-  }, icon) : null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    weight: bold === true ? 'bold' : ''
-  }, children));
+  }, props), icon ? /*#__PURE__*/_react.default.cloneElement(icon, {
+    className: "".concat((_icon$props$className = icon.props.className) !== null && _icon$props$className !== void 0 ? _icon$props$className : '', " list_itemIcon")
+  }) : null, children);
 };
 exports.ListItem = ListItem;
 ListItem.propTypes = {
   icon: _propTypes.default.node,
-  dense: _propTypes.default.bool,
   bold: _propTypes.default.bool,
   className: _propTypes.default.node,
   children: _propTypes.default.string

package/dist/components/Section.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SectionHeader = require("./SectionHeader");
-const _excluded = ["align", "color", "landing", "header", "label", "title", "subtitle", "className", "children"];
+const _excluded = ["align", "fill", "landing", "header", "className", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -17,40 +17,37 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 const Section = _ref => {
   let {
       align,
-      color,
+      fill,
       landing,
       header,
-      label,
-      title,
-      subtitle,
       className,
       children
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(['section', {
-      ["section--".concat(align)]: align,
-      ["section--".concat(color)]: color,
-      'section--landing': landing,
-      'section--header': header
+      ["section-".concat(align)]: align,
+      ["section-".concat(fill)]: fill,
+      'section-landing': landing,
+      'section-header': header
     }, className])
   }, props), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'section__container'
-  }, label || title || subtitle ? /*#__PURE__*/_react.default.createElement(_SectionHeader.SectionHeader, {
-    label: label,
-    title: title,
-    subtitle: subtitle
-  }) : null, children));
+    className: 'section_container'
+  }, _react.default.Children.map(children, child => {
+    if ( /*#__PURE__*/_react.default.isValidElement(child) && child.type === _SectionHeader.SectionHeader) {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        promoteTitle: landing || header
+      });
+    }
+    return child;
+  })));
 };
 exports.Section = Section;
 Section.propTypes = {
   align: _propTypes.default.oneOf(['left', 'center', 'right']),
-  color: _propTypes.default.oneOf(['default', 'paper', 'primary', 'primaryLight']),
+  fill: _propTypes.default.oneOf(['default', 'paper', 'primary', 'primaryLight']),
   landing: _propTypes.default.bool,
   header: _propTypes.default.bool,
-  label: _propTypes.default.string,
-  title: _propTypes.default.string,
-  subtitle: _propTypes.default.string,
   className: _propTypes.default.node,
   children: _propTypes.default.any
 };

package/dist/components/SectionContent.js

@@ -0,0 +1,37 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SectionContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+const _excluded = ["align", "className", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+const SectionContent = _ref => {
+  let {
+      align,
+      className,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _classnames.default)(['section_content', {
+      ["section_content-".concat(align)]: align
+    }, className])
+  }, props), children);
+};
+exports.SectionContent = SectionContent;
+SectionContent.propTypes = {
+  align: _propTypes.default.oneOf(['left', 'center', 'right']),
+  className: _propTypes.default.node,
+  children: _propTypes.default.any
+};
+SectionContent.defaultProps = {
+  align: 'left'
+};

package/dist/components/SectionHeader.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Text = require("../utilities/Text");
-const _excluded = ["label", "title", "subtitle", "dense", "className"];
+const _excluded = ["label", "title", "promoteTitle", "titleComponent", "subtitle", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -18,28 +18,32 @@ const SectionHeader = _ref => {
   let {
       label,
       title,
+      promoteTitle,
+      titleComponent,
       subtitle,
-      dense,
       className
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: (0, _classnames.default)(['section__header', {
-      'section__header--dense': dense
-    }, className])
+    className: (0, _classnames.default)(['section_header', className])
   }, props), label ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    className: (0, _classnames.default)('section__label')
-  }, label) : null, title ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    className: (0, _classnames.default)('section__title')
-  }, title) : null, subtitle ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    className: (0, _classnames.default)('section__subtitle')
+    className: (0, _classnames.default)('section_label')
+  }, label) : null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    className: "section_title",
+    component: titleComponent || (promoteTitle ? 'h1' : 'h2')
+  }, title), subtitle ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    className: (0, _classnames.default)('section_subtitle')
   }, subtitle) : null);
 };
 exports.SectionHeader = SectionHeader;
 SectionHeader.propTypes = {
   label: _propTypes.default.string,
-  title: _propTypes.default.string,
+  title: _propTypes.default.string.isRequired,
+  promoteTitle: _propTypes.default.bool,
+  titleComponent: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p']),
   subtitle: _propTypes.default.string,
-  dense: _propTypes.default.bool,
   className: _propTypes.default.bool
+};
+SectionHeader.defaultProps = {
+  promoteTitle: false
 };

package/dist/components/Status.js

@@ -31,7 +31,7 @@ const Status = _ref => {
 };
 exports.Status = Status;
 Status.propTypes = {
-  color: _propTypes.default.oneOf(['success', 'info', 'warning', 'error', 'inactive']),
+  color: _propTypes.default.oneOf(['inactive', 'success', 'info', 'warning', 'error']),
   dense: _propTypes.default.bool,
   className: _propTypes.default.node,
   children: _propTypes.default.string

package/dist/index.js

@@ -219,6 +219,12 @@ Object.defineProperty(exports, "Section", {
     return _Section.Section;
   }
 });
+Object.defineProperty(exports, "SectionContent", {
+  enumerable: true,
+  get: function get() {
+    return _SectionContent.SectionContent;
+  }
+});
 Object.defineProperty(exports, "SectionHeader", {
   enumerable: true,
   get: function get() {
@@ -364,6 +370,7 @@ var _PageHeader = require("./components/PageHeader");
 var _Radio = require("./components/Radio");
 var _RadioButtons = require("./components/RadioButtons");
 var _Section = require("./components/Section");
+var _SectionContent = require("./components/SectionContent");
 var _SectionHeader = require("./components/SectionHeader");
 var _Select = require("./components/Select");
 var _Snippet = require("./components/Snippet");

package/package.json

@@ -4,7 +4,7 @@
   "author": {
     "name": "arnymax"
   },
-  "version": "0.3.3",
+  "version": "0.3.5",
   "private": false,
   "keywords": [
     "react",
@@ -30,7 +30,7 @@
     "@testing-library/user-event": "^13.5.0",
     "classnames": "^2.3.2",
     "eslint": "^8.48.0",
-    "pallote-css": "^0.3.5",
+    "pallote-css": "^0.3.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.15.0",