@overmap-ai/core 1.0.38-component-fields.20 → 1.0.38-component-fields.22

package/dist/overmap-core.js

@@ -9681,14 +9681,18 @@ class FieldInputClonerField extends CustomField {
     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_11gl2_1";
+const infoContainer = "_infoContainer_11gl2_6";
+const previewImage$1 = "_previewImage_11gl2_10";
+const fileSizeText = "_fileSizeText_11gl2_20";
+const nameContainer = "_nameContainer_11gl2_25";
+const useEllipsis = "_useEllipsis_11gl2_29";
 const styles$4 = {
+  displayFileContainer,
+  infoContainer,
   previewImage: previewImage$1,
+  fileSizeText,
   nameContainer,
-  hasPreview,
   useEllipsis
 };
 const convertBytesToLargestUnit = (bytes) => {
@@ -9830,7 +9834,7 @@ const DisplayFile = memo((props) => {
     },
     [name, resolvedFile]
   );
-  return /* @__PURE__ */ jsxs(Card, { style: { width: "100%" }, size: "1", 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,17 +9857,17 @@ 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, { align: "center", grow: "1", children: [
+    /* @__PURE__ */ jsx(Flex, { className: styles$4.infoContainer, children: /* @__PURE__ */ jsxs(Flex, { align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsxs(Flex, { className: styles$4.nameContainer, align: "center", gap: "1", grow: "1", children: [
         /* @__PURE__ */ jsx(Text, { className: styles$4.useEllipsis, size: "1", children: name }),
-        /* @__PURE__ */ jsx(Text, { size: "1", children: size }),
+        /* @__PURE__ */ jsx(Text, { size: "1", className: styles$4.fileSizeText, children: `(${size})` }),
         error2 && /* @__PURE__ */ jsx(Text, { size: "1", severity: "danger", children: error2 })
       ] }),
       /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
         /* @__PURE__ */ jsx(
           IconButton,
           {
-            variant: "soft",
+            variant: "ghost",
             "aria-label": `Download ${name}`,
             onClick: handleDownload,
             disabled: !resolvedFile,
@@ -9874,7 +9878,7 @@ const DisplayFile = memo((props) => {
           IconButton,
           {
             severity: "info",
-            variant: "soft",
+            variant: "ghost",
             "aria-label": `Remove ${name}`,
             disabled,
             onClick: onRemove,