@rabex-kit/rabex-ui 0.2.22 → 0.2.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,7 +6,7 @@ export declare type DividerProps = MuiDividerProps;
6
6
  * You can read Material-UI Divider Documentation [here](https://mui.com/material-ui/api/divider/).
7
7
  *
8
8
  * ```typescript
9
- * import { Divider } from '@rabex-kit/core';
9
+ * import { Divider } from '@rabex-kit/rabex-ui';
10
10
  * ```
11
11
  *
12
12
  * @param props
@@ -1,14 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
3
3
  import { TypographyProps } from '../Typography';
4
- declare module '@mui/material/TextField' {
5
- interface TextFieldPropsSizeOverrides {
6
- sm: true;
7
- md: true;
8
- lg: true;
9
- xl: true;
10
- }
11
- }
12
4
  export declare type TextFieldProps = Omit<MuiTextFieldProps, 'size'> & {
13
5
  success?: boolean;
14
6
  fill?: boolean;
@@ -1062,7 +1062,7 @@ CurrencyPairsTitle.defaultProps = {
1062
1062
  * You can read Material-UI Divider Documentation [here](https://mui.com/material-ui/api/divider/).
1063
1063
  *
1064
1064
  * ```typescript
1065
- * import { Divider } from '@rabex-kit/core';
1065
+ * import { Divider } from '@rabex-kit/rabex-ui';
1066
1066
  * ```
1067
1067
  *
1068
1068
  * @param props
@@ -5437,7 +5437,7 @@ function _handleHelperColor$1(props, key) {
5437
5437
  var MuiTextFieldStyled = /*#__PURE__*/styled(MuiTextField, {
5438
5438
  name: 'MuiTextField',
5439
5439
  shouldForwardProp: function shouldForwardProp(prop) {
5440
- return !['fill', 'success', 'titleProps', 'helperText', 'helperTextIcon', 'helperTextProps', 'helperTextEndAdornment', 'helperTextEndAdornmentProps', 'valueFormat', 'valueFormatOption'].includes(prop);
5440
+ return !['fill', 'success', 'titleProps', 'helperText', 'helperTextIcon', 'helperTextProps', 'helperTextEndAdornment', 'helperTextEndAdornmentProps', 'valueFormat', 'valueFormatOption', 'size'].includes(prop);
5441
5441
  }
5442
5442
  })(function () {
5443
5443
  return {};
@@ -5456,6 +5456,7 @@ var TextField = function TextField(props) {
5456
5456
  valueFormat = _ref.valueFormat,
5457
5457
  valueFormatOption = _ref.valueFormatOption,
5458
5458
  fullWidth = _ref.fullWidth,
5459
+ size = _ref.size,
5459
5460
  other = _objectWithoutPropertiesLoose(_ref, _excluded$i);
5460
5461
  if (!valueFormat && !!valueFormatOption) {
5461
5462
  console.warn("'valueFormatOption' Only Work With known 'valueFormat's...");
@@ -5478,17 +5479,19 @@ var TextField = function TextField(props) {
5478
5479
  };
5479
5480
  return React__default.createElement(Stack, {
5480
5481
  flexDirection: "column",
5481
- gap: props.size === 'sm' ? 1 : 2,
5482
+ gap: size === 'sm' ? 1 : 2,
5482
5483
  width: fullWidth ? '100%' : 'unset'
5483
5484
  }, title && React__default.createElement(Typography, Object.assign({
5484
5485
  color: other.disabled ? 'textColor.A40' : 'textColor.A80'
5485
- }, titleProps), title), React__default.createElement(MuiTextFieldStyled, Object.assign({}, other, {
5486
+ }, titleProps), title), React__default.createElement(MuiTextFieldStyled, Object.assign({
5487
+ size: size
5488
+ }, other, {
5486
5489
  value: valueFormat ? _valueFormatHandler(value) : value,
5487
5490
  onChange: valueFormat ? _onChangeFormatHandler : onChange
5488
5491
  })), helperText && React__default.createElement(Stack, {
5489
5492
  flexDirection: "row",
5490
5493
  justifyContent: "space-between"
5491
- }, React__default.createElement(Typography, Object.assign({}, helperTextProps, props.size === 'sm' && {
5494
+ }, React__default.createElement(Typography, Object.assign({}, helperTextProps, size === 'sm' && {
5492
5495
  variant: 'body3'
5493
5496
  }, {
5494
5497
  color: _handleHelperColor$1(props, 'helperTextProps')
@@ -5498,7 +5501,7 @@ var TextField = function TextField(props) {
5498
5501
  alignItems: 'center',
5499
5502
  gap: 1
5500
5503
  }
5501
- }), helperTextIcon && helperTextIcon, helperText), helperTextEndAdornment && React__default.createElement(Typography, Object.assign({}, helperTextEndAdornmentProps, props.size === 'sm' && {
5504
+ }), helperTextIcon && helperTextIcon, helperText), helperTextEndAdornment && React__default.createElement(Typography, Object.assign({}, helperTextEndAdornmentProps, size === 'sm' && {
5502
5505
  variant: 'body3'
5503
5506
  }, {
5504
5507
  color: _handleHelperColor$1(props, 'helperTextEndAdornmentProps')
@@ -6156,7 +6159,7 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
6156
6159
  height: theme.spacing(12)
6157
6160
  }
6158
6161
  }, ownerState.variant === 'fullWidth' && {
6159
- '& .MuiTab-root': {
6162
+ '& .MuiTabs-flexContainer .MuiTab-root': {
6160
6163
  minWidth: 'unset'
6161
6164
  },
6162
6165
  width: '100%'