added Fonts

android/link-assets-manifest.json

@@ -0,0 +1,45 @@
+{
+  "migIndex": 1,
+  "data": [
+    {
+      "path": "assets/fonts/Outfit-Black.ttf",
+      "sha1": "acf16819309cc0e21abd72b4cdd932df559e9f9e"
+    },
+    {
+      "path": "assets/fonts/Outfit-Bold.ttf",
+      "sha1": "dff38f4c216b9145d9dd284a78fce52e057e2194"
+    },
+    {
+      "path": "assets/fonts/Outfit-ExtraBold.ttf",
+      "sha1": "5b76ce82ddcc48b5339e047a7aef88ce0a334941"
+    },
+    {
+      "path": "assets/fonts/Outfit-ExtraLight.ttf",
+      "sha1": "0cf062c845e7734b0e75361bf342e98912f570b1"
+    },
+    {
+      "path": "assets/fonts/Outfit-Light.ttf",
+      "sha1": "7dd71083d22da6d08dd0d6af6759109776f0b3f5"
+    },
+    {
+      "path": "assets/fonts/Outfit-Medium.ttf",
+      "sha1": "86e6867ae0aba1eb8aa4bda25d2fe0a5ca02bee8"
+    },
+    {
+      "path": "assets/fonts/Outfit-Regular.ttf",
+      "sha1": "bcb85df11636ccfe003e92f12515c29c3be865f5"
+    },
+    {
+      "path": "assets/fonts/Outfit-SemiBold.ttf",
+      "sha1": "21ab97de1536d82672bf6fec078814506cdf9d28"
+    },
+    {
+      "path": "assets/fonts/Outfit-Thin.ttf",
+      "sha1": "7c18fa1287a9fe229f649ad4dfaa916bc1873ce3"
+    },
+    {
+      "path": "assets/fonts/Outfit-VariableFont_wght.ttf",
+      "sha1": "c6f27b9debf80ecaf0ac866b0edc25519825730a"
+    }
+  ]
+}

ios/ClickAndJoinApp.xcodeproj/project.pbxproj

@@ -14,6 +14,16 @@
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
 		7699B88040F8A987B510C191 /* libPods-ClickAndJoinApp-ClickAndJoinAppTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-ClickAndJoinApp-ClickAndJoinAppTests.a */; };
 		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
