@rabex-kit/rabex-ui 0.2.24 → 0.2.26

package/dist/rabex-ui.esm.js

@@ -3266,14 +3266,25 @@ var RabexTabs = {
           },
           backgroundColor: 'unset'
         } : {
-          '& .MuiTab-root.Mui-selected': {
-            borderRadius: 4,
-            color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A0
-          },
           '& .MuiTabs-flexContainer': {
-            padding: theme.spacing(1)
+            // 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],
+              color: theme.palette.textColor[50]
+            }
           },
-          backgroundColor: theme.palette.mode === 'light' ? theme.palette.secondary.A100 : theme.palette.secondary.A100
+          '& .MuiTab-root.Mui-selected': {
+            borderRadius: theme.spacing(2),
+            backgroundColor: theme.palette.primary[500],
+            color: theme.palette.textColor[50]
+          },
+          backgroundColor: 'transparent'
         };
         // Size-specific styles
         var sizeMap = mode === 'underline' ? {
@@ -3312,28 +3323,22 @@ var RabexTabs = {
           }
         } : {
           sm: {
-            '& .MuiTabs-fixed': {
-              padding: theme.spacing(1, 2),
-              marginBottom: theme.spacing(2)
-            },
-            height: theme.spacing(8),
-            borderRadius: theme.spacing(2)
+            '& .MuiTab-root': {
+              height: theme.spacing(8),
+              padding: theme.spacing(1, 3)
+            }
           },
           md: {
-            '& .MuiTabs-fixed': {
-              padding: theme.spacing(2, 4),
-              marginBottom: theme.spacing(2)
-            },
-            height: theme.spacing(10),
-            borderRadius: theme.spacing(2)
+            '& .MuiTab-root': {
+              height: theme.spacing(10),
+              padding: theme.spacing(2, 4)
+            }
           },
           lg: {
-            '& .MuiTabs-fixed': {
-              padding: theme.spacing(3, 4),
-              marginBottom: theme.spacing(3)
-            },
-            height: theme.spacing(12),
-            borderRadius: theme.spacing(3)
+            '& .MuiTab-root': {
+              height: theme.spacing(12),
+              padding: theme.spacing(3, 4)
+            }
           }
         };
         var sizeStyles = sizeMap[size || 'sm'] || sizeMap.sm;
@@ -3359,7 +3364,7 @@ var RabexTabs = {
           border: "2px dotted " + theme.palette.base.A40
         } : {};
         // Return combined styles
-        return _extends({}, baseStyles, modeStyles, sizeStyles, variantStyles, orientationStyles, borderStyles);
+        return _extends({}, baseStyles, modeStyles, variantStyles, sizeStyles, orientationStyles, borderStyles);
       },
       indicator: function indicator(_ref3) {
         var ownerState = _ref3.ownerState;