ferns-ui 0.47.9 → 1.0.0-beta.0

package/dist/CheckBox.js

@@ -1,40 +1,28 @@
+import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
 import React from "react";
-import { Box } from "./Box";
-import { Icon } from "./Icon";
-import { Text } from "./Text";
-export const CheckBox = ({ color, checked, size, radio, label, labelColor, subLabel, disabled, onChange, onClick, indeterminate, testID, }) => {
-    if (checked && indeterminate) {
-        console.error("CheckBox cannot be checked and indeterminate at the same time");
-    }
-    const doOnClick = () => {
-        if (disabled) {
-            return;
-        }
-        if (!indeterminate) {
-            onChange({ value: !checked });
-        }
-        onClick && onClick();
+import { View } from "react-native";
+import { useTheme } from "./Theme";
+export const CheckBox = ({ selected, size = "md", bgColor = "default" }) => {
+    const { theme } = useTheme();
+    const px = {
+        sm: { container: 10, icon: 8 },
+        md: { container: 16, icon: 13 },
+        lg: { container: 24, icon: 16 },
     };
-    const renderCheckBox = () => {
-        let bgColor;
-        if (disabled) {
-            bgColor = "gray";
-        }
-        else if (checked) {
-            bgColor = color || "darkGray";
-        }
-        else {
-            bgColor = "white";
-        }
-        return (React.createElement(Box, { border: color || "darkGray", color: bgColor, height: size === "sm" ? 16 : 24, rounding: radio ? "circle" : size === "sm" ? 2 : 3, testID: testID, width: size === "sm" ? 16 : 24, onClick: doOnClick },
-            React.createElement(Box, { alignItems: "center", direction: "column", display: "flex", height: "100%", justifyContent: "center", width: "100%" },
-                checked && (React.createElement(Icon, { color: "white", name: "check", prefix: "fas", size: size === "sm" ? "sm" : "md" })),
-                indeterminate && (React.createElement(Icon, { color: color || "darkGray", name: "circle", prefix: "fas", size: size === "sm" ? "sm" : "md" })))));
+    const backgroundColor = {
+        default: theme.text.link,
+        accent: theme.text.accent,
+        black: theme.text.primary,
     };
-    return (React.createElement(Box, { alignItems: "center", direction: "row", display: "flex", maxHeight: 60, paddingY: 1, width: "100%" },
-        React.createElement(Box, { display: "flex", justifyContent: "center", maxWidth: size === "sm" ? 14 : 20, width: size === "sm" ? 14 : 20 }, renderCheckBox()),
-        React.createElement(Box, { direction: "column", display: "flex", height: "100%", justifyContent: "center", marginLeft: 4, onClick: doOnClick },
-            React.createElement(Text, { color: labelColor || "darkGray", numberOfLines: subLabel ? 1 : 2, size: size, weight: "bold" }, label),
-            Boolean(subLabel) && (React.createElement(Text, { color: labelColor || "darkGray", size: "sm", weight: "bold" }, subLabel)))));
+    return (React.createElement(View, { style: {
+            height: px[size].container,
+            width: px[size].container,
+            borderRadius: 3,
+            borderWidth: 1,
+            borderColor: backgroundColor[bgColor],
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: selected ? backgroundColor[bgColor] : "transparent",
+        } }, selected ? (React.createElement(FontAwesome6, { color: theme.surface.base, name: "check", size: px[size].icon, solid: true })) : null));
 };
 //# sourceMappingURL=CheckBox.js.map

package/dist/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../src/CheckBox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../src/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,SAAS,EAAC,EAAE,EAAE;IAC1F,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,EAAE,GAAG;QACT,EAAE,EAAE,EAAC,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAC;QAC5B,EAAE,EAAE,EAAC,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAC;QAC7B,EAAE,EAAE,EAAC,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAC;KAC9B,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI;QACxB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM;QACzB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;KAC1B,CAAC;IACF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS;YAC1B,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS;YACzB,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC;YACrC,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa;SACrE,IAEA,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,SAAG,CACpF,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}