[TouchRipple] Remove MuiTouchRipple from the theme

docs/src/pages/guides/migration-v4/migration-v4.md

@@ -397,6 +397,16 @@ The following changes are supported by the adapter:
   +});
   ```
 
+  TypeScript: You can add it to the palette using [module augmentation](https://www.typescriptlang.org/docs/handbook/declaration-merging.html#module-augmentation)
+
+  ```ts
+  declare module '@mui/material/styles/createPalette' {
+    interface TypeText {
+      hint: string;
+    }
+  }
+  ```
+
 - The components' definitions in the theme were restructured under the `components` key, to allow for easier discoverability of the definitions related to any one component.
 
   1. `props`
@@ -2207,6 +2217,10 @@ As the core components use emotion as their style engine, the props used by emot
   +<Tooltip>
   ```
 
+### TouchRipple
+
+`@mui/material/ButtonBase/TouchRipple` is now considered private and has therefore been removed from the `ThemeOptions` object. Customization can still be done via the `ButtonBase.TouchRippleProps` property.
+
 ### Typography
 
 - Remove the `srOnly` variant. You can use the `visuallyHidden` utility in conjunction with the `sx` prop instead.

packages/mui-material/src/ButtonBase/TouchRipple.js

@@ -4,7 +4,6 @@ import { TransitionGroup } from 'react-transition-group';
 import clsx from 'clsx';
 import { keyframes } from '@mui/system';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
 import Ripple from './Ripple';
 import touchRippleClasses from './touchRippleClasses';
 
@@ -118,9 +117,7 @@ export const TouchRippleRipple = styled(Ripple, {
  *
  * TODO v5: Make private
  */
-const TouchRipple = React.forwardRef(function TouchRipple(inProps, ref) {
-  const props = useThemeProps({ props: inProps, name: 'MuiTouchRipple' });
-
+const TouchRipple = React.forwardRef(function TouchRipple(props, ref) {
   const { center: centerProp = false, classes = {}, className, ...other } = props;
   const [ripples, setRipples] = React.useState([]);
   const nextKey = React.useRef(0);

packages/mui-material/src/ButtonBase/TouchRipple.test.js

@@ -52,6 +52,7 @@ describe('<TouchRipple />', () => {
       'componentProp',
       'componentsProp',
       'refForwarding',
+      'themeDefaultProps',
       'themeStyleOverrides',
       'themeVariants',
     ],

packages/mui-material/src/styles/components.d.ts

@@ -556,11 +556,6 @@ export interface Components {
     styleOverrides?: ComponentsOverrides['MuiTooltip'];
     variants?: ComponentsVariants['MuiTooltip'];
   };
-  MuiTouchRipple?: {
-    defaultProps?: ComponentsProps['MuiTouchRipple'];
-    styleOverrides?: ComponentsOverrides['MuiTouchRipple'];
-    variants?: ComponentsVariants['MuiTouchRipple'];
-  };
   MuiTypography?: {
     defaultProps?: ComponentsProps['MuiTypography'];
     styleOverrides?: ComponentsOverrides['MuiTypography'];

packages/mui-material/src/styles/props.d.ts

@@ -112,7 +112,6 @@ import { ToggleButtonProps } from '../ToggleButton';
 import { ToggleButtonGroupProps } from '../ToggleButtonGroup';
 import { ToolbarProps } from '../Toolbar';
 import { TooltipProps } from '../Tooltip';
-import { TouchRippleProps } from '../ButtonBase/TouchRipple';
 import { TypographyProps } from '../Typography';
 
 export type ComponentsProps = {
@@ -233,7 +232,6 @@ export interface ComponentsPropsList {
   MuiToggleButtonGroup: ToggleButtonGroupProps;
   MuiToolbar: ToolbarProps;
   MuiTooltip: TooltipProps;
-  MuiTouchRipple: TouchRippleProps;
   MuiTypography: TypographyProps;
   MuiUseMediaQuery: useMediaQueryOptions;
 }