@umituz/react-native-auth 2.7.0 → 2.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "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

@@ -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}>