@norges-domstoler/dds-components 13.11.2 → 13.11.3

package/dist/index.mjs

@@ -6084,21 +6084,34 @@ var Card = (props) => {
 Card.displayName = "Card";
 
 // src/components/Card/CardAccordion/CardAccordion.tsx
-import {
-  forwardRef as forwardRef32,
-  useState as useState13,
-  useEffect as useEffect8,
-  Children as ReactChildren2,
-  cloneElement as cloneElement3,
-  isValidElement as isValidElement3,
-  useId as useId12,
-  useCallback as useCallback3
-} from "react";
+import { forwardRef as forwardRef32, useState as useState13, useEffect as useEffect8, useId as useId12, useCallback as useCallback3 } from "react";
 import styled43 from "styled-components";
 import {
   getBaseHTMLProps as getBaseHTMLProps25
 } from "@norges-domstoler/dds-core";
+
+// src/components/Card/CardAccordion/CardAccordionContext.tsx
+import { createContext as createContext4, useContext as useContext6 } from "react";
 import { jsx as jsx49 } from "react/jsx-runtime";
+var CardAccordionContext = createContext4({});
+var CardAccordionContextProvider = ({
+  children,
+  ...values
+}) => {
+  return /* @__PURE__ */ jsx49(CardAccordionContext.Provider, { value: values, children });
+};
+var useCardAccordionContext = () => {
+  const context = useContext6(CardAccordionContext);
+  if (!context) {
+    throw new Error(
+      "useCardAccordionContext must be used within a CardAccordionContextProvider. Have you wrapped <CardAccordionHeader> and <CardAccordionBody> inside a <CardAccordion>?"
+    );
+  }
+  return context;
+};
+
+// src/components/Card/CardAccordion/CardAccordion.tsx
+import { jsx as jsx50 } from "react/jsx-runtime";
 var Wrapper4 = styled43.div``;
 var CardAccordion = forwardRef32(
   (props, ref) => {
@@ -6118,31 +6131,24 @@ var CardAccordion = forwardRef32(
       setExpanded(isExpanded);
     }, [isExpanded]);
     const toggleExpanded = useCallback3(() => {
-      const newExpanded = !expanded;
-      setExpanded(newExpanded);
-      if (onChange) {
-        onChange(newExpanded);
-      }
-    }, [expanded, onChange]);
-    const Children9 = ReactChildren2.map(children, (child, childIndex) => {
-      const headerId = `${accordionId}-header`;
-      const bodyId = `${accordionId}-body`;
-      return isValidElement3(child) && (childIndex === 0 ? cloneElement3(child, {
+      setExpanded((prevExpanded) => {
+        const newExpanded = !prevExpanded;
+        if (onChange) {
+          onChange(newExpanded);
+        }
+        return newExpanded;
+      });
+    }, [onChange]);
+    return /* @__PURE__ */ jsx50(Wrapper4, { ...getBaseHTMLProps25(id, className, htmlProps, rest), ref, children: /* @__PURE__ */ jsx50(
+      CardAccordionContextProvider,
+      {
+        headerId: `${accordionId}-header`,
+        bodyId: `${accordionId}-body`,
         isExpanded: expanded,
         toggleExpanded,
-        id: headerId,
-        bodyId
-      }) : cloneElement3(child, {
-        isExpanded: expanded,
-        id: bodyId,
-        headerId
-      }));
-    });
-    const wrapperProps = {
-      ...getBaseHTMLProps25(id, className, htmlProps, rest),
-      ref
-    };
-    return /* @__PURE__ */ jsx49(Wrapper4, { ...wrapperProps, children: Children9 });
+        children
+      }
+    ) });
   }
 );
 CardAccordion.displayName = "CardAccordion";
@@ -6151,7 +6157,7 @@ CardAccordion.displayName = "CardAccordion";
 import { forwardRef as forwardRef33 } from "react";
 import styled44, { css as css21 } from "styled-components";
 
