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

package/dist/overmap-core.umd.cjs

@@ -9677,11 +9677,15 @@ var __publicField = (obj, key, value) => {
       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,
@@ -9826,7 +9830,7 @@ var __publicField = (obj, key, value) => {
       },
       [name, resolvedFile]
     );
-    return /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: styles$4.displayFileContainer, size: "1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Inset, { clip: "border-box", side: "top", pb: "0", children: url && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "img",
@@ -9849,33 +9853,35 @@ var __publicField = (obj, key, value) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { style: { marginBottom: "calc(-1 * var(--space-1))" }, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", width: "100%", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { className: classNames$1(styles$4.nameContainer, { [styles$4.hasPreview]: !!url }), gap: "1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.useEllipsis, children: name }),
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", children: size }),
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { className: styles$4.infoContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", width: "100%", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", grow: "1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.useEllipsis, size: "1", children: name }),
+          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", children: `(${size})` }),
           error2 && /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity: "danger", children: error2 })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            variant: "soft",
-            "aria-label": `Download ${name}`,
-            onClick: handleDownload,
-            disabled: !resolvedFile,
-            children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {})
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            severity: "info",
-            variant: "soft",
-            "aria-label": `Remove ${name}`,
-            disabled,
-            onClick: onRemove,
-            children: /* @__PURE__ */ jsxRuntime.jsx(Cross1Icon, {})
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            blocks.IconButton,
+            {
+              variant: "ghost",
+              "aria-label": `Download ${name}`,
+              onClick: handleDownload,
+              disabled: !resolvedFile,
+              children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            blocks.IconButton,
+            {
+              severity: "info",
+              variant: "ghost",
+              "aria-label": `Remove ${name}`,
+              disabled,
+              onClick: onRemove,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Cross1Icon, {})
+            }
+          )
+        ] })
       ] }) })
     ] });
   });