fix(disableripple): disabled all ripple effects for MUI components

chanzuckerberg · Feb 19, 2025 · 433af0d · 433af0d
1 parent 9d6b328
commit 433af0d
Showing 1 changed file with 30 additions and 7 deletions.
diff --git a/packages/components/src/core/styles/common/makeThemeOptions.ts b/packages/components/src/core/styles/common/makeThemeOptions.ts
@@ -292,31 +292,54 @@ export function makeThemeOptions(
       },
     },
     components: {
+      MuiButton: {
+        defaultProps: {
+          disableFocusRipple: true,
+          disableRipple: true,
+          disableTouchRipple: true,
+        },
+      },
       MuiButtonBase: {
         defaultProps: {
           disableRipple: true,
+          disableTouchRipple: true,
+        },
+      },
+      MuiButtonGroup: {
+        defaultProps: {
+          disableFocusRipple: true,
+          disableRipple: true,
         },
-        // styleOverrides: {
-        //   root: {
-        //     "&:hover": {
-        //       boxShadow: "none",
-        //     },
-        //   },
-        // },
       },
       MuiDrawer: {
         defaultProps: {
           hideBackdrop: true,
         },
       },
+      MuiIconButton: {
+        defaultProps: {
+          disableFocusRipple: true,
+          disableRipple: true,
+          disableTouchRipple: true,
+        },
+      },
       MuiLink: {
         defaultProps: {
           underline: "hover",
         },
       },
       MuiTab: {
         defaultProps: {
+          disableFocusRipple: true,
+          disableRipple: true,
+          disableTouchRipple: true,
+        },
+      },
+      MuiToggleButton: {
+        defaultProps: {
+          disableFocusRipple: true,
           disableRipple: true,
+          disableTouchRipple: true,
         },
       },
     },