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

package/dist/overmap-core.js

@@ -9681,18 +9681,18 @@ class FieldInputClonerField extends CustomField {
     super(options, FieldInputCloner);
   }
 }
-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 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) => {
@@ -9858,9 +9858,9 @@ const DisplayFile = memo((props) => {
       )
     ] }) }),
     /* @__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__ */ 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: [