refactor: remove remaining MD3 mentions after MD2 removal

Author: adrcotfas

docs/src/components/BannerExample.tsx

@@ -9,8 +9,8 @@ import {
   Avatar,
   Button,
   FAB,
-  MD3DarkTheme as DarkTheme,
-  MD3LightTheme as DefaultTheme,
+  DarkTheme as DarkTheme,
+  LightTheme as DefaultTheme,
   ProgressBar,
   PaperProvider,
   RadioButton,

docs/src/components/GetStartedButtons.tsx

@@ -9,8 +9,8 @@ import Link from '@docusaurus/Link';
 import { useColorMode } from '@docusaurus/theme-common';
 import {
   Button,
-  MD3DarkTheme as DarkTheme,
-  MD3LightTheme as DefaultTheme,
+  DarkTheme as DarkTheme,
+  LightTheme as DefaultTheme,
   PaperProvider,
 } from 'react-native-paper';
 

example/src/DrawerItems.tsx

@@ -9,7 +9,7 @@ import {
   Button,
   Dialog,
   Drawer,
-  MD3Colors,
+  Colors,
   Switch,
   Text,
   TouchableRipple,
@@ -136,8 +136,8 @@ function DrawerItems() {
 
   const coloredLabelTheme = {
     colors: {
-      secondaryContainer: MD3Colors.tertiary80,
-      onSecondaryContainer: MD3Colors.tertiary20,
+      secondaryContainer: Colors.tertiary80,
+      onSecondaryContainer: Colors.tertiary20,
     },
   };
 

example/src/Examples/ActivityIndicatorExample.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { ActivityIndicator, FAB, List, MD3Colors } from 'react-native-paper';
+import { ActivityIndicator, FAB, List, Colors } from 'react-native-paper';
 
 import ScreenWrapper from '../ScreenWrapper';
 
@@ -41,7 +41,7 @@ const ActivityIndicatorExample = () => {
       <List.Section title="Custom color">
         <ActivityIndicator
           animating={animating}
-          color={MD3Colors.error20}
+          color={Colors.error20}
           hidesWhenStopped={false}
         />
       </List.Section>

example/src/Examples/AnimatedFABExample/AnimatedFABExample.tsx

@@ -3,7 +3,7 @@ import type { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
 import { Animated, FlatList, Platform, StyleSheet, View } from 'react-native';
 
 import Icon from '@expo/vector-icons/MaterialCommunityIcons';
-import { Avatar, MD3Colors, Text } from 'react-native-paper';
+import { Avatar, Colors, Text } from 'react-native-paper';
 
 import CustomFAB from './CustomFAB';
 import CustomFABControls, {
@@ -46,7 +46,7 @@ const AnimatedFABExample = () => {
           <Avatar.Text
             style={[styles.avatar, { backgroundColor: item.bgColor }]}
             label={item.initials}
-            color={MD3Colors.primary100}
+            color={Colors.primary100}
             size={40}
           />
           <View style={styles.itemTextContentContainer}>
@@ -88,9 +88,7 @@ const AnimatedFABExample = () => {
 
               <Icon
                 name={item.favorite ? 'star' : 'star-outline'}
-                color={
-                  item.favorite ? MD3Colors.error70 : MD3Colors.neutralVariant70
-                }
+                color={item.favorite ? Colors.error70 : Colors.neutralVariant70}
                 size={20}
                 onPress={() => setVisible(!visible)}
                 style={styles.icon}

example/src/Examples/AvatarExample.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { Avatar, List, MD3Colors } from 'react-native-paper';
+import { Avatar, List, Colors } from 'react-native-paper';
 
 import ScreenWrapper from '../ScreenWrapper';
 
@@ -14,11 +14,11 @@ const AvatarExample = () => {
             style={[
               styles.avatar,
               {
-                backgroundColor: MD3Colors.error70,
+                backgroundColor: Colors.error70,
               },
             ]}
             label="XD"
-            color={MD3Colors.primary0}
+            color={Colors.primary0}
           />
           <Avatar.Text style={styles.avatar} label="XD" />
           <Avatar.Text style={styles.avatar} label="XD" size={80} />
@@ -30,11 +30,11 @@ const AvatarExample = () => {
             style={[
               styles.avatar,
               {
-                backgroundColor: MD3Colors.error70,
+                backgroundColor: Colors.error70,
               },
             ]}
             icon="folder"
-            color={MD3Colors.primary0}
+            color={Colors.primary0}
           />
           <Avatar.Icon style={styles.avatar} icon="folder" />
           <Avatar.Icon style={styles.avatar} icon="folder" size={80} />

example/src/Examples/BadgeExample.tsx

@@ -5,7 +5,7 @@ import {
   Badge,
   IconButton,
   List,
-  MD3Colors,
+  Colors,
   Text,
   Switch,
 } from 'react-native-paper';
@@ -41,7 +41,7 @@ const BadgeExample = () => {
               style={[
                 styles.badge,
                 {
-                  backgroundColor: MD3Colors.primary80,
+                  backgroundColor: Colors.primary80,
                 },
               ]}
             >

example/src/Examples/BannerExample.tsx

@@ -8,7 +8,7 @@ import {
   View,
 } from 'react-native';
 
-import { Banner, FAB, MD3Colors } from 'react-native-paper';
+import { Banner, FAB, Colors } from 'react-native-paper';
 
 import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
@@ -32,11 +32,11 @@ const BannerExample = () => {
   const customTheme = {
     ...defaultTheme,
     colors: {
-      onSurface: MD3Colors.tertiary100,
+      onSurface: Colors.tertiary100,
       elevation: {
-        level1: MD3Colors.tertiary50,
+        level1: Colors.tertiary50,
       },
-      primary: MD3Colors.tertiary10,
+      primary: Colors.tertiary10,
     },
   };
 

example/src/Examples/ButtonExample.tsx

@@ -275,7 +275,7 @@ const ButtonExample = () => {
             mode="outlined"
             onPress={() => {}}
             style={styles.button}
-            labelStyle={[styles.fontStyles, styles.md3FontStyles]}
+            labelStyle={[styles.fontStyles]}
           >
             Custom Font
           </Button>
@@ -367,10 +367,8 @@ const styles = StyleSheet.create({
   flexReverse: {
     flexDirection: 'row-reverse',
   },
-  md3FontStyles: {
-    lineHeight: 32,
-  },
   fontStyles: {
+    lineHeight: 32,
     fontWeight: '800',
     fontSize: 24,
   },

example/src/Examples/CheckboxExample.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { Checkbox, MD3Colors, Text, TouchableRipple } from 'react-native-paper';
+import { Checkbox, Colors, Text, TouchableRipple } from 'react-native-paper';
 
 import ScreenWrapper from '../ScreenWrapper';
 
@@ -28,7 +28,7 @@ const CheckboxExample = () => {
           <TextComponent>Custom</TextComponent>
           <View pointerEvents="none">
             <Checkbox
-              color={MD3Colors.error70}
+              color={Colors.error70}
               status={checkedCustom ? 'checked' : 'unchecked'}
             />
           </View>