@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.
- package/dist/Theme/Palette/dark.d.ts +95 -31
- package/dist/rabex-ui.cjs.development.js +238 -187
- 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 +238 -187
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/rabex-ui.esm.js
CHANGED
|
@@ -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
|
-
|
|
790
|
-
|
|
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
|
-
|
|
798
|
-
|
|
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:
|
|
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:
|
|
3368
|
-
color:
|
|
3374
|
+
backgroundColor: secondaryColor,
|
|
3375
|
+
color: textColor,
|
|
3369
3376
|
'&:hover': {
|
|
3370
|
-
backgroundColor:
|
|
3377
|
+
backgroundColor: hoverColor
|
|
3371
3378
|
},
|
|
3372
3379
|
'&:active': {
|
|
3373
|
-
backgroundColor: palette.
|
|
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.
|
|
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.
|
|
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:
|
|
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:
|
|
3409
|
-
color:
|
|
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.
|
|
3424
|
+
color: palette.textColor[900] || palette.textColor.A80,
|
|
3420
3425
|
border: 'none',
|
|
3421
3426
|
'&:hover': {
|
|
3422
|
-
backgroundColor: palette.
|
|
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.
|
|
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
|
-
|
|
3863
|
-
|
|
3864
|
-
|
|
3865
|
-
|
|
3866
|
-
|
|
3867
|
-
|
|
3868
|
-
|
|
3869
|
-
|
|
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
|
-
|
|
3873
|
-
|
|
3874
|
-
|
|
3875
|
-
|
|
3876
|
-
|
|
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
|
-
|
|
3880
|
-
|
|
3881
|
-
|
|
3882
|
-
|
|
3883
|
-
|
|
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: '#
|
|
3944
|
+
A20: '#115D41'
|
|
3886
3945
|
},
|
|
3887
3946
|
warning: {
|
|
3888
|
-
|
|
3889
|
-
|
|
3890
|
-
|
|
3891
|
-
|
|
3892
|
-
|
|
3893
|
-
|
|
3894
|
-
|
|
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
|
-
|
|
3898
|
-
|
|
3899
|
-
|
|
3900
|
-
|
|
3901
|
-
|
|
3902
|
-
|
|
3903
|
-
|
|
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
|
-
|
|
3907
|
-
|
|
3908
|
-
|
|
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: '#
|
|
3911
|
-
A40: '#
|
|
3912
|
-
A20: '#
|
|
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: '#
|
|
3918
|
-
A60: '#
|
|
3919
|
-
A40: '#
|
|
3920
|
-
A20: '#
|
|
3921
|
-
A0: '#
|
|
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.
|
|
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.
|
|
4239
|
+
backgroundColor: theme.palette.base.A0
|
|
4171
4240
|
},
|
|
4172
4241
|
'&.Mui-disabled': {
|
|
4173
4242
|
cursor: 'not-allowed',
|
|
4174
|
-
color: theme.palette.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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:
|
|
4811
|
-
backgroundColor:
|
|
4812
|
-
// ? palette.grayBackground.A20
|
|
4813
|
-
'transparent' : palette.secondary.A100,
|
|
4878
|
+
border: "1px solid " + palette.base[300],
|
|
4879
|
+
backgroundColor: 'transparent',
|
|
4814
4880
|
'&:hover': {
|
|
4815
|
-
border:
|
|
4816
|
-
|
|
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:
|
|
4885
|
+
border: "1.5px solid " + palette.primary[500]
|
|
4823
4886
|
},
|
|
4824
4887
|
'&.Mui-error': {
|
|
4825
|
-
border:
|
|
4826
|
-
backgroundColor:
|
|
4888
|
+
border: "1.5px solid " + palette.error[400],
|
|
4889
|
+
backgroundColor: palette.base.A0
|
|
4827
4890
|
},
|
|
4828
4891
|
'&.Mui-disabled': {
|
|
4829
|
-
borderColor:
|
|
4830
|
-
|
|
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:
|
|
4902
|
+
color: palette.textColor.A80,
|
|
4845
4903
|
padding: spacing(0),
|
|
4846
4904
|
'&.Mui-disabled': {
|
|
4847
|
-
textFillColor:
|
|
4905
|
+
textFillColor: palette.textColor.A40
|
|
4848
4906
|
},
|
|
4849
4907
|
'&::.placeholder': {
|
|
4850
4908
|
opacity: 1,
|
|
4851
|
-
color:
|
|
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:
|
|
4978
|
+
background: theme.palette.base[100]
|
|
4922
4979
|
},
|
|
4923
4980
|
'&:hover': {
|
|
4924
|
-
border:
|
|
4925
|
-
|
|
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:
|
|
4932
|
-
backgroundColor:
|
|
4985
|
+
border: "1.5px solid " + theme.palette.primary[500],
|
|
4986
|
+
backgroundColor: theme.palette.base[200]
|
|
4933
4987
|
},
|
|
4934
4988
|
'&.Mui-error': {
|
|
4935
|
-
border:
|
|
4936
|
-
backgroundColor:
|
|
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:
|
|
4948
|
-
backgroundColor: palette.
|
|
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:
|
|
4994
|
-
backgroundColor: palette.
|
|
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:
|
|
5042
|
-
backgroundColor: palette.
|
|
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]
|
|
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
|
|
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.
|
|
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:
|
|
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']
|
|
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:
|
|
5528
|
-
backgroundColor:
|
|
5579
|
+
border: "1px solid " + palette.base[300],
|
|
5580
|
+
backgroundColor: 'transparent',
|
|
5529
5581
|
'&:hover': {
|
|
5530
|
-
border:
|
|
5531
|
-
backgroundColor:
|
|
5582
|
+
border: "1px solid " + palette.base[600],
|
|
5583
|
+
backgroundColor: 'transparent'
|
|
5532
5584
|
},
|
|
5533
5585
|
'&.Mui-focused': {
|
|
5534
|
-
border:
|
|
5586
|
+
border: "1.5px solid " + palette.primary[500]
|
|
5535
5587
|
},
|
|
5536
5588
|
'&.Mui-error': {
|
|
5537
|
-
border:
|
|
5538
|
-
backgroundColor:
|
|
5589
|
+
border: "1.5px solid " + palette.error[400],
|
|
5590
|
+
backgroundColor: palette.base.A0
|
|
5539
5591
|
},
|
|
5540
5592
|
'&.Mui-disabled': {
|
|
5541
|
-
borderColor:
|
|
5542
|
-
backgroundColor:
|
|
5593
|
+
borderColor: palette.base[300],
|
|
5594
|
+
backgroundColor: 'transparent'
|
|
5543
5595
|
}
|
|
5544
5596
|
},
|
|
5545
5597
|
'& .MuiInputBase-input': {
|
|
5546
|
-
color:
|
|
5598
|
+
color: palette.textColor.A80,
|
|
5547
5599
|
padding: spacing(0),
|
|
5548
5600
|
'&.Mui-disabled': {
|
|
5549
|
-
WebkitTextFillColor:
|
|
5601
|
+
WebkitTextFillColor: palette.textColor.A40
|
|
5550
5602
|
},
|
|
5551
5603
|
'&::placeholder': {
|
|
5552
5604
|
opacity: 1,
|
|
5553
|
-
color:
|
|
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:
|
|
5682
|
+
background: theme.palette.base[100]
|
|
5632
5683
|
},
|
|
5633
5684
|
'&:hover': {
|
|
5634
|
-
border:
|
|
5635
|
-
backgroundColor:
|
|
5685
|
+
border: "1px solid " + theme.palette.base[600],
|
|
5686
|
+
backgroundColor: theme.palette.base[200]
|
|
5636
5687
|
},
|
|
5637
5688
|
'&.Mui-focused': {
|
|
5638
|
-
border:
|
|
5639
|
-
backgroundColor:
|
|
5689
|
+
border: "1.5px solid " + theme.palette.primary[500],
|
|
5690
|
+
backgroundColor: theme.palette.base[200]
|
|
5640
5691
|
},
|
|
5641
5692
|
'&.Mui-error': {
|
|
5642
|
-
border:
|
|
5643
|
-
backgroundColor:
|
|
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:
|
|
5657
|
-
backgroundColor: palette.
|
|
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.
|
|
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.
|
|
7113
|
+
backgroundColor: theme.palette.base.A0,
|
|
7063
7114
|
color: theme.palette.textColor[900]
|
|
7064
7115
|
},
|
|
7065
7116
|
'&.Mui-disabled': {
|