@rabex-kit/rabex-ui 0.2.47 → 0.2.50

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.
@@ -781,22 +781,32 @@ var enhancedRoundDown = function enhancedRoundDown(val, dec) {
781
781
  var formatted = parseFloat(result).toFixed(dec);
782
782
  return formatted.replace(/^([\d,]+)$|^([\d,]+)\.0*$|^([\d,]+\.[0-9]*?)0*$/, '$1$2$3');
783
783
  };
784
+ var _roundUp = function roundUp(val, dec) {
785
+ var decimal = dec === 0 ? 0 : +("1" + new Array(dec + 1).join('0'));
786
+ var result = decimal === 0 ? Math.ceil(val) : Math.ceil(+bigDecimal.multiply(val, decimal)) / decimal;
787
+ return result ? result.toFixed(dec).replace(/^([\d,]+)$|^([\d,]+)\.0*$|^([\d,]+\.[0-9]*?)0*$/, '$1$2$3') : '0';
788
+ };
789
+ var _roundDown = function roundDown(val, dec) {
790
+ var decimal = dec === 0 ? 0 : +("1" + new Array(dec + 1).join('0'));
791
+ var result = decimal === 0 ? Math.floor(val) : Math.floor(+bigDecimal.multiply(val, decimal)) / decimal;
792
+ return result ? result.toFixed(dec).replace(/^([\d,]+)$|^([\d,]+)\.0*$|^([\d,]+\.[0-9]*?)0*$/, '$1$2$3') : '0';
793
+ };
784
794
  /**
785
795
  * BACKWARD COMPATIBLE ROUND UP
786
796
  *
787
797
  * Purpose: Wrapper function maintaining original API while using enhanced implementation
788
798
  */
789
- var _roundUp = function roundUp(val, dec) {
790
- return enhancedRoundUp(val, dec);
791
- };
799
+ // const roundUp = (val: number, dec: number): string => {
800
+ // return enhancedRoundUp(val, dec);
801
+ // };
792
802
  /**
793
803
  * BACKWARD COMPATIBLE ROUND DOWN
794
804
  *
795
805
  * Purpose: Wrapper function maintaining original API while using enhanced implementation
796
806
  */
797
- var _roundDown = function roundDown(val, dec) {
798
- return enhancedRoundDown(val, dec);
799
- };
807
+ // const roundDown = (val: number, dec: number): string => {
808
+ // return enhancedRoundDown(val, dec);
809
+ // };
800
810
  // ============================================================================
801
811
  // VALIDATION & CONVERSION FUNCTIONS
802
812
  // ============================================================================
@@ -3350,11 +3360,8 @@ var components = {
3350
3360
  boxShadow: '0px 0px 0px 4px #0000000D'
3351
3361
  },
3352
3362
  '&.Mui-disabled': {
3353
- color: palette.mode === 'light' ? textColor : palette.textColor.A90,
3363
+ color: textColor,
3354
3364
  backgroundColor: disableBackgroundColor
3355
- // palette.mode === 'light'
3356
- // ? disableBackgroundColor
3357
- // : darken(palette[color].A100 as string, 0.1),
3358
3365
  }
3359
3366
  };
3360
3367
  },
@@ -3364,22 +3371,22 @@ var components = {
3364
3371
  var textColor = palette.textColor[900] || palette.textColor.A80;
3365
3372
  var hoverColor = palette.secondary[400] || darken(palette.secondary.A100, 0.05);
3366
3373
  return {
3367
- backgroundColor: palette.mode === 'light' ? secondaryColor : palette.secondary.A60,
3368
- color: palette.mode === 'light' ? textColor : palette.textColor.A0,
3374
+ backgroundColor: secondaryColor,
3375
+ color: textColor,
3369
3376
  '&:hover': {
3370
- backgroundColor: palette.mode === 'light' ? hoverColor : palette.secondary.A60
3377
+ backgroundColor: hoverColor
3371
3378
  },
3372
3379
  '&:active': {
3373
- backgroundColor: palette.mode === 'light' ? palette.secondary[400] || darken(palette.secondary.A100, 0.05) : palette.secondary.A60,
3380
+ backgroundColor: palette.secondary[400] || darken(palette.secondary.A100, 0.05),
3374
3381
  boxShadow: '0px 0px 0px 4px #0000000D'
3375
3382
  },
3376
3383
  '&:focused': {
3377
- backgroundColor: palette.mode === 'light' ? palette.secondary[400] || darken(palette.secondary.A100, 0.05) : palette.secondary.A60,
3384
+ backgroundColor: palette.secondary[400] || darken(palette.secondary.A100, 0.05),
3378
3385
  boxShadow: '0px 0px 0px 4px #0000000D'
3379
3386
  },
3380
3387
  '&.Mui-disabled': {
3381
3388
  color: palette.textColor[100] || palette.textColor.A40,
3382
- backgroundColor: palette.mode === 'light' ? palette.secondary[400] : palette.secondary.A60
3389
+ backgroundColor: palette.secondary[400]
3383
3390
  }
3384
3391
  };
3385
3392
  },
