pallote-react 0.3.6 → 0.3.8

package/dist/components/Button.js

@@ -60,5 +60,5 @@ Button.propTypes = {
   iconLeft: _propTypes.default.node,
   iconRight: _propTypes.default.node,
   className: _propTypes.default.node,
-  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object])
+  children: _propTypes.default.node
 };

package/dist/components/Buttons.js

@@ -36,7 +36,7 @@ Buttons.propTypes = {
   fullWidth: _propTypes.default.bool,
   wide: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object])
+  children: _propTypes.default.node
 };
 Buttons.defaultProps = {
   direction: 'landscape'

package/dist/components/Card.js

@@ -10,7 +10,7 @@ exports.SizeContext = exports.PaddingContext = exports.DirectionContext = export
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Text = require("../utilities/Text");
+var _Color = require("../utilities/Color");
 const _excluded = ["size", "fill", "direction", "align", "noPadding", "hasShadow", "transparent", "className", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -40,28 +40,29 @@ const Card = _ref => {
     value: noPadding
   }, /*#__PURE__*/_react.default.createElement(DirectionContext.Provider, {
     value: direction
-  }, /*#__PURE__*/_react.default.createElement(_Text.Color, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_Color.Color, {
+    fill: transparent || noPadding ? null : fill
+  }, /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(['card', {
       ["card--".concat(size)]: size,
       ["card--".concat(direction)]: direction,
       ["card--".concat(align)]: align,
       'card--hasShadow': hasShadow,
       'card--transparent': transparent
-    }, className]),
-    fill: transparent || noPadding ? null : fill
-  }, props), children))));
+    }, className])
+  }, props), children)))));
 };
 exports.Card = Card;
 Card.propTypes = {
   size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-  fill: _propTypes.default.oneOf(['black', 'white', 'background', 'paper', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
+  fill: _propTypes.default.oneOf(['main', 'contrast', 'default', 'paper', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
   direction: _propTypes.default.oneOf(['portrait', 'landscape']),
   align: _propTypes.default.oneOf(['left', 'center', 'right']),
   noPadding: _propTypes.default.bool,
   hasShadow: _propTypes.default.bool,
   transparent: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };
 Card.defaultProps = {
   size: 'md',

package/dist/components/CardActions.js

@@ -30,5 +30,5 @@ exports.CardActions = CardActions;
 CardActions.propTypes = {
   direction: _propTypes.default.oneOf(['portrait', 'landscape']),
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/CardContent.js

@@ -30,5 +30,5 @@ exports.CardContent = CardContent;
 CardContent.propTypes = {
   fullWidth: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/CardHeader.js

@@ -79,5 +79,5 @@ CardHeader.propTypes = {
   subtitle: _propTypes.default.string,
   actions: _propTypes.default.node,
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/Chip.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@phosphor-icons/react");
-var _Text = require("../utilities/Text");
+var _Color = require("../utilities/Color");
 const _excluded = ["color", "dense", "avatar", "disabled", "onClose", "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); }
@@ -26,12 +26,13 @@ const Chip = _ref => {
       children
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_Text.Color, _extends({
+  return /*#__PURE__*/_react.default.createElement(_Color.Color, {
+    fill: color
+  }, /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(['chip', {
       'chip--dense': dense,
       'chip--disabled': disabled
-    }, className]),
-    fill: color
+    }, className])
   }, props), avatar ? /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _classnames.default)('chip__avatar'),
     src: avatar
@@ -40,7 +41,7 @@ const Chip = _ref => {
   }, children), onClose ? /*#__PURE__*/_react.default.createElement(_react2.X, {
     className: (0, _classnames.default)('chip__close'),
     size: dense ? 16 : 24
-  }) : null);
+  }) : null));
 };
 exports.Chip = Chip;
 Chip.propTypes = {
@@ -50,7 +51,7 @@ Chip.propTypes = {
   disabled: _propTypes.default.bool,
   onClose: _propTypes.default.func,
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };
 Chip.defaultProps = {
   color: 'paper',

package/dist/components/Component.js

@@ -33,6 +33,6 @@ Component.propTypes = {
   prop1: _propTypes.default.oneOf(['option1', 'option2']),
   prop2: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };
 Component.defaultProps = {};

package/dist/components/Grid.js

@@ -69,5 +69,5 @@ Grid.propTypes = {
   xl: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
   spacing: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/Link.js

@@ -35,7 +35,7 @@ Link.propTypes = {
   icon: _propTypes.default.node,
   color: _propTypes.default.oneOf(['default', 'alt', 'disabled', 'contrast', 'contrastAlt', 'contrastDisabled', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
   className: _propTypes.default.node,
-  children: _propTypes.default.string
+  children: _propTypes.default.node
 };
 Link.defaultProps = {
   children: 'Link'

package/dist/components/ListItem.js

@@ -36,7 +36,7 @@ ListItem.propTypes = {
   icon: _propTypes.default.node,
   bold: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.string
+  children: _propTypes.default.node
 };
 ListItem.defaultProps = {
   children: 'List item'

package/dist/components/ModalActions.js

@@ -27,5 +27,5 @@ const ModalActions = _ref => {
 exports.ModalActions = ModalActions;
 ModalActions.propTypes = {
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/ModalContent.js

@@ -27,5 +27,5 @@ const ModalContent = _ref => {
 exports.ModalContent = ModalContent;
 ModalContent.propTypes = {
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/Nav.js

@@ -35,5 +35,5 @@ Nav.propTypes = {
   direction: _propTypes.default.oneOf(['portrait', 'landscape']),
   dense: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/NavBar.js

@@ -49,5 +49,5 @@ exports.NavBar = NavBar;
 NavBar.propTypes = {
   align: _propTypes.default.oneOf(['left', 'right']),
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/NavGroup.js

@@ -26,5 +26,5 @@ const NavGroup = _ref => {
 exports.NavGroup = NavGroup;
 NavGroup.propTypes = {
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/Page.js

@@ -26,5 +26,5 @@ const Page = _ref => {
 exports.Page = Page;
 Page.propTypes = {
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/Paragraph.js

@@ -45,7 +45,7 @@ Paragraph.propTypes = {
   italic: _propTypes.default.bool,
   color: _propTypes.default.oneOf(['default', 'alt', 'disabled', 'contrast', 'contrastAlt', 'contrastDisabled', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };
 Paragraph.defaultProps = {
   variant: 'body',

package/dist/components/Section.js

@@ -49,7 +49,7 @@ Section.propTypes = {
   landing: _propTypes.default.bool,
   header: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };
 Section.defaultProps = {
   align: 'left'

package/dist/components/SectionContent.js

@@ -30,7 +30,7 @@ exports.SectionContent = SectionContent;
 SectionContent.propTypes = {
   align: _propTypes.default.oneOf(['left', 'center', 'right']),
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };
 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", "promoteTitle", "titleComponent", "subtitle", "className"];
+const _excluded = ["label", "title", "promoteTitle", "titleComponent", "subtitle", "actions", "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; }
@@ -21,6 +21,7 @@ const SectionHeader = _ref => {
       promoteTitle,
       titleComponent,
       subtitle,
+      actions,
       className
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -33,7 +34,9 @@ const SectionHeader = _ref => {
     component: titleComponent || (promoteTitle ? 'h1' : 'h2')
   }, title), subtitle ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
     className: (0, _classnames.default)('section_subtitle')
-  }, subtitle) : null);
+  }, subtitle) : null, actions ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "section_actions"
+  }, actions) : null);
 };
 exports.SectionHeader = SectionHeader;
 SectionHeader.propTypes = {
@@ -42,7 +45,8 @@ SectionHeader.propTypes = {
   promoteTitle: _propTypes.default.bool,
   titleComponent: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p']),
   subtitle: _propTypes.default.string,
-  className: _propTypes.default.bool
+  actions: _propTypes.default.node,
+  className: _propTypes.default.node
 };
 SectionHeader.defaultProps = {
   promoteTitle: false

package/dist/components/Status.js

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

package/dist/components/Table.js

@@ -48,7 +48,7 @@ Table.propTypes = {
   noBorder: _propTypes.default.bool,
   withFooter: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };
 Table.defaultProps = {
   dense: false

package/dist/components/TableBody.js

@@ -26,5 +26,5 @@ const TableBody = _ref => {
 exports.TableBody = TableBody;
 TableBody.propTypes = {
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/TableHead.js

@@ -33,5 +33,5 @@ const TableHead = _ref => {
 exports.TableHead = TableHead;
 TableHead.propTypes = {
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/TableRow.js

@@ -26,5 +26,5 @@ const TableRow = _ref => {
 exports.TableRow = TableRow;
 TableRow.propTypes = {
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/components/Tabs.js

@@ -24,7 +24,7 @@ const Tabs = _ref => {
 };
 exports.Tabs = Tabs;
 Tabs.propTypes = {
-  children: _propTypes.default.any,
   activeTab: _propTypes.default.any,
-  setActiveTab: _propTypes.default.any
+  setActiveTab: _propTypes.default.any,
+  children: _propTypes.default.node
 };

package/dist/components/Tag.js

@@ -34,7 +34,7 @@ Tag.propTypes = {
   color: _propTypes.default.oneOf(['primary', 'secondary', 'grey', 'success', 'info', 'warning', 'error']),
   dense: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.string
+  children: _propTypes.default.node
 };
 Tag.defaultProps = {
   color: 'primary',

package/dist/components/Tooltip.js

@@ -47,6 +47,6 @@ Tooltip.propTypes = {
   bold: _propTypes.default.bool,
   dense: _propTypes.default.bool,
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };
 Tooltip.defaultProps = {};

package/dist/utilities/Color.js

@@ -46,6 +46,6 @@ Color.propTypes = {
   stroke: _propTypes.default.oneOf(['main', 'contrast', 'grey90', 'grey80', 'grey70', 'grey60', 'grey50', 'grey40', 'grey30', 'grey20', 'grey10', 'grey5', 'default', 'paper', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
   customFill: _propTypes.default.string,
   customStroke: _propTypes.default.string,
-  className: _propTypes.default.string,
-  children: _propTypes.default.element.isRequired
+  className: _propTypes.default.node,
+  children: _propTypes.default.node
 };

package/dist/utilities/Display.js

@@ -50,5 +50,5 @@ exports.Display = Display;
 Display.propTypes = {
   show: _propTypes.default.oneOf(['mobile-sm', 'mobile', 'tablet', 'laptop', 'desktop', 'touch']),
   hide: _propTypes.default.oneOf(['mobile-sm', 'mobile', 'tablet', 'laptop', 'desktop', 'touch']),
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };

package/dist/utilities/Text.js

@@ -57,7 +57,7 @@ Text.propTypes = {
   color: _propTypes.default.oneOf(['default', 'alt', 'disabled', 'contrast', 'contrastAlt', 'contrastDisabled', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
   component: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'label', 'legend']),
   className: _propTypes.default.node,
-  children: _propTypes.default.any
+  children: _propTypes.default.node
 };
 Text.defaultProps = {
   component: 'p'

package/package.json

@@ -4,7 +4,7 @@
   "author": {
     "name": "arnymax"
   },
-  "version": "0.3.6",
+  "version": "0.3.8",
   "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.7",
+    "pallote-css": "^0.3.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.15.0",