@norges-domstoler/dds-components 21.17.0 → 21.17.2

package/dist/index.js

@@ -3275,8 +3275,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
@@ -4245,6 +4245,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;
@@ -4285,7 +4287,7 @@ var Button = ({
       {
         size: "1em",
         color: purpose === "primary" || purpose === "danger" ? "iconOnAction" : "iconDefault",
-        tooltip: loadingTooltip,
+        tooltip: spinnerTooltip,
         className: Button_default.icon
       }
     ) })
@@ -4329,6 +4331,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
 var import_react21 = require("react");
@@ -4796,7 +4806,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__ */ (0, import_jsx_runtime205.jsx)(OverflowMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(OverflowMenuList, { children: bChildrenTruncated }) })
@@ -4818,7 +4828,7 @@ var Breadcrumbs = ({
     "nav",
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
-      "aria-label": t(texts2.breadcrumbs),
+      "aria-label": t(texts3.breadcrumbs),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
           HStack,
@@ -4834,7 +4844,7 @@ var Breadcrumbs = ({
   );
 };
 Breadcrumbs.displayName = "Breadcrumbs";
-var texts2 = createTexts({
+var texts3 = createTexts({
   breadcrumbs: {
     nb: "Br\xF8dsmulesti",
     no: "Br\xF8dsmulesti",
@@ -5817,7 +5827,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}` : "")
           }
         )
       ]
@@ -5825,7 +5835,7 @@ var Chip = ({
   ) : null;
 };
 Chip.displayName = "Chip";
-var texts3 = createTexts({
+var texts4 = createTexts({
   removeChip: {
     nb: "Fjern merkelapp",
     no: "Fjern merkelapp",
@@ -5952,7 +5962,7 @@ function CookieBanner({
             {
               as: Button,
               showBelow: collapsedBreakpoint,
-              "aria-label": t(texts4.expandConsent),
+              "aria-label": t(texts5.expandConsent),
               purpose: "tertiary",
               icon: ExpandIcon,
               onClick: () => setIsCollapsedOnBreakpoint(false),
@@ -5986,7 +5996,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",
@@ -5998,14 +6008,14 @@ var texts4 = createTexts({
 // src/components/date-inputs/DatePicker/Calendar/Calendar.tsx
 var import_date4 = require("@internationalized/date");
 var import_calendar3 = require("@react-aria/calendar");
-var import_i18n10 = require("@react-aria/i18n");
+var import_i18n11 = require("@react-aria/i18n");
 var import_calendar4 = require("@react-stately/calendar");
 var import_react41 = require("react");
 
 // src/components/date-inputs/DatePicker/Calendar/CalendarGrid.tsx
 var import_date3 = require("@internationalized/date");
 var import_calendar2 = require("@react-aria/calendar");
-var import_i18n8 = require("@react-aria/i18n");
+var import_i18n9 = require("@react-aria/i18n");
 var import_react40 = require("react");
 
 // src/components/date-inputs/DatePicker/Calendar/CalendarCell.tsx
@@ -6286,20 +6296,20 @@ var CalendarPopoverContent = ({
 var import_jsx_runtime227 = require("react/jsx-runtime");
 function CalendarGrid({ state, ...props }) {
   const { t } = useTranslation();
-  const { locale } = (0, import_i18n8.useLocale)();
+  const { locale } = (0, import_i18n9.useLocale)();
   const {
     gridProps: { onKeyDown, ...gridProps },
     headerProps
   } = (0, import_calendar2.useCalendarGrid)(props, state);
   const weeksInMonth = (0, import_date3.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 } = (0, import_react40.useContext)(CalendarPopoverContext);
   const typographyCn = [
@@ -6325,7 +6335,7 @@ function CalendarGrid({ state, ...props }) {
               className: cn(DateInput_default["calendar__grid-element"], ...typographyCn),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("span", { "aria-hidden": true, children: "#" }),
-                /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(VisuallyHidden, { children: t(texts5.weekNumber) })
+                /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(VisuallyHidden, { children: t(texts6.weekNumber) })
               ]
             }
           ),
@@ -6368,7 +6378,7 @@ function CalendarGrid({ state, ...props }) {
   );
 }
 CalendarGrid.displayName = "CalendarGrid";
-var texts5 = createTexts({
+var texts6 = createTexts({
   weekNumber: {
     nb: "Ukenummer",
     no: "Ukenummer",
@@ -6473,7 +6483,7 @@ function createCalendar(identifier) {
 }
 function Calendar(props) {
   const { t } = useTranslation();
-  const { locale } = (0, import_i18n10.useLocale)();
+  const { locale } = (0, import_i18n11.useLocale)();
   const state = (0, import_calendar4.useCalendarState)({
     ...props,
     createCalendar,
@@ -6500,7 +6510,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",
@@ -6522,7 +6532,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",
@@ -6535,7 +6545,7 @@ function Calendar(props) {
   ] });
 }
 Calendar.displayName = "Calendar";
-var texts6 = createTexts({
+var texts7 = createTexts({
   nextMonth: {
     nb: "Neste m\xE5ned",
     no: "Neste m\xE5ned",
@@ -6552,14 +6562,14 @@ var texts6 = createTexts({
 
 // src/components/date-inputs/DatePicker/DatePicker.tsx
 var import_datepicker4 = require("@react-aria/datepicker");
-var import_i18n14 = require("@react-aria/i18n");
+var import_i18n15 = require("@react-aria/i18n");
 var import_datepicker5 = require("@react-stately/datepicker");
 var import_react47 = require("react");
 
 // src/components/date-inputs/DatePicker/DateField/DateField.tsx
 var import_date5 = require("@internationalized/date");
 var import_datepicker2 = require("@react-aria/datepicker");
-var import_i18n12 = require("@react-aria/i18n");
+var import_i18n13 = require("@react-aria/i18n");
 var import_datepicker3 = require("@react-stately/datepicker");
 var import_react45 = require("react");
 
@@ -6900,7 +6910,7 @@ function DateField({
   clearable,
   ...props
 }) {
-  const { locale } = (0, import_i18n12.useLocale)();
+  const { locale } = (0, import_i18n13.useLocale)();
   const { t } = useTranslation();
   const state = (0, import_datepicker3.useDateFieldState)({
     ...props,
@@ -6946,7 +6956,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"],
@@ -6972,7 +6982,7 @@ function DateField({
   );
 }
 DateField.displayName = "DateField";
-var texts7 = createTexts({
+var texts8 = createTexts({
   clearDate: {
     en: "Clear date",
     nb: "T\xF8m dato",
@@ -7032,7 +7042,7 @@ function DatePicker({
     state,
     internalRef
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(import_i18n14.I18nProvider, { locale: LOCALE[lang], children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(import_i18n15.I18nProvider, { locale: LOCALE[lang], children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
     CalendarPopover,
     {
       isOpen: state.isOpen,
@@ -7066,6 +7076,36 @@ DatePicker.displayName = "DatePicker";
 var import_datepicker6 = require("@react-aria/datepicker");
 var import_datepicker7 = require("@react-stately/datepicker");
 var import_react48 = require("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
 var import_jsx_runtime238 = require("react/jsx-runtime");
 function TimePicker({
   componentSize = "medium",
@@ -7075,7 +7115,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 = (0, import_react48.useRef)(null);
   const state = (0, import_datepicker7.useTimeFieldState)({
@@ -7089,6 +7129,7 @@ function TimePicker({
   );
   const iconSize = componentSize === "xsmall" ? "small" : "medium";
   const disabled = props.isDisabled || !!fieldProps["aria-disabled"];
+  const formattedSegments = formatTimeSegments(state.segments);
   return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
     DateInput,
     {
@@ -7114,7 +7155,7 @@ function TimePicker({
           )
         }
       ),
-      children: state.segments.map((segment, i) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+      children: formattedSegments.map((segment, i) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         DateSegment,
         {
           componentSize,
@@ -7657,7 +7698,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__ */ (0, import_jsx_runtime250.jsx)(Icon, { iconSize: size2, icon: StarIcon, className: FavStar_default.icon }),
@@ -7674,12 +7715,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"
   }
 });
 
@@ -7734,7 +7775,7 @@ function CharCounter(props) {
           "/",
           max
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(VisuallyHidden, { children: t(texts9.charsWritten(current, max, max - current)) })
+        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(VisuallyHidden, { children: t(texts10.charsWritten(current, max, max - current)) })
       ]
     }
   );
@@ -7743,7 +7784,7 @@ var renderCharCounter = (id, isShown, textLength, maxLength) => {
   if (!!maxLength && Number.isInteger(maxLength) && maxLength > 0 && isShown)
     return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(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.`,
@@ -7907,12 +7948,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",
@@ -8113,7 +8154,7 @@ var RatingComponent = ({
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Spinner, { tooltip: t(texts11.uploadingFeedback) }) : /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(HStack, { gap: "x1", children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Spinner, { tooltip: t(texts12.uploadingFeedback) }) : /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(HStack, { gap: "x1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
           /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("div", { children: button("negative", layout, thumbDownTooltip) }) })
         ] })
@@ -8121,7 +8162,7 @@ var RatingComponent = ({
     }
   );
 };
-var texts11 = createTexts({
+var texts12 = createTexts({
   uploadingFeedback: {
     nb: "Laster opp tilbakemelding...",
     no: "Laster opp tilbakemelding...",
@@ -8155,14 +8196,14 @@ var Feedback = ({
   const [rating, setRating] = (0, import_react57.useState)(null);
   const [feedbackText, setFeedbackText] = (0, import_react57.useState)();
   const [isFeedbackSubmitted, setIsFeedbackSubmitted] = (0, import_react57.useState)(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);
   (0, import_react57.useEffect)(() => {
     if (ratingProp !== void 0) setRating(ratingProp);
   }, [ratingProp]);
@@ -8217,7 +8258,7 @@ var Feedback = ({
   }
   return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Paragraph, { children: tSubmittedTitle });
 };
-var texts12 = createTexts({
+var texts13 = createTexts({
   ratingQuestion: {
     nb: "Hva syns du om tjenesten?",
     no: "Hva syns du om tjenesten?",
@@ -8387,9 +8428,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)
                   )
@@ -8403,7 +8444,7 @@ var File = (props) => {
     /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ErrorList, { errors: errorsList })
   ] });
 };
-var texts13 = createTexts({
+var texts14 = createTexts({
   removeFile: (file) => ({
     nb: `Fjern fil ${file}`,
     no: `Fjern fil ${file}`,
@@ -8537,7 +8578,7 @@ var useFileUploader = (props) => {
     isFileDialogActive: false,
     isDragActive: false,
     rootErrors: calcRootErrors(
-      t(texts14.invalidFileAmount),
+      t(texts15.invalidFileAmount),
       initialFileUploaderFiles,
       maxFiles,
       errorMessage
@@ -8550,7 +8591,7 @@ var useFileUploader = (props) => {
         const accepted = isFileAccepted(file, accept);
         return {
           file,
-          errors: accepted ? [] : [t(texts14.invalidFileType)]
+          errors: accepted ? [] : [t(texts15.invalidFileType)]
         };
       });
       dispatch({
@@ -8563,7 +8604,7 @@ var useFileUploader = (props) => {
     dispatch({
       type: "setRootErrors",
       payload: calcRootErrors(
-        t(texts14.invalidFileAmount),
+        t(texts15.invalidFileAmount),
         stateFiles,
         maxFiles,
         errorMessage
@@ -8617,7 +8658,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));
@@ -8709,7 +8750,7 @@ var useFileUploader = (props) => {
     removeFile
   };
 };
-var texts14 = createTexts({
+var texts15 = createTexts({
   invalidFileType: {
     nb: "Ugyldig filtype",
     no: "Ugyldig filtype",
@@ -8751,7 +8792,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 = (0, import_react59.useId)();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
   const {
@@ -8860,7 +8901,7 @@ var FileUploader = (props) => {
             children: [
               input,
               tDropAreaLabel,
-              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { children: t(texts15.uploadFileWithButton) }),
+              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { children: t(texts16.uploadFileWithButton) }),
               button
             ]
           }
@@ -8878,14 +8919,14 @@ var FileUploader = (props) => {
               readOnly && FileUploader_default["readonly--file-list"]
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { id: fileListNameId, children: t(texts15.uploadedFiles) }),
+              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { id: fileListNameId, children: t(texts16.uploadedFiles) }),
               inactive && fileListElements.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
                 Typography,
                 {
                   italic: true,
                   as: "span",
                   color: disabled ? "text-subtle" : "text-medium",
-                  children: t(texts15.noFiles)
+                  children: t(texts16.noFiles)
                 }
               ) : /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(StylelessList, { "aria-labelledby": fileListNameId, children: fileListElements })
             ]
@@ -8896,7 +8937,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",
@@ -9189,11 +9230,11 @@ var import_jsx_runtime273 = require("react/jsx-runtime");
 var inlineEditVisuallyHidden = (id, clearable) => {
   const { t } = useTranslation();
   return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(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.",
@@ -9522,7 +9563,7 @@ var InternalHeader = (props) => {
   const hasContextMenuElements = !!contextMenuItems && contextMenuItems.length > 0;
   const hasSmallScreenBreakpoint = !!smallScreenBreakpoint;
   const hasNavInContextMenu = hasSmallScreenBreakpoint && hasNavigationElements;
-  const navigation = hasNavigationElements ? /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("nav", { "aria-label": t(texts17.siteNavigation), children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+  const navigation = hasNavigationElements ? /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("nav", { "aria-label": t(texts18.siteNavigation), children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
     ShowHide,
     {
       as: StylelessList,
@@ -9586,7 +9627,7 @@ var InternalHeader = (props) => {
                 {
                   icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
                   purpose: "tertiary",
-                  "aria-label": t(texts17.openMenu)
+                  "aria-label": t(texts18.openMenu)
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
@@ -9595,7 +9636,7 @@ var InternalHeader = (props) => {
                   ShowHide,
                   {
                     as: "nav",
-                    "aria-label": t(texts17.siteNavigation),
+                    "aria-label": t(texts18.siteNavigation),
                     showBelow: smallScreenBreakpoint,
                     children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ (0, import_react67.createElement)(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
                   }
@@ -9631,7 +9672,7 @@ var InternalHeader = (props) => {
   );
 };
 InternalHeader.displayName = "InternalHeader";
-var texts17 = createTexts({
+var texts18 = createTexts({
   openMenu: {
     nb: "\xC5pne meny",
     no: "\xC5pne meny",
@@ -10795,7 +10836,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__ */ (0, import_jsx_runtime289.jsx)(
@@ -10815,7 +10856,7 @@ var Pagination = ({
       onClick: (event) => {
         onPageChange(event, activePage - 1);
       },
-      "aria-label": t(texts18.previousPage)
+      "aria-label": t(texts19.previousPage)
     }
   );
   const nextPageButton = /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
@@ -10827,7 +10868,7 @@ var Pagination = ({
       onClick: (event) => {
         onPageChange(event, activePage + 1);
       },
-      "aria-label": t(texts18.nextPage)
+      "aria-label": t(texts19.nextPage)
     }
   );
   const isOnFirstPage = activePage === 1;
@@ -10837,7 +10878,7 @@ var Pagination = ({
     {
       as: "nav",
       ref,
-      "aria-label": t(texts18.pagination),
+      "aria-label": t(texts19.pagination),
       display: "flex",
       alignItems: "center",
       ...!withSelect && !withCounter && {
@@ -10901,7 +10942,7 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, 1);
                       },
-                      "aria-label": t(texts18.firstPage)
+                      "aria-label": t(texts19.firstPage)
                     }
                   )
                 }
@@ -10955,7 +10996,7 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, pagesLength);
                       },
-                      "aria-label": t(texts18.lastPage)
+                      "aria-label": t(texts19.lastPage)
                     }
                   )
                 }
@@ -10993,11 +11034,11 @@ var Pagination = ({
               isClearable: false,
               onChange: handleSelectChange,
               componentSize: "small",
-              "aria-label": t(texts18.itemsPerPage)
+              "aria-label": t(texts19.itemsPerPage)
             }
           ),
           withCounter && /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(Paragraph, { children: t(
-            texts18.showsAmountOfTotalItems(
+            texts19.showsAmountOfTotalItems(
               activePageFirstItem,
               activePageLastItem,
               itemsAmount
@@ -11010,7 +11051,7 @@ var Pagination = ({
   );
 };
 Pagination.displayName = "Pagination";
-var texts18 = createTexts({
+var texts19 = createTexts({
   pagination: {
     nb: "Paginering",
     no: "Paginering",
@@ -11528,8 +11569,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 = (0, import_react74.useId)();
   const uniqueId = (_a = props.id) != null ? _a : generatedId;
   const phoneInputId = `${uniqueId}-phone-input`;
@@ -11703,7 +11744,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",
@@ -12081,7 +12122,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__ */ (0, import_jsx_runtime293.jsx)(
     Box,
     {
@@ -12130,7 +12171,7 @@ var ProgressTrackerItem = (props) => {
   );
 };
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
-var texts20 = createTexts({
+var texts21 = createTexts({
   uncompleted: {
     nb: "trinn ikke ferdig",
     no: "trinn ikke ferdig",
@@ -12187,7 +12228,7 @@ var ProgressTracker = (() => {
         children: /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
           "nav",
           {
-            "aria-label": ariaLabel != null ? ariaLabel : t(texts21.stepProgression),
+            "aria-label": ariaLabel != null ? ariaLabel : t(texts22.stepProgression),
             ...getBaseHTMLProps(id, className, htmlProps, rest),
             children: /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
               Box,
@@ -12225,11 +12266,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"
   }
 });
@@ -12440,7 +12481,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,
@@ -12454,7 +12495,7 @@ var SearchSuggestions = ({
   );
 };
 SearchSuggestions.displayName = "SearchSuggestions";
-var texts22 = createTexts({
+var texts23 = createTexts({
   search: (suggestion) => ({
     no: `${suggestion} s\xF8k`,
     nb: `${suggestion} s\xF8k`,
@@ -12600,13 +12641,13 @@ var Search = ({
               componentSize
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts23.useArrowKeys) })
+          /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts24.useArrowKeys) })
         ] }),
         hasValue && /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
           ClearButton,
           {
             size: getIconSize2(componentSize),
-            "aria-label": t(texts23.clearSearch),
+            "aria-label": t(texts24.clearSearch),
             onClick: clearInput,
             className: Search_default["clear-button"]
           }
@@ -12635,7 +12676,7 @@ var Search = ({
                 size: componentSize,
                 onClick,
                 ...otherButtonProps,
-                children: buttonLabel != null ? buttonLabel : t(texts23.search)
+                children: buttonLabel != null ? buttonLabel : t(texts24.search)
               }
             )
           ]
@@ -12646,7 +12687,7 @@ var Search = ({
   ] });
 };
 Search.displayName = "Search";
-var texts23 = createTexts({
+var texts24 = createTexts({
   clearSearch: {
     nb: "T\xF8m s\xF8k",
     no: "T\xF8m s\xF8k",
@@ -12855,7 +12896,7 @@ var SplitButton = ({
         {
           ...buttonStyleProps,
           icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
-          "aria-label": t(texts24.moreActions),
+          "aria-label": t(texts25.moreActions),
           purpose,
           className: cn(
             SplitButton_default.option,
@@ -12869,7 +12910,7 @@ var SplitButton = ({
   ] });
 };
 SplitButton.displayName = "SplitButton";
-var texts24 = createTexts({
+var texts25 = createTexts({
   moreActions: {
     nb: "Flere handlinger",
     no: "Flere handlinger",
@@ -13027,7 +13068,7 @@ var SortCell = ({
         StylelessButton,
         {
           onClick,
-          "aria-description": t(texts25.changeSort),
+          "aria-description": t(texts26.changeSort),
           className: cn(Table_default["sort-button"], focusable),
           children: [
             children,
@@ -13040,7 +13081,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",
@@ -13188,8 +13229,8 @@ var CollapsibleRow = ({
     return /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Row, { ref, ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(import_jsx_runtime311.Fragment, { children: [
       definingColumnCells,
       /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
-        t(texts26.expand),
-        /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(VisuallyHidden, { children: t(texts26.row) })
+        t(texts27.expand),
+        /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(VisuallyHidden, { children: t(texts27.row) })
       ] })
     ] }) });
   };
@@ -13226,7 +13267,7 @@ var CollapsibleRow = ({
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Row, { ref, ...rowProps(), children });
 };
 CollapsibleRow.displayName = "CollapsibleTable.Row";
-var texts26 = createTexts({
+var texts27 = createTexts({
   expand: {
     nb: "Utvid",
     no: "Utvid",