@rabex-kit/rabex-ui 0.1.20 → 0.1.21

package/dist/rabex-ui.esm.js

@@ -4557,27 +4557,6 @@ var components$6 = {
           fontSize: '16px',
           lineHeight: '24px',
           padding: spacing(3)
-        }, fill === true && {
-          border: 'transparent',
-          background: isLight ? palette.base[200] : undefined,
-          '&.Mui-disabled': {
-            background: isLight ? palette.base[100] : palette.secondary.A100
-          },
-          '&:hover': {
-            border: isLight ? "1px solid " + palette.base[600] : "1px solid " + palette.base.A60,
-            backgroundColor: isLight ? palette.base[200] : palette.base.A60
-          },
-          '&.Mui-focused': {
-            border: isLight ? "1.5px solid " + palette.primary[500] : "1px solid " + palette.primary.A80,
-            backgroundColor: isLight ? palette.base[200] : palette.base.A60
-          },
-          '&.Mui-error': {
-            border: isLight ? "1.5px solid " + palette.error[400] : "1px solid " + palette.error.A60,
-            backgroundColor: isLight ? palette.base[200] : alpha(palette.error.A100 || '', 0.1)
-          }
-        }, success === true && {
-          border: isLight ? "1px solid " + palette.success.A100 : "1px solid " + palette.success.A40,
-          backgroundColor: isLight ? palette.base.A0 : alpha(palette.success.A100, 0.1)
         }),
         '& > div.MuiInputBase-root > input.MuiInputBase-input': {
           color: isLight ? palette.textColor.A80 : palette.textColor.A0,
@@ -4598,9 +4577,10 @@ var components$6 = {
     },
     style: function style(_ref2) {
       var theme = _ref2.theme;
+      console.log('fill included');
       var isLight = theme.palette.mode === 'light';
       return {
-        '& .MuiInputBase-root': {
+        '& > div.MuiInputBase-root': {
           // border: `1px solid ${theme.palette.base[600]}`,
           border: 'transparent',
           background: theme.palette.base[200],
@@ -4632,7 +4612,7 @@ var components$6 = {
     style: function style(_ref3) {
       var palette = _ref3.theme.palette;
       return {
-        '& .MuiInputBase-root': {
+        '& > div.MuiInputBase-root': {
           border: palette.mode === 'light' ? "1px solid " + palette.success.A100 : "1px solid " + palette.success.A40,
           backgroundColor: palette.mode === 'light' ? palette.base.A0 : alpha(palette.success.A100, 0.1)
         }
@@ -5079,7 +5059,7 @@ var FormikSelect = function FormikSelect(_ref) {
   }, text));
 };
 
-var _excluded$i = ["title", "helperTextEndAdornment", "helperTextEndAdornmentProps", "titleProps", "helperText", "helperTextIcon", "helperTextProps", "value", "onChange", "valueFormat", "valueFormatOption", "fill", "success"];
+var _excluded$i = ["title", "helperTextEndAdornment", "helperTextEndAdornmentProps", "titleProps", "helperText", "helperTextIcon", "helperTextProps", "value", "onChange", "valueFormat", "valueFormatOption"];
 function _handleHelperColor$1(props, key) {
   var _props$key;
   if (props.error) return 'error.A100';
@@ -5102,7 +5082,7 @@ function _handleHelperColor$1(props, key) {
 var MuiTextFieldStyled = /*#__PURE__*/styled(MuiTextField, {
   name: 'MuiTextField',
   shouldForwardProp: function shouldForwardProp(prop) {
-    return !['titleProps', 'helperText', 'helperTextIcon', 'helperTextProps', 'helperTextEndAdornment', 'helperTextEndAdornmentProps', 'success', 'valueFormat', 'valueFormatOption', 'fill'].includes(prop);
+    return !['fill', 'success', 'titleProps', 'helperText', 'helperTextIcon', 'helperTextProps', 'helperTextEndAdornment', 'helperTextEndAdornmentProps', 'valueFormat', 'valueFormatOption'].includes(prop);
   }
 })(function () {
   return {};
@@ -5150,7 +5130,7 @@ var TextField = function TextField(props) {
   })), helperText && React.createElement(Stack, {
     flexDirection: "row",
     justifyContent: "space-between"
-  }, React.createElement(Typography, Object.assign({}, helperTextProps, props.size === 'small' && {
+  }, React.createElement(Typography, Object.assign({}, helperTextProps, {
     variant: 'body3'
   }, {
     color: _handleHelperColor$1(props, 'helperTextProps')
@@ -5160,7 +5140,7 @@ var TextField = function TextField(props) {
       alignItems: 'center',
       gap: 1
     }
-  }), helperTextIcon && helperTextIcon, helperText), helperTextEndAdornment && React.createElement(Typography, Object.assign({}, helperTextEndAdornmentProps, props.size === 'small' && {
+  }), helperTextIcon && helperTextIcon, helperText), helperTextEndAdornment && React.createElement(Typography, Object.assign({}, helperTextEndAdornmentProps, {
     variant: 'body3'
   }, {
     color: _handleHelperColor$1(props, 'helperTextEndAdornmentProps')
@@ -5176,11 +5156,11 @@ TextField.defaultProps = {
     color: 'textColor.A80'
   },
   helperTextProps: {
-    variant: 'body2',
+    variant: 'body3',
     color: 'textColor.A60'
   },
   helperTextEndAdornmentProps: {
-    variant: 'body2',
+    variant: 'body3',
     color: 'textColor.A60'
   }
 };