-// src/components/Card/CardAccordion/CardAccordion.tokens.tsx
+// src/components/Card/CardAccordion/CardAccordion.tokens.ts
 import { ddsBaseTokens as ddsBaseTokens21 } from "@norges-domstoler/dds-design-tokens";
 var { spacing: spacing18, border: border8, iconSizes: iconSizes5 } = ddsBaseTokens21;
 var typographyTypes4 = {
@@ -6195,7 +6201,7 @@ import {
 import {
   getFontStyling as getFontStyling12
 } from "@norges-domstoler/dds-typography";
-import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 var { header: header2, chevronWrapper: chevronWrapper2 } = cardAccordionTokens;
 var ContentWrapper = styled44.div`
   text-align: left;
@@ -6251,10 +6257,6 @@ var ChevronWrapper = styled44.span`
 var CardAccordionHeader = forwardRef33((props, ref) => {
   const {
     children,
-    isExpanded = false,
-    toggleExpanded,
-    bodyId,
-    id,
     className,
     htmlProps,
     padding,
@@ -6262,32 +6264,33 @@ var CardAccordionHeader = forwardRef33((props, ref) => {
     bold,
     ...rest
   } = props;
-  const handleClick = () => {
-    if (toggleExpanded) {
-      toggleExpanded();
-    }
-  };
+  const {
+    headerId: id,
+    bodyId,
+    toggleExpanded,
+    isExpanded
+  } = useCardAccordionContext();
   const headerWrapperProps = {
     ...getBaseHTMLProps26(id, className, htmlProps, rest),
     "aria-expanded": isExpanded,
     "aria-controls": bodyId,
     ref,
-    onClick: handleClick
+    onClick: toggleExpanded
   };
   const chevronProps = {
     isUp: isExpanded,
     width: cardAccordionTokens.chevron.width,
     height: cardAccordionTokens.chevron.height
   };
-  return /* @__PURE__ */ jsx50(HeaderWrapperButton, { ...headerWrapperProps, type: "button", children: /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsx51(HeaderWrapperButton, { ...headerWrapperProps, type: "button", children: /* @__PURE__ */ jsxs29(
     HeaderContainer,
     {
       typographyType: typographyType7,
       padding,
       bold,
       children: [
-        /* @__PURE__ */ jsx50(ContentWrapper, { children }),
-        /* @__PURE__ */ jsx50(ChevronWrapper, { children: /* @__PURE__ */ jsx50(AnimatedChevronUpDown2, { ...chevronProps }) })
+        /* @__PURE__ */ jsx51(ContentWrapper, { children }),
+        /* @__PURE__ */ jsx51(ChevronWrapper, { children: /* @__PURE__ */ jsx51(AnimatedChevronUpDown2, { ...chevronProps }) })
       ]
     }
   ) });
@@ -6326,7 +6329,7 @@ function useElementHeight(element3) {
 }
 
 // src/components/Card/CardAccordion/CardAccordionBody.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var expandingAnimation = css22`
   @media (prefers-reduced-motion: no-preference) {
     transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -6341,6 +6344,9 @@ var Body2 = styled45.div.withConfig({
     return prop !== "animate" && prop !== "height" && prop !== "isExpanded";
   }
 })`
+  ${({ isExpanded }) => !isExpanded && css22`
+      display: none;
+    `}
   @media (prefers-reduced-motion: no-preference) {
     ${({ animate }) => animate && expandingAnimation}
   }
@@ -6368,17 +6374,8 @@ var BodyContainer = styled45.div.withConfig({
 `;
 var CardAccordionBody = forwardRef34((props, ref) => {
   var _a;
-  const {
-    children,
-    isExpanded,
-    headerId,
-    id,
-    className,
-    htmlProps,
-    padding,
-    paddingTop,
-    ...rest
-  } = props;
+  const { children, className, htmlProps, padding, paddingTop, ...rest } = props;
+  const { headerId, isExpanded, bodyId: id } = useCardAccordionContext();
   const bodyRef = useRef8(null);
   const [animate, setAnimate] = useState15(false);
   const isMounted = useIsMounted();
@@ -6394,27 +6391,28 @@ var CardAccordionBody = forwardRef34((props, ref) => {
       setAnimate(true);
     }
   }, [isMounted]);
-  const bodyProps = {
-    ...getBaseHTMLProps27(id, className, htmlProps, rest),
-    ref,
-    isExpanded,
-    role: "region",
-    height: (_a = height != null ? height : initialExpandedHeight) != null ? _a : 0
-  };
-  const bodyContainerProps = {
-    ref: bodyRef,
-    isExpanded,
-    padding,
-    paddingTop
-  };
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Body2,
     {
-      ...bodyProps,
+      ...getBaseHTMLProps27(id, className, htmlProps, rest),
+      ref,
+      isExpanded,
+      role: "region",
+      height: (_a = height != null ? height : initialExpandedHeight) != null ? _a : 0,
       animate,
       "aria-labelledby": headerId,
       "aria-hidden": !isExpanded,
-      children: /* @__PURE__ */ jsx51(BodyContainer, { ...bodyContainerProps, animate, children })
+      children: /* @__PURE__ */ jsx52(
+        BodyContainer,
+        {
+          ref: bodyRef,
+          isExpanded,
+          padding,
+          paddingTop,
+          animate,
+          children
+        }
+      )
     }
   );
 });
@@ -6551,7 +6549,7 @@ import { forwardRef as forwardRef35 } from "react";
 import styled47, { css as css24 } from "styled-components";
 import { getFontStyling as getFontStyling14 } from "@norges-domstoler/dds-typography";
 import { focusVisible as focusVisible6 } from "@norges-domstoler/dds-form";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var { navLink: navLink2 } = internalHeaderTokens;
 var Link2 = styled47.a.withConfig({
   shouldForwardProp: (prop) => prop !== "isCurrent"
@@ -6592,13 +6590,13 @@ var NavigationItem2 = forwardRef35(({ title: title3, isCurrent, ...rest }, ref)
     isCurrent,
     ...rest
   };
-  return /* @__PURE__ */ jsx52(Link2, { ...linkProps, "aria-current": isCurrent ? "page" : void 0, children: title3 });
+  return /* @__PURE__ */ jsx53(Link2, { ...linkProps, "aria-current": isCurrent ? "page" : void 0, children: title3 });
 });
 
 // src/components/InternalHeader/InternalHeaderListItem.tsx
 import { forwardRef as forwardRef36 } from "react";
 import styled48 from "styled-components";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var Li = styled48.li`
   box-sizing: border-box;
 `;
@@ -6607,13 +6605,13 @@ var InternalHeaderListItem = forwardRef36(({ children, ...rest }, ref) => {
     ref,
     ...rest
   };
-  return /* @__PURE__ */ jsx53(Li, { ...props, children });
+  return /* @__PURE__ */ jsx54(Li, { ...props, children });
 });
 
 // src/components/InternalHeader/InternalHeader.tsx
 import { getBaseHTMLProps as getBaseHTMLProps28 } from "@norges-domstoler/dds-core";
 import { MenuIcon as MenuIcon2, MoreVerticalIcon } from "@norges-domstoler/dds-icons";
-import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
 var InternalHeader = (props) => {
   const {
     applicationDesc,
@@ -6645,10 +6643,10 @@ var InternalHeader = (props) => {
   const hasNavigationElements = !!navigationElements && navigationElements.length > 0;
   const hasContextMenuElements = !!contextMenuElements && contextMenuElements.length > 0;
   const hasNavInContextMenu = smallScreen && hasNavigationElements;
-  const navigation4 = hasNavigationElements && !smallScreen ? /* @__PURE__ */ jsx54(Navigation2, { "aria-label": "sidenavigasjon", children: /* @__PURE__ */ jsx54(NavigationList, { children: navigationElements.map((item, index) => {
+  const navigation4 = hasNavigationElements && !smallScreen ? /* @__PURE__ */ jsx55(Navigation2, { "aria-label": "sidenavigasjon", children: /* @__PURE__ */ jsx55(NavigationList, { children: navigationElements.map((item, index) => {
     const { href, ...rest2 } = item;
     const isCurrent = href === currentPage;
-    return /* @__PURE__ */ jsx54(InternalHeaderListItem, { children: /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx55(InternalHeaderListItem, { children: /* @__PURE__ */ jsx55(
       NavigationItem2,
       {
         href,
@@ -6660,13 +6658,13 @@ var InternalHeader = (props) => {
   }) }) }) : null;
   const hasContextMenu = hasContextMenuElements || !!userProps || hasNavInContextMenu;
   return /* @__PURE__ */ jsxs30(OuterContainer3, { ...getBaseHTMLProps28(id, className, htmlProps, rest), children: [
-    /* @__PURE__ */ jsx54(BannerWrapper, { $hasContextMenu: hasContextMenu, children: /* @__PURE__ */ jsxs30(BannerLeftWrapper, { children: [
-      /* @__PURE__ */ jsx54(LovisaWrapper, { children: /* @__PURE__ */ jsx54(Typography12, { typographyType: "bodySans02", bold: true, as: "span", children: applicationName }) }),
-      /* @__PURE__ */ jsx54(ApplicationNameWrapper, { children: /* @__PURE__ */ jsx54(Typography12, { typographyType: "bodySans02", as: "span", children: applicationDesc }) })
+    /* @__PURE__ */ jsx55(BannerWrapper, { $hasContextMenu: hasContextMenu, children: /* @__PURE__ */ jsxs30(BannerLeftWrapper, { children: [
+      /* @__PURE__ */ jsx55(LovisaWrapper, { children: /* @__PURE__ */ jsx55(Typography12, { typographyType: "bodySans02", bold: true, as: "span", children: applicationName }) }),
+      /* @__PURE__ */ jsx55(ApplicationNameWrapper, { children: /* @__PURE__ */ jsx55(Typography12, { typographyType: "bodySans02", as: "span", children: applicationDesc }) })
     ] }) }),
     navigation4,
     hasContextMenu && /* @__PURE__ */ jsxs30(ContextMenuGroup, { children: [
-      /* @__PURE__ */ jsx54(
+      /* @__PURE__ */ jsx55(
         Button,
         {
           ref: buttonRef,
@@ -6679,7 +6677,7 @@ var InternalHeader = (props) => {
           "aria-label": "\xE5pne meny"
         }
       ),
-      /* @__PURE__ */ jsx54(
+      /* @__PURE__ */ jsx55(
         StyledOverflowMenu,
         {
           isOpen: !contextMenuIsClosed,
@@ -6747,7 +6745,7 @@ var datepickerTokens = {
 };
 
 // src/components/Datepicker/Datepicker.tsx
-import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
 var StyledInput2 = styled49(StatefulInput3)`
   &::-webkit-calendar-picker-indicator {
     background-image: ${`url('${calendar_today_default}')`};
@@ -6848,8 +6846,8 @@ var Datepicker = forwardRef37(
       className
     };
     return /* @__PURE__ */ jsxs31(OuterInputContainer2, { ...outerinputContainerProps, children: [
-      hasLabel && /* @__PURE__ */ jsx55(Label5, { htmlFor: uniqueId, showRequiredStyling: !!showRequiredStyling, children: label3 }),
-      /* @__PURE__ */ jsx55(StyledInput2, { ...inputProps }),
+      hasLabel && /* @__PURE__ */ jsx56(Label5, { htmlFor: uniqueId, showRequiredStyling: !!showRequiredStyling, children: label3 }),
+      /* @__PURE__ */ jsx56(StyledInput2, { ...inputProps }),
       renderInputMessage(tip, tipId, errorMessage, errorMessageId)
     ] });
   }
@@ -6917,7 +6915,7 @@ var skipToContentTokens = {
 };
 
 // src/components/SkipToContent/SkipToContent.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var { wrapper: wrapper2, link: link4 } = skipToContentTokens;
 var Wrapper5 = styled50.div`
   box-sizing: border-box;
@@ -6976,13 +6974,13 @@ var SkipToContent = forwardRef38(
       style,
       ...restHtmlProps
     } = htmlProps;
-    return /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx57(
       Wrapper5,
       {
         $top: top,
         className: cn3(className, htmlPropsClassName),
         style,
-        children: /* @__PURE__ */ jsx56(Link3, { ...getBaseHTMLProps29(id, restHtmlProps, rest), ref, children: text })
+        children: /* @__PURE__ */ jsx57(Link3, { ...getBaseHTMLProps29(id, restHtmlProps, rest), ref, children: text })
       }
     );
   }
@@ -6991,10 +6989,10 @@ SkipToContent.displayName = "SkipToContent";
 
 // src/components/Tooltip/Tooltip.tsx
 import {
-  Children as ReactChildren3,
-  cloneElement as cloneElement4,
+  Children as ReactChildren2,
+  cloneElement as cloneElement3,
   forwardRef as forwardRef39,
-  isValidElement as isValidElement4,
+  isValidElement as isValidElement3,
   useEffect as useEffect11,
   useId as useId14,
   useRef as useRef10,
@@ -7059,7 +7057,7 @@ var TooltipWrapper = styled51(Paper2)`
 `;
 
 // src/components/Tooltip/Tooltip.tsx
-import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
 var { svgArrow: svgArrow2 } = tooltipTokens;
 var Tooltip = forwardRef39(
   (props, ref) => {
@@ -7139,8 +7137,8 @@ var Tooltip = forwardRef39(
       }
     };
     const anchorProps = children.props;
-    const anchorElement = ReactChildren3.only(
-      isValidElement4(children) && cloneElement4(children, {
+    const anchorElement = ReactChildren2.only(
+      isValidElement3(children) && cloneElement3(children, {
         ref: refs.setReference,
         onFocus: combineHandlers2(openTooltip, anchorProps.onFocus),
         onBlur: combineHandlers2(closeTooltip, anchorProps.onBlur),
@@ -7169,15 +7167,15 @@ var Tooltip = forwardRef39(
       anchorElement,
       /* @__PURE__ */ jsxs32(TooltipWrapper, { ...wrapperProps, elevation: 1, border: "light", children: [
         text,
-        /* @__PURE__ */ jsx57(ArrowWrapper, { ...arrowWrapperProps, children: /* @__PURE__ */ jsxs32(SvgArrow, { children: [
-          /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx58(ArrowWrapper, { ...arrowWrapperProps, children: /* @__PURE__ */ jsxs32(SvgArrow, { children: [
+          /* @__PURE__ */ jsx58(
             "path",
             {
               d: "M16.586 6.586L10 0h16.154a.373.373 0 00-.263.11l-6.477 6.476a2 2 0 01-2.828 0z",
               fill: svgArrow2.background.fill
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             "path",
             {
               fillRule: "evenodd",
@@ -7281,7 +7279,7 @@ function handleElementWithBackdropUnmount(container16) {
 }
 
 // src/components/Modal/Modal.tsx
-import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs33 } from "react/jsx-runtime";
 var { container: container10, contentContainer: contentContainer4 } = modalTokens;
 var Container8 = styled53(Paper3)`
   display: flex;
@@ -7344,7 +7342,7 @@ var Modal = forwardRef40((props, ref) => {
   useOnKeyDown4(["Escape", "Esc"], () => handleClose());
   const hasTransitionedIn = useMountTransition(isOpen, 200);
   return isOpen || hasTransitionedIn ? createPortal(
-    /* @__PURE__ */ jsx58(Backdrop, { isOpen: hasTransitionedIn && isOpen, children: /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsx59(Backdrop, { isOpen: hasTransitionedIn && isOpen, children: /* @__PURE__ */ jsxs33(
       Container8,
       {
         ...getBaseHTMLProps31(id, className, htmlProps, rest),
@@ -7358,10 +7356,10 @@ var Modal = forwardRef40((props, ref) => {
         elevation: 4,
         children: [
           /* @__PURE__ */ jsxs33(ContentContainer2, { children: [
-            header3 && /* @__PURE__ */ jsx58(HeaderContainer2, { id: headerId, children: typeof header3 === "string" ? /* @__PURE__ */ jsx58(Typography13, { typographyType: "headingSans03", children: header3 }) : header3 }),
+            header3 && /* @__PURE__ */ jsx59(HeaderContainer2, { id: headerId, children: typeof header3 === "string" ? /* @__PURE__ */ jsx59(Typography13, { typographyType: "headingSans03", children: header3 }) : header3 }),
             children
           ] }),
-          onClose && /* @__PURE__ */ jsx58(
+          onClose && /* @__PURE__ */ jsx59(
             StyledButton2,
             {
               size: "small",
@@ -7386,7 +7384,7 @@ import styled54 from "styled-components";
 import {
   getBaseHTMLProps as getBaseHTMLProps32
 } from "@norges-domstoler/dds-core";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var Container9 = styled54.div``;
 var ModalBody = forwardRef41(
   (props, ref) => {
@@ -7395,7 +7393,7 @@ var ModalBody = forwardRef41(
       ...getBaseHTMLProps32(id, className, htmlProps, rest),
       ref
     };
-    return scrollable ? /* @__PURE__ */ jsx59(Container9, { ...containerProps, children: /* @__PURE__ */ jsx59(ScrollableContainer, { contentHeight: height, children }) }) : /* @__PURE__ */ jsx59(Container9, { ...containerProps, children });
+    return scrollable ? /* @__PURE__ */ jsx60(Container9, { ...containerProps, children: /* @__PURE__ */ jsx60(ScrollableContainer, { contentHeight: height, children }) }) : /* @__PURE__ */ jsx60(Container9, { ...containerProps, children });
   }
 );
 ModalBody.displayName = "ModalBody";
@@ -7403,7 +7401,7 @@ ModalBody.displayName = "ModalBody";
 // src/components/Modal/ModalActions.tsx
 import { forwardRef as forwardRef42 } from "react";
 import styled55 from "styled-components";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var Container10 = styled55.div`
   display: flex;
   flex-wrap: wrap;
@@ -7415,7 +7413,7 @@ var ModalActions = forwardRef42(
       ref,
       ...rest
     };
-    return /* @__PURE__ */ jsx60(Container10, { ...containerProps, children });
+    return /* @__PURE__ */ jsx61(Container10, { ...containerProps, children });
   }
 );
 ModalActions.displayName = "ModalActions";
@@ -7455,7 +7453,7 @@ var drawerTokens = {
 
 // src/components/Drawer/Drawer.tsx
 import { focusVisible as focusVisible8 } from "@norges-domstoler/dds-form";
-import { jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
 var { container: container12, contentContainer: contentContainer6 } = drawerTokens;
 var getMaxWidth = (size) => {
   if (size === "large")
@@ -7575,11 +7573,11 @@ var Drawer = forwardRef43((props, ref) => {
   };
   return isOpen || hasTransitionedIn ? createPortal2(
     /* @__PURE__ */ jsxs34(Container11, { ...containerProps, elevation: 4, children: [
-      /* @__PURE__ */ jsx61(ScrollableContainer, { children: /* @__PURE__ */ jsxs34(ContentContainer3, { children: [
-        hasHeader && /* @__PURE__ */ jsx61(HeaderContainer3, { ...headerContainerProps, children: typeof header3 === "string" ? /* @__PURE__ */ jsx61(Typography14, { typographyType: "headingSans03", children: header3 }) : header3 }),
+      /* @__PURE__ */ jsx62(ScrollableContainer, { children: /* @__PURE__ */ jsxs34(ContentContainer3, { children: [
+        hasHeader && /* @__PURE__ */ jsx62(HeaderContainer3, { ...headerContainerProps, children: typeof header3 === "string" ? /* @__PURE__ */ jsx62(Typography14, { typographyType: "headingSans03", children: header3 }) : header3 }),
         children
       ] }) }),
-      /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsx62(
         StyledButton3,
         {
           "data-testid": "drawer-close-btn",
@@ -7599,9 +7597,9 @@ Drawer.displayName = "Drawer";
 
 // src/components/Drawer/DrawerGroup.tsx
 import {
-  Children as ReactChildren4,
-  isValidElement as isValidElement5,
-  cloneElement as cloneElement5,
+  Children as ReactChildren3,
+  isValidElement as isValidElement4,
+  cloneElement as cloneElement4,
   useState as useState18,
   useRef as useRef11,
   useId as useId17
@@ -7627,14 +7625,14 @@ var DrawerGroup = ({
     close();
     onClose && onClose();
   };
-  const Children9 = ReactChildren4.map(children, (child, childIndex) => {
-    return isValidElement5(child) && (childIndex === 0 ? cloneElement5(child, {
+  const Children9 = ReactChildren3.map(children, (child, childIndex) => {
+    return isValidElement4(child) && (childIndex === 0 ? cloneElement4(child, {
       "aria-haspopup": "dialog",
       "aria-controls": uniqueDrawerId,
       "aria-expanded": !closed,
       ref: buttonRef,
       onClick: handleOpen
-    }) : cloneElement5(child, {
+    }) : cloneElement4(child, {
       id: uniqueDrawerId,
       triggerRef: buttonRef,
       isOpen: !closed,
@@ -7695,7 +7693,7 @@ var popoverTokens = {
 import { CloseIcon as CloseIcon6 } from "@norges-domstoler/dds-icons";
 import { Paper as Paper5 } from "@norges-domstoler/dds-core";
 import { focusVisible as focusVisible9 } from "@norges-domstoler/dds-form";
-import { jsx as jsx62, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs36 } from "react/jsx-runtime";
 var { spacing: Spacing } = ddsBaseTokens30;
 var { wrapper: wrapper6, content: content4, closeButton: closeButton2, title: title2 } = popoverTokens;
 var Wrapper6 = styled57(Paper5)`
@@ -7784,8 +7782,8 @@ var Popover = forwardRef44(
         elevation: 3,
         border: "light",
         children: [
-          title3 && /* @__PURE__ */ jsx62(TitleContainer, { children: typeof title3 === "string" ? /* @__PURE__ */ jsx62(Typography15, { typographyType: "headingSans02", children: title3 }) : title3 }),
-          /* @__PURE__ */ jsx62(
+          title3 && /* @__PURE__ */ jsx63(TitleContainer, { children: typeof title3 === "string" ? /* @__PURE__ */ jsx63(Typography15, { typographyType: "headingSans02", children: title3 }) : title3 }),
+          /* @__PURE__ */ jsx63(
             ContentContainer4,
             {
               $hasTitle: !!title3,
@@ -7793,7 +7791,7 @@ var Popover = forwardRef44(
               children
             }
           ),
-          withCloseButton && /* @__PURE__ */ jsx62(
+          withCloseButton && /* @__PURE__ */ jsx63(
             StyledButton4,
             {
               icon: CloseIcon6,
@@ -7814,14 +7812,14 @@ Popover.displayName = "Popover";
 // src/components/Popover/PopoverGroup.tsx
 import {
   useState as useState19,
-  Children as ReactChildren5,
-  cloneElement as cloneElement6,
-  isValidElement as isValidElement6,
+  Children as ReactChildren4,
+  cloneElement as cloneElement5,
+  isValidElement as isValidElement5,
   useRef as useRef12,
   useId as useId18
 } from "react";
 import { useOnKeyDown as useOnKeyDown6 } from "@norges-domstoler/dds-core";
-import { Fragment as Fragment10, jsx as jsx63 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx64 } from "react/jsx-runtime";
 var PopoverGroup = ({
   isOpen = false,
   onCloseButtonClick,
@@ -7850,14 +7848,14 @@ var PopoverGroup = ({
     }
   });
   const handleClose = () => setOpen(false);
-  const Children9 = ReactChildren5.map(children, (child, childIndex) => {
-    return isValidElement6(child) && (childIndex === 0 ? cloneElement6(child, {
+  const Children9 = ReactChildren4.map(children, (child, childIndex) => {
+    return isValidElement5(child) && (childIndex === 0 ? cloneElement5(child, {
       "aria-haspopup": "dialog",
       "aria-controls": uniquePopoverId,
       "aria-expanded": open,
       onClick: handleOnTriggerClick,
       ref: buttonRef
-    }) : cloneElement6(child, {
+    }) : cloneElement5(child, {
       isOpen: open,
       "aria-hidden": !open,
       id: uniquePopoverId,
@@ -7867,7 +7865,7 @@ var PopoverGroup = ({
       onClose: handleClose
     }));
   });
-  return /* @__PURE__ */ jsx63(Fragment10, { children: Children9 });
+  return /* @__PURE__ */ jsx64(Fragment10, { children: Children9 });
 };
 PopoverGroup.displayName = "PopoverGroup";
 
@@ -7916,7 +7914,7 @@ var toggleButtonTokens = {
 };
 
 // src/components/ToggleButton/ToggleButton.tsx
-import { jsx as jsx64, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs37 } from "react/jsx-runtime";
 var { toggleButton: toggleButton2 } = toggleButtonTokens;
 var Content2 = styled58.span`
   display: flex;
@@ -7975,7 +7973,7 @@ var ToggleButton = forwardRef45(
     const generatedId = useId19();
     const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
     return /* @__PURE__ */ jsxs37(Container12, { htmlFor: uniqueId, children: [
-      /* @__PURE__ */ jsx64(
+      /* @__PURE__ */ jsx65(
         HiddenInput3,
         {
           ...getBaseHTMLProps35(uniqueId, className, htmlProps, rest),
@@ -7984,7 +7982,7 @@ var ToggleButton = forwardRef45(
         }
       ),
       /* @__PURE__ */ jsxs37(Content2, { $hasIcon: !!icon12, children: [
-        icon12 && /* @__PURE__ */ jsx64(Icon15, { icon: icon12, iconSize: "inherit" }),
+        icon12 && /* @__PURE__ */ jsx65(Icon15, { icon: icon12, iconSize: "inherit" }),
         " ",
         label3
       ] })
@@ -8000,7 +7998,7 @@ import {
   getBaseHTMLProps as getBaseHTMLProps36
 } from "@norges-domstoler/dds-core";
 import { Typography as Typography16 } from "@norges-domstoler/dds-typography";
-import { jsx as jsx65, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs38 } from "react/jsx-runtime";
 var Group = styled59.div`
   gap: ${toggleButtonTokens.group.gap};
   display: flex;
@@ -8036,7 +8034,7 @@ var ToggleButtonGroup = (props) => {
     "aria-labelledby": label3 ? uniqueLabelId : void 0
   };
   return /* @__PURE__ */ jsxs38(Container13, { ...containerProps, children: [
-    !!label3 && /* @__PURE__ */ jsx65(
+    !!label3 && /* @__PURE__ */ jsx66(
       Typography16,
       {
         as: "span",
@@ -8045,7 +8043,7 @@ var ToggleButtonGroup = (props) => {
         children: label3
       }
     ),
-    /* @__PURE__ */ jsx65(Group, { ...groupProps, children })
+    /* @__PURE__ */ jsx66(Group, { ...groupProps, children })
   ] });
 };
 ToggleButtonGroup.displayName = "ToggleButtonGroup";
@@ -8064,8 +8062,8 @@ import {
 } from "@norges-domstoler/dds-core";
 
 // src/components/Tabs/Tabs.context.tsx
-import { createContext as createContext4, useContext as useContext6 } from "react";
-var TabsContext = createContext4({
+import { createContext as createContext5, useContext as useContext7 } from "react";
+var TabsContext = createContext5({
   activeTab: 0,
   tabsId: "",
   handleTabChange: () => null,
@@ -8075,10 +8073,10 @@ var TabsContext = createContext4({
   setHasTabFocus: () => null,
   tabContentDirection: "row"
 });
-var useTabsContext = () => useContext6(TabsContext);
+var useTabsContext = () => useContext7(TabsContext);
 
 // src/components/Tabs/Tabs.tsx
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 var Container14 = styled60.div`
   ${({ $width }) => $width && css30`
       width: ${$width};
@@ -8115,7 +8113,7 @@ var Tabs = forwardRef46((props, ref) => {
     ...getBaseHTMLProps37(uniqueId, className, htmlProps, rest),
     ref
   };
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     TabsContext.Provider,
     {
       value: {
@@ -8128,7 +8126,7 @@ var Tabs = forwardRef46((props, ref) => {
         setHasTabFocus,
         tabContentDirection
       },
-      children: /* @__PURE__ */ jsx66(Container14, { ...containerProps, $width: width, children })
+      children: /* @__PURE__ */ jsx67(Container14, { ...containerProps, $width: width, children })
     }
   );
 });
@@ -8199,7 +8197,7 @@ var tabsTokens = {
 };
 
 // src/components/Tabs/Tab.tsx
-import { jsx as jsx67, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs39 } from "react/jsx-runtime";
 var { tab: tab2 } = tabsTokens;
 var Button2 = styled61.button`
   ${normalizeButton5}
@@ -8300,8 +8298,8 @@ var Tab = forwardRef47((props, ref) => {
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon12 && /* @__PURE__ */ jsx67(Icon16, { icon: icon12, iconSize: "inherit" }),
-        /* @__PURE__ */ jsx67("span", { children })
+        icon12 && /* @__PURE__ */ jsx68(Icon16, { icon: icon12, iconSize: "inherit" }),
+        /* @__PURE__ */ jsx68("span", { children })
       ]
     }
   );
@@ -8312,8 +8310,8 @@ Tab.displayName = "Tab";
 import {
   forwardRef as forwardRef48,
   Children as Children4,
-  isValidElement as isValidElement7,
-  cloneElement as cloneElement7
+  isValidElement as isValidElement6,
+  cloneElement as cloneElement6
 } from "react";
 import styled62 from "styled-components";
 import {
@@ -8326,7 +8324,7 @@ import {
   focusVisibleTransitionValue as focusVisibleTransitionValue8,
   focusVisible as focusVisible12
 } from "@norges-domstoler/dds-form";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var { tabList: tabList2 } = tabsTokens;
 var TabRow = styled62.div`
   border-bottom: ${tabList2.borderBottom};
@@ -8364,7 +8362,7 @@ var TabList = forwardRef48(
     const [focus, setFocus] = useRoveFocus3(childrenArray, !hasTabFocus, "row");
     const combinedRef = useCombinedRef9(ref, tabListRef);
     const tabListChildren = Children4.map(children, (child, index) => {
-      return isValidElement7(child) && cloneElement7(child, {
+      return isValidElement6(child) && cloneElement6(child, {
         id: `${tabsId}-tab-${index}`,
         "aria-controls": `${tabsId}-panel-${index}`,
         active: activeTab === index,
@@ -8395,7 +8393,7 @@ var TabList = forwardRef48(
       tabIndex: 0,
       onFocus: handleOnFocus
     };
-    return /* @__PURE__ */ jsx68(TabRow, { ...tabListProps, children: tabListChildren });
+    return /* @__PURE__ */ jsx69(TabRow, { ...tabListProps, children: tabListChildren });
   }
 );
 TabList.displayName = "TabList";
@@ -8410,7 +8408,7 @@ import {
   focusVisibleTransitionValue as focusVisibleTransitionValue9,
   focusVisible as focusVisible13
 } from "@norges-domstoler/dds-form";
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var { panel: panel2 } = tabsTokens;
 var Panel = styled63.div`
   padding: ${panel2.padding};
@@ -8427,7 +8425,7 @@ var Panel = styled63.div`
 `;
 var TabPanel = forwardRef49(
   ({ active = false, children, id, className, htmlProps, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       Panel,
       {
         ...getBaseHTMLProps39(id, className, htmlProps, rest),
@@ -8446,25 +8444,25 @@ TabPanel.displayName = "TabPanel";
 import {
   forwardRef as forwardRef50,
   Children as Children5,
-  cloneElement as cloneElement8,
-  isValidElement as isValidElement8
+  cloneElement as cloneElement7,
+  isValidElement as isValidElement7
 } from "react";
 import { useCombinedRef as useCombinedRef10 } from "@norges-domstoler/dds-core";
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 var TabPanels = forwardRef50(
   ({ children, ...rest }, ref) => {
     const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
     const combinedRef = useCombinedRef10(ref, tabPanelsRef);
     const panelChildren = Children5.map(children, (child, index) => {
       const active = index === activeTab;
-      return isValidElement8(child) && cloneElement8(child, {
+      return isValidElement7(child) && cloneElement7(child, {
         id: `${tabsId}-panel-${index}`,
         "aria-labelledby": `${tabsId}-tab-${index}`,
         active,
         "aria-expanded": active
       });
     });
-    return /* @__PURE__ */ jsx70("div", { ref: combinedRef, ...rest, children: panelChildren });
+    return /* @__PURE__ */ jsx71("div", { ref: combinedRef, ...rest, children: panelChildren });
   }
 );
 TabPanels.displayName = "TabPanels";
@@ -8505,7 +8503,7 @@ var tagTokens = {
 };
 
 // src/components/Tag/Tag.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var { wrapper: wrapper8 } = tagTokens;
 var Wrapper7 = styled64(TextOverflowEllipsisWrapper)`
   display: inline-flex;
@@ -8528,13 +8526,13 @@ var Tag = forwardRef51((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     Wrapper7,
     {
       ...getBaseHTMLProps40(id, className, htmlProps, rest),
       ref,
       $purpose: purpose,
-      children: /* @__PURE__ */ jsx71(TextOverflowEllipsisInner, { children: text })
+      children: /* @__PURE__ */ jsx72(TextOverflowEllipsisInner, { children: text })
     }
   );
 });
@@ -8573,7 +8571,7 @@ var chipTokens = {
 };
 
 // src/components/Chip/Chip.tsx
-import { jsx as jsx72, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs40 } from "react/jsx-runtime";
 var { container: container15 } = chipTokens;
 var Container15 = styled65(TextOverflowEllipsisWrapper2)`
   display: flex;
@@ -8601,8 +8599,8 @@ var Chip = forwardRef52((props, ref) => {
       ref,
       as: "div",
       children: [
-        /* @__PURE__ */ jsx72(TextOverflowEllipsisInner2, { children: text }),
-        /* @__PURE__ */ jsx72(
+        /* @__PURE__ */ jsx73(TextOverflowEllipsisInner2, { children: text }),
+        /* @__PURE__ */ jsx73(
           Button,
           {
             size: "tiny",
@@ -8623,7 +8621,7 @@ Chip.displayName = "Chip";
 import { forwardRef as forwardRef53, Children as Children6 } from "react";
 import styled66 from "styled-components";
 import { removeListStyling as removeListStyling3 } from "@norges-domstoler/dds-core";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var Group2 = styled66.ul`
   ${removeListStyling3}
   display: flex;
@@ -8632,8 +8630,8 @@ var Group2 = styled66.ul`
 var ChipGroup = forwardRef53(
   ({ children, ...rest }, ref) => {
     const childrenArray = Children6.toArray(children);
-    const groupChildren = childrenArray.map((item, index) => /* @__PURE__ */ jsx73("li", { children: item }, `chip-${index}`));
-    return /* @__PURE__ */ jsx73(Group2, { ...rest, ref, children: groupChildren });
+    const groupChildren = childrenArray.map((item, index) => /* @__PURE__ */ jsx74("li", { children: item }, `chip-${index}`));
+    return /* @__PURE__ */ jsx74(Group2, { ...rest, ref, children: groupChildren });
   }
 );
 ChipGroup.displayName = "ChipGroup";
@@ -8647,11 +8645,11 @@ import { combineHandlers as combineHandlers3 } from "@norges-domstoler/dds-core"
 import { Typography as Typography17 } from "@norges-domstoler/dds-typography";
 
 // src/components/ToggleBar/ToggleBar.context.tsx
-import { createContext as createContext5, useContext as useContext7 } from "react";
-var ToggleBarContext = createContext5({
+import { createContext as createContext6, useContext as useContext8 } from "react";
+var ToggleBarContext = createContext6({
   size: "medium"
 });
-var useToggleBarContext = () => useContext7(ToggleBarContext);
+var useToggleBarContext = () => useContext8(ToggleBarContext);
 
 // src/components/ToggleBar/ToggleBar.tokens.tsx
 import { ddsBaseTokens as ddsBaseTokens35 } from "@norges-domstoler/dds-design-tokens";
@@ -8761,7 +8759,7 @@ var toggleBarTokens = {
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-import { jsx as jsx74, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs41 } from "react/jsx-runtime";
 var OuterContainer4 = styled67.div`
   display: flex;
   flex-direction: column;
@@ -8801,7 +8799,7 @@ var ToggleBar = (props) => {
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label3 && `${uniqueId}-label`;
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx75(
     ToggleBarContext.Provider,
     {
       value: {
@@ -8818,8 +8816,8 @@ var ToggleBar = (props) => {
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           $width: width,
           children: [
-            label3 && /* @__PURE__ */ jsx74(Typography17, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
-            /* @__PURE__ */ jsx74(Bar2, { children })
+            label3 && /* @__PURE__ */ jsx75(Typography17, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
+            /* @__PURE__ */ jsx75(Bar2, { children })
           ]
         }
       )
@@ -8912,7 +8910,7 @@ var Label6 = styled68.label`
 
 // src/components/ToggleBar/ToggleRadio.tsx
 import { HiddenInput as HiddenInput5 } from "@norges-domstoler/dds-form";
-import { jsx as jsx75, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs42 } from "react/jsx-runtime";
 var calculateChecked = (value, group4, checked) => {
   if (typeof checked !== "undefined")
     return checked;
@@ -8946,7 +8944,7 @@ var ToggleRadio = forwardRef54(
       (group4 == null ? void 0 : group4.onChange) && group4.onChange(event);
     };
     return /* @__PURE__ */ jsxs42(Label6, { size: group4.size, htmlFor: uniqueId, children: [
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx76(
         HiddenInput5,
         {
           ...getBaseHTMLProps43(uniqueId, className, htmlProps, rest),
@@ -8959,8 +8957,8 @@ var ToggleRadio = forwardRef54(
         }
       ),
       /* @__PURE__ */ jsxs42(Content3, { $size: group4.size, $justIcon: !!icon12 && !label3, children: [
-        icon12 && /* @__PURE__ */ jsx75(Icon17, { icon: icon12, iconSize: "inherit" }),
-        label3 && /* @__PURE__ */ jsx75("span", { children: label3 })
+        icon12 && /* @__PURE__ */ jsx76(Icon17, { icon: icon12, iconSize: "inherit" }),
+        label3 && /* @__PURE__ */ jsx76("span", { children: label3 })
       ] })
     ] });
   }
@@ -9070,20 +9068,20 @@ var gridTokens = {
 };
 
 // src/components/Grid/Grid.context.tsx
-import { useContext as useContext8, createContext as createContext6 } from "react";
+import { useContext as useContext9, createContext as createContext7 } from "react";
 import { ScreenSize as ScreenSize2 } from "@norges-domstoler/dds-core";
-var GridContext = createContext6({
+var GridContext = createContext7({
   screenSize: ScreenSize2.Large
 });
 var useGridContext = () => {
-  return useContext8(GridContext);
+  return useContext9(GridContext);
 };
 
 // src/components/Grid/Grid.tsx
 import {
   getLiteralScreenSize
 } from "@norges-domstoler/dds-core";
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var getHooksGridStyling = (screenSize, maxWidth, rowGap) => {
   const tokens2 = gridTokens[screenSize].grid;
   return {
@@ -9114,14 +9112,14 @@ var StyledGrid = styled69.div.withConfig({
 var Grid = (props) => {
   const { id, className, children, htmlProps, as, ...rest } = props;
   const screenSize = useScreenSize();
-  return /* @__PURE__ */ jsx76(GridContext.Provider, { value: { screenSize }, children: as === "div" ? /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(GridContext.Provider, { value: { screenSize }, children: as === "div" ? /* @__PURE__ */ jsx77(
     StyledGrid,
     {
       ...getBaseHTMLProps44(id, className, htmlProps, rest),
       screenSize,
       children
     }
-  ) : /* @__PURE__ */ jsx76(
+  ) : /* @__PURE__ */ jsx77(
     StyledGrid,
     {
       ...getBaseHTMLProps44(id, className, htmlProps, rest),
@@ -9141,7 +9139,7 @@ import {
 import {
   getLiteralScreenSize as getLiteralScreenSize2
 } from "@norges-domstoler/dds-core";
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var isRelativeGridColumn = (type) => {
   return type === "all" || type === "firstHalf" || type === "secondHalf";
 };
@@ -9167,7 +9165,7 @@ var StyledGridChild = styled70.div.withConfig({
 var GridChild = (props) => {
   const { id, className, htmlProps, children, ...rest } = props;
   const { screenSize } = useGridContext();
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     StyledGridChild,
     {
       ...getBaseHTMLProps45(id, className, htmlProps, rest),
@@ -9181,10 +9179,10 @@ GridChild.displayName = "GridChild";
 // src/components/ProgressTracker/ProgressTracker.tsx
 import {
   Children as Children7,
-  cloneElement as cloneElement9,
+  cloneElement as cloneElement8,
   forwardRef as forwardRef55,
   Fragment as Fragment11,
-  isValidElement as isValidElement9,
+  isValidElement as isValidElement8,
   useEffect as useEffect16,
   useState as useState23,
   useMemo as useMemo2
@@ -9195,13 +9193,13 @@ import {
 } from "@norges-domstoler/dds-core";
 
 // src/components/ProgressTracker/ProgressTracker.context.tsx
-import { createContext as createContext7, useContext as useContext9 } from "react";
-var ProgressTrackerContext = createContext7(
+import { createContext as createContext8, useContext as useContext10 } from "react";
+var ProgressTrackerContext = createContext8(
   {
     activeStep: 0
   }
 );
-var useProgressTrackerContext = () => useContext9(ProgressTrackerContext);
+var useProgressTrackerContext = () => useContext10(ProgressTrackerContext);
 
 // src/components/ProgressTracker/ProgressTracker.tokens.tsx
 import { ddsBaseTokens as ddsBaseTokens37 } from "@norges-domstoler/dds-design-tokens";
@@ -9222,7 +9220,7 @@ var connector = {
   width: "1px"
 };
 var itemNumber = {
-  size: "28px",
+  size: "1.75rem",
   borderWidth: "2px",
   iconSize: "small",
   active: {
@@ -9292,7 +9290,7 @@ import {
   focusVisibleTransitionValue as focusVisibleTransitionValue11,
   focusVisible as focusVisible15
 } from "@norges-domstoler/dds-form";
-import { jsx as jsx78, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs43 } from "react/jsx-runtime";
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -9426,14 +9424,14 @@ var ProgressTrackerItem = (props) => {
   };
   const stepNumberContent = useMemo(() => {
     if (completed) {
-      return /* @__PURE__ */ jsx78(Icon18, { icon: CheckIcon2, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ jsx79(Icon18, { icon: CheckIcon2, iconSize: itemNumber2.iconSize });
     }
     if (icon12 !== void 0) {
-      return /* @__PURE__ */ jsx78(Icon18, { icon: icon12, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ jsx79(Icon18, { icon: icon12, iconSize: itemNumber2.iconSize });
     }
     return index + 1;
   }, [completed, icon12, index]);
-  return /* @__PURE__ */ jsx78(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsx79(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ jsxs43(
     ItemContentWrapper,
     {
       ...styleProps,
@@ -9441,9 +9439,9 @@ var ProgressTrackerItem = (props) => {
       onClick: !disabled && handleStepChange ? () => handleStepChange(index) : void 0,
       disabled,
       children: [
-        /* @__PURE__ */ jsx78(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
+        /* @__PURE__ */ jsx79(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
         /* @__PURE__ */ jsxs43(ItemText, { ...styleProps, children: [
-          /* @__PURE__ */ jsx78(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
+          /* @__PURE__ */ jsx79(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
           children
         ] })
       ]
@@ -9453,7 +9451,7 @@ var ProgressTrackerItem = (props) => {
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-import { jsx as jsx79, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs44 } from "react/jsx-runtime";
 var ItemsWrapper = styled72.ol`
   display: flex;
   flex-direction: column;
@@ -9502,14 +9500,14 @@ var ProgressTracker = (() => {
       const itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
       return itemsWithConnectorsBetween;
     }, [children]);
-    return /* @__PURE__ */ jsx79(
+    return /* @__PURE__ */ jsx80(
       ProgressTrackerContext.Provider,
       {
         value: {
           activeStep: thisActiveStep,
           handleStepChange: handleChange
         },
-        children: /* @__PURE__ */ jsx79("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ jsx79(ItemsWrapper, { children: steps }) })
+        children: /* @__PURE__ */ jsx80("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ jsx80(ItemsWrapper, { children: steps }) })
       }
     );
   });
@@ -9518,12 +9516,12 @@ var ProgressTracker = (() => {
   return Res;
 })();
 function removeInvalidChildren(children) {
-  return Children7.toArray(children).filter(isValidElement9);
+  return Children7.toArray(children).filter(isValidElement8);
 }
 function passIndexPropToProgressTrackerItem(children) {
   return Children7.map(
     children,
-    (item, index) => cloneElement9(item, {
+    (item, index) => cloneElement8(item, {
       ...item.props,
       index
     })
@@ -9534,7 +9532,7 @@ var intersperseItemsWithConnector = (children) => Children7.map(children, (child
     return child;
   }
   return /* @__PURE__ */ jsxs44(Fragment11, { children: [
-    /* @__PURE__ */ jsx79(ProgressTrackerConnector, { "aria-hidden": true }),
+    /* @__PURE__ */ jsx80(ProgressTrackerConnector, { "aria-hidden": true }),
     child
   ] }, index);
 });
@@ -9546,11 +9544,11 @@ import { forwardRef as forwardRef57, useRef as useRef16 } from "react";
 import {
   useState as useState24,
   Children as Children8,
-  cloneElement as cloneElement10,
-  isValidElement as isValidElement10
+  cloneElement as cloneElement9,
+  isValidElement as isValidElement9
 } from "react";
 import { useOnClickOutside as useOnClickOutside7, useOnKeyDown as useOnKeyDown9 } from "@norges-domstoler/dds-core";
-import { Fragment as Fragment12, jsx as jsx80 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx81 } from "react/jsx-runtime";
 var InlineEdit = (props) => {
   const {
     emptiable,
@@ -9591,7 +9589,7 @@ var InlineEdit = (props) => {
   useOnKeyDown9(["Escape"], () => onExitHandler());
   useOnClickOutside7(inputRef.current, () => onExitHandler());
   const inputChild = Children8.only(
-    isValidElement10(children) && cloneElement10(children, {
+    isValidElement9(children) && cloneElement9(children, {
       onChange: onChangeHandler,
       onBlur: onBlurHandler,
       onFocus: onFocusHandler,
@@ -9600,7 +9598,7 @@ var InlineEdit = (props) => {
       emptiable
     })
   );
-  return /* @__PURE__ */ jsx80(Fragment12, { children: inputChild });
+  return /* @__PURE__ */ jsx81(Fragment12, { children: inputChild });
 };
 InlineEdit.displayName = "InlineEdit";
 
@@ -9700,7 +9698,7 @@ import {
   OuterInputContainer as OuterInputContainer3,
   InputContainer as InputContainer3
 } from "@norges-domstoler/dds-form";
-import { jsx as jsx81, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs46 } from "react/jsx-runtime";
 var InlineTextArea = forwardRef56((props, ref) => {
   const {
     id,
@@ -9722,17 +9720,17 @@ var InlineTextArea = forwardRef56((props, ref) => {
   const combinedRef = useCombinedRef11(ref, inputRef);
   return /* @__PURE__ */ jsxs46(OuterInputContainer3, { width, children: [
     /* @__PURE__ */ jsxs46(InputContainer3, { children: [
-      !isEditing && !hideIcon && /* @__PURE__ */ jsx81(
+      !isEditing && !hideIcon && /* @__PURE__ */ jsx82(
         IconWrapper2,
         {
           onClick: () => {
             var _a;
             (_a = inputRef.current) == null ? void 0 : _a.focus();
           },
-          children: /* @__PURE__ */ jsx81(Icon19, { icon: EditIcon, iconSize: "small" })
+          children: /* @__PURE__ */ jsx82(Icon19, { icon: EditIcon, iconSize: "small" })
         }
       ),
-      /* @__PURE__ */ jsx81(
+      /* @__PURE__ */ jsx82(
         StyledInlineTextArea,
         {
           ...rest,
@@ -9756,12 +9754,12 @@ var InlineTextArea = forwardRef56((props, ref) => {
 InlineTextArea.displayName = "InlineTextArea";
 
 // src/components/InlineEdit/InlineEditTextArea.tsx
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 var InlineEditTextArea = forwardRef57((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
   const textareaRef = useRef16(null);
   const combinedRef = useCombinedRef12(ref, textareaRef);
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     InlineEdit,
     {
       onSetValue,
@@ -9771,7 +9769,7 @@ var InlineEditTextArea = forwardRef57((props, ref) => {
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx82(InlineTextArea, { ref: combinedRef, ...rest })
+      children: /* @__PURE__ */ jsx83(InlineTextArea, { ref: combinedRef, ...rest })
     }
   );
 });
@@ -9793,7 +9791,7 @@ import {
   OuterInputContainer as OuterInputContainer4,
   InputContainer as InputContainer4
 } from "@norges-domstoler/dds-form";
-import { jsx as jsx83, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs47 } from "react/jsx-runtime";
 var InlineInput = forwardRef58(
   (props, ref) => {
     const {
@@ -9818,17 +9816,17 @@ var InlineInput = forwardRef58(
     const combinedRef = useCombinedRef13(ref, inputRef);
     return /* @__PURE__ */ jsxs47(OuterInputContainer4, { width, children: [
       /* @__PURE__ */ jsxs47(InputContainer4, { children: [
-        !isEditing && !hideIcon && /* @__PURE__ */ jsx83(
+        !isEditing && !hideIcon && /* @__PURE__ */ jsx84(
           IconWrapper2,
           {
             onClick: () => {
               var _a;
               (_a = inputRef.current) == null ? void 0 : _a.focus();
             },
-            children: /* @__PURE__ */ jsx83(Icon20, { icon: EditIcon2, iconSize: "small" })
+            children: /* @__PURE__ */ jsx84(Icon20, { icon: EditIcon2, iconSize: "small" })
           }
         ),
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx84(
           StyledInlineInput,
           {
             ...rest,
@@ -9854,12 +9852,12 @@ var InlineInput = forwardRef58(
 InlineInput.displayName = "InlineInput";
 
 // src/components/InlineEdit/InlineEditInput.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 var InlineEditInput = forwardRef59((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
   const inputRef = useRef18(null);
   const combinedRef = useCombinedRef14(ref, inputRef);
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85(
     InlineEdit,
     {
       onSetValue,
@@ -9869,7 +9867,7 @@ var InlineEditInput = forwardRef59((props, ref) => {
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx84(InlineInput, { ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ jsx85(InlineInput, { ...rest, ref: combinedRef })
     }
   );
 });
@@ -9902,7 +9900,7 @@ var textAreaTokens = {
 };
 
 // src/components/TextArea/TextArea.tsx
-import { jsx as jsx85, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs48 } from "react/jsx-runtime";
 var defaultWidth5 = "320px";
 var { textarea: textarea2 } = textAreaTokens;
 var StyledTextArea = styled74(StatefulInput5)`
@@ -9980,8 +9978,8 @@ var TextArea = forwardRef60(
       ...rest
     };
     return /* @__PURE__ */ jsxs48(OuterInputContainer5, { ...containerProps, children: [
-      hasLabel && /* @__PURE__ */ jsx85(Label7, { showRequiredStyling, htmlFor: uniqueId, children: label3 }),
-      /* @__PURE__ */ jsx85(StyledTextArea, { ...textAreaProps, as: "textarea" }),
+      hasLabel && /* @__PURE__ */ jsx86(Label7, { showRequiredStyling, htmlFor: uniqueId, children: label3 }),
+      /* @__PURE__ */ jsx86(StyledTextArea, { ...textAreaProps, as: "textarea" }),
       renderInputMessage(tip, tipId, errorMessage, errorMessageId)
     ] });
   }
@@ -10005,7 +10003,7 @@ var tokens = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-import { jsx as jsx86, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs49 } from "react/jsx-runtime";
 var Container16 = styled75.div`
   display: flex;
 `;
@@ -10051,7 +10049,7 @@ var SplitButton = forwardRef61(
       size
     };
     return /* @__PURE__ */ jsxs49(Container16, { ref, children: [
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(
         MainButton,
         {
           ...buttonStyleProps,
@@ -10060,7 +10058,7 @@ var SplitButton = forwardRef61(
         }
       ),
       /* @__PURE__ */ jsxs49(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
-        /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           OptionButton,
           {
             ...buttonStyleProps,
@@ -10069,7 +10067,7 @@ var SplitButton = forwardRef61(
             purpose
           }
         ),
-        /* @__PURE__ */ jsx86(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
+        /* @__PURE__ */ jsx87(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
       ] })
     ] });
   }
@@ -10109,7 +10107,7 @@ var stackTokens = {
 import {
   getBaseHTMLProps as getBaseHTMLProps47
 } from "@norges-domstoler/dds-core";
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 var Stack = styled76.div.withConfig({
   shouldForwardProp: (prop) => {
     const styleOnlyProps = [
@@ -10140,7 +10138,7 @@ Stack.defaultProps = {
   justify: "flex-start"
 };
 var HStack = forwardRef62(
-  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ jsx87(
+  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ jsx88(
     Stack,
     {
       direction: "horizontal",
@@ -10151,7 +10149,7 @@ var HStack = forwardRef62(
 );
 HStack.displayName = "HStack";
 var VStack = forwardRef62(
-  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ jsx87(
+  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ jsx88(
     Stack,
     {
       direction: "vertical",
@@ -10205,7 +10203,7 @@ var errorsTokens = {
 };
 
 // src/components/FileUploader/ErrorList.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var MessageContainer2 = styled77.div`
   display: flex;
   flex-direction: column;
@@ -10216,8 +10214,8 @@ var ErrorList = (props) => {
   if (errors.length < 1) {
     return null;
   }
-  return /* @__PURE__ */ jsx88(MessageContainer2, { children: errors.map(({ id, message: message2 }) => {
-    return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(MessageContainer2, { children: errors.map(({ id, message: message2 }) => {
+    return /* @__PURE__ */ jsx89(
       InputMessage,
       {
         id,
@@ -10236,7 +10234,7 @@ import {
   derivativeIdGenerator as derivativeIdGenerator11,
   spaceSeparatedIdListGenerator as spaceSeparatedIdListGenerator10
 } from "@norges-domstoler/dds-core";
-import { jsx as jsx89, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs50 } from "react/jsx-runtime";
 var FileWrapper = styled78.li``;
 var FileNameWrapper = styled78.span`
   word-break: break-all;
@@ -10264,8 +10262,8 @@ var File = (props) => {
   }));
   return /* @__PURE__ */ jsxs50(FileWrapper, { children: [
     /* @__PURE__ */ jsxs50(FileElement, { ...props, children: [
-      /* @__PURE__ */ jsx89(FileNameWrapper, { children: stateFile.file.name }),
-      /* @__PURE__ */ jsx89(
+      /* @__PURE__ */ jsx90(FileNameWrapper, { children: stateFile.file.name }),
+      /* @__PURE__ */ jsx90(
         RemoveFileButton,
         {
           size: "small",
@@ -10285,7 +10283,7 @@ var File = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx89(ErrorList, { errors: errorsList })
+    /* @__PURE__ */ jsx90(ErrorList, { errors: errorsList })
   ] }, stateFile.file.name);
 };
 
@@ -10564,7 +10562,7 @@ var useFileUploader = (props) => {
 };
 
 // src/components/FileUploader/FileUploader.tsx
-import { jsx as jsx90, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs51 } from "react/jsx-runtime";
 var defaultWidth6 = "320px";
 var Wrapper8 = styled79.div`
   width: ${({ width }) => width ? width : defaultWidth6};
@@ -10624,7 +10622,7 @@ var FileUploader = (props) => {
   const hasRootErrors = rootErrors.length > 0;
   const showRequiredMarker = required;
   const tipId = derivativeIdGenerator12(uniqueId, "tip");
-  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ jsx90(
+  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ jsx91(
     File,
     {
       parentId: uniqueId,
@@ -10640,8 +10638,8 @@ var FileUploader = (props) => {
     message: e
   }));
   return /* @__PURE__ */ jsxs51(Wrapper8, { width, children: [
-    hasLabel && /* @__PURE__ */ jsx90(Label8, { showRequiredStyling: showRequiredMarker, htmlFor: uniqueId, children: label3 }),
-    hasTip && /* @__PURE__ */ jsx90(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
+    hasLabel && /* @__PURE__ */ jsx91(Label8, { showRequiredStyling: showRequiredMarker, htmlFor: uniqueId, children: label3 }),
+    hasTip && /* @__PURE__ */ jsx91(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
     /* @__PURE__ */ jsxs51(
       Root,
       {
@@ -10649,11 +10647,11 @@ var FileUploader = (props) => {
         $isDragActive: isDragActive,
         $hasRootErrors: hasRootErrors,
         children: [
-          /* @__PURE__ */ jsx90(FileUploaderInput, { ...getInputProps() }),
+          /* @__PURE__ */ jsx91(FileUploaderInput, { ...getInputProps() }),
           "Dra og slipp filer her eller",
           " ",
-          /* @__PURE__ */ jsx90(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
-          /* @__PURE__ */ jsx90(
+          /* @__PURE__ */ jsx91(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
+          /* @__PURE__ */ jsx91(
             Button,
             {
               ...getButtonProps(),
@@ -10676,8 +10674,8 @@ var FileUploader = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx90(ErrorList, { errors: rootErrorsList }),
-    /* @__PURE__ */ jsx90(FileListElement, { children: fileListElements })
+    /* @__PURE__ */ jsx91(ErrorList, { errors: rootErrorsList }),
+    /* @__PURE__ */ jsx91(FileListElement, { children: fileListElements })
   ] });
 };
 FileUploader.displayName = "FileUploader";
@@ -10686,7 +10684,7 @@ FileUploader.displayName = "FileUploader";
 import { ddsBaseTokens as ddsBaseTokens43 } from "@norges-domstoler/dds-design-tokens";
 import styled80 from "styled-components";
 import { Typography as Typography18 } from "@norges-domstoler/dds-typography";
-import { jsx as jsx91, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs52 } from "react/jsx-runtime";
 var { colors: colors28, spacing: spacing37 } = ddsBaseTokens43;
 var StyledEmptyContent = styled80.div`
   display: flex;
@@ -10706,9 +10704,9 @@ var StyledEmptyContentText = styled80.div`
   gap: ${spacing37.SizesDdsSpacingLayoutX1};
 `;
 function EmptyContent({ title: title3, message: message2, ...rest }) {
-  return /* @__PURE__ */ jsx91(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ jsxs52(StyledEmptyContentText, { children: [
-    title3 && /* @__PURE__ */ jsx91(Typography18, { typographyType: "headingSans02", children: title3 }),
-    /* @__PURE__ */ jsx91(Typography18, { typographyType: "bodySans02", children: message2 })
+  return /* @__PURE__ */ jsx92(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ jsxs52(StyledEmptyContentText, { children: [
+    title3 && /* @__PURE__ */ jsx92(Typography18, { typographyType: "headingSans02", children: title3 }),
+    /* @__PURE__ */ jsx92(Typography18, { typographyType: "bodySans02", children: message2 })
   ] }) });
 }
 EmptyContent.displayName = "EmptyContent";
@@ -10734,7 +10732,7 @@ var backLinkTokens = {
 };
 
 // src/components/BackLink/BackLink.tsx
-import { jsx as jsx92, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs53 } from "react/jsx-runtime";
 var Nav2 = styled81("nav")`
   align-items: center;
   display: flex;
@@ -10745,8 +10743,8 @@ var StyledIcon4 = styled81(Icon21)`
 `;
 var BackLink = forwardRef63((props, ref) => {
   return /* @__PURE__ */ jsxs53(Nav2, { ref, children: [
-    /* @__PURE__ */ jsx92(StyledIcon4, { icon: icons2.ArrowLeftIcon, iconSize: "small" }),
-    /* @__PURE__ */ jsx92(Typography19, { typographyType: "a", href: props.href, children: props.label })
+    /* @__PURE__ */ jsx93(StyledIcon4, { icon: icons2.ArrowLeftIcon, iconSize: "small" }),
+    /* @__PURE__ */ jsx93(Typography19, { typographyType: "a", href: props.href, children: props.label })
   ] });
 });
 BackLink.displayName = "BackLink";
@@ -10760,7 +10758,7 @@ import styled82, { css as css40 } from "styled-components";
 import { ddsBaseTokens as ddsBaseTokens45 } from "@norges-domstoler/dds-design-tokens";
 import { Thumbup, Thumbdown } from "@norges-domstoler/dds-icons";
 import { Label as Label9 } from "@norges-domstoler/dds-typography";
-import { jsx as jsx93, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs54 } from "react/jsx-runtime";
 var RatingContainer = styled82.div`
   display: flex;
   gap: ${ddsBaseTokens45.spacing.SizesDdsSpacingLocalX1};
@@ -10782,9 +10780,9 @@ var RatingComponent = ({
   handleRatingChange
 }) => {
   return /* @__PURE__ */ jsxs54(RatingContainer, { $layout: layout, children: [
-    /* @__PURE__ */ jsx93(Label9, { children: ratingLabel }),
-    loading ? /* @__PURE__ */ jsx93(Spinner, { tooltip: "Laster opp tilbakemelding ..." }) : /* @__PURE__ */ jsxs54(HStack, { gap: "layout-x1", children: [
-      /* @__PURE__ */ jsx93(Tooltip, { text: thumbUpTooltip, children: /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(Label9, { children: ratingLabel }),
+    loading ? /* @__PURE__ */ jsx94(Spinner, { tooltip: "Laster opp tilbakemelding ..." }) : /* @__PURE__ */ jsxs54(HStack, { gap: "layout-x1", children: [
+      /* @__PURE__ */ jsx94(Tooltip, { text: thumbUpTooltip, children: /* @__PURE__ */ jsx94(
         RatingButton,
         {
           htmlProps: { "aria-label": thumbUpTooltip },
@@ -10794,7 +10792,7 @@ var RatingComponent = ({
           size: "large"
         }
       ) }),
-      /* @__PURE__ */ jsx93(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx94("div", { children: /* @__PURE__ */ jsx94(
         RatingButton,
         {
           htmlProps: { "aria-label": thumbDownTooltip },
@@ -10817,7 +10815,7 @@ import {
   Icon as Icon22
 } from "@norges-domstoler/dds-icons";
 import { Paragraph } from "@norges-domstoler/dds-typography";
-import { jsx as jsx94, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs55 } from "react/jsx-runtime";
 var IconLabelSpan = styled83.span`
   display: inline-flex;
   align-items: center;
@@ -10835,7 +10833,7 @@ var CommentComponent = ({
 }) => {
   return /* @__PURE__ */ jsxs55(VStack, { gap: "layout-x1", children: [
     /* @__PURE__ */ jsxs55(IconLabelSpan, { children: [
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         Icon22,
         {
           icon: rating === "positive" ? ThumbupFilled : ThumbdownFilled,
@@ -10847,7 +10845,7 @@ var CommentComponent = ({
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx95(
       TextArea,
       {
         value: feedbackText,
@@ -10856,7 +10854,7 @@ var CommentComponent = ({
         tip: "Ikke send inn personopplysninger eller annen sensitiv informasjon"
       }
     ),
-    /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx95(
       Button,
       {
         purpose: "secondary",
@@ -10870,7 +10868,7 @@ var CommentComponent = ({
 };
 
 // src/components/Feedback/Feedback.tsx
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 var Feedback = ({
   layout = "vertical",
   ratingLabel = "Hva syns du om tjenesten?",
@@ -10915,7 +10913,7 @@ var Feedback = ({
     isSubmittedProp === void 0 && setIsFeedbackSubmitted(true);
   };
   if (rating === null && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsx96(
       RatingComponent,
       {
         layout,
@@ -10928,7 +10926,7 @@ var Feedback = ({
     );
   }
   if (!feedbackTextAreaExcluded && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsx96(
       CommentComponent,
       {
         rating,
@@ -10942,7 +10940,7 @@ var Feedback = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx95(Paragraph2, { children: submittedTitle });
+  return /* @__PURE__ */ jsx96(Paragraph2, { children: submittedTitle });
 };
 export {
   AppShell2 as AppShell,