@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.
- package/dist/Divider/index.d.ts +1 -1
- package/dist/TextField/index.d.ts +0 -8
- package/dist/rabex-ui.cjs.development.js +10 -7
- package/dist/rabex-ui.cjs.development.js.map +1 -1
- package/dist/rabex-ui.cjs.production.min.js +1 -1
- package/dist/rabex-ui.cjs.production.min.js.map +1 -1
- package/dist/rabex-ui.esm.js +10 -7
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/Divider/index.d.ts
CHANGED
@@ -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/
|
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/
|
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:
|
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({
|
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,
|
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,
|
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%'
|