@umituz/react-native-auth 2.6.7 → 2.6.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "2.6.7",
+  "version": "2.6.8",
   "description": "Authentication service for React Native apps - Secure, type-safe, and production-ready. Provider-agnostic design with dependency injection, configurable validation, and comprehensive error handling.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/AuthBottomSheet.styles.ts

@@ -12,7 +12,7 @@ export const styles = StyleSheet.create({
     },
     scrollContent: {
         paddingHorizontal: 24,
-        paddingBottom: 20, // Reduced from 40 to 20 to save space
+        paddingBottom: 40,
     },
     closeButton: {
         position: "absolute",
@@ -27,20 +27,20 @@ export const styles = StyleSheet.create({
     },
     header: {
         alignItems: "center",
-        marginBottom: 8,
-        marginTop: 4,
-        paddingTop: 4,
+        marginBottom: 24,
+        marginTop: 8,
+        paddingTop: 16,
     },
     title: {
-        fontSize: 22,
+        fontSize: 28,
         fontWeight: "700",
-        marginBottom: 2,
+        marginBottom: 8,
         textAlign: "center",
     },
     subtitle: {
-        fontSize: 13,
+        fontSize: 15,
         textAlign: "center",
-        lineHeight: 18,
+        lineHeight: 22,
     },
     formContainer: {
         flex: 1,

package/src/presentation/components/AuthBottomSheet.tsx

@@ -114,7 +114,7 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
     [],
   );
 
-  const snapPoints = useMemo(() => ["94%"], []);
+  const snapPoints = useMemo(() => ["95%"], []);
 
   return (
     <BottomSheetModal

package/src/presentation/components/AuthLegalLinks.tsx

@@ -111,7 +111,7 @@ export const AuthLegalLinks: React.FC<AuthLegalLinksProps> = ({
 
 const styles = StyleSheet.create({
   container: {
-    marginTop: 8,
+    marginTop: 16,
     alignItems: "center",
   },
   prefixText: {

package/src/presentation/components/AuthLink.tsx

@@ -50,8 +50,8 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     justifyContent: "center",
     alignItems: "center",
-    marginTop: 0,
-    paddingTop: 0,
+    marginTop: 8,
+    paddingTop: 8,
   },
   text: {
     fontSize: 15,

package/src/presentation/components/RegisterForm.tsx

@@ -153,14 +153,14 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
 
 const styles = StyleSheet.create({
   inputContainer: {
-    marginBottom: 10,
+    marginBottom: 20,
   },
   buttonContainer: {
-    marginBottom: 8,
-    marginTop: 4,
+    marginBottom: 16,
+    marginTop: 8,
   },
   signUpButton: {
-    minHeight: 48,
+    minHeight: 52,
   },
 });
 

package/src/presentation/components/SocialLoginButtons.tsx

@@ -111,12 +111,12 @@ export const SocialLoginButtons: React.FC<SocialLoginButtonsProps> = ({
 
 const styles = StyleSheet.create({
   container: {
-    marginTop: 12,
+    marginTop: 24,
   },
   dividerContainer: {
     flexDirection: "row",
     alignItems: "center",
-    marginBottom: 12,
+    marginBottom: 20,
   },
   divider: {
     flex: 1,
@@ -135,7 +135,7 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    paddingVertical: 10,
+    paddingVertical: 14,
     borderRadius: 12,
     borderWidth: 1,
     gap: 8,