react-crud-mobile 1.3.516 → 1.3.518

package/dist/index.js

@@ -374,7 +374,7 @@ var import_react3 = __toESM(require("react"));
 var import_react_native4 = require("react-native");
 var import_vector_icons2 = require("@expo/vector-icons");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function LoadingIcon() {
+function LoadingIcon({ color }) {
   const spinValue = new import_react_native4.Animated.Value(0);
   import_react3.default.useEffect(() => {
     import_react_native4.Animated.loop(
@@ -390,7 +390,7 @@ function LoadingIcon() {
     inputRange: [0, 1],
     outputRange: ["0deg", "360deg"]
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native4.View, { style: { justifyContent: "center", alignItems: "center", flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native4.Animated.View, { style: { transform: [{ rotate: spin }] }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_vector_icons2.Ionicons, { name: "refresh", size: 48, color: "#820AD1" }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native4.View, { style: { justifyContent: "center", alignItems: "center", flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native4.Animated.View, { style: { transform: [{ rotate: spin }] }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_vector_icons2.Ionicons, { name: "refresh", size: 25, color }) }) });
 }
 
 // src/elements/core/UIButton.tsx
@@ -2203,8 +2203,9 @@ function UIElement(props) {
       }
     }
     if (isCard) {
+      let shadow = original.shadow ? boxStyle.box : boxStyle.card;
       let box2 = {
-        ...getStyle("box", { ...boxStyle.box, alignSelf: "stretch" })
+        ...getStyle("card", { ...shadow, alignSelf: "stretch" })
       };
       let borderWidth = original.boxBorder;
       if (borderWidth || borderWidth === 0) {
@@ -2330,6 +2331,14 @@ function UIElement(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CrudContext.Provider, { value: { crud, theme }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tag, { ref, style: getStyle(), ...custom, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Container, {}) }) }) });
 }
 var boxStyle = import_react_native21.StyleSheet.create({
+  card: {
+    borderWidth: 1,
+    borderColor: "#dedede",
+    borderStyle: "solid",
+    backgroundColor: "white",
+    borderRadius: 10,
+    width: "100%"
+  },
   box: {
     borderWidth: 1,
     borderColor: "#dedede",