@norges-domstoler/dds-components 21.17.0 → 21.17.2

package/dist/index.mjs

@@ -2899,8 +2899,8 @@ function useTranslation() {
   const t = (text) => text[lang];
   return { t, lang };
 }
-function createTexts(texts27) {
-  return texts27;
+function createTexts(texts28) {
+  return texts28;
 }
 
 // src/DdsProvider/DdsProvider.tsx
@@ -3879,6 +3879,8 @@ var Button = ({
   ...rest
 }) => {
   const { purpose: groupPurpose, size: groupSize } = useButtonGroupContext();
+  const { t } = useTranslation();
+  const spinnerTooltip = loadingTooltip != null ? loadingTooltip : t(texts2.saving);
   const hasLabel = !!children;
   const hasIcon = !!icon;
   const hasLabelAndIcon = hasIcon && hasLabel;
@@ -3919,7 +3921,7 @@ var Button = ({
       {
         size: "1em",
         color: purpose === "primary" || purpose === "danger" ? "iconOnAction" : "iconDefault",
-        tooltip: loadingTooltip,
+        tooltip: spinnerTooltip,
         className: Button_default.icon
       }
     ) })
@@ -3963,6 +3965,14 @@ var Button = ({
     );
 };
 Button.displayName = "Button";
+var texts2 = createTexts({
+  saving: {
+    no: "Lagring p\xE5g\xE5r",
+    nb: "Lagring p\xE5g\xE5r",
+    nn: "Lagring p\xE5g\xE5r",
+    en: "Saving"
+  }
+});
 
 // src/components/OverflowMenu/OverflowMenu.tsx
 import { useEffect as useEffect15 } from "react";
@@ -4442,7 +4452,7 @@ var Breadcrumbs = ({
             size: "xsmall",
             icon: MoreHorizontalIcon,
             purpose: "tertiary",
-            "aria-label": bChildrenTruncated.length > 1 ? t(texts2.showHiddenTo(bChildren.length - 1)) : t(texts2.showHidden)
+            "aria-label": bChildrenTruncated.length > 1 ? t(texts3.showHiddenTo(bChildren.length - 1)) : t(texts3.showHidden)
           }
         ),
         /* @__PURE__ */ jsx205(OverflowMenu, { children: /* @__PURE__ */ jsx205(OverflowMenuList, { children: bChildrenTruncated }) })
@@ -4464,7 +4474,7 @@ var Breadcrumbs = ({
     "nav",
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
-      "aria-label": t(texts2.breadcrumbs),
+      "aria-label": t(texts3.breadcrumbs),
       children: [
         /* @__PURE__ */ jsx205(
           HStack,
@@ -4480,7 +4490,7 @@ var Breadcrumbs = ({
   );
 };
 Breadcrumbs.displayName = "Breadcrumbs";
-var texts2 = createTexts({
+var texts3 = createTexts({
   breadcrumbs: {
     nb: "Br\xF8dsmulesti",
     no: "Br\xF8dsmulesti",
@@ -5463,7 +5473,7 @@ var Chip = ({
             icon: CloseSmallIcon,
             purpose: "tertiary",
             onClick,
-            "aria-label": ariaLabel != null ? ariaLabel : t(texts3.removeChip) + (text ? ` ${text}` : "")
+            "aria-label": ariaLabel != null ? ariaLabel : t(texts4.removeChip) + (text ? ` ${text}` : "")
           }
         )
       ]
@@ -5471,7 +5481,7 @@ var Chip = ({
   ) : null;
 };
 Chip.displayName = "Chip";
-var texts3 = createTexts({
+var texts4 = createTexts({
   removeChip: {
     nb: "Fjern merkelapp",
     no: "Fjern merkelapp",
@@ -5598,7 +5608,7 @@ function CookieBanner({
             {
               as: Button,
               showBelow: collapsedBreakpoint,
-              "aria-label": t(texts4.expandConsent),
+              "aria-label": t(texts5.expandConsent),
               purpose: "tertiary",
               icon: ExpandIcon,
               onClick: () => setIsCollapsedOnBreakpoint(false),
@@ -5632,7 +5642,7 @@ function CookieBanner({
   );
 }
 CookieBanner.displayName = "CookieBanner";
-var texts4 = createTexts({
+var texts5 = createTexts({
   expandConsent: {
     nb: "Utvid samtykke for bruk av informasjonskapsler",
     no: "Utvid samtykke for bruk av informasjonskapsler",
@@ -5956,13 +5966,13 @@ function CalendarGrid({ state, ...props }) {
   } = useCalendarGrid(props, state);
   const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
   const weekDays = [
-    { short: t(texts5.mo), full: t(texts5.monday) },
-    { short: t(texts5.tu), full: t(texts5.tuesday) },
-    { short: t(texts5.we), full: t(texts5.wednesday) },
-    { short: t(texts5.th), full: t(texts5.thursday) },
-    { short: t(texts5.fr), full: t(texts5.friday) },
-    { short: t(texts5.sa), full: t(texts5.saturday) },
-    { short: t(texts5.su), full: t(texts5.sunday) }
+    { short: t(texts6.mo), full: t(texts6.monday) },
+    { short: t(texts6.tu), full: t(texts6.tuesday) },
+    { short: t(texts6.we), full: t(texts6.wednesday) },
+    { short: t(texts6.th), full: t(texts6.thursday) },
+    { short: t(texts6.fr), full: t(texts6.friday) },
+    { short: t(texts6.sa), full: t(texts6.saturday) },
+    { short: t(texts6.su), full: t(texts6.sunday) }
   ];
   const { showWeekNumbers, onClose } = useContext10(CalendarPopoverContext);
   const typographyCn = [
@@ -5988,7 +5998,7 @@ function CalendarGrid({ state, ...props }) {
               className: cn(DateInput_default["calendar__grid-element"], ...typographyCn),
               children: [
                 /* @__PURE__ */ jsx227("span", { "aria-hidden": true, children: "#" }),
-                /* @__PURE__ */ jsx227(VisuallyHidden, { children: t(texts5.weekNumber) })
+                /* @__PURE__ */ jsx227(VisuallyHidden, { children: t(texts6.weekNumber) })
               ]
             }
           ),
@@ -6031,7 +6041,7 @@ function CalendarGrid({ state, ...props }) {
   );
 }
 CalendarGrid.displayName = "CalendarGrid";
-var texts5 = createTexts({
+var texts6 = createTexts({
   weekNumber: {
     nb: "Ukenummer",
     no: "Ukenummer",
@@ -6163,7 +6173,7 @@ function Calendar(props) {
         Button,
         {
           type: "button",
-          "aria-label": t(texts6.previousMonth),
+          "aria-label": t(texts7.previousMonth),
           onClick: (e) => onPrev == null ? void 0 : onPrev(e),
           size: "small",
           purpose: "tertiary",
@@ -6185,7 +6195,7 @@ function Calendar(props) {
         Button,
         {
           type: "button",
-          "aria-label": t(texts6.nextMonth),
+          "aria-label": t(texts7.nextMonth),
           onClick: (e) => onNext == null ? void 0 : onNext(e),
           size: "small",
           purpose: "tertiary",
@@ -6198,7 +6208,7 @@ function Calendar(props) {
   ] });
 }
 Calendar.displayName = "Calendar";
-var texts6 = createTexts({
+var texts7 = createTexts({
   nextMonth: {
     nb: "Neste m\xE5ned",
     no: "Neste m\xE5ned",
@@ -6613,7 +6623,7 @@ function DateField({
         ClearButton,
         {
           absolute: false,
-          "aria-label": t(texts7.clearDate),
+          "aria-label": t(texts8.clearDate),
           "aria-hidden": !hasValue,
           className: cn(
             DateInput_default["clear-button"],
@@ -6639,7 +6649,7 @@ function DateField({
   );
 }
 DateField.displayName = "DateField";
-var texts7 = createTexts({
+var texts8 = createTexts({
   clearDate: {
     en: "Clear date",
     nb: "T\xF8m dato",
@@ -6733,6 +6743,36 @@ DatePicker.displayName = "DatePicker";
 import { useTimeField } from "@react-aria/datepicker";
 import { useTimeFieldState } from "@react-stately/datepicker";
 import { useRef as useRef18 } from "react";
+
+// src/components/date-inputs/TimePicker/TimePicker.utils.ts
+function formatTimeSegments(segments) {
+  const hourSegment = segments.find((segment) => segment.type === "hour");
+  const minuteSegment = segments.find((segment) => segment.type === "minute");
+  const separatorSegment = segments.find(
+    (segment) => segment.type === "literal" && segment.isPlaceholder === void 0
+  );
+  if (!hourSegment || !minuteSegment || !separatorSegment) {
+    throw new Error("Invalid time segments");
+  }
+  const formattedHourSegment = {
+    ...hourSegment,
+    text: hourSegment.text.padStart(2, "0"),
+    placeholder: "\u2013\u2013"
+  };
+  const formattedMinuteSegment = {
+    ...minuteSegment,
+    text: minuteSegment.text.padStart(2, "0"),
+    placeholder: "\u2013\u2013"
+  };
+  const formattedSeparatorSegment = { ...separatorSegment, text: ":" };
+  return [
+    formattedHourSegment,
+    formattedSeparatorSegment,
+    formattedMinuteSegment
+  ];
+}
+
+// src/components/date-inputs/TimePicker/TimePicker.tsx
 import { jsx as jsx238 } from "react/jsx-runtime";
 function TimePicker({
   componentSize = "medium",
@@ -6742,7 +6782,7 @@ function TimePicker({
 }) {
   const lang = useLanguage();
   if (!lang) {
-    throw new Error("DatePicker must be used within a DdsProvider");
+    throw new Error("TimePicker must be used within a DdsProvider");
   }
   const internalRef = useRef18(null);
   const state = useTimeFieldState({
@@ -6756,6 +6796,7 @@ function TimePicker({
   );
   const iconSize = componentSize === "xsmall" ? "small" : "medium";
   const disabled = props.isDisabled || !!fieldProps["aria-disabled"];
+  const formattedSegments = formatTimeSegments(state.segments);
   return /* @__PURE__ */ jsx238(
     DateInput,
     {
@@ -6781,7 +6822,7 @@ function TimePicker({
           )
         }
       ),
-      children: state.segments.map((segment, i) => /* @__PURE__ */ jsx238(
+      children: formattedSegments.map((segment, i) => /* @__PURE__ */ jsx238(
         DateSegment,
         {
           componentSize,
@@ -7339,7 +7380,7 @@ var FavStar = ({
             checked,
             onChange: (e) => setChecked(e.target.checked),
             type: "checkbox",
-            "aria-label": (_a = props["aria-label"]) != null ? _a : t(texts8.favourite)
+            "aria-label": (_a = props["aria-label"]) != null ? _a : t(texts9.favourite)
           }
         ),
         /* @__PURE__ */ jsx250(Icon, { iconSize: size2, icon: StarIcon, className: FavStar_default.icon }),
@@ -7356,12 +7397,12 @@ var FavStar = ({
   );
 };
 FavStar.displayName = "FavStar";
-var texts8 = createTexts({
+var texts9 = createTexts({
   favourite: {
-    nb: "Favoriser",
-    no: "Favoriser",
-    nn: "Favorittmerk",
-    en: "Favorite"
+    nb: "Stjernemarker",
+    no: "Stjernemarker",
+    nn: "Stjernemerk",
+    en: "Mark as favourite"
   }
 });
 
@@ -7421,7 +7462,7 @@ function CharCounter(props) {
           "/",
           max
         ] }),
-        /* @__PURE__ */ jsx251(VisuallyHidden, { children: t(texts9.charsWritten(current, max, max - current)) })
+        /* @__PURE__ */ jsx251(VisuallyHidden, { children: t(texts10.charsWritten(current, max, max - current)) })
       ]
     }
   );
@@ -7430,7 +7471,7 @@ var renderCharCounter = (id, isShown, textLength, maxLength) => {
   if (!!maxLength && Number.isInteger(maxLength) && maxLength > 0 && isShown)
     return /* @__PURE__ */ jsx251(CharCounter, { id, max: maxLength, current: textLength });
 };
-var texts9 = createTexts({
+var texts10 = createTexts({
   charsWritten: (current, max, remain) => ({
     nb: `${current} av ${max} tegn skrevet. ${remain} igjen.`,
     no: `${current} av ${max} tegn skrevet. ${remain} igjen.`,
@@ -7594,12 +7635,12 @@ var CommentComponent = ({
         size: "small",
         onClick: handleSubmit,
         loading,
-        children: t(texts10.send)
+        children: t(texts11.send)
       }
     )
   ] });
 };
-var texts10 = createTexts({
+var texts11 = createTexts({
   send: {
     nb: "Send inn",
     no: "Send inn",
@@ -7807,7 +7848,7 @@ var RatingComponent = ({
       ),
       children: [
         /* @__PURE__ */ jsx255("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
-        loading ? /* @__PURE__ */ jsx255(Spinner, { tooltip: t(texts11.uploadingFeedback) }) : /* @__PURE__ */ jsxs57(HStack, { gap: "x1", children: [
+        loading ? /* @__PURE__ */ jsx255(Spinner, { tooltip: t(texts12.uploadingFeedback) }) : /* @__PURE__ */ jsxs57(HStack, { gap: "x1", children: [
           /* @__PURE__ */ jsx255(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
           /* @__PURE__ */ jsx255(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx255("div", { children: button("negative", layout, thumbDownTooltip) }) })
         ] })
@@ -7815,7 +7856,7 @@ var RatingComponent = ({
     }
   );
 };
-var texts11 = createTexts({
+var texts12 = createTexts({
   uploadingFeedback: {
     nb: "Laster opp tilbakemelding...",
     no: "Laster opp tilbakemelding...",
@@ -7849,14 +7890,14 @@ var Feedback = ({
   const [rating, setRating] = useState16(null);
   const [feedbackText, setFeedbackText] = useState16();
   const [isFeedbackSubmitted, setIsFeedbackSubmitted] = useState16(false);
-  const tRatingLabel = ratingLabel != null ? ratingLabel : t(texts12.ratingQuestion);
-  const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(texts12.improvalQuestion);
-  const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(texts12.improvalQuestion);
-  const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(texts12.thanks);
-  const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(texts12.thanks);
-  const tTextAreaTip = textAreaTip != null ? textAreaTip : t(texts12.sensitiveInfo);
-  const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(texts12.good);
-  const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(texts12.bad);
+  const tRatingLabel = ratingLabel != null ? ratingLabel : t(texts13.ratingQuestion);
+  const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(texts13.improvalQuestion);
+  const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(texts13.improvalQuestion);
+  const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(texts13.thanks);
+  const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(texts13.thanks);
+  const tTextAreaTip = textAreaTip != null ? textAreaTip : t(texts13.sensitiveInfo);
+  const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(texts13.good);
+  const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(texts13.bad);
   useEffect22(() => {
     if (ratingProp !== void 0) setRating(ratingProp);
   }, [ratingProp]);
@@ -7911,7 +7952,7 @@ var Feedback = ({
   }
   return /* @__PURE__ */ jsx256(Paragraph, { children: tSubmittedTitle });
 };
-var texts12 = createTexts({
+var texts13 = createTexts({
   ratingQuestion: {
     nb: "Hva syns du om tjenesten?",
     no: "Hva syns du om tjenesten?",
@@ -8081,9 +8122,9 @@ var File = (props) => {
                 onClick: removeFile,
                 icon: CloseIcon,
                 htmlProps: {
-                  "aria-label": t(texts13.removeFile(stateFile.file.name)),
+                  "aria-label": t(texts14.removeFile(stateFile.file.name)),
                   "aria-invalid": !isValid ? true : void 0,
-                  "aria-errormessage": !isValid ? t(texts13.invalidFile) : void 0,
+                  "aria-errormessage": !isValid ? t(texts14.invalidFile) : void 0,
                   "aria-describedby": spaceSeparatedIdListGenerator(
                     errorsList.map((e) => e.id)
                   )
@@ -8097,7 +8138,7 @@ var File = (props) => {
     /* @__PURE__ */ jsx260(ErrorList, { errors: errorsList })
   ] });
 };
-var texts13 = createTexts({
+var texts14 = createTexts({
   removeFile: (file) => ({
     nb: `Fjern fil ${file}`,
     no: `Fjern fil ${file}`,
@@ -8233,7 +8274,7 @@ var useFileUploader = (props) => {
     isFileDialogActive: false,
     isDragActive: false,
     rootErrors: calcRootErrors(
-      t(texts14.invalidFileAmount),
+      t(texts15.invalidFileAmount),
       initialFileUploaderFiles,
       maxFiles,
       errorMessage
@@ -8246,7 +8287,7 @@ var useFileUploader = (props) => {
         const accepted = isFileAccepted(file, accept);
         return {
           file,
-          errors: accepted ? [] : [t(texts14.invalidFileType)]
+          errors: accepted ? [] : [t(texts15.invalidFileType)]
         };
       });
       dispatch({
@@ -8259,7 +8300,7 @@ var useFileUploader = (props) => {
     dispatch({
       type: "setRootErrors",
       payload: calcRootErrors(
-        t(texts14.invalidFileAmount),
+        t(texts15.invalidFileAmount),
         stateFiles,
         maxFiles,
         errorMessage
@@ -8313,7 +8354,7 @@ var useFileUploader = (props) => {
           const accepted = isFileAccepted(file, accept);
           return {
             file,
-            errors: accepted ? [] : [t(texts14.invalidFileType)]
+            errors: accepted ? [] : [t(texts15.invalidFileType)]
           };
         }).concat(stateFiles);
         onChange(newFiles.map((f) => f.file));
@@ -8405,7 +8446,7 @@ var useFileUploader = (props) => {
     removeFile
   };
 };
-var texts14 = createTexts({
+var texts15 = createTexts({
   invalidFileType: {
     nb: "Ugyldig filtype",
     no: "Ugyldig filtype",
@@ -8447,7 +8488,7 @@ var FileUploader = (props) => {
     ...rest
   } = props;
   const { t } = useTranslation();
-  const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(texts15.dragAndDropOr);
+  const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(texts16.dragAndDropOr);
   const generatedId = useId15();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
   const {
@@ -8556,7 +8597,7 @@ var FileUploader = (props) => {
             children: [
               input,
               tDropAreaLabel,
-              /* @__PURE__ */ jsx261(VisuallyHidden, { children: t(texts15.uploadFileWithButton) }),
+              /* @__PURE__ */ jsx261(VisuallyHidden, { children: t(texts16.uploadFileWithButton) }),
               button
             ]
           }
@@ -8574,14 +8615,14 @@ var FileUploader = (props) => {
               readOnly && FileUploader_default["readonly--file-list"]
             ),
             children: [
-              /* @__PURE__ */ jsx261(VisuallyHidden, { id: fileListNameId, children: t(texts15.uploadedFiles) }),
+              /* @__PURE__ */ jsx261(VisuallyHidden, { id: fileListNameId, children: t(texts16.uploadedFiles) }),
               inactive && fileListElements.length === 0 ? /* @__PURE__ */ jsx261(
                 Typography,
                 {
                   italic: true,
                   as: "span",
                   color: disabled ? "text-subtle" : "text-medium",
-                  children: t(texts15.noFiles)
+                  children: t(texts16.noFiles)
                 }
               ) : /* @__PURE__ */ jsx261(StylelessList, { "aria-labelledby": fileListNameId, children: fileListElements })
             ]
@@ -8592,7 +8633,7 @@ var FileUploader = (props) => {
   );
 };
 FileUploader.displayName = "FileUploader";
-var texts15 = createTexts({
+var texts16 = createTexts({
   dragAndDropOr: {
     nb: "Dra og slipp filer her eller",
     no: "Dra og slipp filer her eller",
@@ -8889,11 +8930,11 @@ import { jsxs as jsxs61 } from "react/jsx-runtime";
 var inlineEditVisuallyHidden = (id, clearable) => {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs61(VisuallyHidden, { id, children: [
-    t(texts16.inlineEditInfo),
-    !clearable && t(texts16.notClearable)
+    t(texts17.inlineEditInfo),
+    !clearable && t(texts17.notClearable)
   ] });
 };
-var texts16 = createTexts({
+var texts17 = createTexts({
   inlineEditInfo: {
     nb: "Escape, Enter eller Tab for \xE5 lagre.",
     no: "Escape, Enter eller Tab for \xE5 lagre.",
@@ -9222,7 +9263,7 @@ var InternalHeader = (props) => {
   const hasContextMenuElements = !!contextMenuItems && contextMenuItems.length > 0;
   const hasSmallScreenBreakpoint = !!smallScreenBreakpoint;
   const hasNavInContextMenu = hasSmallScreenBreakpoint && hasNavigationElements;
-  const navigation = hasNavigationElements ? /* @__PURE__ */ jsx278("nav", { "aria-label": t(texts17.siteNavigation), children: /* @__PURE__ */ jsx278(
+  const navigation = hasNavigationElements ? /* @__PURE__ */ jsx278("nav", { "aria-label": t(texts18.siteNavigation), children: /* @__PURE__ */ jsx278(
     ShowHide,
     {
       as: StylelessList,
@@ -9286,7 +9327,7 @@ var InternalHeader = (props) => {
                 {
                   icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
                   purpose: "tertiary",
-                  "aria-label": t(texts17.openMenu)
+                  "aria-label": t(texts18.openMenu)
                 }
               ),
               /* @__PURE__ */ jsxs63(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
@@ -9295,7 +9336,7 @@ var InternalHeader = (props) => {
                   ShowHide,
                   {
                     as: "nav",
-                    "aria-label": t(texts17.siteNavigation),
+                    "aria-label": t(texts18.siteNavigation),
                     showBelow: smallScreenBreakpoint,
                     children: /* @__PURE__ */ jsx278(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ createElement2(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
                   }
@@ -9331,7 +9372,7 @@ var InternalHeader = (props) => {
   );
 };
 InternalHeader.displayName = "InternalHeader";
-var texts17 = createTexts({
+var texts18 = createTexts({
   openMenu: {
     nb: "\xC5pne meny",
     no: "\xC5pne meny",
@@ -10508,7 +10549,7 @@ var Pagination = ({
         onClick: (event) => {
           onPageChange(event, item);
         },
-        "aria-label": isActive ? t(texts18.currentPage(item)) : t(texts18.page(item)),
+        "aria-label": isActive ? t(texts19.currentPage(item)) : t(texts19.page(item)),
         children: item
       }
     ) : /* @__PURE__ */ jsx288(
@@ -10528,7 +10569,7 @@ var Pagination = ({
       onClick: (event) => {
         onPageChange(event, activePage - 1);
       },
-      "aria-label": t(texts18.previousPage)
+      "aria-label": t(texts19.previousPage)
     }
   );
   const nextPageButton = /* @__PURE__ */ jsx288(
@@ -10540,7 +10581,7 @@ var Pagination = ({
       onClick: (event) => {
         onPageChange(event, activePage + 1);
       },
-      "aria-label": t(texts18.nextPage)
+      "aria-label": t(texts19.nextPage)
     }
   );
   const isOnFirstPage = activePage === 1;
@@ -10550,7 +10591,7 @@ var Pagination = ({
     {
       as: "nav",
       ref,
-      "aria-label": t(texts18.pagination),
+      "aria-label": t(texts19.pagination),
       display: "flex",
       alignItems: "center",
       ...!withSelect && !withCounter && {
@@ -10614,7 +10655,7 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, 1);
                       },
-                      "aria-label": t(texts18.firstPage)
+                      "aria-label": t(texts19.firstPage)
                     }
                   )
                 }
@@ -10668,7 +10709,7 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, pagesLength);
                       },
-                      "aria-label": t(texts18.lastPage)
+                      "aria-label": t(texts19.lastPage)
                     }
                   )
                 }
@@ -10706,11 +10747,11 @@ var Pagination = ({
               isClearable: false,
               onChange: handleSelectChange,
               componentSize: "small",
-              "aria-label": t(texts18.itemsPerPage)
+              "aria-label": t(texts19.itemsPerPage)
             }
           ),
           withCounter && /* @__PURE__ */ jsx288(Paragraph, { children: t(
-            texts18.showsAmountOfTotalItems(
+            texts19.showsAmountOfTotalItems(
               activePageFirstItem,
               activePageLastItem,
               itemsAmount
@@ -10723,7 +10764,7 @@ var Pagination = ({
   );
 };
 Pagination.displayName = "Pagination";
-var texts18 = createTexts({
+var texts19 = createTexts({
   pagination: {
     nb: "Paginering",
     no: "Paginering",
@@ -11247,8 +11288,8 @@ var PhoneInput = ({
 }) => {
   var _a;
   const { t } = useTranslation();
-  const tGroupLabel = groupLabel != null ? groupLabel : t(texts19.countryCodeAndPhoneNumber);
-  const tSelectLabel = selectLabel != null ? selectLabel : t(texts19.countryCode);
+  const tGroupLabel = groupLabel != null ? groupLabel : t(texts20.countryCodeAndPhoneNumber);
+  const tSelectLabel = selectLabel != null ? selectLabel : t(texts20.countryCode);
   const generatedId = useId20();
   const uniqueId = (_a = props.id) != null ? _a : generatedId;
   const phoneInputId = `${uniqueId}-phone-input`;
@@ -11422,7 +11463,7 @@ var getCallingCode = (s) => {
   var _a;
   return (_a = s.substring(s.indexOf("+"), s.length)) != null ? _a : "";
 };
-var texts19 = createTexts({
+var texts20 = createTexts({
   countryCode: {
     nb: "Landskode",
     no: "Landskode",
@@ -11821,7 +11862,7 @@ var ProgressTrackerItem = (props) => {
       }
     )
   ] });
-  const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts20.completed) : t(texts20.uncompleted)}`;
+  const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts21.completed) : t(texts21.uncompleted)}`;
   return /* @__PURE__ */ jsx292(
     Box,
     {
@@ -11870,7 +11911,7 @@ var ProgressTrackerItem = (props) => {
   );
 };
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
-var texts20 = createTexts({
+var texts21 = createTexts({
   uncompleted: {
     nb: "trinn ikke ferdig",
     no: "trinn ikke ferdig",
@@ -11927,7 +11968,7 @@ var ProgressTracker = (() => {
         children: /* @__PURE__ */ jsx293(
           "nav",
           {
-            "aria-label": ariaLabel != null ? ariaLabel : t(texts21.stepProgression),
+            "aria-label": ariaLabel != null ? ariaLabel : t(texts22.stepProgression),
             ...getBaseHTMLProps(id, className, htmlProps, rest),
             children: /* @__PURE__ */ jsx293(
               Box,
@@ -11965,11 +12006,11 @@ function passIndexPropToProgressTrackerItem(children) {
     })
   );
 }
-var texts21 = createTexts({
+var texts22 = createTexts({
   stepProgression: {
-    nb: "Stegprogresjon",
-    no: "Stegprogresjon",
-    nn: "Stegprogresjon",
+    nb: "Trinnprogresjon",
+    no: "Trinnprogresjon",
+    nn: "Trinnprogresjon",
     en: "Step progression"
   }
 });
@@ -12186,7 +12227,7 @@ var SearchSuggestions = ({
             {
               index,
               focus: focus === index && showSuggestions,
-              "aria-label": t(texts22.search(suggestion)),
+              "aria-label": t(texts23.search(suggestion)),
               onClick: onSuggestionClick,
               "aria-setsize": suggestionsToRender.length,
               "aria-posinset": index,
@@ -12200,7 +12241,7 @@ var SearchSuggestions = ({
   );
 };
 SearchSuggestions.displayName = "SearchSuggestions";
-var texts22 = createTexts({
+var texts23 = createTexts({
   search: (suggestion) => ({
     no: `${suggestion} s\xF8k`,
     nb: `${suggestion} s\xF8k`,
@@ -12346,13 +12387,13 @@ var Search = ({
               componentSize
             }
           ),
-          /* @__PURE__ */ jsx297(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts23.useArrowKeys) })
+          /* @__PURE__ */ jsx297(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts24.useArrowKeys) })
         ] }),
         hasValue && /* @__PURE__ */ jsx297(
           ClearButton,
           {
             size: getIconSize2(componentSize),
-            "aria-label": t(texts23.clearSearch),
+            "aria-label": t(texts24.clearSearch),
             onClick: clearInput,
             className: Search_default["clear-button"]
           }
@@ -12381,7 +12422,7 @@ var Search = ({
                 size: componentSize,
                 onClick,
                 ...otherButtonProps,
-                children: buttonLabel != null ? buttonLabel : t(texts23.search)
+                children: buttonLabel != null ? buttonLabel : t(texts24.search)
               }
             )
           ]
@@ -12392,7 +12433,7 @@ var Search = ({
   ] });
 };
 Search.displayName = "Search";
-var texts23 = createTexts({
+var texts24 = createTexts({
   clearSearch: {
     nb: "T\xF8m s\xF8k",
     no: "T\xF8m s\xF8k",
@@ -12605,7 +12646,7 @@ var SplitButton = ({
         {
           ...buttonStyleProps,
           icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
-          "aria-label": t(texts24.moreActions),
+          "aria-label": t(texts25.moreActions),
           purpose,
           className: cn(
             SplitButton_default.option,
@@ -12619,7 +12660,7 @@ var SplitButton = ({
   ] });
 };
 SplitButton.displayName = "SplitButton";
-var texts24 = createTexts({
+var texts25 = createTexts({
   moreActions: {
     nb: "Flere handlinger",
     no: "Flere handlinger",
@@ -12784,7 +12825,7 @@ var SortCell = ({
         StylelessButton,
         {
           onClick,
-          "aria-description": t(texts25.changeSort),
+          "aria-description": t(texts26.changeSort),
           className: cn(Table_default["sort-button"], focusable),
           children: [
             children,
@@ -12797,7 +12838,7 @@ var SortCell = ({
   );
 };
 SortCell.displayName = "Table.SortCell";
-var texts25 = createTexts({
+var texts26 = createTexts({
   changeSort: {
     nb: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
     no: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
@@ -12950,8 +12991,8 @@ var CollapsibleRow = ({
     return /* @__PURE__ */ jsx310(Row, { ref, ...rowProps(), children: /* @__PURE__ */ jsxs78(Fragment13, { children: [
       definingColumnCells,
       /* @__PURE__ */ jsxs78(Table2.Cell, { type: "head", layout: "center", children: [
-        t(texts26.expand),
-        /* @__PURE__ */ jsx310(VisuallyHidden, { children: t(texts26.row) })
+        t(texts27.expand),
+        /* @__PURE__ */ jsx310(VisuallyHidden, { children: t(texts27.row) })
       ] })
     ] }) });
   };
@@ -12988,7 +13029,7 @@ var CollapsibleRow = ({
   ] }) : /* @__PURE__ */ jsx310(Row, { ref, ...rowProps(), children });
 };
 CollapsibleRow.displayName = "CollapsibleTable.Row";
-var texts26 = createTexts({
+var texts27 = createTexts({
   expand: {
     nb: "Utvid",
     no: "Utvid",