@hoddy-ui/core 1.0.99 → 1.1.0

package/next/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/next",
-  "version": "2.0.27",
+  "version": "2.0.34",
   "description": "Core rich react native components written in typescript, with support for expo-router",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "1.0.99",
+  "version": "1.1.0",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/Components/AdaptiveStatusBar.tsx

@@ -4,33 +4,27 @@ import { Platform, StatusBar } from "react-native";
 import { useColors, useTheme } from "../hooks";
 
 const AdaptiveStatusBar = ({ translucent = false }) => {
-  const [focused, setFocused] = useState(false);
   const colors = useColors();
   const theme = useTheme();
+
+  const statusbarHandler = () => {
+    StatusBar.setBarStyle(theme === "dark" ? "light-content" : "dark-content");
+    if (Platform.OS === "android") {
+      StatusBar.setBackgroundColor(
+        translucent ? "transparent" : colors.white[1]
+      );
+      StatusBar.setTranslucent(true);
+    }
+  };
+
   useFocusEffect(
     React.useCallback(() => {
-      // setFocused(true);
-      StatusBar.setBarStyle(
-        theme === "dark" ? "light-content" : "dark-content"
-      );
-      if (Platform.OS === "android") {
-        StatusBar.setBackgroundColor(
-          translucent ? "transparent" : colors.white[1]
-        );
-        StatusBar.setTranslucent(true);
-      }
-      // return () => setFocused(false);
+      statusbarHandler();
     }, [theme])
   );
 
   React.useEffect(() => {
-    // setFocused(true);
-    StatusBar.setBarStyle(theme === "dark" ? "light-content" : "dark-content");
-    if (Platform.OS === "android") {
-      StatusBar.setBackgroundColor(colors.white[1] + (translucent ? "0" : ""));
-      StatusBar.setTranslucent(true);
-    }
-    // return () => setFocused(false);
+    statusbarHandler();
   }, [theme]);
   return <></>;
 };

package/src/Components/Typography.tsx

@@ -44,8 +44,8 @@ const Typography: React.FC<TypographyProps> = forwardRef(
         textTransform: textCase,
         alignItems: "center",
         textAlign: align,
-        fontWeight: fontWeight.toString(),
-        fontFamily: fontFamily || getConfig().DEFAULT_FONT_FAMILY || "System", // Use custom font if provided, else default
+        fontWeight: fontWeight,
+        fontFamily: fontFamily || getConfig().DEFAULT_FONT_FAMILY || undefined, // Use custom font if provided, else default
       },
     });
 

package/src/types.ts

@@ -261,7 +261,7 @@ export interface TypographyProps extends TextProps {
   children: ReactNode;
   color?: colorTypes | (string & {});
   style?: TextStyle | ViewStyle;
-  textCase?: "capitalize" | "uppercase" | "lowercase" | null;
+  textCase?: "capitalize" | "uppercase" | "lowercase" | undefined;
   variant?:
     | "caption"
     | "body1"