Apply fix to the colored buttons as well

mui · Sep 11, 2024 · 34eeaec · 34eeaec
1 parent 0a00417
commit 34eeaec
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/mui-material/src/IconButton/IconButton.js b/packages/mui-material/src/IconButton/IconButton.js
@@ -55,7 +55,7 @@ const IconButtonRoot = styled(ButtonBase, {
     }),
     variants: [
       {
-        props: (props) => !props.disableRipple,
+        props: (props) => !props.color && !props.disableRipple,
         style: {
           '&:hover': {
             backgroundColor: theme.vars
@@ -113,7 +113,7 @@ const IconButtonRoot = styled(ButtonBase, {
       ...Object.entries(theme.palette)
         .filter(createSimplePaletteValueFilter()) // check all the used fields in the style below
         .map(([color]) => ({
-          props: { color, disableRipple: false },
+          props: (props) => props.color === color && !props.disableRipple,
           style: {
             '&:hover': {
               backgroundColor: theme.vars