@umituz/react-native-auth 2.7.0 → 2.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "2.7.0",
+  "version": "2.7.2",
   "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",
@@ -37,7 +37,6 @@
     "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firebase": "latest",
     "@umituz/react-native-localization": "latest",
-    "@umituz/react-native-avatar": "latest",
     "@umituz/react-native-sentry": "latest",
     "@umituz/react-native-storage": "latest",
     "@umituz/react-native-validation": "latest",
@@ -58,7 +57,6 @@
     "@react-navigation/stack": "^6.0.0",
     "@types/node": "^20.0.0",
     "@types/react": "~19.1.0",
-    "@umituz/react-native-avatar": "latest",
     "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firebase": "latest",
     "@umituz/react-native-localization": "latest",

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

@@ -21,10 +21,6 @@ export const styles = StyleSheet.create({
         padding: 8,
         zIndex: 10,
     },
-    closeIcon: {
-        fontSize: 24,
-        fontWeight: "400",
-    },
     header: {
         alignItems: "center",
         marginBottom: 24,
@@ -32,13 +28,10 @@ export const styles = StyleSheet.create({
         paddingTop: 16,
     },
     title: {
-        fontSize: 28,
-        fontWeight: "700",
         marginBottom: 8,
         textAlign: "center",
     },
     subtitle: {
-        fontSize: 15,
         textAlign: "center",
         lineHeight: 22,
     },

package/src/presentation/components/AuthBottomSheet.tsx

@@ -4,14 +4,14 @@
  */
 
 import React, { useEffect, useCallback, useRef, useState, useMemo } from "react";
-import { View, Text, TouchableOpacity } from "react-native";
+import { View, TouchableOpacity } from "react-native";
 import {
   BottomSheetModal,
   BottomSheetBackdrop,
   BottomSheetScrollView,
 } from "@gorhom/bottom-sheet";
 import type { BottomSheetBackdropProps } from "@gorhom/bottom-sheet";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens, AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useAuthModalStore } from "../stores/authModalStore";
 import { useAuth } from "../hooks/useAuth";
@@ -138,19 +138,19 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
           style={styles.closeButton}
           onPress={handleClose}
           hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
+          accessibilityLabel={t("common.close") || "Close"}
+          accessibilityRole="button"
         >
-          <Text style={[styles.closeIcon, { color: tokens.colors.textSecondary }]}>
-            ✕
-          </Text>
+          <AtomicIcon name="close" size="md" color="secondary" />
         </TouchableOpacity>
 
         <View style={styles.header}>
-          <Text style={[styles.title, { color: tokens.colors.textPrimary }]}>
+          <AtomicText type="headlineLarge" color="primary" style={styles.title}>
             {mode === "login" ? t("auth.signIn") : t("auth.createAccount")}
-          </Text>
-          <Text style={[styles.subtitle, { color: tokens.colors.textSecondary }]}>
+          </AtomicText>
+          <AtomicText type="bodyLarge" color="secondary" style={styles.subtitle}>
             {mode === "login" ? t("auth.signInSubtitle") : t("auth.createAccountSubtitle")}
-          </Text>
+          </AtomicText>
         </View>
 
         <View style={styles.formContainer}>

package/src/presentation/components/ProfileSection.tsx

@@ -7,7 +7,7 @@
 import React from "react";
 import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import { Avatar } from "@umituz/react-native-avatar";
+import { Avatar } from "@umituz/react-native-design-system";
 
 export interface ProfileSectionConfig {
     displayName: string;

package/src/presentation/screens/EditProfileScreen.tsx

@@ -15,7 +15,7 @@ import {
     ActivityIndicator,
 } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import { Avatar } from "@umituz/react-native-avatar";
+import { Avatar } from "@umituz/react-native-design-system";
 
 export interface EditProfileConfig {
     displayName: string;