@rabex-kit/rabex-ui 0.2.28 → 0.2.29

package/dist/rabex-ui.esm.js

@@ -828,7 +828,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
   return React.createElement(MuiBreadcrumbs, Object.assign({}, props));
 };
 
-var _excluded$2 = ["size", "isIcon", "children"];
+var _excluded$2 = ["size", "mode", "children"];
 var typographySizes = {
   xs: {
     variant: 'smallButton',
@@ -858,12 +858,7 @@ var iconSizes = {
   lg: 24,
   xl: 24
 };
-// Styled button with shouldForwardProp to exclude 'isIcon' from DOM
-var StyledButton = /*#__PURE__*/styled(MuiButton, {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return prop !== 'isIcon';
-  }
-})(function (_ref) {
+var StyledButton = /*#__PURE__*/styled(MuiButton, {})(function (_ref) {
   var size = _ref.size;
   return {
     display: 'flex',
@@ -882,14 +877,15 @@ var StyledButton = /*#__PURE__*/styled(MuiButton, {
 var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$size = props.size,
     size = _props$size === void 0 ? 'md' : _props$size,
-    isIcon = props.isIcon,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'button' : _props$mode,
     children = props.children,
     rest = _objectWithoutPropertiesLoose(props, _excluded$2);
   return React.createElement(StyledButton, Object.assign({
     ref: ref,
     size: size,
-    isIcon: isIcon
-  }, rest), isIcon ? children : React.createElement(Typography, {
+    mode: mode
+  }, rest), mode === 'icon' ? children : React.createElement(Typography, {
     variant: typographySizes[size].variant,
     weight: typographySizes[size].weight
   }, children));
@@ -898,7 +894,7 @@ Button.defaultProps = {
   variant: 'contained',
   size: 'md',
   color: 'primary',
-  isIcon: false,
+  mode: 'button',
   disableRipple: true,
   disableElevation: true,
   disableFocusRipple: true
@@ -1706,10 +1702,7 @@ var ListSubHeader = function ListSubHeader(props) {
  * @returns
  */
 var LoadingButton = /*#__PURE__*/styled(MuiLoadingButton, {
-  name: 'MuiLoadingButton',
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !['isIcon'].includes(prop);
-  }
+  name: 'MuiLoadingButton'
 })(function () {
   return {};
 });
@@ -1717,7 +1710,6 @@ LoadingButton.defaultProps = {
   variant: 'contained',
   size: 'md',
   color: 'primary',
-  isIcon: false,
   disableRipple: true,
   disableElevation: true,
   disableFocusRipple: true
@@ -2774,11 +2766,12 @@ var components = {
   }, {
     props: {
       size: 'xs',
-      isIcon: true
+      mode: 'icon'
     },
     style: function style(_ref11) {
       var theme = _ref11.theme;
       return {
+        minWidth: '24px',
         width: '24px',
         height: '24px',
         // padding: theme.spacing(3.5, 3.5),
@@ -2789,11 +2782,12 @@ var components = {
   }, {
     props: {
       size: 'sm',
-      isIcon: true
+      mode: 'icon'
     },
     style: function style(_ref12) {
       var theme = _ref12.theme;
       return {
+        minWidth: '32px',
         width: '32px',
         height: '32px',
         // padding: theme.spacing(3.5, 3.5),
@@ -2804,11 +2798,12 @@ var components = {
   }, {
     props: {
       size: 'md',
-      isIcon: true
+      mode: 'icon'
     },
     style: function style(_ref13) {
       var theme = _ref13.theme;
       return {
+        minWidth: '40px',
         width: '40px',
         height: '40px',
         // padding: theme.spacing(3.5, 3.5),
@@ -2819,11 +2814,12 @@ var components = {
   }, {
     props: {
       size: 'lg',
-      isIcon: true
+      mode: 'icon'
     },
     style: function style(_ref14) {
       var theme = _ref14.theme;
       return {
+        minWidth: '48px',
         width: '48px',
         height: '48px',
         padding: theme.spacing(3),
@@ -2833,11 +2829,12 @@ var components = {
   }, {
     props: {
       size: 'xl',
-      isIcon: true
+      mode: 'icon'
     },
     style: function style(_ref15) {
       var theme = _ref15.theme;
       return {
+        minWidth: '56px',
         width: '56px',
         height: '56px',
         padding: theme.spacing(4),
@@ -2888,7 +2885,7 @@ var components = {
   }, {
     props: {
       size: 'medium',
-      isIcon: true
+      mode: 'icon'
     },
     style: function style(_ref19) {
       var theme = _ref19.theme;
@@ -2900,7 +2897,7 @@ var components = {
   }, {
     props: {
       size: 'small',
-      isIcon: true
+      mode: 'icon'
     },
     style: function style(_ref20) {
       var theme = _ref20.theme;
@@ -2912,7 +2909,7 @@ var components = {
   }, {
     props: {
       size: 'xsmall',
-      isIcon: true
+      mode: 'icon'
     },
     style: function style(_ref21) {
       var theme = _ref21.theme;
@@ -5702,7 +5699,7 @@ var ModalContent = function ModalContent(_ref) {
       left: '-10px'
     }, headerSx)
   }, header), React.createElement(Button, Object.assign({
-    isIcon: true,
+    mode: "icon",
     color: "secondary",
     variant: 'text',
     size: 'sm'