optimized-react-component-library-xyz123 0.1.88 → 0.1.89

package/dist/index.js

@@ -784,7 +784,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
         }
       )
     ] }),
-    isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dropFiles-label", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "svg",
         {
@@ -976,7 +976,7 @@ var SelectedFiles = ({
   };
   const windowWidth = useWindowWidth();
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pts-errorSummary-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
         "ul",
@@ -1009,8 +1009,7 @@ var SelectedFiles = ({
                     },
                     children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
                   }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
+                ) })
               ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
             })
           ]

package/dist/index.mjs

@@ -719,7 +719,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
         }
       )
     ] }),
-    isDragActive ? /* @__PURE__ */ jsx6("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ jsxs6(Fragment6, { children: [
+    isDragActive ? /* @__PURE__ */ jsx6("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ jsxs6("div", { className: "dropFiles-label", children: [
       /* @__PURE__ */ jsx6(
         "svg",
         {
@@ -911,7 +911,7 @@ var SelectedFiles = ({
   };
   const windowWidth = useWindowWidth();
   return /* @__PURE__ */ jsxs8(Fragment10, { children: [
-    /* @__PURE__ */ jsx10("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "pts-errorSummary-container", children: [
+    /* @__PURE__ */ jsx10("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
       /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
       /* @__PURE__ */ jsx10("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs8(
         "ul",
@@ -944,8 +944,7 @@ var SelectedFiles = ({
                     },
                     children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
                   }
-                ) }),
-                /* @__PURE__ */ jsx10(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx10(Col, { className: "makeSpace" }) })
+                ) })
               ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
             })
           ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "0.1.88",
+  "version": "0.1.89",
   "description": "A modern React component library using TypeScript with React 19 support.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/css/styles.css

@@ -1948,6 +1948,31 @@ dd {
   margin-bottom: 0px;
 }
 
+.pts-addFile-error-container{
+  display: inline-flex;
+}
+.pts-addFile-error-container li{
+    display: flex;
+    cursor: none;
+    padding: 0 20px 1.6rem 0;
+}
+
+
+.desktopFileName {
+    display: block;
+    margin-bottom: 0.6rem;
+}
+
+.error-close{
+  color:  #8E0039;
+  font-weight: 400;
+  line-height: 24px;
+  background: #fff;
+  border: none;
+  cursor: pointer;
+  font-size: 1.6rem;
+}
+
 /* preview */
 
 /* .addFilesPreviewContainer {