@rabex-kit/rabex-ui 0.1.36 → 0.1.40

package/dist/rabex-ui.esm.js

@@ -1262,14 +1262,15 @@ var Grid = function Grid(_ref) {
 var IconButton = /*#__PURE__*/styled(MuiIconButton, {
   name: 'MuiIconButton',
   shouldForwardProp: function shouldForwardProp(prop) {
-    return prop !== 'hasBg';
+    return !['hasBg', 'disableOpacity'].includes(prop.toString());
   }
 })(function () {
   return {};
 });
 IconButton.defaultProps = {
   variant: 'circular',
-  hasBg: false
+  hasBg: false,
+  disableOpacity: false
 };
 
 function _handleHelperColor(props, key) {
@@ -3857,11 +3858,7 @@ var RabexIconButton = {
       root: function root(_ref) {
         var ownerState = _ref.ownerState,
           theme = _ref.theme;
-        return _extends({
-          '& .MuiIconButton': {
-            color: 'inherit'
-          }
-        }, ownerState.variant === 'circular' && {
+        return _extends({}, ownerState.variant === 'circular' && {
           borderRadius: '50%'
         }, ownerState.variant === 'rounded' && {
           borderRadius: 8
@@ -3885,6 +3882,105 @@ var RabexIconButton = {
           }
         };
       }
+    }, {
+      props: {
+        disableOpacity: true
+      },
+      style: function style() {
+        return {
+          color: 'inherit'
+        };
+      }
+    }, {
+      props: {
+        size: 'xs'
+      },
+      style: function style(_ref3) {
+        var theme = _ref3.theme;
+        return {
+          '& svg': {
+            fontSize: '16px',
+            width: '16px',
+            height: '16px'
+          },
+          height: '24px',
+          width: '24px',
+          padding: theme.spacing(1),
+          borderRadius: theme.spacing(1)
+        };
+      }
+    }, {
+      props: {
+        size: 'sm'
+      },
+      style: function style(_ref4) {
+        var theme = _ref4.theme;
+        return {
+          '& svg': {
+            fontSize: '16px',
+            width: '16px',
+            height: '16px'
+          },
+          height: '32',
+          width: '32',
+          padding: theme.spacing(2),
+          borderRadius: theme.spacing(2)
+        };
+      }
+    }, {
+      props: {
+        size: 'md'
+      },
+      style: function style(_ref5) {
+        var theme = _ref5.theme;
+        return {
+          '& svg': {
+            fontSize: '24px',
+            width: '24px',
+            height: '24px'
+          },
+          height: '40px',
+          width: '40px',
+          padding: theme.spacing(2),
+          borderRadius: theme.spacing(2)
+        };
+      }
+    }, {
+      props: {
+        size: 'lg'
+      },
+      style: function style(_ref6) {
+        var theme = _ref6.theme;
+        return {
+          '& svg': {
+            fontSize: '24px',
+            width: '24px',
+            height: '24px'
+          },
+          height: '48px',
+          width: '48px',
+          padding: theme.spacing(3),
+          borderRadius: theme.spacing(2)
+        };
+      }
+    }, {
+      props: {
+        size: 'xl'
+      },
+      style: function style(_ref7) {
+        var theme = _ref7.theme;
+        return {
+          '& svg': {
+            fontSize: '24px',
+            width: '24px',
+            height: '24px'
+          },
+          height: '56px',
+          width: '56px',
+          borderRadius: theme.spacing(2),
+          padding: theme.spacing(4)
+        };
+      }
     }]
   }
 };