react-jupiter 5.9.31 → 5.9.32

package/button/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../globalStyle")),_typography=require("../typography"),_index=require("./index.styles"),_utils=_interopRequireDefault(require("./utils")),_theme=_interopRequireDefault(require("./theme")),_excluded=["htmlType","icon","children","wide","disabled","size","mainColor","styleType","linkTo","linkTarget","isLoading","renderLink"];function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../globalStyle")),_typography=require("../typography"),_index=require("./index.styles"),_utils=_interopRequireDefault(require("./utils")),_theme=_interopRequireDefault(require("./theme")),_excluded=["htmlType","icon","children","wide","disabled","size","mainColor","styleType","linkTo","linkTarget","isLoading","renderLink","marginLeft","marginRight"];function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}
 
 
 
@@ -46,6 +46,8 @@ var Button=function(a){
 
 
 
+
+
 function b(){
 return/*#__PURE__*/(
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
@@ -53,12 +55,14 @@ _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
 _react.default.createElement(_index.BaseButton,_extends({
 "data-test":"button",
 type:c,
-wide:f,
+wide:!1,
 size:h,
 mainColor:i,
 disabled:g||m,
-"data-styletype":j},
-o),
+"data-styletype":j,
+marginLeft:o,
+marginRight:p},
+q),
 
 
 d&&/*#__PURE__*/
@@ -66,13 +70,13 @@ d&&/*#__PURE__*/
 _react.default.createElement(_index.StyledIcon,{
 name:d,
 size:h,
-color:p}),/*#__PURE__*/
+color:r}),/*#__PURE__*/
 
 
 
 _react.default.createElement(_typography.Text,{
 size:_theme.default.size[h].font,
-color:p,
+color:r,
 bold:!0},
 
 m?"\u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F...":e))));
@@ -80,7 +84,7 @@ m?"\u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F...":e))));
 
 
 
-}var c=a.htmlType,d=a.icon,e=a.children,f=a.wide,g=a.disabled,h=a.size,i=a.mainColor,j=a.styleType,k=a.linkTo,l=a.linkTarget,m=a.isLoading,n=a.renderLink,o=_objectWithoutProperties(a,_excluded),p=(0,_utils.default)(j,i);return(
+}var c=a.htmlType,d=a.icon,e=a.children,f=a.wide,g=a.disabled,h=a.size,i=a.mainColor,j=a.styleType,k=a.linkTo,l=a.linkTarget,m=a.isLoading,n=a.renderLink,o=a.marginLeft,p=a.marginRight,q=_objectWithoutProperties(a,_excluded),r=(0,_utils.default)(j,i);return(
 
 (k||n)&&!g?
 n?/*#__PURE__*/
@@ -114,7 +118,9 @@ styleType:"primary",
 linkTo:null,
 linkTarget:"_self",
 isLoading:!1,
-renderLink:null
+renderLink:null,
+marginLeft:0,
+marginRight:0
 };var _default=
 
 Button;exports.default=_default;

package/button/index.styles.js

@@ -2,7 +2,7 @@
 
 
 
-var BaseButton=_styledComponents.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: ",";\n  min-width: ",";\n  min-height: ",";\n\n  padding: ",";\n  box-sizing: border-box;\n\n  cursor: ",";\n  opacity: ",";\n  border-radius: ",";\n\n  &[data-styletype=\"primary\"] {\n    border: none;\n    background: ",";\n    \n    &:hover { \n      transition: all 0.25s;\n      background: ",";\n    }\n    &:active {\n      transition: all 0.25s;\n      background: ",";\n    }\n  }\n  \n  &[data-styletype=\"secondary\"] {\n    border: 1px solid ",";\n    background: transparent;\n\n    &:hover { \n      border-color: ",";\n      transition: all 0.25s;\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      border-color: ",";\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n  }\n  \n  &[data-styletype=\"tertiary\"] {\n    border: none;\n    background: transparent;\n\n    &:hover { \n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n\n  }\n"])),
+var BaseButton=_styledComponents.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: ",";\n  min-width: ",";\n  min-height: ",";\n\n  padding: ",";\n  box-sizing: border-box;\n\n  cursor: ",";\n  opacity: ",";\n  border-radius: ",";\n\n  margin: ",";\n\n  &[data-styletype=\"primary\"] {\n    border: none;\n    background: ",";\n    \n    &:hover { \n      transition: all 0.25s;\n      background: ",";\n    }\n    &:active {\n      transition: all 0.25s;\n      background: ",";\n    }\n  }\n  \n  &[data-styletype=\"secondary\"] {\n    border: 1px solid ",";\n    background: transparent;\n\n    &:hover { \n      border-color: ",";\n      transition: all 0.25s;\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      border-color: ",";\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n  }\n  \n  &[data-styletype=\"tertiary\"] {\n    border: none;\n    background: transparent;\n\n    &:hover { \n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n\n  }\n"])),
 
 
 
@@ -18,6 +18,10 @@ function(a){var b=a.disabled;return b?"not-allowed":"pointer"},
 function(a){var b=a.disabled;return b?"0.25":"1"},
 function(a){var b=a.theme;return"".concat(b.borderRadius,"px")},
 
+function(a){var
+b=a.theme,c=a.marginRight,d=a.marginLeft;return"0 ".concat(
+c?c:0,"px 0 ").concat(d?d:0,"px")},
+
 
 
 function(a){var b=a.theme,c=a.mainColor;return(0,_theme.getColorFromName)(b,c)},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-jupiter",
-  "version": "5.9.31",
+  "version": "5.9.32",
   "main": "./index.js",
   "license": "MIT",
   "keywords": [