@@ -3393,7 +3400,7 @@ var components = {
3393
3400
  border: '1.5px solid',
3394
3401
  borderColor: color === 'primary' ? palette.primary[500] || palette[color].A100 : palette[color].A100,
3395
3402
  '&:hover': {
3396
- backgroundColor: palette.mode === 'light' ? color === 'primary' ? palette.primary[500] || palette[color].A100 : palette.secondary.A60 : 'transparent',
3403
+ backgroundColor: color === 'primary' ? palette.primary[500] || palette[color].A100 : 'transparent',
3397
3404
  border: '1px solid',
3398
3405
  borderColor: color === 'primary' ? palette.primary[600] || palette[color].A100 : palette[color].A100,
3399
3406
  color: palette.textColor[50] || palette[color].A0
@@ -3405,21 +3412,19 @@ var components = {
3405
3412
  color: palette.textColor[50] || palette[color].A0
3406
3413
  },
3407
3414
  '&.Mui-disabled': {
3408
- borderColor: palette.mode === 'light' ? color === 'primary' ? palette.primary[400] || palette[color].A60 : palette[color].A60 : alpha(palette[color].A100, 0.3),
3409
- color: palette.mode === 'light' ? color === 'primary' ? palette.primary[400] || palette[color].A60 : palette[color].A60 : alpha(palette[color].A100, 0.3)
3415
+ borderColor: color === 'primary' ? palette.primary[400] || palette[color].A60 : palette[color].A60,
3416
+ color: color === 'primary' ? palette.primary[400] || palette[color].A60 : palette[color].A60
3410
3417
  }
3411
3418
  };
3412
3419
  },
