@rabex-kit/rabex-ui 0.1.6 → 0.1.8
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/rabex-ui.cjs.development.js +28 -22
- 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 +28 -22
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -2481,43 +2481,49 @@ var components = {
|
|
|
2481
2481
|
var palette = _ref2.theme.palette,
|
|
2482
2482
|
ownerState = _ref2.ownerState;
|
|
2483
2483
|
var color = (ownerState === null || ownerState === void 0 ? void 0 : ownerState.color) || 'primary';
|
|
2484
|
+
var primaryColor = palette.primary[500] || palette[color].A100;
|
|
2485
|
+
var textColor = palette.textColor[50] || palette[color].A0;
|
|
2486
|
+
var disableBackgroundColor = palette.primary[400] || palette[color].A60;
|
|
2484
2487
|
return {
|
|
2485
2488
|
// backgroundColor: palette[color].A100,
|
|
2486
|
-
backgroundColor:
|
|
2489
|
+
backgroundColor: primaryColor,
|
|
2487
2490
|
'&:hover': {
|
|
2488
|
-
backgroundColor: colorManipulator_js.darken(
|
|
2491
|
+
backgroundColor: colorManipulator_js.darken(primaryColor, 0.1)
|
|
2489
2492
|
},
|
|
2490
2493
|
'&:active': {
|
|
2491
|
-
backgroundColor: colorManipulator_js.darken(
|
|
2494
|
+
backgroundColor: colorManipulator_js.darken(primaryColor, 0.1)
|
|
2492
2495
|
},
|
|
2493
2496
|
'&:focused': {
|
|
2494
|
-
backgroundColor: colorManipulator_js.darken(
|
|
2497
|
+
backgroundColor: colorManipulator_js.darken(primaryColor, 0.1),
|
|
2495
2498
|
boxShadow: '0px 0px 0px 4px #0000000D'
|
|
2496
2499
|
},
|
|
2497
2500
|
'&.Mui-disabled': {
|
|
2498
|
-
color: palette.mode === 'light' ?
|
|
2499
|
-
backgroundColor: palette.mode === 'light' ?
|
|
2501
|
+
color: palette.mode === 'light' ? textColor : palette.textColor.A90,
|
|
2502
|
+
backgroundColor: palette.mode === 'light' ? disableBackgroundColor : colorManipulator_js.darken(palette[color].A100, 0.1)
|
|
2500
2503
|
}
|
|
2501
2504
|
};
|
|
2502
2505
|
},
|
|
2503
2506
|
containedSecondary: function containedSecondary(_ref3) {
|
|
2504
2507
|
var palette = _ref3.theme.palette;
|
|
2508
|
+
var secondaryColor = palette.secondary[500] || palette.secondary.A100;
|
|
2509
|
+
var textColor = palette.textColor[900] || palette.textColor.A80;
|
|
2510
|
+
var hoverColor = palette.secondary[600] || colorManipulator_js.darken(palette.secondary.A100, 0.05);
|
|
2505
2511
|
return {
|
|
2506
|
-
backgroundColor: palette.mode === 'light' ?
|
|
2507
|
-
color: palette.mode === 'light' ?
|
|
2512
|
+
backgroundColor: palette.mode === 'light' ? secondaryColor : palette.secondary.A60,
|
|
2513
|
+
color: palette.mode === 'light' ? textColor : palette.textColor.A0,
|
|
2508
2514
|
'&:hover': {
|
|
2509
|
-
backgroundColor: palette.mode === 'light' ?
|
|
2515
|
+
backgroundColor: palette.mode === 'light' ? hoverColor : palette.secondary.A60
|
|
2510
2516
|
},
|
|
2511
2517
|
'&:active': {
|
|
2512
|
-
backgroundColor: palette.mode === 'light' ? palette.secondary[600] : palette.secondary.A60,
|
|
2518
|
+
backgroundColor: palette.mode === 'light' ? palette.secondary[600] || colorManipulator_js.darken(palette.secondary.A100, 0.05) : palette.secondary.A60,
|
|
2513
2519
|
boxShadow: '0px 0px 0px 4px #0000000D'
|
|
2514
2520
|
},
|
|
2515
2521
|
'&:focused': {
|
|
2516
|
-
backgroundColor: palette.mode === 'light' ? palette.secondary[600] : palette.secondary.A60,
|
|
2522
|
+
backgroundColor: palette.mode === 'light' ? palette.secondary[600] || colorManipulator_js.darken(palette.secondary.A100, 0.05) : palette.secondary.A60,
|
|
2517
2523
|
boxShadow: '0px 0px 0px 4px #0000000D'
|
|
2518
2524
|
},
|
|
2519
2525
|
'&.Mui-disabled': {
|
|
2520
|
-
color: palette.textColor[100],
|
|
2526
|
+
color: palette.textColor[100] || palette.textColor.A40,
|
|
2521
2527
|
backgroundColor: palette.mode === 'light' ? palette.secondary[400] : palette.secondary.A60
|
|
2522
2528
|
}
|
|
2523
2529
|
};
|
|
@@ -2528,24 +2534,24 @@ var components = {
|
|
|
2528
2534
|
var color = (ownerState === null || ownerState === void 0 ? void 0 : ownerState.color) || 'primary';
|
|
2529
2535
|
return {
|
|
2530
2536
|
backgroundColor: 'transparent',
|
|
2531
|
-
color: color === 'primary' ? palette.primary[500] : palette[color].A100,
|
|
2537
|
+
color: color === 'primary' ? palette.primary[500] || palette[color].A100 : palette[color].A100,
|
|
2532
2538
|
border: '1.5px solid',
|
|
2533
|
-
borderColor: color === 'primary' ? palette.primary[500] : palette[color].A100,
|
|
2539
|
+
borderColor: color === 'primary' ? palette.primary[500] || palette[color].A100 : palette[color].A100,
|
|
2534
2540
|
'&:hover': {
|
|
2535
|
-
backgroundColor: palette.mode === 'light' ? color === 'primary' ? palette.primary[500] : palette.secondary.A60 : 'transparent',
|
|
2541
|
+
backgroundColor: palette.mode === 'light' ? color === 'primary' ? palette.primary[500] || palette[color].A100 : palette.secondary.A60 : 'transparent',
|
|
2536
2542
|
border: '1px solid',
|
|
2537
|
-
borderColor: color === 'primary' ? palette.primary[600] : palette[color].A100,
|
|
2538
|
-
color: palette.textColor[50]
|
|
2543
|
+
borderColor: color === 'primary' ? palette.primary[600] || palette[color].A100 : palette[color].A100,
|
|
2544
|
+
color: palette.textColor[50] || palette[color].A0
|
|
2539
2545
|
},
|
|
2540
2546
|
'&:focused': {
|
|
2541
2547
|
boxShadow: '0px 0px 0px 4px #0000000D',
|
|
2542
2548
|
border: '1px solid',
|
|
2543
2549
|
borderColor: color === 'primary' ? palette.primary[500] : palette[color].A100,
|
|
2544
|
-
color: palette.textColor[50]
|
|
2550
|
+
color: palette.textColor[50] || palette[color].A0
|
|
2545
2551
|
},
|
|
2546
2552
|
'&.Mui-disabled': {
|
|
2547
|
-
borderColor: palette.mode === 'light' ? color === 'primary' ? palette.primary[400] : palette[color].A60 : colorManipulator_js.alpha(palette[color].A100, 0.3),
|
|
2548
|
-
color: palette.mode === 'light' ? color === 'primary' ? palette.primary[400] : palette[color].A60 : colorManipulator_js.alpha(palette[color].A100, 0.3)
|
|
2553
|
+
borderColor: palette.mode === 'light' ? color === 'primary' ? palette.primary[400] || palette[color].A60 : palette[color].A60 : colorManipulator_js.alpha(palette[color].A100, 0.3),
|
|
2554
|
+
color: palette.mode === 'light' ? color === 'primary' ? palette.primary[400] || palette[color].A60 : palette[color].A60 : colorManipulator_js.alpha(palette[color].A100, 0.3)
|
|
2549
2555
|
}
|
|
2550
2556
|
};
|
|
2551
2557
|
},
|
|
@@ -2555,7 +2561,7 @@ var components = {
|
|
|
2555
2561
|
var color = (ownerState === null || ownerState === void 0 ? void 0 : ownerState.color) || 'primary';
|
|
2556
2562
|
return {
|
|
2557
2563
|
backgroundColor: 'transparent',
|
|
2558
|
-
color: palette.mode === 'light' ? palette.textColor[900] : palette[color].A100,
|
|
2564
|
+
color: palette.mode === 'light' ? palette.textColor[900] || palette.textColor.A80 : palette[color].A100,
|
|
2559
2565
|
border: 'none',
|
|
2560
2566
|
'&:hover': {
|
|
2561
2567
|
backgroundColor: palette.mode === 'light' ? palette.secondary.A80 : colorManipulator_js.alpha(palette.secondary.A100, 0.7)
|
|
@@ -2572,7 +2578,7 @@ var components = {
|
|
|
2572
2578
|
'&.Mui-disabled': {
|
|
2573
2579
|
backgroundColor: 'transparent',
|
|
2574
2580
|
borderColor: 'none',
|
|
2575
|
-
color: palette.mode === 'light' ? palette.textColor[100] : colorManipulator_js.alpha(palette[color].A100, 0.3)
|
|
2581
|
+
color: palette.mode === 'light' ? palette.textColor[100] || palette.textColor.A40 : colorManipulator_js.alpha(palette[color].A100, 0.3)
|
|
2576
2582
|
}
|
|
2577
2583
|
};
|
|
2578
2584
|
}
|