@overmap-ai/core 1.0.38-component-fields.20 → 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_1piva_1";
-  const nameContainer = "_nameContainer_1piva_11";
-  const hasPreview = "_hasPreview_1piva_16";
-  const useEllipsis = "_useEllipsis_1piva_21";
+  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, { style: { width: "100%" }, size: "1", 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,17 +9853,17 @@ 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, { align: "center", grow: "1", children: [
+      /* @__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 }),
+          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", children: `(${size})` }),
           error2 && /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity: "danger", children: error2 })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             blocks.IconButton,
             {
-              variant: "soft",
+              variant: "ghost",
               "aria-label": `Download ${name}`,
               onClick: handleDownload,
               disabled: !resolvedFile,
@@ -9870,7 +9874,7 @@ var __publicField = (obj, key, value) => {
             blocks.IconButton,
             {
               severity: "info",
-              variant: "soft",
+              variant: "ghost",
               "aria-label": `Remove ${name}`,
               disabled,
               onClick: onRemove,