optimized-react-component-library-xyz123 0.1.56 → 0.1.58

package/dist/index.js

@@ -858,40 +858,7 @@ var ScreenReaderErrors = ({
       setActivateErrorMessagesForScreenReader(false);
     }, 1e3);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "button",
-      {
-        onClick: handleRemoveErrors,
-        style: {
-          marginRight: "8px",
-          backgroundColor: "transparent",
-          border: "none",
-          textDecoration: "underline",
-          cursor: "pointer"
-        },
-        className: "errorMessageAddingFile",
-        "aria-label": activatedLanguage === "sv" ? "Ta bort felmeddelande f\xF6r uppladdning av filer" : "Remove error message for file uploads",
-        children: "Ta bort fel! / Remove errors!"
-      }
-    ),
-    activateErrorMessagesForScreenReader && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "p",
-      {
-        role: "alert",
-        style: {
-          position: "absolute",
-          left: "-9999px",
-          top: "auto",
-          width: "1px",
-          height: "1px",
-          overflow: "hidden"
-        },
-        "aria-atomic": "true",
-        children: errorMessagesForScreenReader
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
 };
 var ScreenReaderErrors_default = ScreenReaderErrors;
 
@@ -899,7 +866,6 @@ var ScreenReaderErrors_default = ScreenReaderErrors;
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var ExploreFiles = ({
   FilesSelected,
-  //UploadButtonText = 'upload files',
   numberOfFiles,
   allowedNumberOfFiles,
   activatedLanguage,
@@ -911,20 +877,16 @@ var ExploreFiles = ({
   showErrors,
   errorMessageAddingFile,
   removeUploadErrors = () => {
-    alert("finns ingen funktion");
   }
 }) => {
   const fileInputRef = (0, import_react4.useRef)(null);
   const buttonInputRef = (0, import_react4.useRef)(null);
   const [showErrorMessagesForScreenReader, setShowErrorMessagesForScreenReader] = import_react4.default.useState(false);
-  const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react4.default.useState("");
   (0, import_react4.useEffect)(() => {
     const button = buttonInputRef.current;
     if (!button) return;
     const handleFocus = () => {
       setShowErrorMessagesForScreenReader(!showErrorMessagesForScreenReader);
-      console.log("FOCUS!!");
-      console.log("Error messages for screen reader: " + errorMessageAddingFile);
     };
     button.addEventListener("focus", handleFocus);
     return () => {
@@ -940,15 +902,6 @@ var ExploreFiles = ({
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
-  const handleRemoveErrors = () => {
-    const errorMessages = activatedLanguage === "sv" ? `Felmeddelande raderat.` : `Error message deleted.`;
-    setErrorMessagesForScreenReader(errorMessages);
-    removeUploadErrors();
-    putFocusOnButton();
-    setTimeout(() => {
-      setShowErrorMessagesForScreenReader(false);
-    }, 1e3);
-  };
   const putFocusOnButton = () => {
     var _a;
     (_a = buttonInputRef.current) == null ? void 0 : _a.focus();
@@ -976,7 +929,7 @@ var ExploreFiles = ({
                 "filePickButton",
                 showErrors && questionObject.error ? "filePickButton error" : ""
               ),
-              "aria-describedby": `${aboutId} ${showErrors && questionObject.error ? errorId : ""}`.trim(),
+              "aria-describedby": `${aboutId} ${questionObject.hasValidationError ? errorId : ""}`.trim(),
               "aria-label": `${activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"} ${addFilesInfoText}`,
               children: activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"
             }
@@ -1037,7 +990,8 @@ var SelectedFiles = ({
   errorMessageAddingFile,
   activatedLanguage,
   numberOfFiles,
-  setNumberOfFiles
+  setNumberOfFiles,
+  removeUploadErrors
 }) => {
   const theDiv = (0, import_react6.useRef)(null);
   const remove = (file) => {
@@ -1067,57 +1021,58 @@ 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)("ul", { className: "fileListUnorderedList", "aria-label": "Valideringsfelmeddelanden f\xF6r uppladdade filer", children: [
-      " ",
-      errorMessageAddingFile.map((errorObj, index) => {
-        const errorFileName = errorObj.FileName;
-        let mobileFirstFileName = errorObj.FileName.split(".").shift();
-        mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
-        const fileType = errorObj.FileName.split(".").pop();
-        mobileFirstFileName = mobileFirstFileName + "." + fileType;
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap.Row, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: (0, import_clsx4.default)("uploadedDot", "uploadFailed"),
-                children: "!"
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              "button",
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+      errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { "aria-hidden": true, className: "fileListUnorderedList", children: [
+        " ",
+        errorMessageAddingFile.map((errorObj, index) => {
+          const errorFileName = errorObj.FileName;
+          let mobileFirstFileName = errorObj.FileName.split(".").shift();
+          mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
+          const fileType = errorObj.FileName.split(".").pop();
+          mobileFirstFileName = mobileFirstFileName + "." + fileType;
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap.Row, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: (0, import_clsx4.default)("uploadedDot", "uploadFailed"),
+                  children: "!"
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              import_react_bootstrap.Col,
               {
-                className: "selectedFilesLinkButton",
-                onClick: () => {
-                  removeError(index);
+                style: {
+                  width: "100%",
+                  color: "#8e0039"
+                },
+                className: "errorMessageAddingFile",
+                ...activatedLanguage === "sv" ? {
+                  "aria-label": `${errorFileName} ${errorObj.svMessage}`
+                } : {
+                  "aria-label": `${errorFileName} ${errorObj.enMessage}`
                 },
-                "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet f\xF6r ${errorFileName}` : `Close error message for ${errorFileName}`,
-                children: activatedLanguage === "sv" ? "St\xE4ng" : "Close"
+                children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
               }
-            ) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_react_bootstrap.Col,
-            {
-              style: {
-                width: "100%",
-                color: "#8e0039"
-              },
-              className: "errorMessageAddingFile",
-              ...activatedLanguage === "sv" ? {
-                "aria-label": `${errorFileName} ${errorObj.svMessage}`
-              } : {
-                "aria-label": `${errorFileName} ${errorObj.enMessage}`
-              },
-              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}`) });
-      })
-    ] }) }),
+            ) }),
+            /* @__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}`) });
+        })
+      ] }),
+      errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        "button",
+        {
+          onClick: removeUploadErrors,
+          className: "errorMessageAddingFile",
+          "aria-label": activatedLanguage === "sv" ? "Ta bort felmeddelande f\xF6r uppladdning av filer" : "Remove error message for file uploads",
+          children: "X"
+        }
+      )
+    ] }),
     questionObject.Files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.Files.map((file, index) => {
       const indicatorfileName = file.FileName;
       let mobileFirstFileName = file.FileName.split(".").shift();
@@ -1149,13 +1104,12 @@ var SelectedFiles = ({
             mobileFirstFileName,
             " (",
             Math.ceil(file.FileSize / (1024 * 1024)),
-            " MB)"
+            " ",
+            "MB)"
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "desktopFileName", children: [
             file.FileName,
             " (",
-            file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(
-              1
-            )} MB`,
+            file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB`,
             ")"
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -1349,7 +1303,6 @@ var AddFiles = ({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
     !showPreview && visible && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { role: "group", children: [
-      !questionObject.hideQuestion && questionObject.questionLabel,
       questionObject.aboutText && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
         "p",
         {
@@ -1369,14 +1322,8 @@ var AddFiles = ({
       ),
       questionObject.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "error addfileserror", id: errorId, children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          "span",
-          {
-            "aria-label": `Felmeddelande. ${questionObject.validationDefaultMessesege}`,
-            className: "errorText",
-            children: questionObject.validationDefaultMessesege
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         ExploreFilesStandard_default,
@@ -1405,7 +1352,8 @@ var AddFiles = ({
           errorMessageAddingFile,
           activatedLanguage,
           numberOfFiles,
-          setNumberOfFiles
+          setNumberOfFiles,
+          removeUploadErrors: handleRemoveErrors
         }
       )
     ] }) }),

package/dist/index.mjs

@@ -761,7 +761,7 @@ import clsx2 from "clsx";
 
 // src/NewInputComponentStandard/AddFilesStandard/ScreenReaderErrors.tsx
 import React2 from "react";
-import { Fragment as Fragment7, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx7 } from "react/jsx-runtime";
 var ScreenReaderErrors = ({
   errorMessageAddingFile,
   activatedLanguage,
@@ -793,48 +793,14 @@ var ScreenReaderErrors = ({
       setActivateErrorMessagesForScreenReader(false);
     }, 1e3);
   };
-  return /* @__PURE__ */ jsxs7(Fragment7, { children: [
-    errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsx7(
-      "button",
-      {
-        onClick: handleRemoveErrors,
-        style: {
-          marginRight: "8px",
-          backgroundColor: "transparent",
-          border: "none",
-          textDecoration: "underline",
-          cursor: "pointer"
-        },
-        className: "errorMessageAddingFile",
-        "aria-label": activatedLanguage === "sv" ? "Ta bort felmeddelande f\xF6r uppladdning av filer" : "Remove error message for file uploads",
-        children: "Ta bort fel! / Remove errors!"
-      }
-    ),
-    activateErrorMessagesForScreenReader && /* @__PURE__ */ jsx7(
-      "p",
-      {
-        role: "alert",
-        style: {
-          position: "absolute",
-          left: "-9999px",
-          top: "auto",
-          width: "1px",
-          height: "1px",
-          overflow: "hidden"
-        },
-        "aria-atomic": "true",
-        children: errorMessagesForScreenReader
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx7(Fragment7, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ jsx7("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
 };
 var ScreenReaderErrors_default = ScreenReaderErrors;
 
 // src/NewInputComponentStandard/AddFilesStandard/ExploreFilesStandard.tsx
-import { Fragment as Fragment8, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var ExploreFiles = ({
   FilesSelected,
-  //UploadButtonText = 'upload files',
   numberOfFiles,
   allowedNumberOfFiles,
   activatedLanguage,
@@ -846,20 +812,16 @@ var ExploreFiles = ({
   showErrors,
   errorMessageAddingFile,
   removeUploadErrors = () => {
-    alert("finns ingen funktion");
   }
 }) => {
   const fileInputRef = useRef2(null);
   const buttonInputRef = useRef2(null);
   const [showErrorMessagesForScreenReader, setShowErrorMessagesForScreenReader] = React3.useState(false);
-  const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = React3.useState("");
   useEffect3(() => {
     const button = buttonInputRef.current;
     if (!button) return;
     const handleFocus = () => {
       setShowErrorMessagesForScreenReader(!showErrorMessagesForScreenReader);
-      console.log("FOCUS!!");
-      console.log("Error messages for screen reader: " + errorMessageAddingFile);
     };
     button.addEventListener("focus", handleFocus);
     return () => {
@@ -875,22 +837,13 @@ var ExploreFiles = ({
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
-  const handleRemoveErrors = () => {
-    const errorMessages = activatedLanguage === "sv" ? `Felmeddelande raderat.` : `Error message deleted.`;
-    setErrorMessagesForScreenReader(errorMessages);
-    removeUploadErrors();
-    putFocusOnButton();
-    setTimeout(() => {
-      setShowErrorMessagesForScreenReader(false);
-    }, 1e3);
-  };
   const putFocusOnButton = () => {
     var _a;
     (_a = buttonInputRef.current) == null ? void 0 : _a.focus();
   };
   let addFilesInfoText = numberOfFiles > 0 ? activatedLanguage === "sv" ? `${numberOfFiles} filer valda (max ${allowedNumberOfFiles})` : `${numberOfFiles} files chosed (max ${allowedNumberOfFiles})` : activatedLanguage === "sv" ? "Ingen fil vald" : "No file chosen";
-  return /* @__PURE__ */ jsx8(Fragment8, { children: /* @__PURE__ */ jsxs8("div", { className: "inputContainer", children: [
-    /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx8(Fragment8, { children: /* @__PURE__ */ jsxs7("div", { className: "inputContainer", children: [
+    /* @__PURE__ */ jsxs7(
       "label",
       {
         tabIndex: -1,
@@ -911,7 +864,7 @@ var ExploreFiles = ({
                 "filePickButton",
                 showErrors && questionObject.error ? "filePickButton error" : ""
               ),
-              "aria-describedby": `${aboutId} ${showErrors && questionObject.error ? errorId : ""}`.trim(),
+              "aria-describedby": `${aboutId} ${questionObject.hasValidationError ? errorId : ""}`.trim(),
               "aria-label": `${activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"} ${addFilesInfoText}`,
               children: activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"
             }
@@ -962,7 +915,7 @@ var IndicatorStandard_default = Indicator;
 
 // src/NewInputComponentStandard/AddFilesStandard/SelectedFilesStandard.tsx
 import clsx4 from "clsx";
-import { Fragment as Fragment10, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var SelectedFiles = ({
   questionObject,
   isTouched,
@@ -972,7 +925,8 @@ var SelectedFiles = ({
   errorMessageAddingFile,
   activatedLanguage,
   numberOfFiles,
-  setNumberOfFiles
+  setNumberOfFiles,
+  removeUploadErrors
 }) => {
   const theDiv = useRef3(null);
   const remove = (file) => {
@@ -1001,66 +955,67 @@ var SelectedFiles = ({
     return windowWidth2;
   };
   const windowWidth = useWindowWidth();
-  return /* @__PURE__ */ jsxs9(Fragment10, { children: [
-    /* @__PURE__ */ jsx10("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs9("ul", { className: "fileListUnorderedList", "aria-label": "Valideringsfelmeddelanden f\xF6r uppladdade filer", children: [
-      " ",
-      errorMessageAddingFile.map((errorObj, index) => {
-        const errorFileName = errorObj.FileName;
-        let mobileFirstFileName = errorObj.FileName.split(".").shift();
-        mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
-        const fileType = errorObj.FileName.split(".").pop();
-        mobileFirstFileName = mobileFirstFileName + "." + fileType;
-        return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React5.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", role: "alert", children: /* @__PURE__ */ jsxs9("div", { className: "fileInList", children: [
-          /* @__PURE__ */ jsxs9(Row, { children: [
-            /* @__PURE__ */ jsx10(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx10(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: clsx4("uploadedDot", "uploadFailed"),
-                children: "!"
-              }
-            ) }),
-            /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx10("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx10("span", { className: "desktopFileName", children: errorObj.FileName }) }),
-            /* @__PURE__ */ jsx10(Col, { className: "lastCol", children: /* @__PURE__ */ jsx10(
-              "button",
+  return /* @__PURE__ */ jsxs8(Fragment10, { children: [
+    /* @__PURE__ */ jsxs8("div", { children: [
+      errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("ul", { "aria-hidden": true, className: "fileListUnorderedList", children: [
+        " ",
+        errorMessageAddingFile.map((errorObj, index) => {
+          const errorFileName = errorObj.FileName;
+          let mobileFirstFileName = errorObj.FileName.split(".").shift();
+          mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
+          const fileType = errorObj.FileName.split(".").pop();
+          mobileFirstFileName = mobileFirstFileName + "." + fileType;
+          return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React5.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs8("div", { className: "fileInList", children: [
+            /* @__PURE__ */ jsxs8(Row, { children: [
+              /* @__PURE__ */ jsx10(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx10(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: clsx4("uploadedDot", "uploadFailed"),
+                  children: "!"
+                }
+              ) }),
+              /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx10("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx10("span", { className: "desktopFileName", children: errorObj.FileName }) }),
+              /* @__PURE__ */ jsx10(Col, { className: "lastCol" })
+            ] }),
+            /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(
+              Col,
               {
-                className: "selectedFilesLinkButton",
-                onClick: () => {
-                  removeError(index);
+                style: {
+                  width: "100%",
+                  color: "#8e0039"
+                },
+                className: "errorMessageAddingFile",
+                ...activatedLanguage === "sv" ? {
+                  "aria-label": `${errorFileName} ${errorObj.svMessage}`
+                } : {
+                  "aria-label": `${errorFileName} ${errorObj.enMessage}`
                 },
-                "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet f\xF6r ${errorFileName}` : `Close error message for ${errorFileName}`,
-                children: activatedLanguage === "sv" ? "St\xE4ng" : "Close"
+                children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
               }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(
-            Col,
-            {
-              style: {
-                width: "100%",
-                color: "#8e0039"
-              },
-              className: "errorMessageAddingFile",
-              ...activatedLanguage === "sv" ? {
-                "aria-label": `${errorFileName} ${errorObj.svMessage}`
-              } : {
-                "aria-label": `${errorFileName} ${errorObj.enMessage}`
-              },
-              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}`) });
-      })
-    ] }) }),
+            ) }),
+            /* @__PURE__ */ jsx10(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx10(Col, { className: "makeSpace" }) })
+          ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
+        })
+      ] }),
+      errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsx10(
+        "button",
+        {
+          onClick: removeUploadErrors,
+          className: "errorMessageAddingFile",
+          "aria-label": activatedLanguage === "sv" ? "Ta bort felmeddelande f\xF6r uppladdning av filer" : "Remove error message for file uploads",
+          children: "X"
+        }
+      )
+    ] }),
     questionObject.Files.length > 0 && /* @__PURE__ */ jsx10("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.Files.map((file, index) => {
       const indicatorfileName = file.FileName;
       let mobileFirstFileName = file.FileName.split(".").shift();
       mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
       const fileType = file.FileName.split(".").pop();
       mobileFirstFileName = mobileFirstFileName + "." + fileType;
-      return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React5.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs9("div", { className: "fileInList", children: [
-        /* @__PURE__ */ jsxs9(Row, { children: [
+      return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React5.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs8("div", { className: "fileInList", children: [
+        /* @__PURE__ */ jsxs8(Row, { children: [
           /* @__PURE__ */ jsx10(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ jsx10(
             "svg",
             {
@@ -1080,17 +1035,16 @@ var SelectedFiles = ({
               )
             }
           ) }) }),
-          /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsxs9("span", { className: "mobileFirstFileName", children: [
+          /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsxs8("span", { className: "mobileFirstFileName", children: [
             mobileFirstFileName,
             " (",
             Math.ceil(file.FileSize / (1024 * 1024)),
-            " MB)"
-          ] }) : /* @__PURE__ */ jsxs9("span", { className: "desktopFileName", children: [
+            " ",
+            "MB)"
+          ] }) : /* @__PURE__ */ jsxs8("span", { className: "desktopFileName", children: [
             file.FileName,
             " (",
-            file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(
-              1
-            )} MB`,
+            file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB`,
             ")"
           ] }) }),
           /* @__PURE__ */ jsx10(Col, { className: "lastCol", children: /* @__PURE__ */ jsx10(
@@ -1113,7 +1067,7 @@ var SelectedFiles = ({
 var SelectedFilesStandard_default = SelectedFiles;
 
 // src/NewInputComponentStandard/AddFilesStandard/AddFilesStandard.tsx
-import { Fragment as Fragment11, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var AddFiles = ({
   questionObject,
   isTouched = (e, questionObject2) => {
@@ -1282,10 +1236,9 @@ var AddFiles = ({
   const handleRemoveErrors = () => {
     setErrorMessageAddingFile([]);
   };
-  return /* @__PURE__ */ jsxs10(Fragment11, { children: [
-    !showPreview && visible && /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsxs10("div", { role: "group", children: [
-      !questionObject.hideQuestion && questionObject.questionLabel,
-      questionObject.aboutText && /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(Fragment11, { children: [
+    !showPreview && visible && /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsxs9("div", { role: "group", children: [
+      questionObject.aboutText && /* @__PURE__ */ jsxs9(
         "p",
         {
           id: aboutId,
@@ -1295,23 +1248,17 @@ var AddFiles = ({
           ),
           children: [
             questionObject.aboutText,
-            questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs10("span", { className: "mandatoryAsterisk", "aria-hidden": "true", children: [
+            questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs9("span", { className: "mandatoryAsterisk", "aria-hidden": "true", children: [
               " ",
               "*"
             ] })
           ]
         }
       ),
-      questionObject.hasValidationError && /* @__PURE__ */ jsxs10("div", { className: "error addfileserror", id: errorId, children: [
+      questionObject.hasValidationError && /* @__PURE__ */ jsxs9("div", { className: "error addfileserror", id: errorId, children: [
         /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-        /* @__PURE__ */ jsx11(
-          "span",
-          {
-            "aria-label": `Felmeddelande. ${questionObject.validationDefaultMessesege}`,
-            className: "errorText",
-            children: questionObject.validationDefaultMessesege
-          }
-        )
+        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Valideringsfel" }),
+        /* @__PURE__ */ jsx11("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
       ] }),
       /* @__PURE__ */ jsx11(
         ExploreFilesStandard_default,
@@ -1340,7 +1287,8 @@ var AddFiles = ({
           errorMessageAddingFile,
           activatedLanguage,
           numberOfFiles,
-          setNumberOfFiles
+          setNumberOfFiles,
+          removeUploadErrors: handleRemoveErrors
         }
       )
     ] }) }),
@@ -1353,7 +1301,7 @@ var PreviewAddFiles = ({
   activatedLanguage
 }) => {
   const previewId = `preview-${questionObject.Id}`;
-  return /* @__PURE__ */ jsxs10("div", { className: "pts-question-preview pts-addFiles-preview", id: `question-${previewId}`, children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "pts-question-preview pts-addFiles-preview", id: `question-${previewId}`, children: [
     /* @__PURE__ */ jsx11("h3", { id: previewId, children: questionObject.Question }),
     /* @__PURE__ */ jsx11("div", { className: "pts-root-answer", children: questionObject.Files && questionObject.Files.length > 0 ? /* @__PURE__ */ jsx11("ul", { "aria-labelledby": previewId, children: questionObject.Files.map((file, index) => {
       return /* @__PURE__ */ jsx11("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
@@ -1579,7 +1527,7 @@ function groupQuestionsByStepCategoryGroup(questions, steps, validationErrorsLis
 var GroupQuestionsByStepCategoryGroup_default = groupQuestionsByStepCategoryGroup;
 
 // src/NewRenderFormComponentStandard/RenderQuestion/RenderQuestion.tsx
-import { Fragment as Fragment12, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var RenderQuestion = ({
   question,
   isTouched,
@@ -1587,7 +1535,7 @@ var RenderQuestion = ({
   showPreview = false,
   hideValidationMessage
 }) => {
-  return /* @__PURE__ */ jsxs11(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs10(Fragment12, { children: [
     question.questionType === "Radio" && /* @__PURE__ */ jsx12(
       RadioMultipleStandard_default,
       {
@@ -1631,7 +1579,7 @@ var RenderQuestion_default = RenderQuestion;
 
 // src/NewRenderFormComponentStandard/RenderQuestionGroup/RenderQuestionGroup.tsx
 import React7 from "react";
-import { Fragment as Fragment13, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var RenderQuestionGroup = ({
   questionArray,
   wrapper,
@@ -1663,7 +1611,7 @@ var RenderQuestionGroup = ({
   }) });
   switch (wrapper) {
     case "fieldset":
-      return /* @__PURE__ */ jsxs12(
+      return /* @__PURE__ */ jsxs11(
         "fieldset",
         {
           className: "pts-root-question-group-fieldset",
@@ -1672,14 +1620,14 @@ var RenderQuestionGroup = ({
           "aria-errormessage": questionArray[0].hasValidationError ? `${questionArray[0].id}-error` : void 0,
           "aria-describedby": questionArray[0].hasValidationError ? `${questionArray[0].id}-error` : void 0,
           children: [
-            legend && /* @__PURE__ */ jsxs12("legend", { children: [
+            legend && /* @__PURE__ */ jsxs11("legend", { children: [
               /* @__PURE__ */ jsx13("span", { children: legend }),
-              questionArray[0].hasValidationError && /* @__PURE__ */ jsxs12("span", { className: "sr-only", children: [
+              questionArray[0].hasValidationError && /* @__PURE__ */ jsxs11("span", { className: "sr-only", children: [
                 "Valideringsfel. ",
                 questionArray[0].validationDefaultMessesege
               ] })
             ] }),
-            questionArray[0].hasValidationError && /* @__PURE__ */ jsxs12("div", { className: "pts-root-error", id: questionArray[0].id + "-error", children: [
+            questionArray[0].hasValidationError && /* @__PURE__ */ jsxs11("div", { className: "pts-root-error", id: questionArray[0].id + "-error", children: [
               /* @__PURE__ */ jsx13("span", { "aria-label": "Valideringsfel", className: "errorDot", children: "!" }),
               /* @__PURE__ */ jsx13("span", { className: "errorText", children: questionArray[0].validationDefaultMessesege })
             ] }),
@@ -1781,13 +1729,13 @@ var ILanguageSupportinitialState = {
 };
 
 // src/NewTextComponentStandard/EditPreviewLinkStandard/EditPreviewLinkStandard.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var EditPreviewLink = ({
   step,
   changeStepHandler,
   activatedLanguage = "sv"
 }) => {
-  return /* @__PURE__ */ jsx14("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx14("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ jsxs12(
     "a",
     {
       href: "#",
@@ -1825,10 +1773,10 @@ var EditPreviewLink = ({
 var EditPreviewLinkStandard_default = EditPreviewLink;
 
 // src/NewTextComponentStandard/FooterStandard/FooterStandard.tsx
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var Footer = ({ activatedLanguage = "sv" }) => {
-  return /* @__PURE__ */ jsxs14("footer", { className: "pts-footer-container", children: [
-    /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13("footer", { className: "pts-footer-container", children: [
+    /* @__PURE__ */ jsxs13(
       "svg",
       {
         role: "img",
@@ -1862,8 +1810,8 @@ var Footer = ({ activatedLanguage = "sv" }) => {
       {
         className: "pts-footer-linkList",
         "aria-label": activatedLanguage === "en" ? "Footer navigation" : "Sidfotsnavigering",
-        children: /* @__PURE__ */ jsxs14("ul", { children: [
-          /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs14(
+        children: /* @__PURE__ */ jsxs13("ul", { children: [
+          /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs13(
             "a",
             {
               href: activatedLanguage === "en" ? "https://pts.se/en/contact/" : "https://www.pts.se/kontakt/",
@@ -1875,7 +1823,7 @@ var Footer = ({ activatedLanguage = "sv" }) => {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs13(
             "a",
             {
               href: activatedLanguage === "en" ? "https://pts.se/en/gdpr" : "https://www.pts.se/gdpr/",
@@ -1887,7 +1835,7 @@ var Footer = ({ activatedLanguage = "sv" }) => {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs13(
             "a",
             {
               href: activatedLanguage === "en" ? "https://pts.se/en/accessibility-eservices" : "https://www.pts.se/tillganglighet-etjanster",
@@ -1899,7 +1847,7 @@ var Footer = ({ activatedLanguage = "sv" }) => {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs13(
             "a",
             {
               href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
@@ -1919,7 +1867,7 @@ var Footer = ({ activatedLanguage = "sv" }) => {
 var FooterStandard_default = Footer;
 
 // src/NewTextComponentStandard/HeaderStandard/Icons.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var LanguageIcon = () => /* @__PURE__ */ jsx16("svg", { width: "15", height: "15", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx16(
   "path",
   {
@@ -1927,7 +1875,7 @@ var LanguageIcon = () => /* @__PURE__ */ jsx16("svg", { width: "15", height: "15
     fill: "#6E3282"
   }
 ) });
-var Logo_sv = () => /* @__PURE__ */ jsxs15("svg", { width: "168.8", height: "46.67", viewBox: "0 0 168.8 46.67", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+var Logo_sv = () => /* @__PURE__ */ jsxs14("svg", { width: "168.8", height: "46.67", viewBox: "0 0 168.8 46.67", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ jsx16(
     "path",
     {
@@ -2073,7 +2021,7 @@ var Logo_sv = () => /* @__PURE__ */ jsxs15("svg", { width: "168.8", height: "46.
   ),
   /* @__PURE__ */ jsx16("path", { d: "M82.2223 18.3335V37.2224", stroke: "black", strokeWidth: "0.8", strokeMiterlimit: "10" })
 ] });
-var Logo_en = () => /* @__PURE__ */ jsxs15("svg", { width: "189.0", height: "46.67", viewBox: "0 0 189 46.67", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
+var Logo_en = () => /* @__PURE__ */ jsxs14("svg", { width: "189.0", height: "46.67", viewBox: "0 0 189 46.67", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
   /* @__PURE__ */ jsx16(
     "path",
     {
@@ -2296,7 +2244,7 @@ var Logo_en = () => /* @__PURE__ */ jsxs15("svg", { width: "189.0", height: "46.
 ] });
 
 // src/NewTextComponentStandard/HeaderStandard/HeaderStandard.tsx
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var Header = ({
   activatedLanguage = "sv",
   useLanguage = true,
@@ -2315,7 +2263,7 @@ var Header = ({
     if (activatedLanguage === "sv") return "English";
     else return "Svenska";
   };
-  return /* @__PURE__ */ jsxs16("header", { className: "pts-header-container", children: [
+  return /* @__PURE__ */ jsxs15("header", { className: "pts-header-container", children: [
     /* @__PURE__ */ jsx17(
       "a",
       {
@@ -2326,7 +2274,7 @@ var Header = ({
         children: activatedLanguage === "en" ? /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx17(Logo_en, {}) }) : /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx17(Logo_sv, {}) })
       }
     ),
-    useLanguage && /* @__PURE__ */ jsxs16(
+    useLanguage && /* @__PURE__ */ jsxs15(
       "button",
       {
         "aria-label": activatedLanguage === "en" ? "Change language to Svenska" : "\xC4ndra spr\xE5k till English",
@@ -2345,7 +2293,7 @@ var HeaderStandard_default = Header;
 // src/NewTextComponentStandard/InfoOnlyStandard/InfoOnlyStandard.tsx
 import { useEffect as useEffect6 } from "react";
 import DOMPurify4 from "dompurify";
-import { Fragment as Fragment14, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var cleanText = (text) => DOMPurify4.sanitize(text, { ADD_ATTR: ["target", "class"] });
 var InfoOnly = ({
   questionObject,
@@ -2365,7 +2313,7 @@ var InfoOnly = ({
     const e = { target: { value: questionObject2.questionLabel + avoidBugInRedux } };
     isTouched(e, questionObject2);
   };
-  return /* @__PURE__ */ jsxs17(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs16(Fragment14, { children: [
     showConfigure && visible && /* @__PURE__ */ jsx18("div", { className: "pts-infoOnly-container", children: /* @__PURE__ */ jsx18("div", { className: "InfoOnlyText", tabIndex, children: questionObject.questionLabel && /* @__PURE__ */ jsx18(
       "p",
       {
@@ -2390,7 +2338,7 @@ var PreviewInfoOnly = ({ questionObject }) => {
 };
 
 // src/NewTextComponentStandard/ModalStandard/ModalStandard.tsx
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var CONTENT = {
   en: {
     heading: "Please wait",
@@ -2404,8 +2352,8 @@ var CONTENT = {
 var Modal = ({ showModal: isOpen, activatedLanguage = "" }) => {
   const currentContent = activatedLanguage === "en" ? CONTENT.en : CONTENT.sv;
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs18("div", { className: "pts-modal-overlay", children: [
-    /* @__PURE__ */ jsxs18("div", { "aria-hidden": true, className: "pts-modal-content", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "pts-modal-overlay", children: [
+    /* @__PURE__ */ jsxs17("div", { "aria-hidden": true, className: "pts-modal-content", children: [
       /* @__PURE__ */ jsx19("h1", { children: currentContent.heading }),
       /* @__PURE__ */ jsx19("p", { children: currentContent.message }),
       /* @__PURE__ */ jsx19("div", { className: "pts-spinner-border" })
@@ -2418,9 +2366,9 @@ var ModalStandard_default = Modal;
 // src/NewTextComponentStandard/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
 import { createElement } from "react";
 import DOMPurify5 from "dompurify";
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "section",
     {
       className: "pts-textHeadlineAndBody-container",
@@ -2428,7 +2376,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
       children: [
         data.headline && createElement(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
         data.body && /* @__PURE__ */ jsx20("div", { dangerouslySetInnerHTML: { __html: DOMPurify5.sanitize(data.body) } }),
-        data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx20("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx20("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs19(
+        data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx20("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx20("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs18(
           "a",
           {
             href: link.url,
@@ -2458,7 +2406,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
             ]
           }
         ) }, `more-info-${index}`)) }),
-        data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs19(
+        data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs18(
           "a",
           {
             href: data.linksForMoreInfo[0].url,
@@ -2550,12 +2498,12 @@ var PrincipleOfPublicityStandard_default = PrincipleOfPublicity;
 
 // src/NewTextComponentStandard/ServiceHeadlineAndBodyStandard/ServiceHeadlineAndBodyStandard.tsx
 import DOMPurify6 from "dompurify";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var ServiceHeadlineAndBody = ({ data, activeStep = 1 }) => {
-  return /* @__PURE__ */ jsxs20("div", { className: "pts-serviceHeadlineAndBody-container", children: [
+  return /* @__PURE__ */ jsxs19("div", { className: "pts-serviceHeadlineAndBody-container", children: [
     data.mainHeadline && /* @__PURE__ */ jsx22("h1", { id: "pts-main-service-headline", children: data.mainHeadline }),
     activeStep === 1 && data.ingressBody && /* @__PURE__ */ jsx22("div", { dangerouslySetInnerHTML: { __html: DOMPurify6.sanitize(data.ingressBody) } }),
-    activeStep === 1 && data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx22("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((moreInfo, index) => /* @__PURE__ */ jsx22("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs20("a", { href: moreInfo.url, target: "_blank", rel: "noopener noreferrer", children: [
+    activeStep === 1 && data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx22("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((moreInfo, index) => /* @__PURE__ */ jsx22("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs19("a", { href: moreInfo.url, target: "_blank", rel: "noopener noreferrer", children: [
       /* @__PURE__ */ jsx22(
         "svg",
         {
@@ -2576,7 +2524,7 @@ var ServiceHeadlineAndBody = ({ data, activeStep = 1 }) => {
       ),
       /* @__PURE__ */ jsx22("span", { className: "pts-moreinfo-link-text", children: moreInfo.title })
     ] }) }, moreInfo.title + index)) }),
-    activeStep === 1 && data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs20("a", { href: data.linksForMoreInfo[0].url, target: "_blank", rel: "noopener noreferrer", children: [
+    activeStep === 1 && data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs19("a", { href: data.linksForMoreInfo[0].url, target: "_blank", rel: "noopener noreferrer", children: [
       /* @__PURE__ */ jsx22(
         "svg",
         {
@@ -2609,7 +2557,7 @@ var SkipLink = () => {
 var SkipLinkStandard_default = SkipLink;
 
 // src/NewTextComponentStandard/StepperButtonsStandard/StepperButtonsStandard.tsx
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var StepperButtons = ({
   languageSupported,
   handleActiveStep,
@@ -2619,7 +2567,7 @@ var StepperButtons = ({
   activeStep
 }) => {
   const totalSteps = arraySteps ? arraySteps.length : "";
-  return /* @__PURE__ */ jsxs21("div", { className: "pts-stepperButtons-container", children: [
+  return /* @__PURE__ */ jsxs20("div", { className: "pts-stepperButtons-container", children: [
     activeStep !== 0 && /* @__PURE__ */ jsx24(
       "button",
       {
@@ -2629,7 +2577,7 @@ var StepperButtons = ({
         children: languageSupported ? languageSupported.backButton : "<<"
       }
     ),
-    /* @__PURE__ */ jsxs21(
+    /* @__PURE__ */ jsxs20(
       "button",
       {
         type: activeStep === totalSteps ? "submit" : "button",
@@ -2647,14 +2595,14 @@ var StepperButtonsStandard_default = StepperButtons;
 
 // src/NewTextComponentStandard/StepperStandard/StepperStandard.tsx
 import React10 from "react";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   return /* @__PURE__ */ jsx25("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
     const isActive = step.step === activeStep;
     const lastElement = arraySteps.length;
     const isDone = step.step < activeStep;
-    return /* @__PURE__ */ jsxs22(React10.Fragment, { children: [
-      /* @__PURE__ */ jsxs22("div", { className: "pts-stepper-step", children: [
+    return /* @__PURE__ */ jsxs21(React10.Fragment, { children: [
+      /* @__PURE__ */ jsxs21("div", { className: "pts-stepper-step", children: [
         /* @__PURE__ */ jsx25(
           "div",
           {
@@ -2689,7 +2637,7 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
 var StepperStandard_default = Stepper;
 
 // src/NewTextComponentStandard/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
-import { Fragment as Fragment15, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var ValidationErrorSummaryList = ({
   validationErrorsList,
   formQuestions,
@@ -2737,9 +2685,9 @@ var ValidationErrorSummaryList = ({
     const found = formQuestions.find((item) => item.id === id);
     return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
   }
-  return /* @__PURE__ */ jsxs23("div", { className: "pts-errorSummary-container pts-root-error", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: "pts-errorSummary-container pts-root-error", children: [
     /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-    /* @__PURE__ */ jsxs23("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
       /* @__PURE__ */ jsx26("h2", { id: "errorSummary-headline", children: title }),
       /* @__PURE__ */ jsx26("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ jsx26("li", { children: /* @__PURE__ */ jsx26(
         "a",
@@ -2759,7 +2707,7 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/NewTextComponentStandard/CookieBanner/CookieBanner.tsx
-import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var CookieBanner = ({
   visible = false,
   onCookieStateChange,
@@ -2791,11 +2739,11 @@ var CookieBanner = ({
       "aria-modal": "true",
       id: "cookie-banner",
       tabIndex: -1,
-      children: /* @__PURE__ */ jsxs24("div", { className: "content", children: [
+      children: /* @__PURE__ */ jsxs23("div", { className: "content", children: [
         /* @__PURE__ */ jsx27("h3", { id: "cookie-banner-title", children: "Kakor (cookies)" }),
         /* @__PURE__ */ jsx27("p", { id: "cookie-banner-description", children: "PTS skulle vilja anv\xE4nda en statistikkaka i syfte att l\xF6pande f\xF6rb\xE4ttra webbplatsen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 \u201DKakor\u201D i avsnittet l\xE4ngst ned p\xE5 webbplatsen." }),
-        /* @__PURE__ */ jsxs24("div", { className: "pts-cookieBanner-Links", children: [
-          /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsxs23("div", { className: "pts-cookieBanner-Links", children: [
+          /* @__PURE__ */ jsxs23(
             "svg",
             {
               width: "27",
@@ -2818,7 +2766,7 @@ var CookieBanner = ({
           ),
           /* @__PURE__ */ jsx27("a", { href: "www.pts.se", target: "_blank", rel: "noopener noreferrer", children: "Kakor (cookies) p\xE5 pts.se (\xD6ppnas i nytt f\xF6nster)" })
         ] }),
-        /* @__PURE__ */ jsxs24("div", { className: "pts-cookieBanner-Buttons", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "pts-cookieBanner-Buttons", children: [
           /* @__PURE__ */ jsx27("button", { onClick: () => handleCookieChoice(true), children: "Ja, jag samtycker" }),
           /* @__PURE__ */ jsx27("button", { onClick: () => handleCookieChoice(false), children: "Nej, jag samtycker inte" })
         ] })

package/package.json

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