@rabex-kit/rabex-ui 0.2.57 → 0.2.60

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.
@@ -2144,6 +2144,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2144
2144
  //
2145
2145
  var _useTheme = useTheme(),
2146
2146
  mode = _useTheme.palette.mode;
2147
+ var isDark = mode === 'dark';
2147
2148
  var _ref2 = props || {},
2148
2149
  title = _ref2.title,
2149
2150
  helperTextEndAdornment = _ref2.helperTextEndAdornment,
@@ -2156,7 +2157,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2156
2157
  onChange = _ref2.onChange,
2157
2158
  valueFormat = _ref2.valueFormat,
2158
2159
  valueFormatOption = _ref2.valueFormatOption,
2159
- fullWidth = _ref2.fullWidth;
2160
+ fullWidth = _ref2.fullWidth,
2161
+ fill = _ref2.fill;
2162
+ var effectiveFill = isDark ? false : fill;
2160
2163
  if (!valueFormat && !!valueFormatOption) {
2161
2164
  console.warn("'valueFormatOption' Only Work With known 'valueFormat's...");
2162
2165
  }
@@ -2185,6 +2188,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2185
2188
  }, titleProps), title), React.createElement(MuiInputStyled, Object.assign({
2186
2189
  ref: ref
2187
2190
  }, props, {
2191
+ fill: effectiveFill,
2188
2192
  value: valueFormat ? _valueFormatHandler(value) : value,
2189
2193
  onChange: valueFormat ? _onChangeFormatHandler : onChange
2190
2194
  })), helperText && React.createElement(Stack, {
@@ -3838,7 +3842,7 @@ var RabexLightPalette = /*#__PURE__*/_extends({}, base, {
3838
3842
  400: '#A6B0C3',
3839
3843
  300: '#CFD6E4',
3840
3844
  200: '#EFF2F5',
3841
- 100: '#F8FAFD',
3845
+ 100: '#F5F6F7',
3842
3846
  50: '#FFFFFF',
3843
3847
  main: '#222531',
3844
3848
  A100: '#222531',
@@ -4016,7 +4020,7 @@ var RabexDarkPalette = /*#__PURE__*/_extends({}, base, {
4016
4020
  600: '#58667E',
4017
4021
  500: '#808A9D',
4018
4022
  400: '#A6B0C3',
4019
- 300: '#2E3238',
4023
+ 300: '#333B47',
4020
4024
  200: '#0D1421',
4021
4025
  100: '#1F293C',
4022
4026
  50: '#1A2232',
@@ -5496,11 +5500,10 @@ var components$5 = {
5496
5500
  };
5497
5501
  },
5498
5502
  filled: function filled(_ref5) {
5499
- var _palette$ownerState$c;
5500
5503
  var palette = _ref5.theme.palette,
5501
5504
  ownerState = _ref5.ownerState;
5502
5505
  return {
5503
- backgroundColor: (_palette$ownerState$c = palette[ownerState.color]) === null || _palette$ownerState$c === void 0 ? void 0 : _palette$ownerState$c.A20
5506
+ backgroundColor: palette.mode === 'light' ? palette[ownerState.color][50] : alpha(palette[ownerState.color][50], 0.5)
5504
5507
  };
5505
5508
  },
5506
5509
  outlined: function outlined(_ref6) {