pallote-react 0.3.7 → 0.3.9

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,21 +40,22 @@ 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,

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 = {

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", "fill", "landing", "header", "className", "children"];
+const _excluded = ["align", "color", "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,7 +17,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 const Section = _ref => {
   let {
       align,
-      fill,
+      color,
       landing,
       header,
       className,
@@ -27,7 +27,7 @@ const Section = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(['section', {
       ["section-".concat(align)]: align,
-      ["section-".concat(fill)]: fill,
+      ["section-".concat(color)]: color,
       'section-landing': landing,
       'section-header': header
     }, className])
@@ -45,7 +45,7 @@ const Section = _ref => {
 exports.Section = Section;
 Section.propTypes = {
   align: _propTypes.default.oneOf(['left', 'center', 'right']),
-  fill: _propTypes.default.oneOf(['default', 'paper', 'primary', 'primaryLight']),
+  color: _propTypes.default.oneOf(['default', 'paper', 'primary', 'primaryLight']),
   landing: _propTypes.default.bool,
   header: _propTypes.default.bool,
   className: _propTypes.default.node,

package/package.json

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