pallote-react 0.2.27 → 0.2.28

package/dist/components/Button.js

@@ -37,19 +37,19 @@ const Button = _ref => {
   }
   return /*#__PURE__*/_react.default.createElement(Component, _extends({
     className: (0, _classnames.default)(['button', {
-      ["button--".concat(size)]: size,
-      ["button--".concat(color)]: color,
-      ["button--".concat(kind)]: kind,
-      ["button--".concat(variant)]: variant,
-      'button--fullWidth': fullWidth,
-      'button--disabled': disabled
+      ["button-".concat(size)]: size,
+      ["button-".concat(color)]: color,
+      ["button-".concat(kind)]: kind,
+      ["button-".concat(variant)]: variant,
+      'button-fullWidth': fullWidth,
+      'button-disabled': disabled
     }, className]),
     disabled: disabled
   }, props), content);
 };
 exports.Button = Button;
 Button.propTypes = {
-  color: _propTypes.default.oneOf(['black', 'white', 'grey', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error', 'default', 'contrast']),
+  color: _propTypes.default.oneOf(['primary', 'secondary', 'grey', 'success', 'info', 'warning', 'error', 'main', 'contrast']),
   size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
   kind: _propTypes.default.oneOf(['text', 'icon']),
   variant: _propTypes.default.oneOf(['fill', 'stroke', 'transparent']),

package/dist/components/Buttons.js

@@ -8,7 +8,7 @@ exports.Buttons = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-const _excluded = ["direction", "spacing", "className", "children"];
+const _excluded = ["direction", "fullWidth", "wide", "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; }
@@ -16,26 +16,28 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 const Buttons = _ref => {
   let {
       direction,
-      spacing,
+      fullWidth,
+      wide,
       className,
       children
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(['buttons', {
-      ["buttons--".concat(direction)]: direction,
-      ["buttons--".concat(spacing)]: spacing
+      ["buttons-".concat(direction)]: direction,
+      'buttons-fullWidth': fullWidth,
+      'buttons-wide': wide
     }, className])
   }, props), children);
 };
 exports.Buttons = Buttons;
 Buttons.propTypes = {
   direction: _propTypes.default.oneOf(['landscape', 'portrait']),
-  spacing: _propTypes.default.oneOf(['sm', 'md', 'lg']),
+  fullWidth: _propTypes.default.bool,
+  wide: _propTypes.default.bool,
   className: _propTypes.default.node,
   children: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object])
 };
 Buttons.defaultProps = {
-  direction: 'landscape',
-  spacing: 'md'
+  direction: 'landscape'
 };

package/dist/components/Card.js

@@ -54,7 +54,7 @@ const Card = _ref => {
 exports.Card = Card;
 Card.propTypes = {
   size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-  fill: _propTypes.default.oneOf(['black', 'white', 'background', 'paper', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
+  fill: _propTypes.default.oneOf(['black', 'white', 'background', '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

@@ -44,7 +44,7 @@ const Chip = _ref => {
 };
 exports.Chip = Chip;
 Chip.propTypes = {
-  color: _propTypes.default.oneOf(['paper', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
+  color: _propTypes.default.oneOf(['paper', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
   dense: _propTypes.default.bool,
   avatar: _propTypes.default.node,
   disabled: _propTypes.default.bool,

package/dist/components/Layer.js

@@ -45,8 +45,8 @@ const Layer = _ref => {
 };
 exports.Layer = Layer;
 Layer.propTypes = {
-  fill: _propTypes.default.oneOf(['black', 'white', 'background', 'paper', 'grey90', 'grey80', 'grey70', 'grey60', 'grey50', 'grey40', 'grey30', 'grey20', 'grey10', 'grey5', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
-  stroke: _propTypes.default.oneOf(['black', 'white', 'background', 'paper', 'grey-90', 'grey-80', 'grey-70', 'grey-60', 'grey-50', 'grey-40', 'grey-30', 'grey-20', 'grey-10', 'grey-5', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
+  fill: _propTypes.default.oneOf(['black', 'white', 'background', 'paper', 'grey90', 'grey80', 'grey70', 'grey60', 'grey50', 'grey40', 'grey30', 'grey20', 'grey10', 'grey5', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
+  stroke: _propTypes.default.oneOf(['black', 'white', 'background', 'paper', 'grey-90', 'grey-80', 'grey-70', 'grey-60', 'grey-50', 'grey-40', 'grey-30', 'grey-20', 'grey-10', 'grey-5', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
   customFill: _propTypes.default.string,
   customStroke: _propTypes.default.string,
   hasHover: _propTypes.default.bool,

package/dist/components/Link.js

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

package/dist/components/Paragraph.js

@@ -43,7 +43,7 @@ Paragraph.propTypes = {
   weight: _propTypes.default.oneOf(['light', 'regular', 'bold']),
   underline: _propTypes.default.bool,
   italic: _propTypes.default.bool,
-  color: _propTypes.default.oneOf(['default', 'alt', 'disabled', 'contrast', 'contrastAlt', 'contrastDisabled', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
+  color: _propTypes.default.oneOf(['default', 'alt', 'disabled', 'contrast', 'contrastAlt', 'contrastDisabled', 'primary', 'secondary', 'success', 'info', 'warning', 'error']),
   className: _propTypes.default.node,
   children: _propTypes.default.any
 };

package/dist/components/Tag.js

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

package/dist/components/Text.js

@@ -51,7 +51,7 @@ Text.propTypes = {
   underline: _propTypes.default.bool,
   italic: _propTypes.default.bool,
   code: _propTypes.default.bool,
-  color: _propTypes.default.oneOf(['default', 'alt', 'disabled', 'contrast', 'contrastAlt', 'contrastDisabled', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
+  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

package/dist/index.scss

@@ -5,4 +5,4 @@ $icons-path: '~/public/icons/';
 
 .snippet__wrapper {
   width: 100%;
-}
+}

package/package.json

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