+		F878AA5D84F446FDA77E9C7C /* Outfit-Black.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 2DA104EA514740E99BCA277D /* Outfit-Black.ttf */; };
+		D9C0040DE5504D25895DF2B8 /* Outfit-Bold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 2CC48D5BE0F145A789CAF3FF /* Outfit-Bold.ttf */; };
+		E6E5FA6961064F04BC04FCC2 /* Outfit-ExtraBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CDABDD2028994CF28CC30C60 /* Outfit-ExtraBold.ttf */; };
+		AA43A553680043BD8B0F6714 /* Outfit-ExtraLight.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0458C67EB5374008A9D974B9 /* Outfit-ExtraLight.ttf */; };
+		2B050A6D350E4DCA9D332391 /* Outfit-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 09A861D15B75418DB6E8EB20 /* Outfit-Light.ttf */; };
+		78D717B2D44940108555A617 /* Outfit-Medium.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 373A2D9BDECE47A2ACC61F3B /* Outfit-Medium.ttf */; };
+		EFDDDEC09F5F49A5B96AA6B6 /* Outfit-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BF83033F333E405A86BEEC40 /* Outfit-Regular.ttf */; };
+		D6BF1756BD454B48AF46F30B /* Outfit-SemiBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0E2F197FEE9F406393CD837C /* Outfit-SemiBold.ttf */; };
+		94325E7D0A1D4F978B68DB9D /* Outfit-Thin.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BEA6542B8A3949AD85AAA182 /* Outfit-Thin.ttf */; };
+		3E22F7F8820E4139BF9AE875 /* Outfit-VariableFont_wght.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 568E218DD46949F4A41A0C4D /* Outfit-VariableFont_wght.ttf */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -44,6 +54,16 @@
 		81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = ClickAndJoinApp/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		89C6BE57DB24E9ADA2F236DE /* Pods-ClickAndJoinApp-ClickAndJoinAppTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ClickAndJoinApp-ClickAndJoinAppTests.release.xcconfig"; path = "Target Support Files/Pods-ClickAndJoinApp-ClickAndJoinAppTests/Pods-ClickAndJoinApp-ClickAndJoinAppTests.release.xcconfig"; sourceTree = "<group>"; };
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
+		2DA104EA514740E99BCA277D /* Outfit-Black.ttf */ = {isa = PBXFileReference; name = "Outfit-Black.ttf"; path = "../assets/fonts/Outfit-Black.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		2CC48D5BE0F145A789CAF3FF /* Outfit-Bold.ttf */ = {isa = PBXFileReference; name = "Outfit-Bold.ttf"; path = "../assets/fonts/Outfit-Bold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		CDABDD2028994CF28CC30C60 /* Outfit-ExtraBold.ttf */ = {isa = PBXFileReference; name = "Outfit-ExtraBold.ttf"; path = "../assets/fonts/Outfit-ExtraBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		0458C67EB5374008A9D974B9 /* Outfit-ExtraLight.ttf */ = {isa = PBXFileReference; name = "Outfit-ExtraLight.ttf"; path = "../assets/fonts/Outfit-ExtraLight.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		09A861D15B75418DB6E8EB20 /* Outfit-Light.ttf */ = {isa = PBXFileReference; name = "Outfit-Light.ttf"; path = "../assets/fonts/Outfit-Light.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		373A2D9BDECE47A2ACC61F3B /* Outfit-Medium.ttf */ = {isa = PBXFileReference; name = "Outfit-Medium.ttf"; path = "../assets/fonts/Outfit-Medium.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		BF83033F333E405A86BEEC40 /* Outfit-Regular.ttf */ = {isa = PBXFileReference; name = "Outfit-Regular.ttf"; path = "../assets/fonts/Outfit-Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		0E2F197FEE9F406393CD837C /* Outfit-SemiBold.ttf */ = {isa = PBXFileReference; name = "Outfit-SemiBold.ttf"; path = "../assets/fonts/Outfit-SemiBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		BEA6542B8A3949AD85AAA182 /* Outfit-Thin.ttf */ = {isa = PBXFileReference; name = "Outfit-Thin.ttf"; path = "../assets/fonts/Outfit-Thin.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		568E218DD46949F4A41A0C4D /* Outfit-VariableFont_wght.ttf */ = {isa = PBXFileReference; name = "Outfit-VariableFont_wght.ttf"; path = "../assets/fonts/Outfit-VariableFont_wght.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -122,6 +142,7 @@
 				83CBBA001A601CBA00E9B192 /* Products */,
 				2D16E6871FA4F8E400B85C8A /* Frameworks */,
 				BBD78D7AC51CEA395F1C20DB /* Pods */,
+				A979B6A2668F4BD99BD1D759 /* Resources */,
 			);
 			indentWidth = 2;
 			sourceTree = "<group>";
@@ -148,6 +169,24 @@
 			path = Pods;
 			sourceTree = "<group>";
 		};
+		A979B6A2668F4BD99BD1D759 /* Resources */ = {
+			isa = "PBXGroup";
+			children = (
+				2DA104EA514740E99BCA277D /* Outfit-Black.ttf */,
+				2CC48D5BE0F145A789CAF3FF /* Outfit-Bold.ttf */,
+				CDABDD2028994CF28CC30C60 /* Outfit-ExtraBold.ttf */,
+				0458C67EB5374008A9D974B9 /* Outfit-ExtraLight.ttf */,
+				09A861D15B75418DB6E8EB20 /* Outfit-Light.ttf */,
+				373A2D9BDECE47A2ACC61F3B /* Outfit-Medium.ttf */,
+				BF83033F333E405A86BEEC40 /* Outfit-Regular.ttf */,
+				0E2F197FEE9F406393CD837C /* Outfit-SemiBold.ttf */,
+				BEA6542B8A3949AD85AAA182 /* Outfit-Thin.ttf */,
+				568E218DD46949F4A41A0C4D /* Outfit-VariableFont_wght.ttf */,
+			);
+			name = Resources;
+			sourceTree = "<group>";
+			path = "";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -244,6 +283,16 @@
 			files = (
 				81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
 				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
+				F878AA5D84F446FDA77E9C7C /* Outfit-Black.ttf in Resources */,
+				D9C0040DE5504D25895DF2B8 /* Outfit-Bold.ttf in Resources */,
+				E6E5FA6961064F04BC04FCC2 /* Outfit-ExtraBold.ttf in Resources */,
+				AA43A553680043BD8B0F6714 /* Outfit-ExtraLight.ttf in Resources */,
+				2B050A6D350E4DCA9D332391 /* Outfit-Light.ttf in Resources */,
+				78D717B2D44940108555A617 /* Outfit-Medium.ttf in Resources */,
+				EFDDDEC09F5F49A5B96AA6B6 /* Outfit-Regular.ttf in Resources */,
+				D6BF1756BD454B48AF46F30B /* Outfit-SemiBold.ttf in Resources */,
+				94325E7D0A1D4F978B68DB9D /* Outfit-Thin.ttf in Resources */,
+				3E22F7F8820E4139BF9AE875 /* Outfit-VariableFont_wght.ttf in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};

ios/ClickAndJoinApp/Info.plist

@@ -36,7 +36,7 @@
 		</dict>
 	</dict>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string></string>
+	<string/>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIRequiredDeviceCapabilities</key>
@@ -51,5 +51,18 @@
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
+	<key>UIAppFonts</key>
+	<array>
+		<string>Outfit-Black.ttf</string>
+		<string>Outfit-Bold.ttf</string>
+		<string>Outfit-ExtraBold.ttf</string>
+		<string>Outfit-ExtraLight.ttf</string>
+		<string>Outfit-Light.ttf</string>
+		<string>Outfit-Medium.ttf</string>
+		<string>Outfit-Regular.ttf</string>
+		<string>Outfit-SemiBold.ttf</string>
+		<string>Outfit-Thin.ttf</string>
+		<string>Outfit-VariableFont_wght.ttf</string>
+	</array>
 </dict>
 </plist>

ios/link-assets-manifest.json

@@ -0,0 +1,45 @@
+{
+  "migIndex": 1,
+  "data": [
+    {
+      "path": "assets/fonts/Outfit-Black.ttf",
+      "sha1": "acf16819309cc0e21abd72b4cdd932df559e9f9e"
+    },
+    {
+      "path": "assets/fonts/Outfit-Bold.ttf",
+      "sha1": "dff38f4c216b9145d9dd284a78fce52e057e2194"
+    },
+    {
+      "path": "assets/fonts/Outfit-ExtraBold.ttf",
+      "sha1": "5b76ce82ddcc48b5339e047a7aef88ce0a334941"
+    },
+    {
+      "path": "assets/fonts/Outfit-ExtraLight.ttf",
+      "sha1": "0cf062c845e7734b0e75361bf342e98912f570b1"
+    },
+    {
+      "path": "assets/fonts/Outfit-Light.ttf",
+      "sha1": "7dd71083d22da6d08dd0d6af6759109776f0b3f5"
+    },
+    {
+      "path": "assets/fonts/Outfit-Medium.ttf",
+      "sha1": "86e6867ae0aba1eb8aa4bda25d2fe0a5ca02bee8"
+    },
+    {
+      "path": "assets/fonts/Outfit-Regular.ttf",
+      "sha1": "bcb85df11636ccfe003e92f12515c29c3be865f5"
+    },
+    {
+      "path": "assets/fonts/Outfit-SemiBold.ttf",
+      "sha1": "21ab97de1536d82672bf6fec078814506cdf9d28"
+    },
+    {
+      "path": "assets/fonts/Outfit-Thin.ttf",
+      "sha1": "7c18fa1287a9fe229f649ad4dfaa916bc1873ce3"
+    },
+    {
+      "path": "assets/fonts/Outfit-VariableFont_wght.ttf",
+      "sha1": "c6f27b9debf80ecaf0ac866b0edc25519825730a"
+    }
+  ]
+}

react-native.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    project: {
+            ios: {},
+            android: {}
+    },
+    assets: ['./assets/fonts']
+};

src/App.tsx

@@ -26,7 +26,9 @@ const App = () => {
         <NativeBaseProvider theme={theme}>
           <StatusBar backgroundColor="transparent" translucent={true} />
           <Box safeArea>
-            <Text> ma boyy :--)))</Text>
+            <Text style={{fontFamily: 'Outfit-Bold', color: '#f00'}}>
+              ma boyy :--)))
+            </Text>
           </Box>
           <Box alignItems="center">
             <Input shadow={2} placeholder="Enter your name" />

src/caj/configs/colors.ts

@@ -1,8 +1,22 @@
 import { extendTheme } from 'native-base';
 
 export const theme = extendTheme({
+  fonts: {
+    header: 'Outfit-Bold',
+    medium: 'Outfit-Bold',
+    regular: 'Outfit-Bold',
+    semibold: 'Outfit-Bold',
+  },
   colors: {
-      // Add new color
+    black: {
+      100: '#C4C4C4',
+      200: '#7C7C7C',
+      300: '#292929',
+      800: '#181725',
+    },
+    green: {
+      300: '#53B175',
+    },
     primary: {
       50: '#E3F2F9',
       100: '#C5E4F3',
@@ -15,13 +29,53 @@ export const theme = extendTheme({
       800: '#005885',
       900: '#003F5E',
     },
-      // Redefining only one shade, rest of the color will remain same.
     amber: {
       400: '#d97706',
     },
   },
-    config: {
+  components: {
-      // Changing initialColorMode to 'dark'
+    Divider: {
-      initialColorMode: 'dark',
+      baseStyle: ({colorMode}) => {
+        return {
+          backgroundColor: colorMode === 'dark' ? 'black.100' : 'black.200',
+        };
       },
-  });
+    },
+    Heading: {
+      baseStyle: ({colorMode}) => {
+        return {
+          color: colorMode === 'dark' ? 'black.100' : 'primary.500',
+        };
+      },
+      defaultProps: {
+        size: 'xl',
+        fontFamily: 'MontSemibold',
+      },
+    },
+    Text: {
+      baseStyle: ({colorMode}) => {
+        return {
+          color: colorMode === 'dark' ? 'black.100' : 'black.300',
+        };
+      },
+      defaultProps: {
+        size: 'md',
+        fontFamily: 'MontRegular',
+      },
+      sizes: {
+        xl: {
+          fontSize: '64px',
+        },
+        lg: {
+          fontSize: '32px',
+        },
+        md: {
+          fontSize: '16px',
+        },
+        sm: {
+          fontSize: '12px',
+        },
+      },
+    },
+  },
+});

src/types/image.png.d.ts

@@ -0,0 +1,7 @@
+declare module '*.png' {
+    import { ImageSourcePropType } from 'react-native'
+  
+    const content: ImageSourcePropType
+  
+    export default content
+  }

src/types/image.svg.d.ts

@@ -0,0 +1,8 @@
+declare module '*.svg' {
+    import React from 'react'
+    import { SvgProps } from 'react-native-svg'
+  
+    const content: React.FC<SvgProps>
+  
+    export default content
+  }

tsconfig.json

@@ -4,6 +4,14 @@
     "paths" : {
       "@caj/*": ["src/caj/*"]
     },
-    "target": "ESNext"
+    "target": "ESNext",
-  }
+    "allowSyntheticDefaultImports": true,
+    "moduleResolution": "node",
+    "jsx": "react-native"
+    
+  },
+  "include": ["**/*.ts", "**/*.tsx", "./src/caj/img/*.png"],
+  "exclude": [
+    "node_modules"
+  ]
 }