@rabex-kit/rabex-ui 0.2.23 → 0.2.26

package/dist/rabex-ui.esm.js

@@ -1058,7 +1058,7 @@ CurrencyPairsTitle.defaultProps = {
  * You can read Material-UI Divider Documentation [here](https://mui.com/material-ui/api/divider/).
  *
  *  ```typescript
- *  import { Divider } from '@rabex-kit/core';
+ *  import { Divider } from '@rabex-kit/rabex-ui';
  *  ```
  *
  * @param props
@@ -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]
+            }
+          },
+          '& .MuiTab-root.Mui-selected': {
+            borderRadius: theme.spacing(2),
+            backgroundColor: theme.palette.primary[500],
+            color: theme.palette.textColor[50]
           },
-          backgroundColor: theme.palette.mode === 'light' ? theme.palette.secondary.A100 : theme.palette.secondary.A100
+          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;
@@ -5433,7 +5438,7 @@ function _handleHelperColor$1(props, key) {
 var MuiTextFieldStyled = /*#__PURE__*/styled(MuiTextField, {
   name: 'MuiTextField',
   shouldForwardProp: function shouldForwardProp(prop) {
-    return !['fill', 'success', 'titleProps', 'helperText', 'helperTextIcon', 'helperTextProps', 'helperTextEndAdornment', 'helperTextEndAdornmentProps', 'valueFormat', 'valueFormatOption'].includes(prop);
+    return !['fill', 'success', 'titleProps', 'helperText', 'helperTextIcon', 'helperTextProps', 'helperTextEndAdornment', 'helperTextEndAdornmentProps', 'valueFormat', 'valueFormatOption', 'size'].includes(prop);
   }
 })(function () {
   return {};
@@ -5452,6 +5457,7 @@ var TextField = function TextField(props) {
     valueFormat = _ref.valueFormat,
     valueFormatOption = _ref.valueFormatOption,
     fullWidth = _ref.fullWidth,
+    size = _ref.size,
     other = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   if (!valueFormat && !!valueFormatOption) {
     console.warn("'valueFormatOption' Only Work With known 'valueFormat's...");
@@ -5474,17 +5480,19 @@ var TextField = function TextField(props) {
   };
   return React.createElement(Stack, {
     flexDirection: "column",
-    gap: props.size === 'sm' ? 1 : 2,
+    gap: size === 'sm' ? 1 : 2,
     width: fullWidth ? '100%' : 'unset'
   }, title && React.createElement(Typography, Object.assign({
     color: other.disabled ? 'textColor.A40' : 'textColor.A80'
-  }, titleProps), title), React.createElement(MuiTextFieldStyled, Object.assign({}, other, {
+  }, titleProps), title), React.createElement(MuiTextFieldStyled, Object.assign({
+    size: size
+  }, other, {
     value: valueFormat ? _valueFormatHandler(value) : value,
     onChange: valueFormat ? _onChangeFormatHandler : onChange
   })), helperText && React.createElement(Stack, {
     flexDirection: "row",
     justifyContent: "space-between"
-  }, React.createElement(Typography, Object.assign({}, helperTextProps, props.size === 'sm' && {
+  }, React.createElement(Typography, Object.assign({}, helperTextProps, size === 'sm' && {
     variant: 'body3'
   }, {
     color: _handleHelperColor$1(props, 'helperTextProps')
@@ -5494,7 +5502,7 @@ var TextField = function TextField(props) {
       alignItems: 'center',
       gap: 1
     }
-  }), helperTextIcon && helperTextIcon, helperText), helperTextEndAdornment && React.createElement(Typography, Object.assign({}, helperTextEndAdornmentProps, props.size === 'sm' && {
+  }), helperTextIcon && helperTextIcon, helperText), helperTextEndAdornment && React.createElement(Typography, Object.assign({}, helperTextEndAdornmentProps, size === 'sm' && {
     variant: 'body3'
   }, {
     color: _handleHelperColor$1(props, 'helperTextEndAdornmentProps')