optimized-react-component-library-xyz123 0.1.136 → 0.1.138

package/dist/index.mjs

@@ -596,7 +596,7 @@ var SelectedFiles = ({
             removeError();
           },
           "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet` : `Close error message`,
-          children: activatedLanguage === "sv" ? "St\xE4ng" : "Close"
+          children: /* @__PURE__ */ jsx9("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx9("path", { d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75", stroke: "#8E0039", "stroke-width": "1.5", "stroke-linecap": "round" }) })
         }
       ) })
     ] }) }),
@@ -653,7 +653,7 @@ var SelectedFiles = ({
         /* @__PURE__ */ jsx9(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx9(Col, { className: "makeSpace" }) })
       ] }, index) }) }) }, `file-${file.FileName}-${index}`) });
     }) }),
-    /* @__PURE__ */ jsx9("div", { ref: theDiv, style: { height: "36px" } })
+    /* @__PURE__ */ jsx9("div", { ref: theDiv, className: "pts-clipboard-container" })
   ] });
 };
 var SelectedFilesStandard_default = SelectedFiles;
@@ -1819,7 +1819,7 @@ var CookieBanner_default = CookieBanner;
 // src/components/layout/FooterStandard/FooterStandard.tsx
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var Footer = ({ activatedLanguage = "sv" }) => {
-  return /* @__PURE__ */ jsxs12("footer", { className: "pts-footer-container", children: [
+  return /* @__PURE__ */ jsx14("footer", { className: "pts-footer-container", children: /* @__PURE__ */ jsxs12("div", { className: "pts-footer-content", children: [
     /* @__PURE__ */ jsxs12(
       "svg",
       {
@@ -1898,7 +1898,7 @@ var Footer = ({ activatedLanguage = "sv" }) => {
         }
       ) })
     ] }) })
-  ] });
+  ] }) });
 };
 var FooterStandard_default = Footer;
 
@@ -2300,7 +2300,7 @@ var Header = ({
     else return "Svenska";
   };
   return /* @__PURE__ */ jsxs14("header", { className: "pts-header-container", children: [
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx16("div", { className: "pts-header-logo-container", children: /* @__PURE__ */ jsx16(
       "a",
       {
         className: "pts-header-logo",
@@ -2309,7 +2309,7 @@ var Header = ({
         "aria-label": activatedLanguage === "en" ? "PTS logotype (to the homepage on pts.se, opens in new tab)" : "PTS logotyp (till startsidan p\xE5 pts.se, \xF6ppnas i ny flik)",
         children: activatedLanguage === "en" ? /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx16(Logo_en, {}) }) : /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx16(Logo_sv, {}) })
       }
-    ),
+    ) }),
     useLanguage && /* @__PURE__ */ jsxs14(
       "button",
       {
@@ -2317,7 +2317,7 @@ var Header = ({
         className: "pts-languageButton",
         onClick: handleLanguageClick,
         children: [
-          /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx16(LanguageIcon, {}) }),
+          /* @__PURE__ */ jsx16("div", { className: "", children: /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx16(LanguageIcon, {}) }) }),
           /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", className: "pts-languageButton", children: getLanguageLabel() }),
           activatedLanguage === "en" && /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "\xC4ndra spr\xE5k till svenska" }),
           activatedLanguage === "sv" && /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Change language to English" })
@@ -2378,73 +2378,26 @@ var SkipLink = () => {
 };
 var SkipLinkStandard_default = SkipLink;
 
