@rabex-kit/rabex-ui 0.2.24 → 0.2.26

package/dist/Theme/getDesignTokens.d.ts

@@ -15,5 +15,5 @@ declare module '@mui/material/styles' {
         xxxl: true;
     }
 }
-declare const getDesignTokens: ({ deviceType, mode, direction }: themeTypes) => ThemeOptions;
+declare const getDesignTokens: ({ deviceType, mode, direction, }: themeTypes) => ThemeOptions;
 export default getDesignTokens;

package/dist/rabex-ui.cjs.development.js

@@ -3270,14 +3270,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' ? {
@@ -3316,28 +3327,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;
@@ -3363,7 +3368,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;