pallote-react 0.3.2 → 0.3.4

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/Divider.js

@@ -22,8 +22,8 @@ const Divider = _ref => {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(['divider', {
-      ["divider--".concat(direction)]: direction,
-      ["divider--".concat(size)]: size
+      ["divider-".concat(direction)]: direction,
+      ["divider-".concat(size)]: size
     }, className])
   }, props));
 };

package/dist/components/List.js

@@ -22,7 +22,7 @@ const List = _ref => {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(['list', {
-      'list--dense': dense
+      'list-dense': dense
     }, className])
   }, props), children);
 };

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({
-    className: (0, _classnames.default)(['list__item', {
-      'list__item--dense': dense,
-      'list__item--bold': bold
+  return /*#__PURE__*/_react.default.createElement(_Text.Text, _extends({
+    className: (0, _classnames.default)(['list_item', {
+      '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/Status.js

@@ -24,14 +24,14 @@ const Status = _ref => {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Text.Text, _extends({
     className: (0, _classnames.default)(['status', {
-      ["status--".concat(color)]: color,
-      'status--dense': dense
+      ["status-".concat(color)]: color,
+      'status-dense': dense
     }, className])
   }, props), children);
 };
 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/components/Switch.js

@@ -25,24 +25,24 @@ const Switch = _ref => {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(['switch', {
-      'switch--disabled': disabled
+      'switch-disabled': disabled
     }, className])
   }, startLabel ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    className: (0, _classnames.default)('switch__label'),
+    className: (0, _classnames.default)('switch_label'),
     variant: "body"
   }, startLabel) : null, /*#__PURE__*/_react.default.createElement("input", _extends({
-    className: (0, _classnames.default)('switch__input'),
+    className: (0, _classnames.default)('switch_input'),
     type: "checkbox",
     name: id,
     id: id,
     disabled: disabled
   }, props)), /*#__PURE__*/_react.default.createElement("label", {
-    className: (0, _classnames.default)('switch__switch'),
+    className: (0, _classnames.default)('switch_switch'),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('switch__toggle')
+    className: (0, _classnames.default)('switch_toggle')
   })), endLabel ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    className: (0, _classnames.default)('switch__label'),
+    className: (0, _classnames.default)('switch_label'),
     variant: "body"
   }, endLabel) : null);
 };

package/dist/components/Tag.js

@@ -24,8 +24,8 @@ const Tag = _ref => {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Text.Text, _extends({
     className: (0, _classnames.default)(['tag', {
-      ["tag--".concat(color)]: color,
-      'tag--dense': dense
+      ["tag-".concat(color)]: color,
+      'tag-dense': dense
     }, className])
   }, props), children);
 };

package/package.json

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