@rabex-kit/rabex-ui 0.2.26 → 0.2.28

package/dist/rabex-ui.esm.js

@@ -2779,7 +2779,8 @@ var components = {
     style: function style(_ref11) {
       var theme = _ref11.theme;
       return {
-        minWidth: 'unset',
+        width: '24px',
+        height: '24px',
         // padding: theme.spacing(3.5, 3.5),
         padding: theme.spacing(1),
         borderRadius: theme.spacing(1)
@@ -2793,7 +2794,8 @@ var components = {
     style: function style(_ref12) {
       var theme = _ref12.theme;
       return {
-        minWidth: 'unset',
+        width: '32px',
+        height: '32px',
         // padding: theme.spacing(3.5, 3.5),
         padding: theme.spacing(2),
         borderRadius: theme.spacing(2)
@@ -2807,7 +2809,8 @@ var components = {
     style: function style(_ref13) {
       var theme = _ref13.theme;
       return {
-        minWidth: 'unset',
+        width: '40px',
+        height: '40px',
         // padding: theme.spacing(3.5, 3.5),
         padding: theme.spacing(2),
         borderRadius: theme.spacing(2)
@@ -2821,7 +2824,8 @@ var components = {
     style: function style(_ref14) {
       var theme = _ref14.theme;
       return {
-        minWidth: 'unset',
+        width: '48px',
+        height: '48px',
         padding: theme.spacing(3),
         borderRadius: theme.spacing(2)
       };
@@ -2834,7 +2838,8 @@ var components = {
     style: function style(_ref15) {
       var theme = _ref15.theme;
       return {
-        minWidth: 'unset',
+        width: '56px',
+        height: '56px',
         padding: theme.spacing(4),
         borderRadius: theme.spacing(2)
       };
@@ -3267,23 +3272,22 @@ var RabexTabs = {
           backgroundColor: 'unset'
         } : {
           '& .MuiTabs-flexContainer': {
-            // padding: theme.spacing(1),
-            gap: theme.spacing(2)
-          },
-          '& .MuiTab-root': {
-            borderRadius: theme.spacing(2),
-            backgroundColor: theme.palette.secondary[500],
-            color: theme.palette.textColor[900],
-            '&:hover': {
-              backgroundColor: theme.palette.primary[600],
+            gap: theme.spacing(2),
+            '& .MuiTab-root': {
+              borderRadius: theme.spacing(2),
+              backgroundColor: theme.palette.secondary[500],
+              color: theme.palette.textColor[900],
+              '&:hover': {
+                backgroundColor: theme.palette.primary[600],
+                color: theme.palette.textColor[50]
+              }
+            },
+            '& .MuiTab-root.Mui-selected': {
+              borderRadius: theme.spacing(2),
+              backgroundColor: theme.palette.primary[500],
               color: theme.palette.textColor[50]
             }
           },
-          '& .MuiTab-root.Mui-selected': {
-            borderRadius: theme.spacing(2),
-            backgroundColor: theme.palette.primary[500],
-            color: theme.palette.textColor[50]
-          },
           backgroundColor: 'transparent'
         };
         // Size-specific styles
@@ -5938,7 +5942,7 @@ var Stepper = function Stepper(props) {
  * You can read Material-UI SwipeableDrawer Documentation [here](https://mui.com/material-ui/api/swipeable-drawer/).
  *
  * ```typescript
- *  import { SwipeableDrawer } from '@rabex-kit/core';
+ *  import { SwipeableDrawer } from '@rabex-kit/rabex-ui';
  *  ```
  * @param props
  * @returns
@@ -6110,30 +6114,32 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
     minHeight: 'unset',
     display: 'flex',
     backgroundColor: theme.palette.backgroundColor[200],
-    // padding: theme.spacing(1),
-    // '& .MuiTabs-root': {
-    //   padding: theme.spacing(1),
-    // },
+    padding: theme.spacing(0),
     '& .MuiTabs-fixed': {
-      padding: theme.spacing(0)
+      padding: theme.spacing(1)
     },
     '& .MuiTabs-flexContainer': {
-      gap: theme.spacing(1)
+      gap: theme.spacing(1),
+      '& .MuiTab-root.Mui-selected': {
+        backgroundColor: theme.palette.base[50],
+        color: theme.palette.textColor[900]
+      }
     }
   }, ownerState.size === 'sm' && {
     height: theme.spacing(8),
     borderRadius: theme.spacing(2),
-    '&.MuiTab-root': {
+    // padding: theme.spacing(1),
+    '& .MuiTab-root': {
       borderRadius: theme.spacing(1),
       height: theme.spacing(6),
       padding: theme.spacing(0, 3)
     },
-    '&.MuiTab-root.Mui-selected': {
-      color: 'inherit',
+    '& .MuiTab-root.Mui-selected': {
       borderRadius: theme.spacing(1),
       height: theme.spacing(6)
     }
   }, ownerState.size === 'md' && {
+    // padding: theme.spacing(1),
     height: theme.spacing(12),
     borderRadius: theme.spacing(3),
     '& .MuiTab-root': {
@@ -6142,11 +6148,13 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
       padding: theme.spacing(2, 3)
     },
     '& .MuiTab-root.Mui-selected': {
-      color: 'inherit',
+      // backgroundColor: theme.palette.base[50],
+      // color: theme.palette.textColor[900],
       borderRadius: theme.spacing(2),
       height: theme.spacing(10)
     }
   }, ownerState.size === 'lg' && {
+    // padding: theme.spacing(1),
     height: theme.spacing(14),
     borderRadius: theme.spacing(3),
     '& .MuiTab-root': {
@@ -6155,7 +6163,8 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
       padding: theme.spacing(3, 4)
     },
     '& .MuiTab-root.Mui-selected': {
-      color: 'inherit',
+      // backgroundColor: theme.palette.base[50],
+      // color: theme.palette.textColor[900],
       borderRadius: theme.spacing(2),
       height: theme.spacing(12)
     }