@rabex-kit/rabex-ui 0.2.53 → 0.2.55

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.
@@ -2090,10 +2090,10 @@ var StyledIconButton = /*#__PURE__*/styled(MuiIconButton, {
2090
2090
  backgroundColor: 'transparent'
2091
2091
  }
2092
2092
  }, hasBg && {
2093
- backgroundColor: bgColor || theme.palette.secondary.A100,
2093
+ backgroundColor: bgColor || theme.palette.secondary[500],
2094
2094
  '&:hover': {
2095
2095
  backgroundColor: bgColor ? bgColor + "CC" // Add opacity to custom color
2096
- : theme.palette.secondary.A60
2096
+ : theme.palette.secondary[400]
2097
2097
  }
2098
2098
  });
2099
2099
  });
@@ -4895,6 +4895,24 @@ var components$3 = {
4895
4895
  '&.Mui-disabled': {
4896
4896
  borderColor: palette.base[300],
4897
4897
  backgroundColor: 'transparent'
4898
+ },
4899
+ /* Chrome / Safari */
4900
+ '&:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active': {
4901
+ WebkitTextFillColor: palette.textColor[900] + " !important",
4902
+ caretColor: 'inherit',
4903
+ transition: 'background-color 9999s ease-out 0s',
4904
+ // Paint over Chrome's yellow with your surface color:
4905
+ // WebkitBoxShadow: `0 0 0 1000px ${palette.textColor[900]} inset !important`,
4906
+ WebkitBoxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important',
4907
+ boxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important'
4908
+ },
4909
+ /* Firefox */
4910
+ '&:-moz-autofill': {
4911
+ color: 'inherit',
4912
+ caretColor: 'inherit',
4913
+ WebkitBoxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important',
4914
+ boxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important',
4915
+ WebkitTextFillColor: palette.textColor[900] + " !important"
4898
4916
  }
4899
4917
  };
4900
4918
  },
@@ -4912,7 +4930,25 @@ var components$3 = {
4912
4930
  opacity: 1,
4913
4931
  color: palette.textColor.A40
4914
4932
  },
4915
- '&:-webkit-autofill': {}
4933
+ '&:-webkit-autofill': {},
4934
+ /* Chrome / Safari */
4935
+ '&:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active': {
4936
+ WebkitTextFillColor: palette.textColor[900] + " !important",
4937
+ // caretColor: 'inherit',
4938
+ // transition: 'background-color 9999s ease-out 0s',
4939
+ // Paint over Chrome's yellow with your surface color:
4940
+ // WebkitBoxShadow: `0 0 0 1000px ${palette.textColor[900]} inset !important`,
4941
+ WebkitBoxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important',
4942
+ boxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important'
4943
+ },
4944
+ /* Firefox */
4945
+ '&:-moz-autofill': {
4946
+ // color: 'inherit',
4947
+ // caretColor: 'inherit',
4948
+ WebkitBoxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important',
4949
+ boxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important',
4950
+ WebkitTextFillColor: palette.textColor[900] + " !important"
4951
+ }
4916
4952
  };
4917
4953
  }
4918
4954
  },
@@ -5607,6 +5643,24 @@ var components$6 = {
5607
5643
  '&::placeholder': {
5608
5644
  opacity: 1,
5609
5645
  color: palette.textColor[200]
5646
+ },
5647
+ /* Chrome / Safari */
5648
+ '&:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active': {
5649
+ WebkitTextFillColor: palette.textColor[900] + " !important",
5650
+ // caretColor: 'inherit',
5651
+ // transition: 'background-color 9999s ease-out 0s',
5652
+ // Paint over Chrome's yellow with your surface color:
5653
+ // WebkitBoxShadow: `0 0 0 1000px ${palette.textColor[900]} inset !important`,
5654
+ WebkitBoxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important',
5655
+ boxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important'
5656
+ },
5657
+ /* Firefox */
5658
+ '&:-moz-autofill': {
5659
+ // color: 'inherit',
5660
+ // caretColor: 'inherit',
5661
+ WebkitBoxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important',
5662
+ boxShadow: '0 0 0 1000px rgba(0, 0, 0, 0) inset !important',
5663
+ WebkitTextFillColor: palette.textColor[900] + " !important"
5610
5664
  }
5611
5665
  }
5612
5666
  };