@rabex-kit/rabex-ui 0.2.22 → 0.2.24

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
@@ -5433,7 +5433,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 +5452,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 +5475,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 +5497,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')
@@ -6152,7 +6155,7 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
       height: theme.spacing(12)
     }
   }, ownerState.variant === 'fullWidth' && {
-    '& .MuiTab-root': {
+    '& .MuiTabs-flexContainer .MuiTab-root': {
       minWidth: 'unset'
     },
     width: '100%'