@overmap-ai/core 1.0.38-component-fields.19 → 1.0.38-component-fields.21

package/dist/overmap-core.js

@@ -9681,11 +9681,15 @@ class FieldInputClonerField extends CustomField {
     super(options, FieldInputCloner);
   }
 }
-const previewImage$1 = "_previewImage_ebhyt_1";
-const nameContainer = "_nameContainer_ebhyt_9";
-const hasPreview = "_hasPreview_ebhyt_14";
-const useEllipsis = "_useEllipsis_ebhyt_19";
+const displayFileContainer = "_displayFileContainer_1bb3a_1";
+const infoContainer = "_infoContainer_1bb3a_5";
+const previewImage$1 = "_previewImage_1bb3a_9";
+const nameContainer = "_nameContainer_1bb3a_19";
+const hasPreview = "_hasPreview_1bb3a_24";
+const useEllipsis = "_useEllipsis_1bb3a_29";
 const styles$4 = {
+  displayFileContainer,
+  infoContainer,
   previewImage: previewImage$1,
   nameContainer,
   hasPreview,
@@ -9830,7 +9834,7 @@ const DisplayFile = memo((props) => {
     },
     [name, resolvedFile]
   );
-  return /* @__PURE__ */ jsxs(Card, { children: [
+  return /* @__PURE__ */ jsxs(Card, { className: styles$4.displayFileContainer, size: "1", children: [
     /* @__PURE__ */ jsx(Inset, { clip: "border-box", side: "top", pb: "0", children: url && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "img",
@@ -9853,33 +9857,35 @@ const DisplayFile = memo((props) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx(Flex, { style: { marginBottom: "calc(-1 * var(--space-1))" }, children: /* @__PURE__ */ jsxs(Flex, { align: "center", width: "100%", children: [
-      /* @__PURE__ */ jsxs(Flex, { className: classNames$1(styles$4.nameContainer, { [styles$4.hasPreview]: !!url }), gap: "1", children: [
-        /* @__PURE__ */ jsx(Text, { className: styles$4.useEllipsis, children: name }),
-        /* @__PURE__ */ jsx(Text, { size: "1", children: size }),
+    /* @__PURE__ */ jsx(Flex, { className: styles$4.infoContainer, children: /* @__PURE__ */ jsxs(Flex, { align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", grow: "1", children: [
+        /* @__PURE__ */ jsx(Text, { className: styles$4.useEllipsis, size: "1", children: name }),
+        /* @__PURE__ */ jsx(Text, { size: "1", children: `(${size})` }),
         error2 && /* @__PURE__ */ jsx(Text, { size: "1", severity: "danger", children: error2 })
       ] }),
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          variant: "soft",
-          "aria-label": `Download ${name}`,
-          onClick: handleDownload,
-          disabled: !resolvedFile,
-          children: /* @__PURE__ */ jsx(DownloadIcon, {})
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          severity: "info",
-          variant: "soft",
-          "aria-label": `Remove ${name}`,
-          disabled,
-          onClick: onRemove,
-          children: /* @__PURE__ */ jsx(Cross1Icon, {})
-        }
-      )
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "ghost",
+            "aria-label": `Download ${name}`,
+            onClick: handleDownload,
+            disabled: !resolvedFile,
+            children: /* @__PURE__ */ jsx(DownloadIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            severity: "info",
+            variant: "ghost",
+            "aria-label": `Remove ${name}`,
+            disabled,
+            onClick: onRemove,
+            children: /* @__PURE__ */ jsx(Cross1Icon, {})
+          }
+        )
+      ] })
     ] }) })
   ] });
 });