feat(v6): remove deprecated public API

- Delete src/deprecated.ts and all MD3*/DefaultTheme/useAppTheme re-exports
- Remove createMaterialBottomTabNavigator and entire src/react-navigation/ directory
- Remove theme.mode field from Theme type and DarkTheme definition
- Remove ThemeBase type
- Remove deprecated component props: FAB.small, Button.color, BottomNavigation BaseRoute.color
- Remove Card adaptive dark mode logic (tonal surfaces handle dark theme in MD3)
- Update example app and docs to use canonical names (Palette, LightTheme, DarkTheme)
- Rename internal useAppTheme to _useTheme to avoid confusion with removed public symbol

Author: adrcotfas

docs/src/components/BannerExample.tsx

@@ -9,8 +9,8 @@ import {
   Avatar,
   Button,
   FAB,
-  MD3DarkTheme as DarkTheme,
-  MD3LightTheme as DefaultTheme,
+  DarkTheme,
+  LightTheme,
   ProgressBar,
   PaperProvider,
   RadioButton,
@@ -167,7 +167,7 @@ const Shimmer = () => {
 const ThemedBannerExample = () => {
   const isDarkTheme = useColorMode().colorMode === 'dark';
   return (
-    <PaperProvider theme={isDarkTheme ? DarkTheme : DefaultTheme}>
+    <PaperProvider theme={isDarkTheme ? DarkTheme : LightTheme}>
       <BannerExample />
     </PaperProvider>
   );

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,
+  LightTheme,
   PaperProvider,
 } from 'react-native-paper';
 
@@ -95,7 +95,7 @@ const Shimmer = () => {
 const ThemedGetStarted = () => {
   const isDarkTheme = useColorMode().colorMode === 'dark';
   return (
-    <PaperProvider theme={isDarkTheme ? DarkTheme : DefaultTheme}>
+    <PaperProvider theme={isDarkTheme ? DarkTheme : LightTheme}>
       <GetStartedButton />
     </PaperProvider>
   );

example/src/DrawerItems.tsx

@@ -9,7 +9,7 @@ import {
   Button,
   Dialog,
   Drawer,
-  MD3Colors,
+  Palette,
   Switch,
   Text,
   TouchableRipple,
@@ -136,8 +136,8 @@ function DrawerItems() {
 
   const coloredLabelTheme = {
     colors: {
-      secondaryContainer: MD3Colors.tertiary80,
-      onSecondaryContainer: MD3Colors.tertiary20,
+      secondaryContainer: Palette.tertiary80,
+      onSecondaryContainer: Palette.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, Palette } 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={Palette.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, Palette, 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={Palette.primary100}
             size={40}
           />
           <View style={styles.itemTextContentContainer}>
@@ -89,7 +89,7 @@ const AnimatedFABExample = () => {
               <Icon
                 name={item.favorite ? 'star' : 'star-outline'}
                 color={
-                  item.favorite ? MD3Colors.error70 : MD3Colors.neutralVariant70
+                  item.favorite ? Palette.error70 : Palette.neutralVariant70
                 }
                 size={20}
                 onPress={() => setVisible(!visible)}

example/src/Examples/AppbarExample.tsx

@@ -6,7 +6,7 @@ import {
   Appbar,
   FAB,
   List,
-  MD3Colors,
+  Palette,
   RadioButton,
   Snackbar,
   Switch,
@@ -32,7 +32,6 @@ const AppbarExample = ({ navigation }: Props) => {
   const [showSearchIcon, setShowSearchIcon] = React.useState(true);
   const [showMoreIcon, setShowMoreIcon] = React.useState(true);
   const [showCustomColor, setShowCustomColor] = React.useState(false);
-  const [showExactTheme, setShowExactTheme] = React.useState(false);
   const [appbarMode, setAppbarMode] = React.useState<AppbarModes>('small');
   const [showCalendarIcon, setShowCalendarIcon] = React.useState(false);
   const [showElevated, setShowElevated] = React.useState(false);
@@ -49,9 +48,6 @@ const AppbarExample = ({ navigation }: Props) => {
       header: () => (
         <Appbar.Header
           style={showCustomColor ? styles.customColor : null}
-          theme={{
-            mode: showExactTheme ? 'exact' : 'adaptive',
-          }}
           mode={appbarMode}
           elevated={showElevated}
         >
@@ -80,7 +76,6 @@ const AppbarExample = ({ navigation }: Props) => {
     showSearchIcon,
     showMoreIcon,
     showCustomColor,
-    showExactTheme,
     appbarMode,
     showCalendarIcon,
     isCenterAlignedMode,
@@ -129,10 +124,6 @@ const AppbarExample = ({ navigation }: Props) => {
         <Text>Custom Color</Text>
         <Switch value={showCustomColor} onValueChange={setShowCustomColor} />
       </View>
-      <View style={styles.row}>
-        <Text>Exact Dark Theme</Text>
-        <Switch value={showExactTheme} onValueChange={setShowExactTheme} />
-      </View>
       <View style={styles.row}>
         <Text>Elevated</Text>
         <Switch value={showElevated} onValueChange={setShowElevated} />
@@ -186,7 +177,6 @@ const AppbarExample = ({ navigation }: Props) => {
           },
         ]}
         safeAreaInsets={{ bottom, left, right }}
-        theme={{ mode: showExactTheme ? 'exact' : 'adaptive' }}
       >
         <Appbar.Action icon="archive" onPress={() => {}} />
         <Appbar.Action icon="email" onPress={() => {}} />
@@ -231,6 +221,6 @@ const styles = StyleSheet.create({
     right: 16,
   },
   customColor: {
-    backgroundColor: MD3Colors.secondary80,
+    backgroundColor: Palette.secondary80,
   },
 });

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, Palette } from 'react-native-paper';
 
 import ScreenWrapper from '../ScreenWrapper';
 
@@ -14,11 +14,11 @@ const AvatarExample = () => {
             style={[
               styles.avatar,
               {
-                backgroundColor: MD3Colors.error70,
+                backgroundColor: Palette.error70,
               },
             ]}
             label="XD"
-            color={MD3Colors.primary0}
+            color={Palette.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: Palette.error70,
               },
             ]}
             icon="folder"
-            color={MD3Colors.primary0}
+            color={Palette.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,
+  Palette,
   Text,
   Switch,
 } from 'react-native-paper';
@@ -41,7 +41,7 @@ const BadgeExample = () => {
               style={[
                 styles.badge,
                 {
-                  backgroundColor: MD3Colors.primary80,
+                  backgroundColor: Palette.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, Palette } from 'react-native-paper';
 
 import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
@@ -33,12 +33,12 @@ const BannerExample = () => {
     ...defaultTheme,
     colors: {
       ...defaultTheme.colors,
-      onSurface: MD3Colors.tertiary100,
+      onSurface: Palette.tertiary100,
       elevation: {
         ...defaultTheme.colors.elevation,
-        level1: MD3Colors.tertiary50,
+        level1: Palette.tertiary50,
       },
-      primary: MD3Colors.tertiary10,
+      primary: Palette.tertiary10,
     },
   };
 

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, Palette, Text, TouchableRipple } from 'react-native-paper';
 
 import ScreenWrapper from '../ScreenWrapper';
 
@@ -26,7 +26,7 @@ const CheckboxExample = () => {
           <Text>Custom</Text>
           <View pointerEvents="none">
             <Checkbox
-              color={MD3Colors.error70}
+              color={Palette.error70}
               status={checkedCustom ? 'checked' : 'unchecked'}
             />
           </View>