move radix colors to separate package

un · Feb 10, 2025 · 4310b4f · 4310b4f
1 parent f102d26
commit 4310b4f
Show file tree

Hide file tree

Showing 9 changed files with 1,531 additions and 4,072 deletions.
diff --git a/apps/mobile/ios/Augmented.xcodeproj/project.pbxproj b/apps/mobile/ios/Augmented.xcodeproj/project.pbxproj
diff --git a/apps/mobile/ios/Augmented/Info.plist b/apps/mobile/ios/Augmented/Info.plist
@@ -61,15 +61,22 @@
     </array>
     <key>UIAppFonts</key>
     <array>
-      <string>GeistMono-Black.otf</string>
-      <string>GeistMono-Bold.otf</string>
-      <string>GeistMono-Light.otf</string>
-      <string>GeistMono-Medium.otf</string>
-      <string>GeistMono-Regular.otf</string>
-      <string>GeistMono-SemiBold.otf</string>
-      <string>GeistMono-Thin.otf</string>
-      <string>GeistMono-UltraBlack.otf</string>
-      <string>GeistMono-UltraLight.otf</string>
+      <string>JetBrainsMono-Bold.otf</string>
+      <string>JetBrainsMono-BoldItalic.otf</string>
+      <string>JetBrainsMono-ExtraBold.otf</string>
+      <string>JetBrainsMono-ExtraBoldItalic.otf</string>
+      <string>JetBrainsMono-ExtraLight.otf</string>
+      <string>JetBrainsMono-ExtraLightItalic.otf</string>
+      <string>JetBrainsMono-Light.otf</string>
+      <string>JetBrainsMono-LightItalic.otf</string>
+      <string>JetBrainsMono-Medium.otf</string>
+      <string>JetBrainsMono-MediumItalic.otf</string>
+      <string>JetBrainsMono-SemiBold.otf</string>
+      <string>JetBrainsMono-SemiBoldItalic.otf</string>
+      <string>JetBrainsMono-Thin.otf</string>
+      <string>JetBrainsMono-ThinItalic.otf</string>
+      <string>JetBrainsMono-Regular.otf</string>
+      <string>JetBrainsMono-Italic.otf</string>
     </array>
     <key>UILaunchStoryboardName</key>
     <string>SplashScreen</string>

diff --git a/apps/mobile/package.json b/apps/mobile/package.json
@@ -50,6 +50,7 @@
     "expo-status-bar": "~2.0.1",
     "expo-web-browser": "^14.0.2",
     "nativewind": "~4.1.23",
+    "radi-color-css": "^1.0.5",
     "react": "catalog:react18",
     "react-dom": "catalog:react18",
     "react-hook-form": "^7.54.2",

diff --git a/apps/mobile/src/app/index.tsx b/apps/mobile/src/app/index.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
-import { useFonts } from 'expo-font';
 import { View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
+import { useFonts } from "expo-font";
 import { Stack, useRouter } from "expo-router";
 import * as SecureStore from "expo-secure-store";
 import { openDatabaseAsync } from "expo-sqlite";
@@ -24,11 +24,16 @@ export default function Index() {
   const [hasOnboarded, setHasOnboarded] = useState(false);
 
   const [fontsLoaded] = useFonts({
-    'JetBrainsMono': require('../../assets/fonts/JetBrainsMono-Regular.otf'),
-    'JetBrainsMono-Medium': require('../../assets/fonts/JetBrainsMono-Medium.otf'),
-    'JetBrainsMono-Bold': require('../../assets/fonts/JetBrainsMono-Bold.otf'),
-    'JetBrainsMono-Light': require('../../assets/fonts/JetBrainsMono-Light.otf'),
-    'JetBrainsMono-SemiBold': require('../../assets/fonts/JetBrainsMono-SemiBold.otf'),
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    JetBrainsMono: require("../../assets/fonts/JetBrainsMono-Regular.otf"),
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    "JetBrainsMono-Medium": require("../../assets/fonts/JetBrainsMono-Medium.otf"),
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    "JetBrainsMono-Bold": require("../../assets/fonts/JetBrainsMono-Bold.otf"),
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    "JetBrainsMono-Light": require("../../assets/fonts/JetBrainsMono-Light.otf"),
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    "JetBrainsMono-SemiBold": require("../../assets/fonts/JetBrainsMono-SemiBold.otf"),
   });
 
   useEffect(() => {
@@ -81,8 +86,10 @@ export default function Index() {
       <Stack.Screen options={{ title: "Welcome", header: () => null }} />
 
       <View className="flex flex-col items-center gap-2">
-        <Text className="text-center text-5xl font-bold font-mono">Augmented</Text>
-        <Text className="font-light font-mono">Let's get you set up</Text>
+        <Text className="text-center font-mono text-5xl font-bold">
+          Augmented
+        </Text>
+        <Text className="font-mono font-light">Let's get you set up</Text>
       </View>
 
       <View className="px-8">