@rabex-kit/rabex-ui 0.1.6 → 0.1.7

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