@norges-domstoler/dds-components 14.0.0 → 14.1.0

package/dist/index.js

@@ -3468,8 +3468,7 @@ var import_react19 = require("react");
 var import_jsx_runtime168 = require("react/jsx-runtime");
 var AppShellContext = (0, import_react19.createContext)({
   isOpen: false,
-  setOpen: () => {
-  }
+  setOpen: () => null
 });
 var AppShellContextProvider = ({
   children
@@ -7248,13 +7247,10 @@ function createEmptyChangeEvent(inputElementId) {
     defaultPrevented: false,
     eventPhase: 0,
     isTrusted: false,
-    preventDefault: () => {
-    },
-    stopPropagation: () => {
-    },
+    preventDefault: () => null,
+    stopPropagation: () => null,
     nativeEvent: new Event("input"),
-    persist: () => {
-    },
+    persist: () => null,
     type: "change",
     timeStamp: Date.now(),
     isDefaultPrevented: () => false,
@@ -9766,8 +9762,7 @@ var Tooltip = (0, import_react72.forwardRef)(
       }
       return () => {
         if (tooltipRef.current) {
-          window.removeEventListener("scroll", () => {
-          });
+          window.removeEventListener("scroll", () => null);
         }
       };
     }, []);
@@ -10929,6 +10924,7 @@ var DateInput = (0, import_react81.forwardRef)(
         InputDiv,
         {
           ...fieldProps,
+          style,
           disabled,
           componentSize,
           ref: internalRef,
@@ -11012,8 +11008,7 @@ var { popover: popoverTokens } = calendarTokens;
 var CalendarPopoverContext = (0, import_react83.createContext)({
   anchorRef: null,
   isOpen: false,
-  onClose: () => {
-  }
+  onClose: () => null
 });
 var CalendarPopover = ({
   children,
@@ -11142,7 +11137,7 @@ var TimePickerIcon = (0, import_styled_components74.default)(Icon)`
   width: ${({ $componentSize }) => datePickerTokens.calendarButton[$componentSize].size};
   margin-left: -1px; // To align with TextInputs icons
 `;
-function _TimePicker({ componentSize = "medium", style, ...props }, forwardedRef) {
+function _TimePicker({ componentSize = "medium", ...props }, forwardedRef) {
   const ref = (0, import_react86.useRef)(null);
   const state = (0, import_datepicker7.useTimeFieldState)({
     ...props,
@@ -11640,7 +11635,7 @@ var Tabs = (0, import_react92.forwardRef)((props, ref) => {
 Tabs.displayName = "Tabs";
 
 // src/components/Tabs/Tab.tsx
-var import_react93 = require("react");
+var import_react94 = require("react");
 var import_styled_components79 = __toESM(require("styled-components"));
 
 // src/components/Tabs/Tabs.tokens.tsx
@@ -11682,8 +11677,47 @@ var tabsTokens = {
   panel
 };
 
-// src/components/Tabs/Tab.tsx
+// src/components/Tabs/TabWidthContext.tsx
+var import_react93 = require("react");
 var import_jsx_runtime244 = require("react/jsx-runtime");
+var TabContext = (0, import_react93.createContext)(null);
+function TabWidthContextProvider({
+  children,
+  onChangeWidths
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+    TabContext.Provider,
+    {
+      value: {
+        updateWidth: (index, newWidth) => {
+          onChangeWidths((prev) => {
+            const newValue = [...prev];
+            newValue[index] = newWidth;
+            return newValue;
+          });
+        },
+        removeTab: (index) => {
+          onChangeWidths((prev) => {
+            const newValue = [...prev];
+            newValue.splice(index, 1);
+            return newValue;
+          });
+        }
+      },
+      children
+    }
+  );
+}
+function useSetTabWidth(index, width) {
+  const context = (0, import_react93.useContext)(TabContext);
+  (0, import_react93.useLayoutEffect)(() => {
+    context == null ? void 0 : context.updateWidth(index, width);
+    return () => context == null ? void 0 : context.removeTab(index);
+  }, [index, width]);
+}
+
+// src/components/Tabs/Tab.tsx
+var import_jsx_runtime245 = require("react/jsx-runtime");
 var { tab: tab2 } = tabsTokens;
 var Button2 = import_styled_components79.default.button`
   ${normalizeButton}
@@ -11728,7 +11762,7 @@ var Button2 = import_styled_components79.default.button`
     box-shadow: ${tab2.hover.boxShadow};
   }
 `;
-var Tab = (0, import_react93.forwardRef)((props, ref) => {
+var Tab = (0, import_react94.forwardRef)((props, ref) => {
   const {
     active = false,
     icon: icon12,
@@ -11741,12 +11775,14 @@ var Tab = (0, import_react93.forwardRef)((props, ref) => {
     id,
     className,
     htmlProps,
+    width = "1fr",
     ...rest
   } = props;
-  const itemRef = (0, import_react93.useRef)(null);
+  useSetTabWidth(index, width);
+  const itemRef = (0, import_react94.useRef)(null);
   const combinedRef = useCombinedRef(ref, itemRef);
   const { tabPanelsRef, setHasTabFocus, tabContentDirection } = useTabsContext();
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     var _a;
     if (focus) {
       (_a = itemRef.current) == null ? void 0 : _a.focus();
@@ -11758,7 +11794,7 @@ var Tab = (0, import_react93.forwardRef)((props, ref) => {
     setHasTabFocus(false);
     (_a = tabPanelsRef == null ? void 0 : tabPanelsRef.current) == null ? void 0 : _a.focus();
   });
-  const handleSelect = (0, import_react93.useCallback)(() => {
+  const handleSelect = (0, import_react94.useCallback)(() => {
     if (setFocus && index) {
       setFocus(index);
     }
@@ -11771,7 +11807,7 @@ var Tab = (0, import_react93.forwardRef)((props, ref) => {
     handleSelect();
     onKeyDown && onKeyDown(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
     Button2,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -11784,8 +11820,8 @@ var Tab = (0, import_react93.forwardRef)((props, ref) => {
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon12 && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("span", { children })
+        icon12 && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("span", { children })
       ]
     }
   );
@@ -11793,15 +11829,21 @@ var Tab = (0, import_react93.forwardRef)((props, ref) => {
 Tab.displayName = "Tab";
 
 // src/components/Tabs/TabList.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_styled_components80 = __toESM(require("styled-components"));
-var import_jsx_runtime245 = require("react/jsx-runtime");
+var import_jsx_runtime246 = require("react/jsx-runtime");
 var { tabList: tabList2 } = tabsTokens;
+var autoFlow = import_styled_components80.css`
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr;
+`;
+var templateColumns = (templateColumns2) => import_styled_components80.css`
+  grid-template-columns: ${templateColumns2};
+`;
 var TabRow = import_styled_components80.default.div`
   border-bottom: ${tabList2.borderBottom};
   display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: 1fr;
+  ${({ $gridTemplateColumns }) => $gridTemplateColumns === "" ? autoFlow : templateColumns($gridTemplateColumns)}
   overflow-x: auto;
   ${scrollbarStyling.webkit}
   ${scrollbarStyling.firefox}
@@ -11817,7 +11859,7 @@ var TabRow = import_styled_components80.default.div`
     outline: none;
   }
 `;
-var TabList = (0, import_react94.forwardRef)(
+var TabList = (0, import_react95.forwardRef)(
   ({ children, id, onFocus, ...rest }, ref) => {
     const {
       activeTab,
@@ -11829,11 +11871,11 @@ var TabList = (0, import_react94.forwardRef)(
       setHasTabFocus
     } = useTabsContext();
     const uniqueId = id != null ? id : `${tabsId}-tablist`;
-    const childrenArray = import_react94.Children.toArray(children).length;
+    const childrenArray = import_react95.Children.toArray(children).length;
     const [focus, setFocus] = useRoveFocus(childrenArray, !hasTabFocus, "row");
     const combinedRef = useCombinedRef(ref, tabListRef);
-    const tabListChildren = import_react94.Children.map(children, (child, index) => {
-      return (0, import_react94.isValidElement)(child) && (0, import_react94.cloneElement)(child, {
+    const tabListChildren = import_react95.Children.map(children, (child, index) => {
+      return (0, import_react95.isValidElement)(child) && (0, import_react95.cloneElement)(child, {
         id: `${tabsId}-tab-${index}`,
         "aria-controls": `${tabsId}-panel-${index}`,
         active: activeTab === index,
@@ -11843,6 +11885,7 @@ var TabList = (0, import_react94.forwardRef)(
         onClick: () => handleTabChange(index)
       });
     });
+    const [widths, setWidths] = (0, import_react95.useState)([]);
     useOnKeyDown("Tab", () => {
       var _a;
       setHasTabFocus(false);
@@ -11864,15 +11907,15 @@ var TabList = (0, import_react94.forwardRef)(
       tabIndex: 0,
       onFocus: handleOnFocus
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(TabRow, { ...tabListProps, children: tabListChildren });
+    return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(TabRow, { ...tabListProps, $gridTemplateColumns: widths.join(" "), children: tabListChildren }) });
   }
 );
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_styled_components81 = __toESM(require("styled-components"));
-var import_jsx_runtime246 = require("react/jsx-runtime");
+var import_jsx_runtime247 = require("react/jsx-runtime");
 var { panel: panel2 } = tabsTokens;
 var Panel = import_styled_components81.default.div`
   padding: ${panel2.padding};
@@ -11887,9 +11930,9 @@ var Panel = import_styled_components81.default.div`
     ${focusVisible}
   }
 `;
-var TabPanel = (0, import_react95.forwardRef)(
+var TabPanel = (0, import_react96.forwardRef)(
   ({ active = false, children, id, className, htmlProps, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
       Panel,
       {
         ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -11905,28 +11948,28 @@ var TabPanel = (0, import_react95.forwardRef)(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Tabs/TabPanels.tsx
-var import_react96 = require("react");
-var import_jsx_runtime247 = require("react/jsx-runtime");
-var TabPanels = (0, import_react96.forwardRef)(
+var import_react97 = require("react");
+var import_jsx_runtime248 = require("react/jsx-runtime");
+var TabPanels = (0, import_react97.forwardRef)(
   ({ children, ...rest }, ref) => {
     const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
     const combinedRef = useCombinedRef(ref, tabPanelsRef);
-    const panelChildren = import_react96.Children.map(children, (child, index) => {
+    const panelChildren = import_react97.Children.map(children, (child, index) => {
       const active = index === activeTab;
-      return (0, import_react96.isValidElement)(child) && (0, import_react96.cloneElement)(child, {
+      return (0, import_react97.isValidElement)(child) && (0, import_react97.cloneElement)(child, {
         id: `${tabsId}-panel-${index}`,
         "aria-labelledby": `${tabsId}-tab-${index}`,
         active,
         "aria-expanded": active
       });
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("div", { ref: combinedRef, ...rest, children: panelChildren });
+    return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("div", { ref: combinedRef, ...rest, children: panelChildren });
   }
 );
 TabPanels.displayName = "TabPanels";
 
 // src/components/Tag/Tag.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 var import_styled_components82 = __toESM(require("styled-components"));
 
 // src/components/Tag/Tag.tokens.tsx
@@ -11953,7 +11996,7 @@ var tagTokens = {
 };
 
 // src/components/Tag/Tag.tsx
-var import_jsx_runtime248 = require("react/jsx-runtime");
+var import_jsx_runtime249 = require("react/jsx-runtime");
 var { wrapper: wrapper8 } = tagTokens;
 var Wrapper7 = (0, import_styled_components82.default)(TextOverflowEllipsisWrapper)`
   display: inline-flex;
@@ -11967,7 +12010,7 @@ var Wrapper7 = (0, import_styled_components82.default)(TextOverflowEllipsisWrapp
     border-color: ${wrapper8.purpose[$purpose].borderColor};
   `}
 `;
-var Tag = (0, import_react97.forwardRef)((props, ref) => {
+var Tag = (0, import_react98.forwardRef)((props, ref) => {
   const {
     text,
     purpose = "default",
@@ -11976,20 +12019,20 @@ var Tag = (0, import_react97.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
     Wrapper7,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       ref,
       $purpose: purpose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(TextOverflowEllipsisInner, { children: text })
+      children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(TextOverflowEllipsisInner, { children: text })
     }
   );
 });
 Tag.displayName = "Tag";
 
 // src/components/Chip/Chip.tsx
-var import_react98 = require("react");
+var import_react99 = require("react");
 var import_styled_components83 = __toESM(require("styled-components"));
 
 // src/components/Chip/Chip.tokens.tsx
@@ -12012,7 +12055,7 @@ var chipTokens = {
 };
 
 // src/components/Chip/Chip.tsx
-var import_jsx_runtime249 = require("react/jsx-runtime");
+var import_jsx_runtime250 = require("react/jsx-runtime");
 var { container: container17 } = chipTokens;
 var Container15 = (0, import_styled_components83.default)(TextOverflowEllipsisWrapper)`
   display: flex;
@@ -12025,23 +12068,23 @@ var Container15 = (0, import_styled_components83.default)(TextOverflowEllipsisWr
   background-color: ${container17.backgroundColor};
   ${getFontStyling(typographyType6, true)};
 `;
-var Chip = (0, import_react98.forwardRef)((props, ref) => {
+var Chip = (0, import_react99.forwardRef)((props, ref) => {
   const { text, onClose, id, className, htmlProps = {}, ...rest } = props;
   const { "aria-label": ariaLabel, ...restHTMLprops } = htmlProps;
-  const [isOpen, setIsOpen] = (0, import_react98.useState)(true);
+  const [isOpen, setIsOpen] = (0, import_react99.useState)(true);
   const onClick = () => {
     setIsOpen(false);
     onClose && onClose();
   };
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
     Container15,
     {
       ...getBaseHTMLProps(id, className, restHTMLprops, rest),
       ref,
       as: "div",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(TextOverflowEllipsisInner, { children: text }),
-        /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(TextOverflowEllipsisInner, { children: text }),
+        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
           Button,
           {
             size: "tiny",
@@ -12059,33 +12102,33 @@ var Chip = (0, import_react98.forwardRef)((props, ref) => {
 Chip.displayName = "Chip";
 
 // src/components/Chip/ChipGroup.tsx
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_styled_components84 = __toESM(require("styled-components"));
-var import_jsx_runtime250 = require("react/jsx-runtime");
+var import_jsx_runtime251 = require("react/jsx-runtime");
 var Group2 = import_styled_components84.default.ul`
   ${removeListStyling}
   display: flex;
   gap: ${chipTokens.group.gap};
 `;
-var ChipGroup = (0, import_react99.forwardRef)(
+var ChipGroup = (0, import_react100.forwardRef)(
   ({ children, ...rest }, ref) => {
-    const childrenArray = import_react99.Children.toArray(children);
-    const groupChildren = childrenArray.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("li", { children: item }, `chip-${index}`));
-    return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Group2, { ...rest, ref, children: groupChildren });
+    const childrenArray = import_react100.Children.toArray(children);
+    const groupChildren = childrenArray.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime251.jsx)("li", { children: item }, `chip-${index}`));
+    return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Group2, { ...rest, ref, children: groupChildren });
   }
 );
 ChipGroup.displayName = "ChipGroup";
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_react101 = require("react");
+var import_react102 = require("react");
 var import_styled_components85 = __toESM(require("styled-components"));
 
 // src/components/ToggleBar/ToggleBar.context.tsx
-var import_react100 = require("react");
-var ToggleBarContext = (0, import_react100.createContext)({
+var import_react101 = require("react");
+var ToggleBarContext = (0, import_react101.createContext)({
   size: "medium"
 });
-var useToggleBarContext = () => (0, import_react100.useContext)(ToggleBarContext);
+var useToggleBarContext = () => (0, import_react101.useContext)(ToggleBarContext);
 
 // src/components/ToggleBar/ToggleBar.tokens.tsx
 var import_dds_design_tokens51 = require("@norges-domstoler/dds-design-tokens");
@@ -12194,7 +12237,7 @@ var toggleBarTokens = {
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_jsx_runtime251 = require("react/jsx-runtime");
+var import_jsx_runtime252 = require("react/jsx-runtime");
 var OuterContainer4 = import_styled_components85.default.div`
   display: flex;
   flex-direction: column;
@@ -12226,15 +12269,15 @@ var ToggleBar = (props) => {
     id,
     ...rest
   } = props;
-  const generatedId = (0, import_react101.useId)();
+  const generatedId = (0, import_react102.useId)();
   const uniqueId = id != null ? id : `${generatedId}-ToggleBar`;
-  const [groupValue, setGroupValue] = (0, import_react101.useState)(value);
+  const [groupValue, setGroupValue] = (0, import_react102.useState)(value);
   const handleChange = combineHandlers(
     (e) => setGroupValue(e.target.value),
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label3 && `${uniqueId}-label`;
-  return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
     ToggleBarContext.Provider,
     {
       value: {
@@ -12243,7 +12286,7 @@ var ToggleBar = (props) => {
         name,
         value: groupValue
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
         OuterContainer4,
         {
           ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -12251,8 +12294,8 @@ var ToggleBar = (props) => {
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           $width: width,
           children: [
-            label3 && /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Typography, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
-            /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Bar2, { children })
+            label3 && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Typography, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
+            /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Bar2, { children })
           ]
         }
       )
@@ -12262,7 +12305,7 @@ var ToggleBar = (props) => {
 ToggleBar.displayName = "ToggleBar";
 
 // src/components/ToggleBar/ToggleRadio.tsx
-var import_react102 = require("react");
+var import_react103 = require("react");
 
 // src/components/ToggleBar/ToggleRadio.styles.tsx
 var import_styled_components86 = __toESM(require("styled-components"));
@@ -12334,7 +12377,7 @@ var Label3 = import_styled_components86.default.label`
 `;
 
 // src/components/ToggleBar/ToggleRadio.tsx
-var import_jsx_runtime252 = require("react/jsx-runtime");
+var import_jsx_runtime253 = require("react/jsx-runtime");
 var calculateChecked = (value, group4, checked) => {
   if (typeof checked !== "undefined")
     return checked;
@@ -12346,7 +12389,7 @@ var calculateChecked = (value, group4, checked) => {
   }
   return !!value;
 };
-var ToggleRadio = (0, import_react102.forwardRef)(
+var ToggleRadio = (0, import_react103.forwardRef)(
   (props, ref) => {
     const {
       value,
@@ -12360,15 +12403,15 @@ var ToggleRadio = (0, import_react102.forwardRef)(
       id,
       ...rest
     } = props;
-    const generatedId = (0, import_react102.useId)();
+    const generatedId = (0, import_react103.useId)();
     const uniqueId = id != null ? id : `${generatedId}-ToggleRadio`;
     const group4 = useToggleBarContext();
     const handleChange = (event) => {
       onChange && onChange(event);
       (group4 == null ? void 0 : group4.onChange) && group4.onChange(event);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(Label3, { size: group4.size, htmlFor: uniqueId, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(Label3, { size: group4.size, htmlFor: uniqueId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
         HiddenInput,
         {
           ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
@@ -12380,9 +12423,9 @@ var ToggleRadio = (0, import_react102.forwardRef)(
           checked: calculateChecked(value, group4, checked)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(Content3, { $size: group4.size, $justIcon: !!icon12 && !label3, children: [
-        icon12 && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
-        label3 && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)("span", { children: label3 })
+      /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(Content3, { $size: group4.size, $justIcon: !!icon12 && !label3, children: [
+        icon12 && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
+        label3 && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)("span", { children: label3 })
       ] })
     ] });
   }
@@ -12487,16 +12530,16 @@ var gridTokens2 = {
 };
 
 // src/components/Grid/Grid.context.tsx
-var import_react103 = require("react");
-var GridContext = (0, import_react103.createContext)({
+var import_react104 = require("react");
+var GridContext = (0, import_react104.createContext)({
   screenSize: 3 /* Large */
 });
 var useGridContext = () => {
-  return (0, import_react103.useContext)(GridContext);
+  return (0, import_react104.useContext)(GridContext);
 };
 
 // src/components/Grid/Grid.tsx
-var import_jsx_runtime253 = require("react/jsx-runtime");
+var import_jsx_runtime254 = require("react/jsx-runtime");
 var getHooksGridStyling = (screenSize, maxWidth, rowGap) => {
   const tokens3 = gridTokens2[screenSize].grid;
   return {
@@ -12527,14 +12570,14 @@ var StyledGrid = import_styled_components87.default.div.withConfig({
 var Grid = (props) => {
   const { id, className, children, htmlProps, as, ...rest } = props;
   const screenSize = useScreenSize();
-  return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(GridContext.Provider, { value: { screenSize }, children: as === "div" ? /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(GridContext.Provider, { value: { screenSize }, children: as === "div" ? /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
     StyledGrid,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       screenSize,
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
     StyledGrid,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -12548,7 +12591,7 @@ Grid.displayName = "Grid";
 
 // src/components/Grid/GridChild.tsx
 var import_styled_components88 = __toESM(require("styled-components"));
-var import_jsx_runtime254 = require("react/jsx-runtime");
+var import_jsx_runtime255 = require("react/jsx-runtime");
 var isRelativeGridColumn = (type) => {
   return type === "all" || type === "firstHalf" || type === "secondHalf";
 };
@@ -12574,7 +12617,7 @@ var StyledGridChild = import_styled_components88.default.div.withConfig({
 var GridChild = (props) => {
   const { id, className, htmlProps, children, ...rest } = props;
   const { screenSize } = useGridContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
     StyledGridChild,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -12586,17 +12629,17 @@ var GridChild = (props) => {
 GridChild.displayName = "GridChild";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_react106 = require("react");
+var import_react107 = require("react");
 var import_styled_components90 = __toESM(require("styled-components"));
 
 // src/components/ProgressTracker/ProgressTracker.context.tsx
-var import_react104 = require("react");
-var ProgressTrackerContext = (0, import_react104.createContext)(
+var import_react105 = require("react");
+var ProgressTrackerContext = (0, import_react105.createContext)(
   {
     activeStep: 0
   }
 );
-var useProgressTrackerContext = () => (0, import_react104.useContext)(ProgressTrackerContext);
+var useProgressTrackerContext = () => (0, import_react105.useContext)(ProgressTrackerContext);
 
 // src/components/ProgressTracker/ProgressTracker.tokens.tsx
 var import_dds_design_tokens53 = require("@norges-domstoler/dds-design-tokens");
@@ -12678,9 +12721,9 @@ var progressTrackerTokens = {
 };
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
-var import_react105 = require("react");
+var import_react106 = require("react");
 var import_styled_components89 = __toESM(require("styled-components"));
-var import_jsx_runtime255 = require("react/jsx-runtime");
+var import_jsx_runtime256 = require("react/jsx-runtime");
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -12812,16 +12855,16 @@ var ProgressTrackerItem = (props) => {
   const styleProps = {
     $state: toItemState(active, completed, disabled)
   };
-  const stepNumberContent = (0, import_react105.useMemo)(() => {
+  const stepNumberContent = (0, import_react106.useMemo)(() => {
     if (completed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Icon, { icon: CheckIcon, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Icon, { icon: CheckIcon, iconSize: itemNumber2.iconSize });
     }
     if (icon12 !== void 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Icon, { icon: icon12, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Icon, { icon: icon12, iconSize: itemNumber2.iconSize });
     }
     return index + 1;
   }, [completed, icon12, index]);
-  return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
     ItemContentWrapper,
     {
       ...styleProps,
@@ -12829,9 +12872,9 @@ var ProgressTrackerItem = (props) => {
       onClick: !disabled && handleStepChange ? () => handleStepChange(index) : void 0,
       disabled,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
-        /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(ItemText, { ...styleProps, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
+        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
+        /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(ItemText, { ...styleProps, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
           children
         ] })
       ]
@@ -12841,7 +12884,7 @@ var ProgressTrackerItem = (props) => {
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_jsx_runtime256 = require("react/jsx-runtime");
+var import_jsx_runtime257 = require("react/jsx-runtime");
 var ItemsWrapper = import_styled_components90.default.ol`
   display: flex;
   flex-direction: column;
@@ -12860,7 +12903,7 @@ var ProgressTrackerConnector = import_styled_components90.default.div`
     ${progressTrackerTokens.connector.color};
 `;
 var ProgressTracker = (() => {
-  const Res = (0, import_react106.forwardRef)((props, ref) => {
+  const Res = (0, import_react107.forwardRef)((props, ref) => {
     const {
       id,
       activeStep = 0,
@@ -12870,12 +12913,12 @@ var ProgressTracker = (() => {
       htmlProps,
       ...rest
     } = props;
-    const [thisActiveStep, setActiveStep] = (0, import_react106.useState)(activeStep);
+    const [thisActiveStep, setActiveStep] = (0, import_react107.useState)(activeStep);
     const handleChange = (step) => {
       setActiveStep(step);
       onStepChange && onStepChange(step);
     };
-    (0, import_react106.useEffect)(() => {
+    (0, import_react107.useEffect)(() => {
       if (activeStep !== void 0 && activeStep != thisActiveStep) {
         setActiveStep(activeStep);
       }
@@ -12884,20 +12927,20 @@ var ProgressTracker = (() => {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       ref
     };
-    const steps = (0, import_react106.useMemo)(() => {
+    const steps = (0, import_react107.useMemo)(() => {
       const validChildren = removeInvalidChildren(children);
       const itemsWithIndex = passIndexPropToProgressTrackerItem(validChildren);
       const itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
       return itemsWithConnectorsBetween;
     }, [children]);
-    return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
       ProgressTrackerContext.Provider,
       {
         value: {
           activeStep: thisActiveStep,
           handleStepChange: handleChange
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(ItemsWrapper, { children: steps }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ItemsWrapper, { children: steps }) })
       }
     );
   });
@@ -12906,33 +12949,33 @@ var ProgressTracker = (() => {
   return Res;
 })();
 function removeInvalidChildren(children) {
-  return import_react106.Children.toArray(children).filter(import_react106.isValidElement);
+  return import_react107.Children.toArray(children).filter(import_react107.isValidElement);
 }
 function passIndexPropToProgressTrackerItem(children) {
-  return import_react106.Children.map(
+  return import_react107.Children.map(
     children,
-    (item, index) => (0, import_react106.cloneElement)(item, {
+    (item, index) => (0, import_react107.cloneElement)(item, {
       ...item.props,
       index
     })
   );
 }
-var intersperseItemsWithConnector = (children) => import_react106.Children.map(children, (child, index) => {
+var intersperseItemsWithConnector = (children) => import_react107.Children.map(children, (child, index) => {
   if (index === 0) {
     return child;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(import_react106.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(ProgressTrackerConnector, { "aria-hidden": true }),
+  return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(import_react107.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ProgressTrackerConnector, { "aria-hidden": true }),
     child
   ] }, index);
 });
 
 // src/components/InlineEdit/InlineEditTextArea.tsx
-var import_react109 = require("react");
+var import_react110 = require("react");
 
 // src/components/InlineEdit/InlineEdit.tsx
-var import_react107 = require("react");
-var import_jsx_runtime257 = require("react/jsx-runtime");
+var import_react108 = require("react");
+var import_jsx_runtime258 = require("react/jsx-runtime");
 var InlineEdit = (props) => {
   const {
     emptiable,
@@ -12944,8 +12987,8 @@ var InlineEdit = (props) => {
     inputRef,
     children
   } = props;
-  const [editingValue, setEditingValue] = (0, import_react107.useState)(value != null ? value : "");
-  const [isEditing, setIsEditing] = (0, import_react107.useState)(false);
+  const [editingValue, setEditingValue] = (0, import_react108.useState)(value != null ? value : "");
+  const [isEditing, setIsEditing] = (0, import_react108.useState)(false);
   const onChangeHandler = (e) => {
     setEditingValue(e.target.value);
     onChange && onChange();
@@ -12972,8 +13015,8 @@ var InlineEdit = (props) => {
   useOnKeyDown(["Enter"], () => onExitHandler());
   useOnKeyDown(["Escape"], () => onExitHandler());
   useOnClickOutside(inputRef.current, () => onExitHandler());
-  const inputChild = import_react107.Children.only(
-    (0, import_react107.isValidElement)(children) && (0, import_react107.cloneElement)(children, {
+  const inputChild = import_react108.Children.only(
+    (0, import_react108.isValidElement)(children) && (0, import_react108.cloneElement)(children, {
       onChange: onChangeHandler,
       onBlur: onBlurHandler,
       onFocus: onFocusHandler,
@@ -12982,12 +13025,12 @@ var InlineEdit = (props) => {
       emptiable
     })
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(import_jsx_runtime257.Fragment, { children: inputChild });
+  return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(import_jsx_runtime258.Fragment, { children: inputChild });
 };
 InlineEdit.displayName = "InlineEdit";
 
 // src/components/InlineEdit/InlineTextArea.tsx
-var import_react108 = require("react");
+var import_react109 = require("react");
 
 // src/components/InlineEdit/InlineEdit.styles.tsx
 var import_styled_components91 = __toESM(require("styled-components"));
@@ -13059,16 +13102,16 @@ var IconWrapper2 = import_styled_components91.default.span`
 `;
 
 // src/components/InlineEdit/InlineEdit.utils.tsx
-var import_jsx_runtime258 = require("react/jsx-runtime");
-var inlineEditVisuallyHidden = (id, emptiable) => /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(VisuallyHidden, { id, as: "span", children: [
+var import_jsx_runtime259 = require("react/jsx-runtime");
+var inlineEditVisuallyHidden = (id, emptiable) => /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(VisuallyHidden, { id, as: "span", children: [
   "Escape, Enter eller Tab for \xE5 lagre.",
   " ",
   !emptiable && "Inputfeltet er ikke t\xF8mmbar."
 ] });
 
 // src/components/InlineEdit/InlineTextArea.tsx
-var import_jsx_runtime259 = require("react/jsx-runtime");
-var InlineTextArea = (0, import_react108.forwardRef)((props, ref) => {
+var import_jsx_runtime260 = require("react/jsx-runtime");
+var InlineTextArea = (0, import_react109.forwardRef)((props, ref) => {
   const {
     id,
     error,
@@ -13080,26 +13123,26 @@ var InlineTextArea = (0, import_react108.forwardRef)((props, ref) => {
     hideIcon,
     ...rest
   } = props;
-  const genereatedId = (0, import_react108.useId)();
+  const genereatedId = (0, import_react109.useId)();
   const uniqueId = id != null ? id : `${genereatedId}-InlineTextArea`;
   const hasErrorMessage = !!errorMessage;
   const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
   const descId = derivativeIdGenerator(uniqueId, "desc");
-  const inputRef = (0, import_react108.useRef)(null);
+  const inputRef = (0, import_react109.useRef)(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(OuterInputContainer, { width, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(InputContainer, { children: [
-      !isEditing && !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(OuterInputContainer, { width, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(InputContainer, { children: [
+      !isEditing && !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
         IconWrapper2,
         {
           onClick: () => {
             var _a;
             (_a = inputRef.current) == null ? void 0 : _a.focus();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Icon, { icon: EditIcon, iconSize: "small" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Icon, { icon: EditIcon, iconSize: "small" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
         StyledInlineTextArea,
         {
           ...rest,
@@ -13123,12 +13166,12 @@ var InlineTextArea = (0, import_react108.forwardRef)((props, ref) => {
 InlineTextArea.displayName = "InlineTextArea";
 
 // src/components/InlineEdit/InlineEditTextArea.tsx
-var import_jsx_runtime260 = require("react/jsx-runtime");
-var InlineEditTextArea = (0, import_react109.forwardRef)((props, ref) => {
+var import_jsx_runtime261 = require("react/jsx-runtime");
+var InlineEditTextArea = (0, import_react110.forwardRef)((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
-  const textareaRef = (0, import_react109.useRef)(null);
+  const textareaRef = (0, import_react110.useRef)(null);
   const combinedRef = useCombinedRef(ref, textareaRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
     InlineEdit,
     {
       onSetValue,
@@ -13138,18 +13181,18 @@ var InlineEditTextArea = (0, import_react109.forwardRef)((props, ref) => {
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(InlineTextArea, { ref: combinedRef, ...rest })
+      children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(InlineTextArea, { ref: combinedRef, ...rest })
     }
   );
 });
 
 // src/components/InlineEdit/InlineEditInput.tsx
-var import_react111 = require("react");
+var import_react112 = require("react");
 
 // src/components/InlineEdit/InlineInput.tsx
-var import_react110 = require("react");
-var import_jsx_runtime261 = require("react/jsx-runtime");
-var InlineInput = (0, import_react110.forwardRef)(
+var import_react111 = require("react");
+var import_jsx_runtime262 = require("react/jsx-runtime");
+var InlineInput = (0, import_react111.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -13162,28 +13205,28 @@ var InlineInput = (0, import_react110.forwardRef)(
       hideIcon,
       ...rest
     } = props;
-    const genereatedId = (0, import_react110.useId)();
+    const genereatedId = (0, import_react111.useId)();
     const uniqueId = id != null ? id : `${genereatedId}-InlineInput`;
     const hasErrorMessage = !!errorMessage;
     const hasError = !!error;
     const hasErrorState = hasError || hasErrorMessage;
     const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
     const descId = derivativeIdGenerator(uniqueId, "desc");
-    const inputRef = (0, import_react110.useRef)(null);
+    const inputRef = (0, import_react111.useRef)(null);
     const combinedRef = useCombinedRef(ref, inputRef);
-    return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(OuterInputContainer, { width, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(InputContainer, { children: [
-        !isEditing && !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(OuterInputContainer, { width, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(InputContainer, { children: [
+        !isEditing && !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
           IconWrapper2,
           {
             onClick: () => {
               var _a;
               (_a = inputRef.current) == null ? void 0 : _a.focus();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Icon, { icon: EditIcon, iconSize: "small" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Icon, { icon: EditIcon, iconSize: "small" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
           StyledInlineInput,
           {
             ...rest,
@@ -13209,12 +13252,12 @@ var InlineInput = (0, import_react110.forwardRef)(
 InlineInput.displayName = "InlineInput";
 
 // src/components/InlineEdit/InlineEditInput.tsx
-var import_jsx_runtime262 = require("react/jsx-runtime");
-var InlineEditInput = (0, import_react111.forwardRef)((props, ref) => {
+var import_jsx_runtime263 = require("react/jsx-runtime");
+var InlineEditInput = (0, import_react112.forwardRef)((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
-  const inputRef = (0, import_react111.useRef)(null);
+  const inputRef = (0, import_react112.useRef)(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
     InlineEdit,
     {
       onSetValue,
@@ -13224,13 +13267,13 @@ var InlineEditInput = (0, import_react111.forwardRef)((props, ref) => {
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(InlineInput, { ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(InlineInput, { ...rest, ref: combinedRef })
     }
   );
 });
 
 // src/components/TextArea/TextArea.tsx
-var import_react112 = require("react");
+var import_react113 = require("react");
 var import_styled_components92 = __toESM(require("styled-components"));
 
 // src/components/TextArea/TextArea.tokens.tsx
@@ -13244,7 +13287,7 @@ var textAreaTokens = {
 };
 
 // src/components/TextArea/TextArea.tsx
-var import_jsx_runtime263 = require("react/jsx-runtime");
+var import_jsx_runtime264 = require("react/jsx-runtime");
 var defaultWidth5 = "320px";
 var { textarea: textarea2 } = textAreaTokens;
 var StyledTextArea = (0, import_styled_components92.default)(StatefulInput)`
@@ -13256,7 +13299,7 @@ var StyledTextArea = (0, import_styled_components92.default)(StatefulInput)`
   padding-bottom: ${textarea2.paddingBottom};
   ${getFontStyling(inputTypographyTypes.medium)}
 `;
-var TextArea = (0, import_react112.forwardRef)(
+var TextArea = (0, import_react113.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -13275,14 +13318,14 @@ var TextArea = (0, import_react112.forwardRef)(
       width = defaultWidth5,
       ...rest
     } = props;
-    const generatedId = (0, import_react112.useId)();
+    const generatedId = (0, import_react113.useId)();
     const uniqueId = id != null ? id : `${generatedId}-textArea`;
-    const textAreaRef = (0, import_react112.useRef)(null);
+    const textAreaRef = (0, import_react113.useRef)(null);
     const multiRef = useCombinedRef(ref, textAreaRef);
-    const [text, setText] = (0, import_react112.useState)(
+    const [text, setText] = (0, import_react113.useState)(
       getDefaultText(value, defaultValue)
     );
-    (0, import_react112.useEffect)(() => {
+    (0, import_react113.useEffect)(() => {
       if (textAreaRef == null ? void 0 : textAreaRef.current) {
         textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight + 2}px`;
       }
@@ -13321,9 +13364,9 @@ var TextArea = (0, import_react112.forwardRef)(
       "aria-invalid": hasErrorMessage ? true : void 0,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(OuterInputContainer, { ...containerProps, children: [
-      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Label, { showRequiredStyling, htmlFor: uniqueId, children: label3 }),
-      /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(StyledTextArea, { ...textAreaProps, as: "textarea" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(OuterInputContainer, { ...containerProps, children: [
+      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Label, { showRequiredStyling, htmlFor: uniqueId, children: label3 }),
+      /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(StyledTextArea, { ...textAreaProps, as: "textarea" }),
       renderInputMessage(tip, tipId, errorMessage, errorMessageId)
     ] });
   }
@@ -13331,7 +13374,7 @@ var TextArea = (0, import_react112.forwardRef)(
 TextArea.displayName = "TextArea";
 
 // src/components/SplitButton/SplitButton.tsx
-var import_react113 = require("react");
+var import_react114 = require("react");
 var import_styled_components93 = __toESM(require("styled-components"));
 
 // src/components/SplitButton/SplitButton.tokens.ts
@@ -13346,7 +13389,7 @@ var tokens2 = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-var import_jsx_runtime264 = require("react/jsx-runtime");
+var import_jsx_runtime265 = require("react/jsx-runtime");
 var Container16 = import_styled_components93.default.div`
   display: flex;
 `;
@@ -13377,7 +13420,7 @@ var OptionButton = (0, import_styled_components93.default)(Button)`
     ${(props) => props.purpose === "primary" && `border-left: ${tokens2.mainButton.primary.borderLeft}`};
   }
 `;
-var SplitButton = (0, import_react113.forwardRef)(
+var SplitButton = (0, import_react114.forwardRef)(
   (props, ref) => {
     const {
       size: size2,
@@ -13385,14 +13428,14 @@ var SplitButton = (0, import_react113.forwardRef)(
       secondaryActions,
       purpose = "primary"
     } = props;
-    const [isOpen, setIsOpen] = (0, import_react113.useState)(false);
+    const [isOpen, setIsOpen] = (0, import_react114.useState)(false);
     const buttonStyleProps = {
       appearance: "filled",
       purpose,
       size: size2
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Container16, { ref, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)(Container16, { ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
         MainButton,
         {
           ...buttonStyleProps,
@@ -13400,8 +13443,8 @@ var SplitButton = (0, import_react113.forwardRef)(
           iconPosition: "left"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
           OptionButton,
           {
             ...buttonStyleProps,
@@ -13410,7 +13453,7 @@ var SplitButton = (0, import_react113.forwardRef)(
             purpose
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
+        /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
       ] })
     ] });
   }
@@ -13418,7 +13461,7 @@ var SplitButton = (0, import_react113.forwardRef)(
 SplitButton.displayName = "SplitButton";
 
 // src/components/Stack/Stack.tsx
-var import_react114 = require("react");
+var import_react115 = require("react");
 var import_styled_components94 = __toESM(require("styled-components"));
 
 // src/components/Stack/Stack.tokens.tsx
@@ -13443,7 +13486,7 @@ var stackTokens = {
 };
 
 // src/components/Stack/Stack.tsx
-var import_jsx_runtime265 = require("react/jsx-runtime");
+var import_jsx_runtime266 = require("react/jsx-runtime");
 var Stack = import_styled_components94.default.div.withConfig({
   shouldForwardProp: (prop) => {
     const styleOnlyProps = [
@@ -13473,8 +13516,8 @@ Stack.defaultProps = {
   align: "center",
   justify: "flex-start"
 };
-var HStack = (0, import_react114.forwardRef)(
-  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
+var HStack = (0, import_react115.forwardRef)(
+  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
     Stack,
     {
       direction: "horizontal",
@@ -13484,8 +13527,8 @@ var HStack = (0, import_react114.forwardRef)(
   )
 );
 HStack.displayName = "HStack";
-var VStack = (0, import_react114.forwardRef)(
-  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
+var VStack = (0, import_react115.forwardRef)(
+  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
     Stack,
     {
       direction: "vertical",
@@ -13497,7 +13540,7 @@ var VStack = (0, import_react114.forwardRef)(
 VStack.displayName = "VStack";
 
 // src/components/FileUploader/FileUploader.tsx
-var import_react116 = require("react");
+var import_react117 = require("react");
 var import_styled_components97 = __toESM(require("styled-components"));
 
 // src/components/FileUploader/ErrorList.tsx
@@ -13533,7 +13576,7 @@ var errorsTokens = {
 };
 
 // src/components/FileUploader/ErrorList.tsx
-var import_jsx_runtime266 = require("react/jsx-runtime");
+var import_jsx_runtime267 = require("react/jsx-runtime");
 var MessageContainer2 = import_styled_components95.default.div`
   display: flex;
   flex-direction: column;
@@ -13544,8 +13587,8 @@ var ErrorList = (props) => {
   if (errors.length < 1) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(MessageContainer2, { children: errors.map(({ id, message: message2 }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(MessageContainer2, { children: errors.map(({ id, message: message2 }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
       InputMessage,
       {
         id,
@@ -13559,7 +13602,7 @@ var ErrorList = (props) => {
 
 // src/components/FileUploader/File.tsx
 var import_styled_components96 = __toESM(require("styled-components"));
-var import_jsx_runtime267 = require("react/jsx-runtime");
+var import_jsx_runtime268 = require("react/jsx-runtime");
 var FileWrapper = import_styled_components96.default.li``;
 var FileNameWrapper = import_styled_components96.default.span`
   word-break: break-all;
@@ -13585,10 +13628,10 @@ var File = (props) => {
     id: derivativeIdGenerator(parentId, `file-${index}-error-${errorIndex}`),
     message: e
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(FileWrapper, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(FileElement, { ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(FileNameWrapper, { children: stateFile.file.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(FileWrapper, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(FileElement, { ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(FileNameWrapper, { children: stateFile.file.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
         RemoveFileButton,
         {
           size: "small",
@@ -13608,12 +13651,12 @@ var File = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(ErrorList, { errors: errorsList })
+    /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(ErrorList, { errors: errorsList })
   ] }, stateFile.file.name);
 };
 
 // src/components/FileUploader/useFileUploader.ts
-var import_react115 = require("react");
+var import_react116 = require("react");
 
 // src/components/FileUploader/fileUploaderReducer.ts
 var fileUploaderReducer = (state, action) => {
@@ -13696,18 +13739,18 @@ var useFileUploader = (props) => {
     disabled,
     errorMessage
   } = props;
-  const rootRef = (0, import_react115.useRef)(null);
-  const inputRef = (0, import_react115.useRef)(null);
-  const buttonRef = (0, import_react115.useRef)(null);
+  const rootRef = (0, import_react116.useRef)(null);
+  const inputRef = (0, import_react116.useRef)(null);
+  const buttonRef = (0, import_react116.useRef)(null);
   const isControlled = !!value;
-  const initialFileUploaderFiles = (0, import_react115.useMemo)(
+  const initialFileUploaderFiles = (0, import_react116.useMemo)(
     () => (initialFiles != null ? initialFiles : []).map((f) => ({
       file: f,
       errors: []
     })),
     [initialFiles]
   );
-  const [state, dispatch] = (0, import_react115.useReducer)(fileUploaderReducer, {
+  const [state, dispatch] = (0, import_react116.useReducer)(fileUploaderReducer, {
     files: initialFileUploaderFiles,
     isFocused: false,
     isFileDialogActive: false,
@@ -13719,7 +13762,7 @@ var useFileUploader = (props) => {
     )
   });
   const { files: stateFiles } = state;
-  (0, import_react115.useEffect)(() => {
+  (0, import_react116.useEffect)(() => {
     if (isControlled) {
       const files = value.map((file) => {
         const accepted2 = isFileAccepted(file, accept);
@@ -13734,18 +13777,18 @@ var useFileUploader = (props) => {
       });
     }
   }, [value, isControlled, accept, dispatch]);
-  (0, import_react115.useEffect)(() => {
+  (0, import_react116.useEffect)(() => {
     dispatch({
       type: "setRootErrors",
       payload: calcRootErrors(stateFiles, maxFiles, errorMessage)
     });
   }, [dispatch, stateFiles, maxFiles, errorMessage]);
-  const onRootFocus = (0, import_react115.useCallback)(
+  const onRootFocus = (0, import_react116.useCallback)(
     () => dispatch({ type: "focus" }),
     [dispatch]
   );
-  const onRootBlur = (0, import_react115.useCallback)(() => dispatch({ type: "blur" }), [dispatch]);
-  const onRootDragEnter = (0, import_react115.useCallback)(
+  const onRootBlur = (0, import_react116.useCallback)(() => dispatch({ type: "blur" }), [dispatch]);
+  const onRootDragEnter = (0, import_react116.useCallback)(
     async (evt) => {
       preventDefaults(evt);
       if (isEventWithFiles(evt)) {
@@ -13758,7 +13801,7 @@ var useFileUploader = (props) => {
     },
     [dispatch, accept, maxFiles]
   );
-  const onRootDragOver = (0, import_react115.useCallback)((evt) => {
+  const onRootDragOver = (0, import_react116.useCallback)((evt) => {
     preventDefaults(evt);
     const hasFiles = isEventWithFiles(evt);
     if (hasFiles && evt.dataTransfer) {
@@ -13768,7 +13811,7 @@ var useFileUploader = (props) => {
       }
     }
   }, []);
-  const onRootDragLeave = (0, import_react115.useCallback)(
+  const onRootDragLeave = (0, import_react116.useCallback)(
     (evt) => {
       preventDefaults(evt);
       if (evt.currentTarget.contains(evt.relatedTarget))
@@ -13777,7 +13820,7 @@ var useFileUploader = (props) => {
     },
     [dispatch]
   );
-  const setFiles = (0, import_react115.useCallback)(
+  const setFiles = (0, import_react116.useCallback)(
     async (evt) => {
       evt.preventDefault();
       if (isEventWithFiles(evt)) {
@@ -13809,13 +13852,13 @@ var useFileUploader = (props) => {
       dispatch
     ]
   );
-  const openFileDialog = (0, import_react115.useCallback)(() => {
+  const openFileDialog = (0, import_react116.useCallback)(() => {
     if (inputRef.current) {
       inputRef.current.value = "";
       inputRef.current.click();
     }
   }, [inputRef]);
-  const removeFile = (0, import_react115.useCallback)(
+  const removeFile = (0, import_react116.useCallback)(
     (file) => {
       const newFiles = [...stateFiles];
       newFiles.splice(stateFiles.indexOf(file), 1);
@@ -13829,7 +13872,7 @@ var useFileUploader = (props) => {
     },
     [stateFiles, isControlled, maxFiles, errorMessage, onChange, dispatch]
   );
-  const getRootProps = (0, import_react115.useCallback)(
+  const getRootProps = (0, import_react116.useCallback)(
     () => ({
       onBlur: onRootBlur,
       onFocus: onRootFocus,
@@ -13851,14 +13894,14 @@ var useFileUploader = (props) => {
       disabled
     ]
   );
-  const getButtonProps = (0, import_react115.useCallback)(
+  const getButtonProps = (0, import_react116.useCallback)(
     () => ({
       onClick: openFileDialog,
       ref: buttonRef
     }),
     [openFileDialog, buttonRef]
   );
-  const getInputProps = (0, import_react115.useCallback)(
+  const getInputProps = (0, import_react116.useCallback)(
     () => ({
       type: "file",
       style: { display: "none" },
@@ -13881,7 +13924,7 @@ var useFileUploader = (props) => {
 };
 
 // src/components/FileUploader/FileUploader.tsx
-var import_jsx_runtime268 = require("react/jsx-runtime");
+var import_jsx_runtime269 = require("react/jsx-runtime");
 var defaultWidth6 = "320px";
 var Wrapper8 = import_styled_components97.default.div`
   width: ${({ width }) => width ? width : defaultWidth6};
@@ -13918,7 +13961,7 @@ var FileUploader = (props) => {
     width,
     errorMessage
   } = props;
-  const generatedId = (0, import_react116.useId)();
+  const generatedId = (0, import_react117.useId)();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
   const {
     state: { files: stateFiles, isDragActive, rootErrors },
@@ -13941,7 +13984,7 @@ var FileUploader = (props) => {
   const hasRootErrors = rootErrors.length > 0;
   const showRequiredMarker = required;
   const tipId = derivativeIdGenerator(uniqueId, "tip");
-  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
     File,
     {
       parentId: uniqueId,
@@ -13956,21 +13999,21 @@ var FileUploader = (props) => {
     id: derivativeIdGenerator(uniqueId, `error-${index}`),
     message: e
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(Wrapper8, { width, children: [
-    hasLabel && /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Label, { showRequiredStyling: showRequiredMarker, htmlFor: uniqueId, children: label3 }),
-    hasTip && /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
-    /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(Wrapper8, { width, children: [
+    hasLabel && /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Label, { showRequiredStyling: showRequiredMarker, htmlFor: uniqueId, children: label3 }),
+    hasTip && /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
+    /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
       Root,
       {
         ...getRootProps(),
         $isDragActive: isDragActive,
         $hasRootErrors: hasRootErrors,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(FileUploaderInput, { ...getInputProps() }),
+          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(FileUploaderInput, { ...getInputProps() }),
           "Dra og slipp filer her eller",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
-          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
+          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
             Button,
             {
               ...getButtonProps(),
@@ -13993,8 +14036,8 @@ var FileUploader = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(ErrorList, { errors: rootErrorsList }),
-    /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(FileListElement, { children: fileListElements })
+    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(ErrorList, { errors: rootErrorsList }),
+    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(FileListElement, { children: fileListElements })
   ] });
 };
 FileUploader.displayName = "FileUploader";
@@ -14002,7 +14045,7 @@ FileUploader.displayName = "FileUploader";
 // src/components/EmptyContent/EmptyContent.tsx
 var import_dds_design_tokens59 = require("@norges-domstoler/dds-design-tokens");
 var import_styled_components98 = __toESM(require("styled-components"));
-var import_jsx_runtime269 = require("react/jsx-runtime");
+var import_jsx_runtime270 = require("react/jsx-runtime");
 var { colors: colors35, spacing: spacing39 } = import_dds_design_tokens59.ddsBaseTokens;
 var StyledEmptyContent = import_styled_components98.default.div`
   display: flex;
@@ -14022,15 +14065,15 @@ var StyledEmptyContentText = import_styled_components98.default.div`
   gap: ${spacing39.SizesDdsSpacingX1};
 `;
 function EmptyContent({ title: title3, message: message2, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(StyledEmptyContentText, { children: [
-    title3 && /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Typography, { typographyType: "headingSans02", children: title3 }),
-    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Typography, { typographyType: "bodySans02", children: message2 })
+  return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(StyledEmptyContentText, { children: [
+    title3 && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Typography, { typographyType: "headingSans02", children: title3 }),
+    /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Typography, { typographyType: "bodySans02", children: message2 })
   ] }) });
 }
 EmptyContent.displayName = "EmptyContent";
 
 // src/components/BackLink/BackLink.tsx
-var import_react117 = require("react");
+var import_react118 = require("react");
 var import_styled_components99 = __toESM(require("styled-components"));
 
 // src/components/BackLink/BackLink.tokens.tsx
@@ -14048,7 +14091,7 @@ var backLinkTokens = {
 };
 
 // src/components/BackLink/BackLink.tsx
-var import_jsx_runtime270 = require("react/jsx-runtime");
+var import_jsx_runtime271 = require("react/jsx-runtime");
 var Nav2 = (0, import_styled_components99.default)("nav")`
   align-items: center;
   display: flex;
@@ -14057,21 +14100,21 @@ var Nav2 = (0, import_styled_components99.default)("nav")`
 var StyledIcon4 = (0, import_styled_components99.default)(Icon)`
   color: ${backLinkTokens.icon.color};
 `;
-var BackLink = (0, import_react117.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(Nav2, { ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(StyledIcon4, { icon: icons_exports.ArrowLeftIcon, iconSize: "small" }),
-    /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Typography, { typographyType: "a", href: props.href, children: props.label })
+var BackLink = (0, import_react118.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(Nav2, { ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(StyledIcon4, { icon: icons_exports.ArrowLeftIcon, iconSize: "small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Typography, { typographyType: "a", href: props.href, children: props.label })
   ] });
 });
 BackLink.displayName = "BackLink";
 
 // src/components/Feedback/Feedback.tsx
-var import_react118 = require("react");
+var import_react119 = require("react");
 
 // src/components/Feedback/RatingComponent.tsx
 var import_styled_components100 = __toESM(require("styled-components"));
 var import_dds_design_tokens61 = require("@norges-domstoler/dds-design-tokens");
-var import_jsx_runtime271 = require("react/jsx-runtime");
+var import_jsx_runtime272 = require("react/jsx-runtime");
 var RatingContainer = import_styled_components100.default.div`
   display: flex;
   gap: ${import_dds_design_tokens61.ddsBaseTokens.spacing.SizesDdsSpacingX1};
@@ -14092,10 +14135,10 @@ var RatingComponent = ({
   thumbDownTooltip,
   handleRatingChange
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(RatingContainer, { $layout: layout, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Label, { children: ratingLabel }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Spinner, { tooltip: "Laster opp tilbakemelding ..." }) : /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(HStack, { gap: "x1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Tooltip, { text: thumbUpTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(RatingContainer, { $layout: layout, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Label, { children: ratingLabel }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Spinner, { tooltip: "Laster opp tilbakemelding ..." }) : /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(HStack, { gap: "x1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Tooltip, { text: thumbUpTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
         RatingButton,
         {
           htmlProps: { "aria-label": thumbUpTooltip },
@@ -14105,7 +14148,7 @@ var RatingComponent = ({
           size: "large"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
         RatingButton,
         {
           htmlProps: { "aria-label": thumbDownTooltip },
@@ -14122,7 +14165,7 @@ var RatingComponent = ({
 // src/components/Feedback/CommentComponent.tsx
 var import_styled_components101 = __toESM(require("styled-components"));
 var import_dds_design_tokens62 = require("@norges-domstoler/dds-design-tokens");
-var import_jsx_runtime272 = require("react/jsx-runtime");
+var import_jsx_runtime273 = require("react/jsx-runtime");
 var IconLabelSpan = import_styled_components101.default.span`
   display: inline-flex;
   align-items: center;
@@ -14138,21 +14181,21 @@ var CommentComponent = ({
   handleSubmit,
   handleFeedbackTextChange
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(VStack, { gap: "x1", align: "flex-start", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(IconLabelSpan, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(VStack, { gap: "x1", align: "flex-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(IconLabelSpan, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
         Icon,
         {
           icon: rating === "positive" ? ThumbupFilled : ThumbdownFilled,
           color: import_dds_design_tokens62.ddsBaseTokens.colors.DdsColorInteractiveBase
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(Paragraph, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(Paragraph, { children: [
         ratingSubmittedTitle,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
       TextArea,
       {
         value: feedbackText,
@@ -14161,7 +14204,7 @@ var CommentComponent = ({
         tip: "Ikke send inn personopplysninger eller annen sensitiv informasjon"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
       Button,
       {
         purpose: "secondary",
@@ -14175,7 +14218,7 @@ var CommentComponent = ({
 };
 
 // src/components/Feedback/Feedback.tsx
-var import_jsx_runtime273 = require("react/jsx-runtime");
+var import_jsx_runtime274 = require("react/jsx-runtime");
 var Feedback = ({
   layout = "vertical",
   ratingLabel = "Hva syns du om tjenesten?",
@@ -14194,16 +14237,16 @@ var Feedback = ({
   onFeedbackTextChange,
   onSubmit
 }) => {
-  const [rating, setRating] = (0, import_react118.useState)(null);
-  const [feedbackText, setFeedbackText] = (0, import_react118.useState)();
-  const [isFeedbackSubmitted, setIsFeedbackSubmitted] = (0, import_react118.useState)(false);
-  (0, import_react118.useEffect)(() => {
+  const [rating, setRating] = (0, import_react119.useState)(null);
+  const [feedbackText, setFeedbackText] = (0, import_react119.useState)();
+  const [isFeedbackSubmitted, setIsFeedbackSubmitted] = (0, import_react119.useState)(false);
+  (0, import_react119.useEffect)(() => {
     ratingProp !== void 0 && setRating(ratingProp);
   }, [ratingProp]);
-  (0, import_react118.useEffect)(() => {
+  (0, import_react119.useEffect)(() => {
     feedbackTextProp !== void 0 && setFeedbackText(feedbackTextProp);
   }, [feedbackTextProp]);
-  (0, import_react118.useEffect)(() => {
+  (0, import_react119.useEffect)(() => {
     isSubmittedProp !== void 0 && setIsFeedbackSubmitted(isSubmittedProp);
   }, [isSubmittedProp]);
   const handleRatingChange = (newRating) => {
@@ -14220,7 +14263,7 @@ var Feedback = ({
     isSubmittedProp === void 0 && setIsFeedbackSubmitted(true);
   };
   if (rating === null && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
       RatingComponent,
       {
         layout,
@@ -14233,7 +14276,7 @@ var Feedback = ({
     );
   }
   if (!feedbackTextAreaExcluded && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
       CommentComponent,
       {
         rating,
@@ -14247,7 +14290,7 @@ var Feedback = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Paragraph, { children: submittedTitle });
+  return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(Paragraph, { children: submittedTitle });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {