optimized-react-component-library-xyz123 2.12.9 → 2.14.1

package/dist/index.d.mts

@@ -235,14 +235,14 @@ interface InfoOnlyProps {
 
 declare const InputInfoOnly: FC<InfoOnlyProps>;
 
-interface RadioMultipleWithInfo2Props {
+interface RadioMultipleWithInfoProps {
     question: IQuestion;
     handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
 
-declare const RadioWithInfo: FC<RadioMultipleWithInfo2Props>;
+declare const RadioWithInfo: FC<RadioMultipleWithInfoProps>;
 
 interface DropdownProps {
     question: IQuestion;
@@ -823,8 +823,6 @@ declare const CookieBanner: React$1.FC<CookieBannerProps>;
 
 interface FooterProps {
     activatedLanguage?: string;
-    appUsesCookies?: boolean;
-    openCookieBanner?: () => void;
 }
 
 declare const Footer: FC<FooterProps>;
@@ -1078,4 +1076,4 @@ interface FormStatusMessagesProps {
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
-export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, CustomDropdownStandard as DropdownStandard, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, OptionTextBody, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfo2Standard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
+export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, CustomDropdownStandard as DropdownStandard, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, OptionTextBody, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfoStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };

package/dist/index.d.ts

@@ -235,14 +235,14 @@ interface InfoOnlyProps {
 
 declare const InputInfoOnly: FC<InfoOnlyProps>;
 
-interface RadioMultipleWithInfo2Props {
+interface RadioMultipleWithInfoProps {
     question: IQuestion;
     handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
 
-declare const RadioWithInfo: FC<RadioMultipleWithInfo2Props>;
+declare const RadioWithInfo: FC<RadioMultipleWithInfoProps>;
 
 interface DropdownProps {
     question: IQuestion;
@@ -823,8 +823,6 @@ declare const CookieBanner: React$1.FC<CookieBannerProps>;
 
 interface FooterProps {
     activatedLanguage?: string;
-    appUsesCookies?: boolean;
-    openCookieBanner?: () => void;
 }
 
 declare const Footer: FC<FooterProps>;
@@ -1078,4 +1076,4 @@ interface FormStatusMessagesProps {
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
-export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, CustomDropdownStandard as DropdownStandard, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, OptionTextBody, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfo2Standard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
+export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, CustomDropdownStandard as DropdownStandard, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, OptionTextBody, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfoStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };

package/dist/index.js

@@ -52,7 +52,7 @@ __export(index_exports, {
   QuestionGroup: () => QuestionGroup_default,
   QuestionRenderer: () => QuestionRenderer_default,
   RadioMultipleStandard: () => RadioMultipleStandard_default,
-  RadioMultipleWithInfo2Standard: () => RadioMultipleWithInfo2Standard_default,
+  RadioMultipleWithInfoStandard: () => RadioMultipleWithInfoStandard_default,
   SearchBar: () => SearchBarStandard_default,
   SingleCheckboxStandard: () => SingleCheckboxStandard_default,
   SkipLinkStandard: () => SkipLinkStandard_default,
@@ -112,6 +112,22 @@ var ValidationMessage = ({
 };
 var ValidationMessage_default = ValidationMessage;
 
+// src/helpers/setPreviewAnswerLabel/setPreviewAnswerLabel.ts
+var setPreviewAnswerLabel = (question, activatedLanguage) => {
+  var _a;
+  if ((question == null ? void 0 : question.answer) && question.answer.length > 0) {
+    const language = question.languageSupport.find((lang) => lang.language === activatedLanguage);
+    if (language && setPreviewAnswerLabel.length > 0) {
+      const answerOption = language.options.find(
+        (option) => option.value === question.answer
+      );
+      return (_a = answerOption.label) != null ? _a : "";
+    }
+  }
+  return "";
+};
+var setPreviewAnswerLabel_default = setPreviewAnswerLabel;
+
 // src/components/input-components/RadioMultipleStandard/RadioMultipleStandard.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var InputRadio = ({
@@ -175,9 +191,10 @@ var RadioMultipleStandard_default = InputRadio;
 var PreviewRadio = ({ question, activatedLanguage }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
+  const questionAnswer = setPreviewAnswerLabel_default(question, activatedLanguage);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: questionAnswer.length > 0 ? questionAnswer : question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "dd",
       {
         className: "pts-radioMultiple-preview pts-root-answer no-answer-preview-page",
@@ -1393,7 +1410,6 @@ __export(icons_exports, {
   ChevronRightIcon: () => ChevronRightIcon,
   CloseIcon: () => CloseIcon,
   CollapseIcon: () => CollapseIcon,
-  Cookie_icon: () => Cookie_icon,
   ExpandIcon: () => ExpandIcon,
   FileIcon: () => FileIcon,
   LanguageIcon: () => LanguageIcon,
@@ -1979,13 +1995,6 @@ var Logo_en = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     ]
   }
 );
-var Cookie_icon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "16", viewBox: "0 0 13 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-  "path",
-  {
-    d: "M4.67907 11.2981H8.32186C8.53419 11.2981 8.71217 11.228 8.85579 11.0878C8.9994 10.9476 9.07121 10.7736 9.07121 10.5658V7.91662C9.07121 7.70938 8.9994 7.53567 8.85579 7.39549C8.71217 7.25532 8.53388 7.18523 8.32093 7.18523H8.16029V6.27892C8.16029 5.82637 8.00243 5.44572 7.68671 5.13697C7.371 4.82882 6.98131 4.67475 6.51764 4.67475C6.05398 4.67475 5.66429 4.82882 5.34857 5.13697C5.03286 5.44511 4.875 5.82576 4.875 6.27892V7.18523H4.67814C4.46581 7.18523 4.28783 7.25532 4.14421 7.39549C4.0006 7.53567 3.92879 7.70938 3.92879 7.91662V10.5658C3.92879 10.7736 4.0006 10.9476 4.14421 11.0878C4.28783 11.228 4.46612 11.2981 4.67907 11.2981ZM5.58907 7.18523V6.27892C5.58907 6.02213 5.67821 5.80673 5.8565 5.63272C6.03479 5.45871 6.25517 5.3717 6.51764 5.3717C6.78012 5.3717 7.00081 5.45871 7.17971 5.63272C7.35862 5.80673 7.44745 6.02213 7.44621 6.27892V7.18523H5.58907ZM6.2335 15.9773C6.14064 15.9622 6.05398 15.9396 5.9735 15.9094C4.14607 15.2296 2.69379 14.0768 1.61664 12.4509C0.5395 10.825 0.000619048 9.06491 0 7.17073V3.289C0 2.97844 0.0906907 2.69869 0.272072 2.44976C0.452834 2.20082 0.687143 2.02047 0.975 1.90869L5.97536 0.0960688C6.15612 0.0320229 6.331 0 6.5 0C6.669 0 6.84419 0.0320229 7.02557 0.0960688L12.025 1.90869C12.3122 2.02107 12.5465 2.20143 12.7279 2.44976C12.9093 2.69869 13 2.97844 13 3.289V7.17073C13 9.06491 12.4614 10.825 11.3843 12.4509C10.3071 14.0768 8.85486 15.2296 7.02743 15.9094C6.94633 15.9396 6.85936 15.9622 6.7665 15.9773C6.67364 15.9924 6.58481 16 6.5 16C6.41519 16 6.32636 15.9924 6.2335 15.9773ZM6.5 15.1463C8.10952 14.6478 9.44048 13.6508 10.4929 12.1554C11.5452 10.66 12.0714 8.99845 12.0714 7.17073V3.27178C12.0714 3.15577 12.0386 3.05124 11.973 2.9582C11.908 2.86515 11.8158 2.79567 11.6963 2.74975L6.69686 0.937125C6.63743 0.912957 6.57181 0.900873 6.5 0.900873C6.42819 0.900873 6.36257 0.912957 6.30314 0.937125L1.30371 2.74975C1.18424 2.79567 1.092 2.86515 1.027 2.9582C0.961381 3.05124 0.928571 3.15577 0.928571 3.27178V7.17073C0.928571 8.99845 1.45476 10.66 2.50714 12.1554C3.55952 13.6508 4.89048 14.6478 6.5 15.1463Z",
-    fill: "white"
-  }
-) });
 
 // src/components/layout/AlertInTextStandard/AlertInTextStandard.tsx
 var import_dompurify5 = __toESM(require("dompurify"));
@@ -2008,7 +2017,9 @@ var import_jsx_runtime18 = require("react/jsx-runtime");
 var TextBody = ({ data }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "pts-textBody-container", children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `${!data.body || !data.linksForMoreInfo || !data.alertInText ? "" : "pts-textbody-createspace"}`, children: [
-      data.body && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify6.default.sanitize(data.body) } }),
+      data.body && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify6.default.sanitize(data.body, {
+        ALLOWED_ATTR: ["target", "href", "style"]
+      }) } }),
       data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         "a",
         {
@@ -2107,10 +2118,10 @@ var InputInfoOnly = ({
 };
 var InfoOnlyStandard_default = InputInfoOnly;
 
-// src/components/input-components/RadioMultipleWithInfo2Standard/RadioMultipleWithInfo2Standard.tsx
+// src/components/input-components/RadioMultipleWithInfoStandard/RadioMultipleWithInfoStandard.tsx
 var import_react11 = __toESM(require("react"));
 
-// src/components/input-components/RadioMultipleWithInfo2Standard/RadioCollapseItem.tsx
+// src/components/input-components/RadioMultipleWithInfoStandard/RadioCollapseItem.tsx
 var import_react10 = require("react");
 var import_dompurify7 = __toESM(require("dompurify"));
 var import_jsx_runtime20 = require("react/jsx-runtime");
@@ -2136,6 +2147,8 @@ var RadioCollapseItem = ({
   (0, import_react10.useEffect)(() => {
     if (questionAnswer === value) {
       setIsOpen(true);
+    } else {
+      setIsOpen(false);
     }
   }, [questionAnswer, value]);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "pts-radio-option", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "pts-radio-collapse", children: [
@@ -2154,7 +2167,7 @@ var RadioCollapseItem = ({
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("label", { htmlFor: `${groupId}-option-${index}`, id: `${groupId}-label-${index}`, children: label }),
-      optionText && optionText.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      optionText && optionText.length > 0 && questionAnswer === value && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "button",
         {
           className: `pts-radio-collapse-button ${isOpen ? "open" : ""}`,
@@ -2165,7 +2178,7 @@ var RadioCollapseItem = ({
           "aria-controls": contentId,
           "aria-label": buttonLabel,
           "aria-describedby": isOpen ? contentId : void 0,
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "pts-open-close-icon", "aria-hidden": "true", children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CollapseIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ExpandIcon, {}) })
+          tabIndex: questionAnswer === value ? 0 : -1
         }
       )
     ] }),
@@ -2174,15 +2187,23 @@ var RadioCollapseItem = ({
       {
         className: `pts-radio-collapse-body ${isOpen ? "open" : "hidden"}`,
         id: contentId,
+        hidden: !isOpen,
         role: "region",
         "aria-labelledby": `${groupId}-label-${index}`,
         inert: !isOpen,
         children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: `pts-radio-collapse-content `, children: [
           isOpen && //TODO??
           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: activatedLanguage === "sv" ? `Visar informationstext om svarsalternativet ${label}` : `Displays informational text about the answer option ${label}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { dangerouslySetInnerHTML: {
-            __html: import_dompurify7.default.sanitize(optionText != null ? optionText : "")
-          } })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "div",
+            {
+              dangerouslySetInnerHTML: {
+                __html: import_dompurify7.default.sanitize(optionText != null ? optionText : "", {
+                  ADD_ATTR: ["target", "style"]
+                })
+              }
+            }
+          )
         ] })
       }
     )
@@ -2190,7 +2211,7 @@ var RadioCollapseItem = ({
 };
 var RadioCollapseItem_default = RadioCollapseItem;
 
-// src/components/input-components/RadioMultipleWithInfo2Standard/RadioMultipleWithInfo2Standard.tsx
+// src/components/input-components/RadioMultipleWithInfoStandard/RadioMultipleWithInfoStandard.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var RadioWithInfo = ({
   question,
@@ -2230,16 +2251,11 @@ var RadioWithInfo = ({
         "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
         "aria-describedby": question.hasValidationError ? errorId : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("legend", { id: `label-${groupId}`, children: [
-            question.questionLabel,
-            " ",
-            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
-          ] }),
           groupedOptionArray.map((group, g_index) => {
             var _a2;
             let subId = "subheading-" + g_index;
             return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react11.default.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "pts-radioWithInfo-sub-headline", id: subId, children: group.category }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("legend", { className: "pts-radioWithInfo-sub-headline", id: subId, children: group.category }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "group", "aria-labelledby": subId, children: (_a2 = group.items) == null ? void 0 : _a2.map((option, o_index) => {
                 var _a3, _b2, _c2, _d, _e;
                 index++;
@@ -2274,13 +2290,14 @@ var RadioWithInfo = ({
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PreviewRadio2, { question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PreviewRadio2, { question, activatedLanguage })
   ] });
 };
-var RadioMultipleWithInfo2Standard_default = RadioWithInfo;
-var PreviewRadio2 = ({ question }) => {
+var RadioMultipleWithInfoStandard_default = RadioWithInfo;
+var PreviewRadio2 = ({ question, activatedLanguage }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
+  const questionAnswer = setPreviewAnswerLabel_default(question, activatedLanguage);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -2288,7 +2305,7 @@ var PreviewRadio2 = ({ question }) => {
       {
         className: "pts-radioMultipleWithInfo2-preview pts-root-answer",
         id: `answer-${previewId}`,
-        children: question.answer
+        children: questionAnswer.length > 0 ? questionAnswer : question.answer
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "dd",
@@ -2427,16 +2444,17 @@ var CustomDropdownStandard = ({
       ),
       hasOptionInfoText && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(OptionTextBody_default, { ...optionTextProps })
     ] }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PreviewDropdown, { question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PreviewDropdown, { question, activatedLanguage })
   ] });
 };
 var DropdownStandard_default = CustomDropdownStandard;
-var PreviewDropdown = ({ question, activatedLanguage = "sv" }) => {
+var PreviewDropdown = ({ question, activatedLanguage }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
+  const questionAnswer = setPreviewAnswerLabel_default(question, activatedLanguage);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dd", { className: "pts-dropdown-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dd", { className: "pts-dropdown-preview pts-root-answer", id: `answer-${previewId}`, children: questionAnswer.length > 0 ? questionAnswer : question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "dd",
       {
         className: "pts-dropdown-preview pts-root-answer no-answer-preview-page",
@@ -3192,15 +3210,17 @@ var QuestionRenderer = ({
       {
         question,
         handleQuestionInputChange,
-        showPreview
+        showPreview,
+        activatedLanguage
       }
     ),
     question.questionType === "RadioWithInfo" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      RadioMultipleWithInfo2Standard_default,
+      RadioMultipleWithInfoStandard_default,
       {
         question,
         handleQuestionInputChange,
-        showPreview
+        showPreview,
+        activatedLanguage
       }
     ),
     question.questionType === "TextField" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -3254,7 +3274,8 @@ var QuestionRenderer = ({
       {
         question,
         handleQuestionInputChange,
-        showPreview
+        showPreview,
+        activatedLanguage
       }
     ),
     question.questionType === "InfoOnly" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -3448,11 +3469,7 @@ var CookieBanner_default = CookieBanner;
 
 // src/components/layout/FooterStandard/FooterStandard.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var Footer = ({
-  activatedLanguage = "sv",
-  appUsesCookies = false,
-  openCookieBanner
-}) => {
+var Footer = ({ activatedLanguage = "sv" }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("footer", { className: "pts-footer-container", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pts-footer-slogan-text-container", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "pts-footer-slogan-text", children: activatedLanguage === "sv" ? "S\xE4ker och tillg\xE4nglig kommunikation f\xF6r Sverige" : "Secure and accessible communication for Sweden" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "pts-footer-content", children: [
@@ -3521,20 +3538,7 @@ var Footer = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children: appUsesCookies ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-          "button",
-          {
-            type: "button",
-            "aria-controls": "cookie-banner",
-            onClick: openCookieBanner,
-            className: "pts-footer-button pts-secondary-button",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens cookie banner)" : "PTS Kakor (\xF6ppnar kakbanner)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { "aria-hidden": "true", className: "secondary_icon", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Cookie_icon, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
-            ]
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
           "a",
           {
             href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
@@ -3964,7 +3968,7 @@ var Header = ({
       "button",
       {
         lang: activatedLanguage === "en" ? "en" : "sv",
-        className: "pts-languageButton pts-secondary-button",
+        className: "pts-languageButton",
         onClick: handleLanguageClick,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "languageIcon", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(LanguageIcon2, {}) }) }),
@@ -4012,10 +4016,12 @@ var Navigation = ({
       setOpenSubMenu(null);
       return;
     }
-    const defaultOpenSubMenu = activePath == null ? null : (_b = (_a = menuLinks.find((link) => {
-      var _a2;
-      return (_a2 = link.children) == null ? void 0 : _a2.some((child) => child.href.includes(activePath));
-    })) == null ? void 0 : _a.label[activatedLanguage]) != null ? _b : null;
+    const defaultOpenSubMenu = activePath == null ? null : (_b = (_a = menuLinks.find(
+      (link) => {
+        var _a2;
+        return (_a2 = link.children) == null ? void 0 : _a2.some((child) => child.href.includes(activePath));
+      }
+    )) == null ? void 0 : _a.label[activatedLanguage]) != null ? _b : null;
     setOpenSubMenu(defaultOpenSubMenu);
   }, [isOpen, activePath, menuLinks, activatedLanguage]);
   (0, import_react16.useEffect)(() => {
@@ -4096,7 +4102,7 @@ var Navigation = ({
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "pts-navigation-close-container ", id: "menu-close", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
             "button",
             {
-              className: "pts-navigation-close-button pts-secondary-button",
+              className: "pts-navigation-close-button",
               onClick: () => handleMenuClick("close"),
               type: "button",
               children: [
@@ -4112,7 +4118,14 @@ var Navigation = ({
               lang: activatedLanguage,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "pts-navigation-button", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: href && href.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(LinkComponent, { onClick: () => handleMenuClick("link"), href, children: label[activatedLanguage] }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: href && href.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    LinkComponent,
+                    {
+                      onClick: () => handleMenuClick("link"),
+                      href,
+                      children: label[activatedLanguage]
+                    }
+                  ) }),
                   children && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                     "button",
                     {
@@ -4135,15 +4148,14 @@ var Navigation = ({
                     className: "pts-sub-navigation-container",
                     id: "sub-menu-" + index,
                     role: "region",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                      "li",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { className: "pts-sub-navigation-item", lang: activatedLanguage, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      LinkComponent,
                       {
-                        className: "pts-sub-navigation-item",
-                        lang: activatedLanguage,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(LinkComponent, { onClick: () => handleMenuClick("link"), href: href2, children: label2[activatedLanguage] })
-                      },
-                      "nav-child-" + index2
-                    )) })
+                        onClick: () => handleMenuClick("link"),
+                        href: href2,
+                        children: label2[activatedLanguage]
+                      }
+                    ) }, "nav-child-" + index2)) })
                   }
                 )
               ]
@@ -4210,7 +4222,7 @@ var import_jsx_runtime33 = require("react/jsx-runtime");
 var NavigationHeader = ({
   headline = void 0,
   homelink = "",
-  //??
+  //?? 
   activatedLanguage = "sv",
   useLanguage = false,
   useNavigationMenu = true,
@@ -4284,23 +4296,14 @@ var NavigationHeader = ({
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${hasHeadline ? "pts-navigation-header-headline-container" : ""}`, children: hasHeadline && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pts-site-headline", children: headline }) }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pts-navigation-header-nav-container", children: (useLanguage || useNavigationMenu || useSearch) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-        useSearch && !isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-          "button",
-          {
-            type: "button",
-            className: "pts-secondary-button",
-            onClick: handleSearchClick,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: "pts-navigation-header-icons", children: getSearchIcon() }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pts-navigation-header-button-label", children: getSearchLabel() })
-            ]
-          }
-        ) }),
+        useSearch && !isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("button", { type: "button", onClick: handleSearchClick, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: "pts-navigation-header-icons", children: getSearchIcon() }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pts-navigation-header-button-label", children: getSearchLabel() })
+        ] }) }),
         useLanguage && !isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "button",
           {
             type: "button",
-            className: "pts-secondary-button",
             lang: activatedLanguage === "en" ? "en" : "sv",
             onClick: handleLanguageClick,
             "aria-label": activatedLanguage === "sv" ? "Change language to English" : "\xC4ndra spr\xE5k till svenska",
@@ -4314,20 +4317,12 @@ var NavigationHeader = ({
           "button",
           {
             type: "button",
-            className: "pts-secondary-button",
             onClick: handleMenuClick,
             "aria-expanded": isMenuOpen,
             "aria-controls": "main-navigation",
             ref: menuButtonFocusRef,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: isMenuOpen ? "pts-close-icon" : "pts-open-icon",
-                  children: getMenuIcon()
-                }
-              ),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: isMenuOpen ? "pts-close-icon" : "pts-open-icon", children: getMenuIcon() }),
               /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pts-navigation-header-button-label", children: getMenuLabel() })
             ]
           }
@@ -4794,7 +4789,7 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
   QuestionGroup,
   QuestionRenderer,
   RadioMultipleStandard,
-  RadioMultipleWithInfo2Standard,
+  RadioMultipleWithInfoStandard,
   SearchBar,
   SingleCheckboxStandard,
   SkipLinkStandard,