@amplifyup/sdk 0.1.65 → 0.1.66

package/dist/react.mjs

@@ -5247,8 +5247,25 @@ function Image(props) {
       '[AmplifyUp SDK] Image value={\u2026} requires name="\u2026" for computed values'
     );
   }
-  if (!src) {
-    if (!composerEdit || !fieldAttrs) return null;
+  const img = src ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      ...imgProps,
+      src,
+      alt,
+      className: fieldAttrs ? void 0 : className,
+      width,
+      height,
+      style: fieldAttrs ? {
+        display: "block",
+        width: "100%",
+        height: "100%",
+        objectFit: "cover",
+        pointerEvents: "none"
+      } : typeof imgProps.style === "object" && imgProps.style ? imgProps.style : void 0
+    }
+  ) : null;
+  if (fieldAttrs) {
     return /* @__PURE__ */ jsx(
       "span",
       {
@@ -5263,30 +5280,15 @@ function Image(props) {
           minHeight: height ? void 0 : 80,
           width: width || "100%",
           height: height || void 0,
-          background: "color-mix(in srgb, currentColor 8%, transparent)",
-          outline: "2px dashed hsl(82 100% 45%)",
-          outlineOffset: 2,
-          cursor: "pointer"
-        }
+          cursor: "pointer",
+          background: src ? void 0 : "color-mix(in srgb, currentColor 8%, transparent)"
+        },
+        children: img
       }
     );
   }
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      ...imgProps,
-      ...fieldAttrs,
-      src,
-      alt,
-      className,
-      width,
-      height,
-      style: {
-        ...typeof imgProps.style === "object" && imgProps.style ? imgProps.style : {},
-        ...composerEdit && fieldAttrs ? { cursor: "pointer" } : null
-      }
-    }
-  );
+  if (!src) return null;
+  return img;
 }
 var usePathname = null;
 if (typeof window !== "undefined") {