-// src/components/text-blocks/InfoOnlyStandard/InfoOnlyStandard.tsx
-import { useEffect as useEffect10 } from "react";
-import DOMPurify3 from "dompurify";
-import { Fragment as Fragment14, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
-var cleanText = (text) => DOMPurify3.sanitize(text, { ADD_ATTR: ["target", "class"] });
-var InfoOnly = ({
-  questionObject,
-  isTouched,
-  visible = true,
-  showErrors = true,
-  showPreview = false,
-  showConfigure = true,
-  tabIndex = -1,
-  activatedLanguage = "sv"
-}) => {
-  useEffect10(() => {
-    handleSeenText(questionObject);
-  }, []);
-  const handleSeenText = (questionObject2) => {
-    const avoidBugInRedux = "<span style='display:none' />";
-    const e = { target: { value: questionObject2.questionLabel + avoidBugInRedux } };
-    isTouched(e, questionObject2);
-  };
-  return /* @__PURE__ */ jsxs16(Fragment14, { children: [
-    showConfigure && visible && /* @__PURE__ */ jsx19("div", { className: "pts-infoOnly-container", children: /* @__PURE__ */ jsx19("div", { className: "InfoOnlyText", tabIndex, children: questionObject.questionLabel && /* @__PURE__ */ jsx19(
-      "p",
-      {
-        dangerouslySetInnerHTML: {
-          __html: cleanText(questionObject["questionLabel"])
-        }
-      }
-    ) }) }),
-    showPreview && /* @__PURE__ */ jsx19(PreviewInfoOnly, { questionObject })
-  ] });
-};
-var InfoOnlyStandard_default = InfoOnly;
-var PreviewInfoOnly = ({ questionObject }) => {
-  return /* @__PURE__ */ jsx19(Fragment14, { children: questionObject.answer && /* @__PURE__ */ jsx19("div", { className: "pts-infoOnly-preview", children: /* @__PURE__ */ jsx19("div", { className: "InfoOnlyText", children: /* @__PURE__ */ jsx19(
-    "p",
-    {
-      dangerouslySetInnerHTML: {
-        __html: cleanText(questionObject["answer"])
-      }
-    }
-  ) }) }) });
-};
-
 // src/components/text-blocks/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
 import { createElement } from "react";
-import DOMPurify4 from "dompurify";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import DOMPurify3 from "dompurify";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     "section",
     {
       className: "pts-textHeadlineAndBody-container",
       children: [
         data.headline && createElement(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
-        data.body && /* @__PURE__ */ jsx20("div", { dangerouslySetInnerHTML: { __html: DOMPurify4.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__ */ jsxs17(
+        data.body && /* @__PURE__ */ jsx19("div", { dangerouslySetInnerHTML: { __html: DOMPurify3.sanitize(data.body) } }),
+        data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx19("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx19("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs16(
           "a",
           {
             href: link.url,
             target: "_blank",
             rel: "noopener noreferrer",
             children: [
-              /* @__PURE__ */ jsx20("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx19("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx19(
                 "svg",
                 {
                   "aria-hidden": "true",
@@ -2453,7 +2406,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
                   height: "10",
                   viewBox: "0 0 12 10",
                   fill: "none",
-                  children: /* @__PURE__ */ jsx20(
+                  children: /* @__PURE__ */ jsx19(
                     "path",
                     {
                       d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
@@ -2466,7 +2419,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
             ]
           }
         ) }, `more-info-${index}`)) }),
-        data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs17(
+        data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs16(
           "a",
           {
             href: data.linksForMoreInfo[0].url,
@@ -2474,7 +2427,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
             rel: "noopener noreferrer",
             "aria-label": data.linksForMoreInfo[0].ariaLabel,
             children: [
-              /* @__PURE__ */ jsx20("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx19("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx19(
                 "svg",
                 {
                   "aria-hidden": "true",
@@ -2483,7 +2436,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
                   height: "10",
                   viewBox: "0 0 12 10",
                   fill: "none",
-                  children: /* @__PURE__ */ jsx20(
+                  children: /* @__PURE__ */ jsx19(
                     "path",
                     {
                       d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
@@ -2503,7 +2456,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
 var TextHeadlineAndBodyStandard_default = TextHeadlineAndBody;
 
 // src/components/text-blocks/PrincipleOfPublicityStandard/PrincipleOfPublicityStandard.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var CONTENT2 = {
   en: {
     headline: "The principle of publicity and processing of personal data",
@@ -2538,7 +2491,7 @@ var CONTENT2 = {
 };
 var PrincipleOfPublicity = ({ activatedLanguage = "" }) => {
   const currentContent = activatedLanguage === "en" ? CONTENT2.en : CONTENT2.sv;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     TextHeadlineAndBodyStandard_default,
     {
       data: {
@@ -2557,19 +2510,19 @@ var PrincipleOfPublicity = ({ activatedLanguage = "" }) => {
 var PrincipleOfPublicityStandard_default = PrincipleOfPublicity;
 
 // src/components/text-blocks/TextBody/TextBody.tsx
-import DOMPurify5 from "dompurify";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import DOMPurify4 from "dompurify";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var TextBody = ({ data }) => {
-  return /* @__PURE__ */ jsxs18("div", { className: "pts-textBody-container", children: [
-    data.body && /* @__PURE__ */ jsx22("div", { dangerouslySetInnerHTML: { __html: DOMPurify5.sanitize(data.body) } }),
-    data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx22("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx22("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17("div", { className: "pts-textBody-container", children: [
+    data.body && /* @__PURE__ */ jsx21("div", { dangerouslySetInnerHTML: { __html: DOMPurify4.sanitize(data.body) } }),
+    data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx21("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx21("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs17(
       "a",
       {
         href: link.url,
         target: "_blank",
         rel: "noopener noreferrer",
         children: [
-          /* @__PURE__ */ jsx22("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx21("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx21(
             "svg",
             {
               "aria-hidden": "true",
@@ -2578,7 +2531,7 @@ var TextBody = ({ data }) => {
               height: "10",
               viewBox: "0 0 12 10",
               fill: "none",
-              children: /* @__PURE__ */ jsx22(
+              children: /* @__PURE__ */ jsx21(
                 "path",
                 {
                   d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
@@ -2591,7 +2544,7 @@ var TextBody = ({ data }) => {
         ]
       }
     ) }, `more-info-${index}`)) }),
-    data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs18(
+    data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs17(
       "a",
       {
         href: data.linksForMoreInfo[0].url,
@@ -2599,7 +2552,7 @@ var TextBody = ({ data }) => {
         rel: "noopener noreferrer",
         "aria-label": data.linksForMoreInfo[0].ariaLabel,
         children: [
-          /* @__PURE__ */ jsx22("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx21("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx21(
             "svg",
             {
               "aria-hidden": "true",
@@ -2608,7 +2561,7 @@ var TextBody = ({ data }) => {
               height: "10",
               viewBox: "0 0 12 10",
               fill: "none",
-              children: /* @__PURE__ */ jsx22(
+              children: /* @__PURE__ */ jsx21(
                 "path",
                 {
                   d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
@@ -2626,13 +2579,13 @@ var TextBody = ({ data }) => {
 var TextBody_default = TextBody;
 
 // src/components/stepper/EditPreviewLinkStandard/EditPreviewLinkStandard.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var EditPreviewLink = ({
   step,
   changeStepHandler,
   activatedLanguage = "sv"
 }) => {
-  return /* @__PURE__ */ jsx23("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsx22("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ jsxs18(
     "a",
     {
       href: "#",
@@ -2641,7 +2594,7 @@ var EditPreviewLink = ({
         changeStepHandler(step.step);
       },
       children: [
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx22(
           "svg",
           {
             "aria-hidden": "true",
@@ -2651,7 +2604,7 @@ var EditPreviewLink = ({
             height: "16",
             viewBox: "0 0 16 16",
             fill: "none",
-            children: /* @__PURE__ */ jsx23(
+            children: /* @__PURE__ */ jsx22(
               "path",
               {
                 d: "M10.0001 3.99996L12.0001 5.99996M8.66675 13.3333H14.0001M3.33341 10.6666L2.66675 13.3333L5.33341 12.6666L13.0574 4.94263C13.3074 4.69259 13.4478 4.35351 13.4478 3.99996C13.4478 3.64641 13.3074 3.30733 13.0574 3.05729L12.9427 2.94263C12.6927 2.69267 12.3536 2.55225 12.0001 2.55225C11.6465 2.55225 11.3075 2.69267 11.0574 2.94263L3.33341 10.6666Z",
@@ -2670,13 +2623,13 @@ var EditPreviewLink = ({
 var EditPreviewLinkStandard_default = EditPreviewLink;
 
 // src/components/stepper/StartApplicationButton/StartApplicationButton.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var StartApplicationButton = ({
   onClick,
   label = "Starta e-tj\xE4nsten",
   className = ""
 }) => {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       type: "button",
@@ -2689,7 +2642,7 @@ var StartApplicationButton = ({
 var StartApplicationButton_default = StartApplicationButton;
 
 // src/components/stepper/StepperButtonsStandard/StepperButtonsStandard.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var StepperButtons = ({
   globalLanguageState,
   changeStepHandler,
@@ -2699,9 +2652,17 @@ var StepperButtons = ({
   activeStep
 }) => {
   const totalSteps = steps ? steps.length : "";
-  return /* @__PURE__ */ jsxs20("div", { className: "pts-stepperButtons-container", children: [
-    activeStep !== 0 && /* @__PURE__ */ jsx25("button", { onClick: () => changeStepHandler(activeStep - 1), className: "pts-backButton", type: "button", children: globalLanguageState ? globalLanguageState.backButton : "<<" }),
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19("div", { className: "pts-stepperButtons-container", children: [
+    activeStep !== 0 && /* @__PURE__ */ jsx24(
+      "button",
+      {
+        onClick: () => changeStepHandler(activeStep - 1),
+        className: "pts-backButton",
+        type: "button",
+        children: globalLanguageState ? globalLanguageState.backButton : "<<"
+      }
+    ),
+    /* @__PURE__ */ jsxs19(
       "button",
       {
         type: activeStep === totalSteps ? "submit" : "button",
@@ -2718,20 +2679,20 @@ var StepperButtons = ({
 var StepperButtonsStandard_default = StepperButtons;
 
 // src/components/stepper/StepperStandard/StepperStandard.tsx
-import React10 from "react";
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import React9 from "react";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
-  return /* @__PURE__ */ jsx26("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
+  return /* @__PURE__ */ jsx25("section", { 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__ */ jsxs21(React10.Fragment, { children: [
-      /* @__PURE__ */ jsxs21("div", { className: "pts-stepper-step", children: [
-        /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsxs20(React9.Fragment, { children: [
+      /* @__PURE__ */ jsxs20("div", { className: "pts-stepper-step", children: [
+        /* @__PURE__ */ jsx25(
           "div",
           {
             className: "pts-stepperDot" + (isActive ? " pts-stepperDotActive" : "") + (isDone ? " pts-stepperDotDone" : ""),
-            children: isDone ? /* @__PURE__ */ jsx26(
+            children: isDone ? /* @__PURE__ */ jsx25(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -2739,7 +2700,7 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
                 height: "12",
                 viewBox: "0 0 15 12",
                 fill: "none",
-                children: /* @__PURE__ */ jsx26(
+                children: /* @__PURE__ */ jsx25(
                   "path",
                   {
                     d: "M1.5 5.4375L4.875 10.3125L13.5 1.6875",
@@ -2752,16 +2713,16 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
             ) : step.step
           }
         ),
-        /* @__PURE__ */ jsx26("div", { className: "pts-shortNameInStepper", children: step.shortNameInStepper })
+        /* @__PURE__ */ jsx25("div", { className: "pts-shortNameInStepper", children: step.shortNameInStepper })
       ] }, index),
-      step.step !== lastElement && /* @__PURE__ */ jsx26("div", { className: "pts-stepperLine" })
+      step.step !== lastElement && /* @__PURE__ */ jsx25("div", { className: "pts-stepperLine" })
     ] }, `step-${step.step}`);
   }) });
 };
 var StepperStandard_default = Stepper;
 
 // src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
-import { Fragment as Fragment15, jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 var ValidationErrorSummaryList = ({
   validationErrorsList,
   questions,
@@ -2798,7 +2759,7 @@ var ValidationErrorSummaryList = ({
       }, 300);
     }
   }
-  if (!validationErrorsList.length) return /* @__PURE__ */ jsx27(Fragment15, {});
+  if (!validationErrorsList.length) return /* @__PURE__ */ jsx26(Fragment14, {});
   const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
   const count = filteredIds.length;
   const title = summaryText.replace("{count}", count.toString()).replace(
@@ -2810,11 +2771,11 @@ var ValidationErrorSummaryList = ({
     const found = questions.find((item) => item.id === id);
     return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
   }
-  return /* @__PURE__ */ jsxs22("div", { className: "pts-errorSummary-container pts-root-error", children: [
-    /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-    /* @__PURE__ */ jsxs22("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
-      /* @__PURE__ */ jsx27("h2", { id: "errorSummary-headline", children: title }),
-      /* @__PURE__ */ jsx27("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ jsx27("li", { children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs21("div", { className: "pts-errorSummary-container pts-root-error", children: [
+    /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
+    /* @__PURE__ */ jsxs21("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",
         {
           href: "#",
@@ -2832,11 +2793,11 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
-import { Fragment as Fragment16, jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 var FormStatusMessagesScreenReader = ({ formStatus }) => {
-  return /* @__PURE__ */ jsxs23(Fragment16, { children: [
-    /* @__PURE__ */ jsx28("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx28("span", { className: "mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
-    /* @__PURE__ */ jsx28("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
+  return /* @__PURE__ */ jsxs22(Fragment15, { children: [
+    /* @__PURE__ */ jsx27("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx27("span", { className: "mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
+    /* @__PURE__ */ jsx27("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
   ] });
 };
 var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
@@ -2847,7 +2808,6 @@ export {
   FooterStandard_default as FooterStandard,
   FormStatusMessagesScreenReader_default as FormStatusMessagesScreenReader,
   HeaderStandard_default as HeaderStandard,
-  InfoOnlyStandard_default as InfoOnlyStandard,
   ModalStandard_default as ModalStandard,
   MultipleCheckboxesStandard_default as MultipleCheckboxesStandard,
   PrincipleOfPublicityStandard_default as PrincipleOfPublicityStandard,