3413
3420
  text: function text(_ref5) {
3414
- var palette = _ref5.theme.palette,
3415
- ownerState = _ref5.ownerState;
3416
- var color = (ownerState === null || ownerState === void 0 ? void 0 : ownerState.color) || 'primary';
3421
+ var palette = _ref5.theme.palette;
3417
3422
  return {
3418
3423
  backgroundColor: 'transparent',
3419
- color: palette.mode === 'light' ? palette.textColor[900] || palette.textColor.A80 : palette[color].A100,
3424
+ color: palette.textColor[900] || palette.textColor.A80,
3420
3425
  border: 'none',
3421
3426
  '&:hover': {
3422
- backgroundColor: palette.mode === 'light' ? palette.secondary.A80 : alpha(palette.secondary.A100, 0.7)
3427
+ backgroundColor: palette.secondary.A80
3423
3428
  },
3424
3429
  '&: hover': {
3425
3430
  backgroundColor: 'transparent'
@@ -3433,7 +3438,7 @@ var components = {
3433
3438
  '&.Mui-disabled': {
3434
3439
  backgroundColor: 'transparent',
3435
3440
  borderColor: 'none',
3436
- color: palette.mode === 'light' ? palette.textColor[100] || palette.textColor.A40 : alpha(palette[color].A100, 0.3)
3441
+ color: palette.textColor[100] || palette.textColor.A40
3437
3442
  }
3438
3443
  };
3439
3444
  }
@@ -3859,66 +3864,169 @@ var RabexLightPalette = /*#__PURE__*/_extends({}, base, {
3859
3864
  var RabexDarkPalette = /*#__PURE__*/_extends({}, base, {
3860
3865
  mode: 'dark',
3861
3866
  primary: {
3862
- contrastText: '#FFF',
3863
- main: '#6188FF',
3864
- A100: '#6188FF',
3865
- A80: '#9CB0FD',
3866
- A60: '#B8C3FF',
3867
- A40: '#D9DFFF',
3868
- A20: '#E8ECFF',
3869
- A10: '#F5F7FF'
3867
+ 950: '#B8C1FB',
3868
+ 900: '#0D2087',
3869
+ 800: '#1730AD',
3870
+ 700: '#1E3ABA',
3871
+ 600: '#4363E3',
3872
+ 500: '#5176FC',
3873
+ 400: '#72A0FC',
3874
+ 300: '#04326A',
3875
+ 200: '#002649',
3876
+ 100: '#171717',
3877
+ 50: '#121212',
3878
+ contrastText: '#000',
3879
+ main: '#5176FC',
3880
+ A100: '#5176FC',
3881
+ A80: '#72A0FC',
3882
+ A60: '#72A0FC',
3883
+ A40: '#002649',
3884
+ A20: '#171717',
3885
+ A10: '#121212'
3870
3886
  },
3871
3887
  secondary: {
3872
- contrastText: '#FFF',
3873
- main: '#323546',
3874
- A100: '#323546',
3875
- A80: '#58667E',
3876
- A60: '#636C7F'
3888
+ 950: '#B8C8EB',
3889
+ 900: '#385280',
3890
+ 800: '#577094',
3891
+ 700: '#869CB8',
3892
+ 600: '#2D3E4E',
3893
+ 500: '#1A1A1A',
3894
+ 400: '#161616',
3895
+ 300: '#131313',
3896
+ 200: '#101010',
3897
+ 100: '#0D0D0D',
3898
+ 50: '#0D0D0D',
3899
+ contrastText: '#000',
3900
+ main: '#1A1A1A',
3901
+ A100: '#1A1A1A',
3902
+ A80: '#131313',
3903
+ A60: '#101010'
3904
+ },
3905
+ neutral: {
3906
+ 950: '#B5BBEF',
3907
+ 900: '#2D3886',
3908
+ 800: '#4D59AB',
3909
+ 700: '#7D88C7',
3910
+ 600: '#9CA8E6',
3911
+ 500: '#000F59',
3912
+ 400: '#001344',
3913
+ 300: '#191919',
3914
+ 200: '#141414',
3915
+ 100: '#0F0F0F',
3916
+ 50: '#0E0E0E'
3917
+ },
3918
+ backgroundColor: {
3919
+ main: '#E0E2E9',
3920
+ 950: '#E0E2E9',
3921
+ 900: '#333640',
3922
+ 800: '#3A3A3D',
3923
+ 700: '#666666',
3924
+ 600: '#58667E',
3925
+ 500: '#808A9D',
3926
+ 400: '#A6B0C3',
3927
+ 300: '#242E40',
3928
+ 200: '#1A1A1A',
3929
+ 100: '#111111',
3930
+ 50: '#0D0D0D'
3877
3931
  },
3878
3932
  success: {
3879
- contrastText: '#FFF',
3880
- main: '#16C784',
3881
- A100: '#16C784',
3882
- A80: '#2CDB99',
3883
- A60: '#2CDB99',
3933
+ 400: '#19DE92',
3934
+ 300: '#42DFA3',
3935
+ 200: '#93EDCB',
3936
+ 100: '#115D41',
3937
+ 50: '#053322',
3938
+ contrastText: '#000',
3939
+ main: '#19DE92',
3940
+ A100: '#19DE92',
3941
+ A80: '#42DFA3',
3942
+ A60: '#42DFA3',
3884
3943
  A40: '#93EDCB',
3885
- A20: '#B8F2DD'
3944
+ A20: '#115D41'
3886
3945
  },
3887
3946
  warning: {
3888
- contrastText: '#FFF',
3889
- main: '#B05400',
3890
- A100: '#B05400',
3891
- A80: '#CB6000',
3892
- A60: '#FF8F28',
3893
- A40: '#FFAA33',
3894
- A20: '#FFC16A'
3947
+ 400: '#FFB703',
3948
+ 300: '#FFD51A',
3949
+ 200: '#745A04',
3950
+ 100: '#413305',
3951
+ 50: '#1A1A1A',
3952
+ contrastText: '#000',
3953
+ main: '#FFB703',
3954
+ A100: '#FFB703',
3955
+ A80: '#FFD51A',
3956
+ A60: '#745A04',
3957
+ A40: '#413305',
3958
+ A20: '#1A1A1A'
3895
3959
  },
3896
3960
  error: {
3897
- contrastText: '#FFF',
3898
- main: '#EA3943',
3899
- A100: '#EA3943',
3900
- A80: '#ED5159',
3901
- A60: '#FF8F95',
3902
- A40: '#FFD1D4',
3903
- A20: '#FFEBEC'
3961
+ 400: '#EC5058',
3962
+ 300: '#F0686F',
3963
+ 200: '#FF8F94',
3964
+ 100: '#470005',
3965
+ 50: '#171717',
3966
+ contrastText: '#000',
3967
+ main: '#EC5058',
3968
+ A100: '#EC5058',
3969
+ A80: '#F0686F',
3970
+ A60: '#FF8F94',
3971
+ A40: '#470005',
3972
+ A20: '#171717'
3904
3973
  },
3905
3974
  info: {
3906
- contrastText: '#FFF',
3907
- main: '#717BEB',
3908
- A100: '#717BEB',
3975
+ 400: '#878FEE',
3976
+ 300: '#848EF5',
3977
+ 200: '#000A7D',
3978
+ 100: '#000540',
3979
+ 50: '#161616',
3980
+ contrastText: '#000',
3981
+ main: '#878FEE',
3982
+ A100: '#878FEE',
3909
3983
  A80: '#848EF5',
3910
- A60: '#9CA4FF',
3911
- A40: '#D9DCFF',
3912
- A20: '#EDEFFF'
3984
+ A60: '#000A7D',
3985
+ A40: '#000540',
3986
+ A20: '#161616'
3987
+ },
3988
+ textColor: {
3989
+ 950: '#FFFFFF',
3990
+ 900: '#CED1DD',
3991
+ 800: '#31343E',
3992
+ 700: '#333640',
3993
+ 600: '#3A3A3D',
3994
+ 500: '#333333',
3995
+ 400: '#58667E',
3996
+ 300: '#808A9D',
3997
+ 200: '#A6B0C3',
3998
+ 100: '#242E40',
3999
+ 50: '#0D0D0D',
4000
+ main: '#CED1DD',
4001
+ A80: '#CED1DD',
4002
+ A70: '#31343E',
4003
+ A60: '#333640',
4004
+ A50: '#3A3A3D',
4005
+ A40: '#333333',
4006
+ A30: '#58667E',
4007
+ A20: '#808A9D',
4008
+ A10: '#242E40',
4009
+ A0: '#0D0D0D'
3913
4010
  },
3914
4011
  base: {
4012
+ 950: '#E0E2E9',
4013
+ 900: '#333640',
4014
+ 800: '#3A3A3D',
4015
+ 700: '#666666',
4016
+ 600: '#58667E',
4017
+ 500: '#808A9D',
4018
+ 400: '#A6B0C3',
4019
+ 300: '#242E40',
4020
+ 200: '#1A1A1A',
4021
+ 100: '#111111',
4022
+ 50: '#0D0D0D',
3915
4023
  main: '#17181B',
3916
4024
  A100: '#17181B',
3917
- A80: '#17171A',
3918
- A60: '#171924',
3919
- A40: '#222531',
3920
- A20: '#272B32',
3921
- A0: '#30353D'
4025
+ A80: '#E0E2E9',
4026
+ A60: '#333640',
4027
+ A40: '#3A3A3D',
4028
+ A20: '#666666',
4029
+ A0: '#0D0D0D'
3922
4030
  },
3923
4031
  grayBackground: {
3924
4032
  main: '#646B80',
@@ -3928,45 +4036,6 @@ var RabexDarkPalette = /*#__PURE__*/_extends({}, base, {
3928
4036
  A40: '#A1A7BB',
3929
4037
  A20: '#A6B0C3',
3930
4038
  A10: '#EFF2F5'
3931
- },
3932
- textColor: {
3933
- main: '#6188FF',
3934
- A80: '#222531',
3935
- A70: '#666666',
3936
- A60: '#58667E',
3937
- A50: '#646B80',
3938
- A40: '#858CA2',
3939
- A30: '#A1A7BB',
3940
- A20: '#A7A8AD',
3941
- A10: '#ADAEB5',
3942
- A0: '#FFFFFF'
3943
- },
3944
- neutral: {
3945
- 950: '#10164A',
3946
- 900: '#273073',
3947
- 800: '#455099',
3948
- 700: '#6B78BF',
3949
- 600: '#9CA8E6',
3950
- 500: '#BFCAFF',
3951
- 400: '#D4E0FF',
3952
- 300: '#E6F0FF',
3953
- 200: '#F0F7FF',
3954
- 100: '#FAFDFF',
3955
- 50: '#FCFEFF'
3956
- },
3957
- backgroundColor: {
3958
- main: '#16181F',
3959
- 950: '#16181F',
3960
- 900: '#333640',
3961
- 800: '#3A3A3D',
3962
- 700: '#666666',
3963
- 600: '#58667E',
3964
- 500: '#808A9D',
3965
- 400: '#A6B0C3',
3966
- 300: '#CFD6E4',
3967
- 200: '#EFF2F5',
3968
- 100: '#F8FAFD',
3969
- 50: '#FFFFFF'
3970
4039
  }
3971
4040
  });
3972
4041
 
@@ -4127,7 +4196,7 @@ var RabexTab = {
4127
4196
  return _extends({
4128
4197
  minWidth: 80,
4129
4198
  fontWeight: '600',
4130
- color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A40,
4199
+ color: theme.palette.textColor.A60,
4131
4200
  padding: theme.spacing(0, 2),
4132
4201
  '&': {
4133
4202
  position: 'relative'
@@ -4167,11 +4236,11 @@ var RabexTab = {
4167
4236
  display: 'none'
4168
4237
  },
4169
4238
  '&.Mui-selected': {
4170
- backgroundColor: theme.palette.mode === 'light' ? theme.palette.base.A0 : theme.palette.secondary.A80
4239
+ backgroundColor: theme.palette.base.A0
4171
4240
  },
4172
4241
  '&.Mui-disabled': {
4173
4242
  cursor: 'not-allowed',
4174
- color: theme.palette.mode === 'light' ? theme.palette.textColor.A40 : theme.palette.textColor.A60
4243
+ color: theme.palette.textColor.A40
4175
4244
  },
4176
4245
  '& .MuiTab-iconWrapper': {
4177
4246
  fontSize: '14px'
@@ -4748,7 +4817,7 @@ var RabexIconButton = {
4748
4817
  return {
4749
4818
  color: theme.palette.primary.A100,
4750
4819
  '&:hover': {
4751
- backgroundColor: theme.palette.mode === 'light' ? theme.palette.primary.A10 : theme.palette.primary.A60
4820
+ backgroundColor: theme.palette.primary.A10
4752
4821
  }
4753
4822
  };
4754
4823
  }
@@ -4761,7 +4830,7 @@ var RabexIconButton = {
4761
4830
  return {
4762
4831
  color: theme.palette.secondary.A100,
4763
4832
  '&:hover': {
4764
- backgroundColor: theme.palette.mode === 'light' ? theme.palette.secondary.A10 : theme.palette.secondary.A60
4833
+ backgroundColor: theme.palette.secondary.A10
4765
4834
  }
4766
4835
  };
4767
4836
  }
@@ -4774,7 +4843,7 @@ var RabexIconButton = {
4774
4843
  return {
4775
4844
  color: theme.palette.error.A100,
4776
4845
  '&:hover': {
4777
- backgroundColor: theme.palette.mode === 'light' ? theme.palette.error.A10 : theme.palette.error.A60
4846
+ backgroundColor: theme.palette.error.A10
4778
4847
  }
4779
4848
  };
4780
4849
  }
@@ -4787,7 +4856,7 @@ var RabexIconButton = {
4787
4856
  return {
4788
4857
  color: theme.palette.success.A100,
4789
4858
  '&:hover': {
4790
- backgroundColor: theme.palette.mode === 'light' ? theme.palette.success.A10 : theme.palette.success.A60
4859
+ backgroundColor: theme.palette.success.A10
4791
4860
  }
4792
4861
  };
4793
4862
  }
@@ -4801,37 +4870,27 @@ var components$3 = {
4801
4870
  var _ref$theme = _ref.theme,
4802
4871
  palette = _ref$theme.palette,
4803
4872
  spacing = _ref$theme.spacing;
4804
- var isLight = palette.mode === 'light';
4805
4873
  return {
4806
4874
  borderRadius: '8px',
4807
4875
  gap: spacing(1),
4808
4876
  transition: 'all 0.2s',
4809
4877
  padding: spacing(2.5, 3),
4810
- border: isLight ? "1px solid " + palette.base[300] : "1px solid " + palette.secondary.A100,
4811
- backgroundColor: isLight ?
4812
- // ? palette.grayBackground.A20
4813
- 'transparent' : palette.secondary.A100,
4878
+ border: "1px solid " + palette.base[300],
4879
+ backgroundColor: 'transparent',
4814
4880
  '&:hover': {
4815
- border: isLight ? // ? `1px solid ${palette.textColor.A20}`
4816
- "1px solid " + palette.base[600] : "1px solid " + palette.base.A60,
4817
- backgroundColor: isLight ?
4818
- // ? palette.grayBackground.A20
4819
- 'transparent' : palette.base.A60
4881
+ border: "1px solid " + palette.base[600],
4882
+ backgroundColor: 'transparent'
4820
4883
  },
4821
4884
  '&.Mui-focused': {
4822
- border: isLight ? "1.5px solid " + palette.primary[500] : "1px solid " + palette.primary.A80
4885
+ border: "1.5px solid " + palette.primary[500]
4823
4886
  },
4824
4887
  '&.Mui-error': {
4825
- border: isLight ? "1.5px solid " + palette.error[400] : "1px solid " + palette.error.A60,
4826
- backgroundColor: isLight ? palette.base.A0 : alpha(palette.error.A100 || '', 0.1)
4888
+ border: "1.5px solid " + palette.error[400],
4889
+ backgroundColor: palette.base.A0
4827
4890
  },
4828
4891
  '&.Mui-disabled': {
4829
- borderColor: isLight ?
4830
- // ? palette.grayBackground.A40
4831
- palette.base[300] : palette.secondary.A100,
4832
- backgroundColor: isLight ?
4833
- // ? palette.grayBackground.A10
4834
- 'transparent' : palette.secondary.A100
4892
+ borderColor: palette.base[300],
4893
+ backgroundColor: 'transparent'
4835
4894
  }
4836
4895
  };
4837
4896
  },
@@ -4839,16 +4898,15 @@ var components$3 = {
4839
4898
  var _ref2$theme = _ref2.theme,
4840
4899
  palette = _ref2$theme.palette,
4841
4900
  spacing = _ref2$theme.spacing;
4842
- var isLight = palette.mode === 'light';
4843
4901
  return {
4844
- color: isLight ? palette.textColor.A80 : palette.textColor.A0,
4902
+ color: palette.textColor.A80,
4845
4903
  padding: spacing(0),
4846
4904
  '&.Mui-disabled': {
4847
- textFillColor: isLight ? palette.textColor.A40 : palette.textColor.A50
4905
+ textFillColor: palette.textColor.A40
4848
4906
  },
4849
4907
  '&::.placeholder': {
4850
4908
  opacity: 1,
4851
- color: isLight ? palette.textColor.A40 : palette.textColor.A30
4909
+ color: palette.textColor.A40
4852
4910
  },
4853
4911
  '&:-webkit-autofill': {}
4854
4912
  };
@@ -4912,28 +4970,24 @@ var components$3 = {
4912
4970
  },
4913
4971
  style: function style(_ref7) {
4914
4972
  var theme = _ref7.theme;
4915
- var isLight = theme.palette.mode === 'light';
4916
4973
  return {
4917
4974
  // border: `1px solid ${theme.palette.base[600]}`,
4918
4975
  border: 'transparent',
4919
4976
  background: theme.palette.base[200],
4920
4977
  '&.Mui-disabled': {
4921
- background: isLight ? theme.palette.base[100] : theme.palette.secondary.A100
4978
+ background: theme.palette.base[100]
4922
4979
  },
4923
4980
  '&:hover': {
4924
- border: isLight ? // ? `1px solid ${palette.textColor.A20}`
4925
- "1px solid " + theme.palette.base[600] : "1px solid " + theme.palette.base.A60,
4926
- backgroundColor: isLight ?
4927
- // ? palette.grayBackground.A20
4928
- theme.palette.base[200] : theme.palette.base.A60
4981
+ border: "1px solid " + theme.palette.base[600],
4982
+ backgroundColor: theme.palette.base[200]
4929
4983
  },
4930
4984
  '&.Mui-focused': {
4931
- border: isLight ? "1.5px solid " + theme.palette.primary[500] : "1px solid " + theme.palette.primary.A80,
4932
- backgroundColor: isLight ? theme.palette.base[200] : theme.palette.base.A60
4985
+ border: "1.5px solid " + theme.palette.primary[500],
4986
+ backgroundColor: theme.palette.base[200]
4933
4987
  },
4934
4988
  '&.Mui-error': {
4935
- border: isLight ? "1.5px solid " + theme.palette.error[400] : "1px solid " + theme.palette.error.A60,
4936
- backgroundColor: isLight ? theme.palette.base[200] : alpha(theme.palette.error.A100 || '', 0.1)
4989
+ border: "1.5px solid " + theme.palette.error[400],
4990
+ backgroundColor: theme.palette.base[200]
4937
4991
  }
4938
4992
  };
4939
4993
  }
@@ -4944,8 +4998,8 @@ var components$3 = {
4944
4998
  style: function style(_ref8) {
4945
4999
  var palette = _ref8.theme.palette;
4946
5000
  return {
4947
- border: palette.mode === 'light' ? "1px solid " + palette.success.A100 : "1px solid " + palette.success.A40,
4948
- backgroundColor: palette.mode === 'light' ? palette.base.A0 : alpha(palette.success.A100, 0.1)
5001
+ border: "1px solid " + palette.success.A100,
5002
+ backgroundColor: palette.base.A0
4949
5003
  };
4950
5004
  }
4951
5005
  }, {
@@ -4990,8 +5044,8 @@ var components$3 = {
4990
5044
  style: function style(_ref12) {
4991
5045
  var palette = _ref12.theme.palette;
4992
5046
  return {
4993
- border: palette.mode === 'light' ? "1px solid " + palette.success.A100 : "1px solid " + palette.success.A40,
4994
- backgroundColor: palette.mode === 'light' ? palette.base.A0 : alpha(palette.success.A100, 0.1)
5047
+ border: "1px solid " + palette.success.A100,
5048
+ backgroundColor: palette.base.A0
4995
5049
  };
4996
5050
  }
4997
5051
  },
@@ -5038,8 +5092,8 @@ var components$3 = {
5038
5092
  style: function style(_ref16) {
5039
5093
  var palette = _ref16.theme.palette;
5040
5094
  return {
5041
- border: palette.mode === 'light' ? "1px solid " + palette.success.A100 : "1px solid " + palette.success.A40,
5042
- backgroundColor: palette.mode === 'light' ? palette.base.A0 : alpha(palette.success.A100, 0.1)
5095
+ border: "1px solid " + palette.success.A100,
5096
+ backgroundColor: palette.base.A0
5043
5097
  };
5044
5098
  }
5045
5099
  }]
@@ -5362,7 +5416,7 @@ var components$5 = {
5362
5416
  borderRadius: 8,
5363
5417
  padding: spacing(3),
5364
5418
  '& .MuiAlert-icon': ownerState !== null && ownerState !== void 0 && ownerState.color ? {
5365
- color: palette[ownerState.color][palette.mode === 'dark' ? 'A60' : 'A100']
5419
+ color: palette[ownerState.color].A100
5366
5420
  } : {},
5367
5421
  '& .MuiAlert-action': {
5368
5422
  paddingTop: 0,
@@ -5380,11 +5434,10 @@ var components$5 = {
5380
5434
  };
5381
5435
  },
5382
5436
  message: function message(_ref2) {
5383
- var _palette, _ref3;
5437
+ var _ref3;
5384
5438
  var _ref2$theme = _ref2.theme,
5385
5439
  palette = _ref2$theme.palette,
5386
- breakpoints = _ref2$theme.breakpoints,
5387
- ownerState = _ref2.ownerState;
5440
+ breakpoints = _ref2$theme.breakpoints;
5388
5441
  return _ref3 = {
5389
5442
  fontSize: 12,
5390
5443
  fontWeight: 400,
@@ -5392,7 +5445,7 @@ var components$5 = {
5392
5445
  overflow: 'hidden',
5393
5446
  padding: 0,
5394
5447
  width: '100%',
5395
- color: palette.mode === 'light' ? palette.textColor.A80 : (_palette = palette[(ownerState === null || ownerState === void 0 ? void 0 : ownerState.color) || 'info']) === null || _palette === void 0 ? void 0 : _palette.A20
5448
+ color: palette.textColor.A80
5396
5449
  }, _ref3[breakpoints.down('lg')] = {
5397
5450
  lineHeight: '20px'
5398
5451
  }, _ref3;
@@ -5410,14 +5463,14 @@ var components$5 = {
5410
5463
  var palette = _ref5.theme.palette,
5411
5464
  ownerState = _ref5.ownerState;
5412
5465
  return {
5413
- backgroundColor: palette.mode === 'light' ? (_palette$ownerState$c = palette[ownerState.color]) === null || _palette$ownerState$c === void 0 ? void 0 : _palette$ownerState$c.A20 : darken(alpha(palette[ownerState.color].A100, 0.1), 0.1)
5466
+ backgroundColor: (_palette$ownerState$c = palette[ownerState.color]) === null || _palette$ownerState$c === void 0 ? void 0 : _palette$ownerState$c.A20
5414
5467
  };
5415
5468
  },
5416
5469
  outlined: function outlined(_ref6) {
5417
5470
  var theme = _ref6.theme,
5418
5471
  ownerState = _ref6.ownerState;
5419
5472
  return {
5420
- border: "1px solid " + theme.palette[(ownerState === null || ownerState === void 0 ? void 0 : ownerState.color) || 'info'][theme.palette.mode === 'dark' ? 'A60' : 'A100']
5473
+ border: "1px solid " + theme.palette[(ownerState === null || ownerState === void 0 ? void 0 : ownerState.color) || 'info'].A100
5421
5474
  };
5422
5475
  },
5423
5476
  standard: {
@@ -5514,7 +5567,6 @@ var components$6 = {
5514
5567
  var _ref$theme = _ref.theme,
5515
5568
  palette = _ref$theme.palette,
5516
5569
  spacing = _ref$theme.spacing;
5517
- var isLight = palette.mode === 'light';
5518
5570
  return {
5519
5571
  '& .MuiOutlinedInput-notchedOutline': {
5520
5572
  border: 'none'
@@ -5524,33 +5576,33 @@ var components$6 = {
5524
5576
  gap: spacing(1),
5525
5577
  transition: 'all 0.2s',
5526
5578
  padding: spacing(2.5, 3),
5527
- border: isLight ? "1px solid " + palette.base[300] : "1px solid " + palette.secondary.A100,
5528
- backgroundColor: isLight ? 'transparent' : palette.secondary.A100,
5579
+ border: "1px solid " + palette.base[300],
5580
+ backgroundColor: 'transparent',
5529
5581
  '&:hover': {
5530
- border: isLight ? "1px solid " + palette.base[600] : "1px solid " + palette.base.A60,
5531
- backgroundColor: isLight ? 'transparent' : palette.base.A60
5582
+ border: "1px solid " + palette.base[600],
5583
+ backgroundColor: 'transparent'
5532
5584
  },
5533
5585
  '&.Mui-focused': {
5534
- border: isLight ? "1.5px solid " + palette.primary[500] : "1px solid " + palette.primary.A80
5586
+ border: "1.5px solid " + palette.primary[500]
5535
5587
  },
5536
5588
  '&.Mui-error': {
5537
- border: isLight ? "1.5px solid " + palette.error[400] : "1px solid " + palette.error.A60,
5538
- backgroundColor: isLight ? palette.base.A0 : alpha(palette.error.A100 || '', 0.1)
5589
+ border: "1.5px solid " + palette.error[400],
5590
+ backgroundColor: palette.base.A0
5539
5591
  },
5540
5592
  '&.Mui-disabled': {
5541
- borderColor: isLight ? palette.base[300] : palette.secondary.A100,
5542
- backgroundColor: isLight ? 'transparent' : palette.secondary.A100
5593
+ borderColor: palette.base[300],
5594
+ backgroundColor: 'transparent'
5543
5595
  }
5544
5596
  },
5545
5597
  '& .MuiInputBase-input': {
5546
- color: isLight ? palette.textColor.A80 : palette.textColor.A0,
5598
+ color: palette.textColor.A80,
5547
5599
  padding: spacing(0),
5548
5600
  '&.Mui-disabled': {
5549
- WebkitTextFillColor: isLight ? palette.textColor.A40 : palette.textColor.A50
5601
+ WebkitTextFillColor: palette.textColor.A40
5550
5602
  },
5551
5603
  '&::placeholder': {
5552
5604
  opacity: 1,
5553
- color: isLight ? palette.textColor.A40 : palette.textColor.A30
5605
+ color: palette.textColor.A40
5554
5606
  }
5555
5607
  }
5556
5608
  };
@@ -5622,25 +5674,24 @@ var components$6 = {
5622
5674
  },
5623
5675
  style: function style(_ref6) {
5624
5676
  var theme = _ref6.theme;
5625
- var isLight = theme.palette.mode === 'light';
5626
5677
  return {
5627
5678
  '& .MuiInputBase-root': {
5628
5679
  border: 'transparent',
5629
5680
  background: theme.palette.base[200],
5630
5681
  '&.Mui-disabled': {
5631
- background: isLight ? theme.palette.base[100] : theme.palette.secondary.A100
5682
+ background: theme.palette.base[100]
5632
5683
  },
5633
5684
  '&:hover': {
5634
- border: isLight ? "1px solid " + theme.palette.base[600] : "1px solid " + theme.palette.base.A60,
5635
- backgroundColor: isLight ? theme.palette.base[200] : theme.palette.base.A60
5685
+ border: "1px solid " + theme.palette.base[600],
5686
+ backgroundColor: theme.palette.base[200]
5636
5687
  },
5637
5688
  '&.Mui-focused': {
5638
- border: isLight ? "1.5px solid " + theme.palette.primary[500] : "1px solid " + theme.palette.primary.A80,
5639
- backgroundColor: isLight ? theme.palette.base[200] : theme.palette.base.A60
5689
+ border: "1.5px solid " + theme.palette.primary[500],
5690
+ backgroundColor: theme.palette.base[200]
5640
5691
  },
5641
5692
  '&.Mui-error': {
5642
- border: isLight ? "1.5px solid " + theme.palette.error[400] : "1px solid " + theme.palette.error.A60,
5643
- backgroundColor: isLight ? theme.palette.base[200] : alpha(theme.palette.error.A100 || '', 0.1)
5693
+ border: "1.5px solid " + theme.palette.error[400],
5694
+ backgroundColor: theme.palette.base[200]
5644
5695
  }
5645
5696
  }
5646
5697
  };
@@ -5653,8 +5704,8 @@ var components$6 = {
5653
5704
  var palette = _ref7.theme.palette;
5654
5705
  return {
5655
5706
  '& .MuiInputBase-root': {
5656
- border: palette.mode === 'light' ? "1px solid " + palette.success.A100 : "1px solid " + palette.success.A40,
5657
- backgroundColor: palette.mode === 'light' ? palette.base.A0 : alpha(palette.success.A100, 0.1)
5707
+ border: "1px solid " + palette.success.A100,
5708
+ backgroundColor: palette.base.A0
5658
5709
  }
5659
5710
  };
5660
5711
  }
@@ -7040,7 +7091,7 @@ var SegmentedControlTab = /*#__PURE__*/styled(function (props) {
7040
7091
  return {
7041
7092
  minWidth: 80,
7042
7093
  fontWeight: 600,
7043
- color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A40,
7094
+ color: theme.palette.textColor.A60,
7044
7095
  padding: theme.spacing(0, 2),
7045
7096
  position: 'relative',
7046
7097
  minHeight: 24,
@@ -7059,7 +7110,7 @@ var SegmentedControlTab = /*#__PURE__*/styled(function (props) {
7059
7110
  display: 'none'
7060
7111
  },
7061
7112
  '&.Mui-selected': {
7062
- backgroundColor: theme.palette.mode === 'light' ? theme.palette.base.A0 : theme.palette.secondary.A80,
7113
+ backgroundColor: theme.palette.base.A0,
7063
7114
  color: theme.palette.textColor[900]
7064
7115
  },
7065
7116
  '&.Mui-disabled': {