refactor: remove MD3 prefix and use deprecated aliases

Author: adrcotfas

src/babel/__fixtures__/rewrite-imports/output.js

@@ -4,7 +4,7 @@ import BottomNavigation from "react-native-paper/lib/module/components/BottomNav
 import Button from "react-native-paper/lib/module/components/Button/Button";
 import FAB from "react-native-paper/lib/module/components/FAB";
 import Appbar from "react-native-paper/lib/module/components/Appbar";
-import { MD3Colors } from "react-native-paper/lib/module/styles/themes/v3/tokens";
+import { MD3Colors } from "react-native-paper/lib/module/deprecated";
 import { NonExistent, NonExistentSecond as Stuff } from "react-native-paper/lib/module/index.js";
 import { ThemeProvider } from "react-native-paper/lib/module/core/theming";
 import { withTheme } from "react-native-paper/lib/module/core/theming";

src/components/ActivityIndicator.tsx

@@ -45,10 +45,10 @@ const DURATION = 2400;
  * ## Usage
  * ```js
  * import * as React from 'react';
- * import { ActivityIndicator, MD3Colors } from 'react-native-paper';
+ * import { ActivityIndicator, Palette } from 'react-native-paper';
  *
  * const MyComponent = () => (
- *   <ActivityIndicator animating={true} color={MD3Colors.error50} />
+ *   <ActivityIndicator animating={true} color={Palette.error50} />
  * );
  *
  * export default MyComponent;

src/components/Appbar/Appbar.tsx

@@ -18,7 +18,7 @@ import {
   AppbarChildProps,
 } from './utils';
 import { useInternalTheme } from '../../core/theming';
-import type { MD3Elevation, ThemeProp } from '../../types';
+import type { Elevation, ThemeProp } from '../../types';
 import Surface from '../Surface';
 
 export type Props = Omit<
@@ -234,7 +234,7 @@ const Appbar = ({
         insets,
         restStyle,
       ]}
-      elevation={elevation as MD3Elevation}
+      elevation={elevation as Elevation}
       container
       {...rest}
     >

src/components/Appbar/AppbarAction.tsx

@@ -4,7 +4,7 @@ import type { Animated, StyleProp, View, ViewStyle } from 'react-native';
 import type { ThemeProp } from 'src/types';
 
 import { useInternalTheme } from '../../core/theming';
-import type { MD3Theme } from '../../types';
+import type { Theme } from '../../types';
 import { forwardRef } from '../../utils/forwardRef';
 import type { IconSource } from '../Icon';
 import IconButton from '../IconButton/IconButton';
@@ -86,7 +86,7 @@ const AppbarAction = forwardRef<View, Props>(
     ref
   ) => {
     const theme = useInternalTheme(themeOverrides);
-    const { colors } = theme as MD3Theme;
+    const { colors } = theme as Theme;
 
     const actionIconColor = iconColor
       ? iconColor

src/components/Appbar/AppbarContent.tsx

@@ -16,8 +16,8 @@ import { modeTextVariant } from './utils';
 import { useInternalTheme } from '../../core/theming';
 import type {
   $RemoveChildren,
-  MD3Theme,
-  MD3TypescaleKey,
+  Theme,
+  TypescaleKey,
   ThemeProp,
 } from '../../types';
 import Text, { TextRef } from '../Typography/Text';
@@ -107,7 +107,7 @@ const AppbarContent = ({
   ...rest
 }: Props) => {
   const theme = useInternalTheme(themeOverrides);
-  const { colors, fonts } = theme as MD3Theme;
+  const { colors, fonts } = theme as Theme;
 
   const titleTextColor = titleColor ? titleColor : colors.onSurface;
 
@@ -118,7 +118,7 @@ const AppbarContent = ({
     'center-aligned': styles.v3DefaultContainer,
   };
 
-  const variant = modeTextVariant[mode] as MD3TypescaleKey;
+  const variant = modeTextVariant[mode] as TypescaleKey;
 
   const contentWrapperProps = {
     pointerEvents: 'box-none' as ViewProps['pointerEvents'],

src/components/Appbar/utils.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
 import { StyleSheet, Animated } from 'react-native';
 
-import { white } from '../../styles/themes/v2/colors';
-import type { InternalTheme, MD3Theme, ThemeProp } from '../../types';
+import { white } from '../../styles/themes/colors';
+import type { InternalTheme, Theme, ThemeProp } from '../../types';
 
 export type AppbarModes = 'small' | 'medium' | 'large' | 'center-aligned';
 
@@ -27,7 +27,7 @@ export const getAppbarBackgroundColor = (
   customBackground?: ColorValue,
   elevated?: boolean
 ) => {
-  const { colors } = theme as MD3Theme;
+  const { colors } = theme as Theme;
   if (customBackground) {
     return customBackground;
   }

src/components/Avatar/AvatarIcon.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
 import { useInternalTheme } from '../../core/theming';
-import { white } from '../../styles/themes/v2/colors';
+import { white } from '../../styles/themes/colors';
 import type { ThemeProp } from '../../types';
 import getContrastingColor from '../../utils/getContrastingColor';
 import Icon, { IconSource } from '../Icon';

src/components/Avatar/AvatarText.tsx

@@ -9,7 +9,7 @@ import {
 } from 'react-native';
 
 import { useInternalTheme } from '../../core/theming';
-import { white } from '../../styles/themes/v2/colors';
+import { white } from '../../styles/themes/colors';
 import type { ThemeProp } from '../../types';
 import getContrastingColor from '../../utils/getContrastingColor';
 import Text from '../Typography/Text';

src/components/Banner.tsx

@@ -9,7 +9,7 @@ import Icon, { IconSource } from './Icon';
 import Surface from './Surface';
 import Text from './Typography/Text';
 import { useInternalTheme } from '../core/theming';
-import type { $Omit, $RemoveChildren, MD3Theme, ThemeProp } from '../types';
+import type { $Omit, $RemoveChildren, Theme, ThemeProp } from '../types';
 
 const DEFAULT_MAX_WIDTH = 960;
 
@@ -131,7 +131,7 @@ const Banner = ({
   ...rest
 }: Props) => {
   const theme = useInternalTheme(themeOverrides);
-  const { colors } = theme as MD3Theme;
+  const { colors } = theme as Theme;
   const { current: position } = React.useRef<Animated.Value>(
     new Animated.Value(visible ? 1 : 0)
   );

src/components/BottomNavigation/BottomNavigationBar.tsx

@@ -19,7 +19,7 @@ import {
   getLabelColor,
 } from './utils';
 import { useInternalTheme } from '../../core/theming';
-import type { MD3Theme, ThemeProp } from '../../types';
+import type { Theme, ThemeProp } from '../../types';
 import useAnimatedValue from '../../utils/useAnimatedValue';
 import useAnimatedValueArray from '../../utils/useAnimatedValueArray';
 import useIsKeyboardShown from '../../utils/useIsKeyboardShown';
@@ -333,7 +333,7 @@ const BottomNavigationBar = <Route extends BaseRoute>({
   theme: themeOverrides,
 }: Props<Route>) => {
   const theme = useInternalTheme(themeOverrides);
-  const { colors } = theme as MD3Theme;
+  const { colors } = theme as Theme;
   const { bottom, left, right } = useSafeAreaInsets();
   const { scale } = theme.animation;
   const compact = compactProp ?? false;
@@ -582,7 +582,7 @@ const BottomNavigationBar = <Route extends BaseRoute>({
 
             const isLegacyOrV3Shifting = shifting && labeled;
 
-            const font = (theme as MD3Theme).fonts.labelMedium;
+            const font = (theme as Theme).fonts.labelMedium;
 
             return renderTouchable({
               key: route.key,