@towsila/expo-ui-library 1.5.2 → 1.5.4

package/package.json

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

package/src/components/screens/loginScreen.tsx

@@ -83,7 +83,7 @@ export default function LoginScreen({
             value={form.values.password}
             onChangeText={(value) => form.setValue("password", value)}
             placeholder={passwordPlaceholder}
-            iconRight={form.showPassword ? (color)=><Eye width={18} height={18} color={color}/> : (color)=><EyeOff width={18} height={18} color={color}/>}
+            iconRight={form.showPassword ? (color)=><EyeOff width={18} height={18} color={color}/> : (color)=><Eye width={18} height={18} color={color}/>}
             onPressIconRight={() => form.setShowPassword(!form.showPassword)}
             secureTextEntry={!form.showPassword}
             textContentType="password"

package/src/components/ui/customPopup.tsx

@@ -1,4 +1,4 @@
-import { View, Text, StyleSheet, Modal, Animated, Dimensions } from "react-native";
+import { View, Text, StyleSheet, Modal, Animated, Dimensions, ViewStyle } from "react-native";
 import { useAppTheme } from "../../context/ThemeContext";
 import { textSize, Fonts } from "../../tokens/typography";
 import Button from "../ui/button";
@@ -153,7 +153,7 @@ const handleClose = () => {
 
 const styles = StyleSheet.create({
   overlay: {
-    ...StyleSheet.absoluteFill,
+    ...(StyleSheet.absoluteFill as ViewStyle),
     backgroundColor: "rgba(0,0,0,0.5)",
   },
   sheetWrapper: {

package/src/components/ui/sharpButton.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, View, LayoutChangeEvent } from "react-native";
+import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, View, LayoutChangeEvent, ViewStyle } from "react-native";
 import { Fonts, textSize } from "../../tokens/typography";
 import { useAppTheme } from "../../context/ThemeContext";
 import SharpContainer from "./sharpContainer"
@@ -58,7 +58,7 @@ export default function SharpButton({
 
 const styles = StyleSheet.create({
   contentContainer: {
-    ...StyleSheet.absoluteFill,
+    ...(StyleSheet.absoluteFill as ViewStyle),
     justifyContent: "center",
     alignItems: "center",
     zIndex: 2,

package/src/components/ui/successDialog.tsx

@@ -2,6 +2,7 @@ import {
   View,
   Text,
   StyleSheet,
+  ViewStyle,
 } from "react-native";
 import { useAppTheme } from "../../context/ThemeContext";
 import { textSize, Fonts } from "../../tokens/typography";
@@ -51,8 +52,8 @@ const createStyles = (colors: any) =>
       justifyContent: "flex-end",
     },
     backdrop: {
-      ...StyleSheet.absoluteFill,
-      backgroundColor: "rgba(0,0,0,0.45)",
+    ...(StyleSheet.absoluteFill as ViewStyle),
+    backgroundColor: "rgba(0,0,0,0.45)",
     },
     sheet: {
       width: "100%",