@towsila/expo-ui-library 3.5.2 → 3.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@towsila/expo-ui-library",
-  "version": "3.5.2",
+  "version": "3.5.4",
   "description": "",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/screens/sucessScreen.tsx

@@ -1,10 +1,10 @@
 import { Text, View } from "react-native";
-import AnimatedSuccessIcon from "../ui/AnimatedSuccessIcon";
 import { useAppTheme } from "../../context/ThemeContext";
 import { useLanguage } from "../../context/LanguageContext";
-import ScreenHeader from "../ui/PageTopBar";
-import SharpButton from "../ui/sharpButton";
 import { Fonts, textSize } from "../../tokens/typography";
+import AnimatedSuccessIcon from "../ui/AnimatedSuccessIcon";
+import SharpButton from "../ui/sharpButton";
+
 
 interface SuccessScreenProps {
   title?: string;
@@ -29,10 +29,17 @@ export default function SuccessScreen({
     const {isRTL} =  useLanguage();
   return (
   <View style={{ flex: 1, paddingHorizontal: 32, paddingVertical: 60 }}>
-    <ScreenHeader title={title} description={subtitle} />
-    <View style={{ flex: 1, marginTop: 30, alignItems: isRTL ? "flex-start" : "flex-end", gap: 20 }}>
-      <View style={{ backgroundColor: colors.primary + "30", padding: 20, borderRadius: 20 }}>
-        <AnimatedSuccessIcon color={colors.primary} size={50} strokeWidth={2} />
+    <Text style={{color: colors.text.primary, textAlign: isRTL ? "left" : "right", fontFamily: Fonts.montserrat.semiBold, fontSize: textSize.xxl}}>{title}</Text>
+    {subtitle && (
+        <Text
+                style={{fontSize: textSize.md, fontFamily: Fonts.montserrat.regular, color: colors.text.secondary, textAlign: isRTL ? "left" : "right"}}
+            >
+                {subtitle}
+            </Text>
+    )}
+    <View style={{ flex: 1, marginTop: 70, alignItems: isRTL ? "flex-start" : "flex-end", gap: 20 }}>
+      <View style={{ backgroundColor: colors.primary + "30", padding: 25, borderRadius: 30 }}>
+        <AnimatedSuccessIcon color={colors.primary} size={37} strokeWidth={2} />
       </View>
       <Text style={{ color: colors.text.secondary, textAlign: isRTL ? "left" : "right", fontFamily: Fonts.montserrat.regular, fontSize: textSize.md }}>
         {description}

package/src/components/ui/OTPInput.tsx

@@ -72,6 +72,6 @@ const createStyles = (colors: any) =>
       borderWidth: 1,
       fontSize: textSize.md,
       color: colors.text.primary,
-      backgroundColor: colors.background.main,
+      backgroundColor: colors.background.card,
     },
   });

package/src/components/ui/input.tsx

@@ -89,7 +89,7 @@ export default function Input({
             height: 50,
             borderRadius: 10,
             fontSize: textSize.sm,
-            backgroundColor: bgColor,
+            backgroundColor: bgColor ?? colors.background.card,
             color: colors.text.primary,
             fontFamily: textFontFamily,