@hoddy-ui/core 1.0.96 → 1.0.98

package/package.json

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

package/src/Components/AdaptiveStatusBar.tsx

@@ -15,7 +15,7 @@ const AdaptiveStatusBar = ({ translucent = false }) => {
       );
       if (Platform.OS === "android") {
         StatusBar.setBackgroundColor(
-          colors.white[1] + (translucent ? "0" : "")
+          translucent ? "transparent" : colors.white[1]
         );
         StatusBar.setTranslucent(true);
       }

package/src/Components/Button.tsx

@@ -121,8 +121,8 @@ const Button: React.FC<ButtonProps> = forwardRef(
             ? null
             : translucent
             ? translucent === "dark"
-              ? colors.white[3] + "2"
-              : colors.black[3] + "2"
+              ? colors.white[3] + "22"
+              : colors.black[3] + "22"
             : loading
             ? colors[color].light
             : disabled

package/src/Components/Popup.tsx

@@ -11,7 +11,7 @@ import {
 
 import React, { useState } from "react";
 import { ScaledSheet } from "react-native-size-matters";
-import { useColors } from "../hooks";
+import { useColors, useTheme } from "../hooks";
 import { PopupProps } from "../types";
 import { IconButton } from "./Button";
 import Typography from "./Typography";
@@ -25,7 +25,9 @@ export const Popup: React.FC<PopupProps> = ({
   children,
   open,
   onClose = () => {},
+  style,
 }) => {
+  const theme = useTheme();
   const colors = useColors();
   const [show, setShow] = useState(open);
   const [showSecondary, setShowSecondary] = useState(false);
@@ -47,12 +49,13 @@ export const Popup: React.FC<PopupProps> = ({
     },
     container: {
       paddingBottom: sheet ? "30@ms" : 0,
-      backgroundColor: colors.white[2],
+      backgroundColor: theme === "dark" ? "#111" : colors.white[2],
       borderTopLeftRadius: 20,
       borderTopRightRadius: 20,
       borderBottomRightRadius: sheet ? 0 : 20,
       borderBottomLeftRadius: sheet ? 0 : 20,
       width: "100%",
+      ...style,
     },
     content: {
       paddingHorizontal: bare ? undefined : "10@ms",

package/src/Components/SelectMenu.tsx

@@ -59,7 +59,7 @@ const SelectMenu: React.FC<SelectMenuProps> = ({
         style={{
           ...styles.option,
           backgroundColor:
-            item.value === value ? colors.blue.light + "2" : colors.white[2],
+            item.value === value ? colors.blue.light + "22" : colors.white[2],
         }}
         onPress={() => {
           onChange(item.value);

package/src/Components/Spinner.tsx

@@ -24,7 +24,7 @@ const Spinner: React.FC<SpinnerProps> = ({
       alignItems: "center",
       justifyContent: "center",
       position: fullscreen ? "absolute" : "relative",
-      backgroundColor: fullscreen ? colors.white[1] + "d" : undefined,
+      backgroundColor: fullscreen ? colors.white[1] + "dd" : undefined,
       ...style,
     },
     content: {

package/src/types.ts

@@ -220,6 +220,7 @@ export interface PopupProps {
   children: ReactNode;
   open: boolean;
   onClose?: () => void;
+  style?: ViewStyle;
 }
 
 export interface SpinnerProps {