pack darkmode

Author: Nur Fikri

examples/showcase/App.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { ThemeProvider, useTheme } from "./src/rapi";
+import { ThemeProvider, useTheme } from "react-native-rapi-ui";
 import Navigator from "./src/navigation";
 import { enableScreens } from "react-native-screens";
 export default function App() {

examples/showcase/package-lock.json

@@ -17,7 +17,7 @@
 		"react-dom": "16.13.1",
 		"react-native": "https://github.com/expo/react-native/archive/sdk-41.0.0.tar.gz",
 		"react-native-gesture-handler": "~1.10.2",
-		"react-native-rapi-ui": "^0.1.2",
+		"react-native-rapi-ui": "file:react-native-rapi-ui-0.2.0.tgz",
 		"react-native-reanimated": "~2.1.0",
 		"react-native-safe-area-context": "3.2.0",
 		"react-native-screens": "~3.0.0",

examples/showcase/package.json

@@ -1,6 +1,6 @@
 import React from "react";
 import { View } from "react-native";
-import { Text, themeColor, useTheme } from "../rapi";
+import { Text, themeColor, useTheme } from "react-native-rapi-ui";
 
 interface Props {
   color: keyof typeof themeColor;

examples/showcase/src/components/ColorCard.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { View } from "react-native";
-import { Section, SectionContent, Text } from "../rapi";
-import { fontSize } from "../rapi/constants/typography";
+import { Section, SectionContent, Text } from "react-native-rapi-ui";
+import { fontSize } from "react-native-rapi-ui/constants/typography";
 interface Props {
   size?: keyof typeof fontSize;
 }

examples/showcase/src/components/TypographyCard.tsx

@@ -9,15 +9,15 @@ import {
   themeColor,
   TopNav,
   useTheme,
-} from "../rapi";
+} from "react-native-rapi-ui";
 import { StackScreenProps } from "@react-navigation/stack";
 import { MainStackParamList } from "../types/navigation";
 import { Ionicons } from "@expo/vector-icons";
 
 export default function ({
   navigation,
 }: StackScreenProps<MainStackParamList, "Avatar">) {
-  const { isDarkmode } = useTheme();
+  const { isDarkmode, setTheme } = useTheme();
   return (
     <Layout>
       <TopNav

examples/showcase/src/screens/Avatar.tsx

@@ -9,7 +9,7 @@ import {
   Section,
   SectionContent,
   useTheme,
-} from "../rapi";
+} from "react-native-rapi-ui";
 import { Ionicons } from "@expo/vector-icons";
 import { StackScreenProps } from "@react-navigation/stack";
 import { MainStackParamList } from "../types/navigation";

examples/showcase/src/screens/Buttons.tsx

@@ -1,7 +1,13 @@
 import { StackScreenProps } from "@react-navigation/stack";
 import React from "react";
 import { ScrollView, View } from "react-native";
-import { Layout, TopNav, Text, themeColor, useTheme } from "../rapi";
+import {
+  Layout,
+  TopNav,
+  Text,
+  themeColor,
+  useTheme,
+} from "react-native-rapi-ui";
 import { Ionicons } from "@expo/vector-icons";
 import ColorCard from "../components/ColorCard";
 import { MainStackParamList } from "../types/navigation";

examples/showcase/src/screens/Colors.tsx

@@ -12,7 +12,7 @@ import {
   SectionContent,
   Section,
   useTheme,
-} from "../rapi";
+} from "react-native-rapi-ui";
 import { Ionicons } from "@expo/vector-icons";
 import { StackScreenProps } from "@react-navigation/stack";
 import { MainStackParamList } from "../types/navigation";

examples/showcase/src/screens/Forms.tsx

@@ -1,6 +1,13 @@
 import React from "react";
 import { ScrollView, StyleSheet, View } from "react-native";
-import { Layout, TopNav, Text, themeColor, Button, useTheme } from "../rapi";
+import {
+  Layout,
+  TopNav,
+  Text,
+  themeColor,
+  Button,
+  useTheme,
+} from "react-native-rapi-ui";
 import { Ionicons } from "@expo/vector-icons";
 import { TouchableOpacity } from "react-native-gesture-handler";
 import { StackScreenProps } from "@react-navigation/stack";