@rabex-kit/rabex-ui 0.2.58 → 0.2.61

package/dist/rabex-ui.cjs.development.js

@@ -1674,7 +1674,7 @@ var getTypography = function getTypography(size, mode) {
   };
 };
 /**
- * Chip component of Material is somthing like Badge ,
+ * Chip component of Material is something like Badge ,
  * Material Ui Chip is wrapper for content that has
  * Background color and other various Props,
  * you can see Chip Documentation api that I mentioned below [here](https://mui.com/material-ui/api/chip)
@@ -2148,6 +2148,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   //
   var _useTheme = useTheme(),
     mode = _useTheme.palette.mode;
+  var isDark = mode === 'dark';
   var _ref2 = props || {},
     title = _ref2.title,
     helperTextEndAdornment = _ref2.helperTextEndAdornment,
@@ -2160,7 +2161,9 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     onChange = _ref2.onChange,
     valueFormat = _ref2.valueFormat,
     valueFormatOption = _ref2.valueFormatOption,
-    fullWidth = _ref2.fullWidth;
+    fullWidth = _ref2.fullWidth,
+    fill = _ref2.fill;
+  var effectiveFill = isDark ? false : fill;
   if (!valueFormat && !!valueFormatOption) {
     console.warn("'valueFormatOption' Only Work With known 'valueFormat's...");
   }
@@ -2189,6 +2192,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, titleProps), title), React__default.createElement(MuiInputStyled, Object.assign({
     ref: ref
   }, props, {
+    fill: effectiveFill,
     value: valueFormat ? _valueFormatHandler(value) : value,
     onChange: valueFormat ? _onChangeFormatHandler : onChange
   })), helperText && React__default.createElement(Stack, {
@@ -3842,7 +3846,7 @@ var RabexLightPalette = /*#__PURE__*/_extends({}, base, {
     400: '#A6B0C3',
     300: '#CFD6E4',
     200: '#EFF2F5',
-    100: '#F8FAFD',
+    100: '#F5F6F7',
     50: '#FFFFFF',
     main: '#222531',
     A100: '#222531',
@@ -4020,7 +4024,7 @@ var RabexDarkPalette = /*#__PURE__*/_extends({}, base, {
     600: '#58667E',
     500: '#808A9D',
     400: '#A6B0C3',
-    300: '#2E3238',
+    300: '#333B47',
     200: '#0D1421',
     100: '#1F293C',
     50: '#1A2232',
@@ -4282,7 +4286,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.textColor[900],
-        backgroundColor: theme.palette.warning[50],
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.warning[50] : colorManipulator_js.alpha(theme.palette.warning[50], 0.5),
         border: "1px solid " + theme.palette.warning[200]
       }
     },
@@ -4293,7 +4297,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.primary[500],
-        backgroundColor: theme.palette.info[50],
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.info[50] : colorManipulator_js.alpha(theme.palette.info(50), 0.5),
         border: "1px solid " + theme.palette.info[200]
       }
     },
@@ -4304,7 +4308,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.primary[500],
-        backgroundColor: theme.palette.info[50],
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.info[50] : colorManipulator_js.alpha(theme.palette.info[50], 0.5),
         border: "1px solid " + theme.palette.info[200]
       }
     },
@@ -4315,7 +4319,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.error[400],
-        backgroundColor: theme.palette.error[50],
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.error[50] : colorManipulator_js.alpha(theme.palette.error[50], 0.5),
         border: "1px solid " + theme.palette.error[200]
       }
     },
@@ -4326,7 +4330,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.success[400],
-        backgroundColor: theme.palette.success[50],
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.success[50] : colorManipulator_js.alpha(theme.palette.success[50], 0.5),
         border: "1px solid " + theme.palette.success[200]
       }
     }