@norges-domstoler/dds-components 13.3.0 → 13.5.0

package/dist/cjs/index.js

@@ -434,34 +434,34 @@ var joinClassNames = function joinClassNames() {
   }
   return classNames.filter(Boolean).join(' ');
 };
-/**
- * Slår sammen id, className, htmlProps og unknownProps til ett objekt
- * som kan spreades som baseprops for en komponent. `unknownProps` er
- * med for å sikre at aria- og data- attributter blir spreadet, alle
- * komponenter må derfor ta hensyn til `...rest` når de leser props.
- *
- * Typisk bruk:
- * ```
- * const Props = BaseComponentProps<HTMLElement, {
- *   propA: string,
- *   propB: string,
- * }>
- *
- * const MyComponent = (props: Props) => {
- *   const { propA, propB, id, className, htmlProps, ...rest } = props;
- *
- *   const wrapperProps = getBaseHTMLProps(id, className, htmlProps, rest)
- *
- *   return <div {...wrapperProps}>innhold</div>
- * }
- * ```
- * @param id id fra props til komponenten.
- * @param className className for komponenten.
- * @param htmlProps htmlProps fra komponenten.
- * @param unknownProps andre ukjente props som skal spreades, kommer typisk fra `...rest` når man leser props til komponenten.
- * @returns Objekt med alle argumentene som kan spreades.
- *
- * Kan også kalles uten `className`-parameteret. Oppførselen er lik.
+/**
+ * Slår sammen id, className, htmlProps og unknownProps til ett objekt
+ * som kan spreades som baseprops for en komponent. `unknownProps` er
+ * med for å sikre at aria- og data- attributter blir spreadet, alle
+ * komponenter må derfor ta hensyn til `...rest` når de leser props.
+ *
+ * Typisk bruk:
+ * ```
+ * const Props = BaseComponentProps<HTMLElement, {
+ *   propA: string,
+ *   propB: string,
+ * }>
+ *
+ * const MyComponent = (props: Props) => {
+ *   const { propA, propB, id, className, htmlProps, ...rest } = props;
+ *
+ *   const wrapperProps = getBaseHTMLProps(id, className, htmlProps, rest)
+ *
+ *   return <div {...wrapperProps}>innhold</div>
+ * }
+ * ```
+ * @param id id fra props til komponenten.
+ * @param className className for komponenten.
+ * @param htmlProps htmlProps fra komponenten.
+ * @param unknownProps andre ukjente props som skal spreades, kommer typisk fra `...rest` når man leser props til komponenten.
+ * @returns Objekt med alle argumentene som kan spreades.
+ *
+ * Kan også kalles uten `className`-parameteret. Oppførselen er lik.
  */
 var getBaseHTMLProps = function getBaseHTMLProps(id, htmlPropsOrClassName, htmlPropsOrUnknownProps, unknownPropsOrUndefined) {
   var _a, _b;
@@ -690,6 +690,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children: children
   }));
 });
+Typography.displayName = 'Typography';
 
 var Backdrop = styled__default.default.div.withConfig({
   displayName: "Backdrop",
@@ -752,16 +753,14 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
     height = _ref$height === void 0 ? '5px' : _ref$height,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? '8px' : _ref$width;
-  return jsxRuntime.jsx(SvgChevron, Object.assign({
+  return jsxRuntime.jsx(SvgChevron, {
     viewBox: "0 0 8 5",
     width: width,
     height: height,
     fill: "currentColor",
-    isUp: isUp
-  }, {
-    children: jsxRuntime.jsxs(SvgChevronlGroup, Object.assign({
-      isUp: isUp
-    }, {
+    isUp: isUp,
+    children: jsxRuntime.jsxs(SvgChevronlGroup, {
+      isUp: isUp,
       children: [jsxRuntime.jsx(SvgChevronlLeft, {
         d: svgChevronLeftPath,
         isUp: isUp
@@ -769,8 +768,8 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
         d: svgChevronRightPath,
         isUp: isUp
       })]
-    }))
-  }));
+    })
+  });
 };
 
 var HiddenInput = styled__default.default.input.withConfig({
@@ -904,6 +903,7 @@ function Icon(props) {
     'aria-hidden': ariaHidden
   }));
 }
+Icon.displayName = 'Icon';
 
 var colors$s = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$A = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -955,6 +955,14 @@ function SvgWrapper(props) {
   }));
 }
 
+function AgreementIcon(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M12.22 19.85c-.18.18-.5.21-.71 0-.18-.18-.21-.5 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.19.2-.51.19-.71 0-.21-.21-.18-.53 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.19-.19-.51 0-.71l3.39-3.39-1.42-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.2-.19-.51 0-.71L9.52 8.4l1.87 1.86c.95.95 2.59.94 3.54 0 .98-.98.98-2.56 0-3.54l-1.86-1.86.28-.28c.78-.78 2.05-.78 2.83 0l4.24 4.24c.78.78.78 2.05 0 2.83l-8.2 8.2zm9.61-6.78c1.56-1.56 1.56-4.09 0-5.66l-4.24-4.24c-1.56-1.56-4.09-1.56-5.66 0l-.28.28-.28-.28c-1.56-1.56-4.09-1.56-5.66 0L2.17 6.71C.75 8.13.62 10.34 1.77 11.9l1.45-1.45c-.39-.75-.26-1.7.37-2.33l3.54-3.54c.78-.78 2.05-.78 2.83 0l3.56 3.56c.18.18.21.5 0 .71-.21.21-.53.18-.71 0L9.52 5.57l-5.8 5.79c-.98.97-.98 2.56 0 3.54.39.39.89.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.54.31 1.03.7 1.42.47.47 1.1.73 1.77.73.67 0 1.3-.26 1.77-.73l8.21-8.19z"
+    })
+  }));
+}
+
 function AppsIcon(props) {
   return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
     children: jsxRuntime.jsx("path", {
@@ -1101,6 +1109,14 @@ function CallIcon(props) {
   }));
 }
 
+function CaringIcon(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M16 13c3.09-2.81 6-5.44 6-7.7C22 3.45 20.55 2 18.7 2c-1.04 0-2.05.49-2.7 1.25C15.34 2.49 14.34 2 13.3 2 11.45 2 10 3.45 10 5.3c0 2.26 2.91 4.89 6 7.7zm-2.7-9c.44 0 .89.21 1.18.55L16 6.34l1.52-1.79c.29-.34.74-.55 1.18-.55.74 0 1.3.56 1.3 1.3 0 1.12-2.04 3.17-4 4.99-1.96-1.82-4-3.88-4-4.99 0-.74.56-1.3 1.3-1.3zM19 16h-2c0-1.2-.75-2.28-1.87-2.7L8.97 11H1v11h6v-1.44l7 1.94 8-2.5v-1c0-1.66-1.34-3-3-3zM3 20v-7h2v7H3zm10.97.41L7 18.48V13h1.61l5.82 2.17c.34.13.57.46.57.83 0 0-1.99-.05-2.3-.15l-2.38-.79-.63 1.9 2.38.79c.51.17 1.04.26 1.58.26H19c.39 0 .74.23.9.56l-5.93 1.84z"
+    })
+  }));
+}
+
 function ChatIcon(props) {
   return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
     children: jsxRuntime.jsx("path", {
@@ -1579,8 +1595,7 @@ function JordskifterettIcon(props) {
     height: "24"
   }, rest, {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24"
-  }, {
+    viewBox: "0 0 24 24",
     children: [title && jsxRuntime.jsx("title", {
       children: title
     }), jsxRuntime.jsx("circle", {
@@ -1793,6 +1808,14 @@ function OpenExternalIcon(props) {
   }));
 }
 
+function PayoutIcon(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v4h5v12H6zm5-1h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4v-2h-2V9h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1z"
+    })
+  }));
+}
+
 function PdfIcon(props) {
   return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
     children: jsxRuntime.jsx("path", {
@@ -2182,16 +2205,16 @@ var InputMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children: [isError && jsxRuntime.jsx(Icon, {
       icon: ErrorIcon,
       iconSize: "inherit"
-    }), jsxRuntime.jsx(Typography, Object.assign({
+    }), jsxRuntime.jsx(Typography, {
       typographyType: isError ? 'supportingStyleLabel01' : 'supportingStyleHelperText01',
       as: "span",
       bold: isError ? true : undefined,
-      color: isError ? inputMessageTokens.message.error.color : undefined
-    }, {
+      color: isError ? inputMessageTokens.message.error.color : undefined,
       children: message
-    }))]
+    })]
   }));
 });
+InputMessage.displayName = 'InputMessage';
 
 var getFormInputIconSize = function getFormInputIconSize(componentSize) {
   switch (componentSize) {
@@ -2732,23 +2755,23 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
-/**
- * Kombinerer refs for et element.
- * Eksempel på bruk:
- * ```
- * const MyComponent = forwardRef<HTMLDivElement, Props>((props, ref) => {
- *
- *  const itemRef = useRef<HTMLDivElement>(null);
- *  const combinedRef = useCombinedRef(ref, itemRef);
- *
- *  return <div ref={combinedRef}>innhold</div>
- * });
- * ```
- * @param refs array med refs.
- * @template T elementet som refereres til.
- * @returns  callback med kombinerte refs.
- *
- * {@link useCombinedRef}
+/**
+ * Kombinerer refs for et element.
+ * Eksempel på bruk:
+ * ```
+ * const MyComponent = forwardRef<HTMLDivElement, Props>((props, ref) => {
+ *
+ *  const itemRef = useRef<HTMLDivElement>(null);
+ *  const combinedRef = useCombinedRef(ref, itemRef);
+ *
+ *  return <div ref={combinedRef}>innhold</div>
+ * });
+ * ```
+ * @param refs array med refs.
+ * @template T elementet som refereres til.
+ * @returns  callback med kombinerte refs.
+ *
+ * {@link useCombinedRef}
  */
 function useCombinedRef() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -2761,18 +2784,18 @@ function useCombinedRef() {
   }, refs);
 }
 
-/**
- * Kjører logikk når brukeren klikker utenfor et element, f.eks at elementet fjernes fra DOM.
- * Typisk bruk:
- * ```
- * const [isOpen, setOpen] = useState(true);
- * const ref = useRef<HTMLElement>(null);
- * useOnClickOutside(ref, () => setOpen(false));
- *
- * return <div ref={ref}>innhold</div>
- * ```
- * @param element HTML elementet man klikker utenfor.
- * @param handler funksjonen som kjøres ved klikk utenfor.
+/**
+ * Kjører logikk når brukeren klikker utenfor et element, f.eks at elementet fjernes fra DOM.
+ * Typisk bruk:
+ * ```
+ * const [isOpen, setOpen] = useState(true);
+ * const ref = useRef<HTMLElement>(null);
+ * useOnClickOutside(ref, () => setOpen(false));
+ *
+ * return <div ref={ref}>innhold</div>
+ * ```
+ * @param element HTML elementet man klikker utenfor.
+ * @param handler funksjonen som kjøres ved klikk utenfor.
  */
 function useOnClickOutside(element, handler) {
   React.useEffect(function () {
@@ -2796,18 +2819,18 @@ function useOnClickOutside(element, handler) {
   }, [element, handler]);
 }
 
-/**
- * Kjører logikk når en spesifisert tast blir trykt ned.
- * Typisk bruk:
- * ```
- * const [isOpen, setOpen] = useState(true);
- * const ref = useRef<HTMLElement>(null);
- * useOnKeyDown(['Escape', 'Esc'], () => setOpen(false));
- *
- * return isOpen ? <div>innhold</div> : null;
- * ```
- * @param key tasten som trykkes.
- * @param handler funksjonen som skal kjøres.
+/**
+ * Kjører logikk når en spesifisert tast blir trykt ned.
+ * Typisk bruk:
+ * ```
+ * const [isOpen, setOpen] = useState(true);
+ * const ref = useRef<HTMLElement>(null);
+ * useOnKeyDown(['Escape', 'Esc'], () => setOpen(false));
+ *
+ * return isOpen ? <div>innhold</div> : null;
+ * ```
+ * @param key tasten som trykkes.
+ * @param handler funksjonen som skal kjøres.
  */
 var useOnKeyDown = function useOnKeyDown(key, handler) {
   React.useEffect(function () {
@@ -2913,29 +2936,29 @@ function placementToArrowPlacement(placement) {
 var isKeyboardEvent = function isKeyboardEvent(e) {
   return e.key !== undefined;
 };
-/**
- * Bytter fokus mellom elementer i en gruppe med piltaster og ikke Tab, og looper fokus i gruppen. Typisk bruk:
- * ```
- * import elements from './elements';
- * import RoveItem from './RoveItem';
- *
- * const MyComponent = () => {
- *  const [focus, setFocus] = useRoveFocus(elements.length);
- *
- *  return (
- *  <ul>
- *    {elements.map((element, index) => (
- *    <li key={element}>
- *      <RoveItem index={index} focus={focus === index} setFocus={setFocus}>{element.name}</RoveItem>
- *    </li>
- *    ))}
- *  </ul>)
- * }
- * ```
- * @param size antall elementer i gruppen.
- * @param reset om fokus i gruppen skal nullstilles; når man tabber seg inn i gruppen skal focus være nullstilt.
- * @param direction retning elementene blas i.
- * @returns hook par: indeksen til fokuserte elemenentet og funksjonen som håndterer fokus.
+/**
+ * Bytter fokus mellom elementer i en gruppe med piltaster og ikke Tab, og looper fokus i gruppen. Typisk bruk:
+ * ```
+ * import elements from './elements';
+ * import RoveItem from './RoveItem';
+ *
+ * const MyComponent = () => {
+ *  const [focus, setFocus] = useRoveFocus(elements.length);
+ *
+ *  return (
+ *  <ul>
+ *    {elements.map((element, index) => (
+ *    <li key={element}>
+ *      <RoveItem index={index} focus={focus === index} setFocus={setFocus}>{element.name}</RoveItem>
+ *    </li>
+ *    ))}
+ *  </ul>)
+ * }
+ * ```
+ * @param size antall elementer i gruppen.
+ * @param reset om fokus i gruppen skal nullstilles; når man tabber seg inn i gruppen skal focus være nullstilt.
+ * @param direction retning elementene blas i.
+ * @returns hook par: indeksen til fokuserte elemenentet og funksjonen som håndterer fokus.
  */
 function useRoveFocus(size, reset) {
   var direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'column';
@@ -2969,19 +2992,19 @@ function useRoveFocus(size, reset) {
   return [currentFocusIndex, setCurrentFocusIndex];
 }
 
-/**
- * Fanger fokus i en loop inni et element. Typisk bruk:
- * ```
- * const MyComponent = (props) => {
- *
- *  const componentRef = useFocusTrap<HTMLDivElement>(props.isOpen);
- *
- *  return props.isOpen ? <div ref={componentRef}><button>click</button></div> : null;
- *
- * }
- * ```
- * @param active om focus skal fanges, f.eks. når en modal åpnes.
- * @returns ref til elementet som fanger fokus.
+/**
+ * Fanger fokus i en loop inni et element. Typisk bruk:
+ * ```
+ * const MyComponent = (props) => {
+ *
+ *  const componentRef = useFocusTrap<HTMLDivElement>(props.isOpen);
+ *
+ *  return props.isOpen ? <div ref={componentRef}><button>click</button></div> : null;
+ *
+ * }
+ * ```
+ * @param active om focus skal fanges, f.eks. når en modal åpnes.
+ * @returns ref til elementet som fanger fokus.
  */
 function useFocusTrap(active) {
   var elementRef = React.useRef(null);
@@ -3012,37 +3035,37 @@ function useFocusTrap(active) {
   return elementRef;
 }
 
-/**
- * Tillater effekter og animasjoner å bli gjennomført like etter et element blir lagt til eller like før det blir fjernet fra DOM.
- * Typisk bruk:
- * ```
- * // CSS
- * .component {
- *  transition: opacity 0.2s;
- *  opacity: 0;
- * }
- *
- * .transitionedIn.mounted {
- *  opacity: 1;
- * }
- *
- * const MyComponent = (props) => {
- *
- * const hasTransitionedIn = useMountTransition(props.isMounted, 500);
- *
- *  return props.isMounted || hasTransitionedIn ? (
- *  <div
- *  className={`component ${hasTransitionedIn && 'transitionedIn'} ${props.isMounted && 'mounted'}`}
- *  >
- *    innhold
- *  </div>)
- * : null;
- *
- * }
- * ```
- * @param isMounted om elementet er mounted.
- * @param unmountDelay hvor lenge transition skal vare før unmount.
- * @returns om transition er ferdig.
+/**
+ * Tillater effekter og animasjoner å bli gjennomført like etter et element blir lagt til eller like før det blir fjernet fra DOM.
+ * Typisk bruk:
+ * ```
+ * // CSS
+ * .component {
+ *  transition: opacity 0.2s;
+ *  opacity: 0;
+ * }
+ *
+ * .transitionedIn.mounted {
+ *  opacity: 1;
+ * }
+ *
+ * const MyComponent = (props) => {
+ *
+ * const hasTransitionedIn = useMountTransition(props.isMounted, 500);
+ *
+ *  return props.isMounted || hasTransitionedIn ? (
+ *  <div
+ *  className={`component ${hasTransitionedIn && 'transitionedIn'} ${props.isMounted && 'mounted'}`}
+ *  >
+ *    innhold
+ *  </div>)
+ * : null;
+ *
+ * }
+ * ```
+ * @param isMounted om elementet er mounted.
+ * @param unmountDelay hvor lenge transition skal vare før unmount.
+ * @returns om transition er ferdig.
  */
 var useMountTransition = function useMountTransition(isMounted, unmountDelay) {
   var _useState = React.useState(false),
@@ -3073,17 +3096,17 @@ exports.ScreenSize = void 0;
   ScreenSize[ScreenSize["XLarge"] = 4] = "XLarge";
 })(exports.ScreenSize || (exports.ScreenSize = {}));
 var screenSizesAndMediaQueries = [[exports.ScreenSize.XLarge, "only screen and (min-width: ".concat(breakpoints.DdsBreakpointXl, ")")], [exports.ScreenSize.Large, "only screen and (min-width: ".concat(breakpoints.DdsBreakpointLg, ")")], [exports.ScreenSize.Medium, "only screen and (min-width: ".concat(breakpoints.DdsBreakpointMd, ")")], [exports.ScreenSize.Small, "only screen and (min-width: ".concat(breakpoints.DdsBreakpointSm, ")")], [exports.ScreenSize.XSmall, "only screen and (min-width: ".concat(breakpoints.DdsBreakpointXs, ")")]];
-/**
- * Sjekker skjermstørrelsen basert på brekkpunkter definerte i designsystemet. Eksempel på bruk:
- * ```
- * const MyComponent = () => {
- *  const screenSize = useScreenSize();
- *  const isSmallScreen = screenSize === ScreenSize.Small;
- *
- *  return <div className={isSmallScreen && 'smallDiv'} >innhold</div>
- * }
- * ```
- * @returns den aktuelle skjermstørrelsen basert på {@link ScreenSize}.
+/**
+ * Sjekker skjermstørrelsen basert på brekkpunkter definerte i designsystemet. Eksempel på bruk:
+ * ```
+ * const MyComponent = () => {
+ *  const screenSize = useScreenSize();
+ *  const isSmallScreen = screenSize === ScreenSize.Small;
+ *
+ *  return <div className={isSmallScreen && 'smallDiv'} >innhold</div>
+ * }
+ * ```
+ * @returns den aktuelle skjermstørrelsen basert på {@link ScreenSize}.
  */
 var useScreenSize = function useScreenSize() {
   var _useState = React.useState(exports.ScreenSize.Large),
@@ -3119,34 +3142,34 @@ var useScreenSize = function useScreenSize() {
   return screenSize;
 };
 
-/**
- * Returnerer fokus til et element når første eller siste barn i en container mister fokus ved tastaturnavigasjon. Typisk bruk:
- * ```
- * const MyComponent = (props) => {
- *
- *  const [isOpen, setOpen] = useState(true);
- *  const close = () => setOpen(false);
- *  const triggerRef = useRef<HTMLButtonElement>(null);
- *  const containerRef = useReturnFocusOnBlur<HTMLDivElement>(
- *    isOpen,
- *    triggerRef.current,
- *    () => close()
- *  );
- *
- *  return (
- *    <div>
- *      <button ref={triggerRef} >Åpne popover</button>
- *      <div ref={containerRef}>
- *        <button>gjør noe</button>
- *      </div>
- *    </div>
- *  )
- * }
- * ```
- * @param active om container skal få fokus, f.eks. når en modal åpnes.
- * @param triggerElement elementet som skal få fokus når fokus forlater container.
- * @param onBlur ekstra logikk når fokus forlater container.
- * @returns ref til container som får fokus.
+/**
+ * Returnerer fokus til et element når første eller siste barn i en container mister fokus ved tastaturnavigasjon. Typisk bruk:
+ * ```
+ * const MyComponent = (props) => {
+ *
+ *  const [isOpen, setOpen] = useState(true);
+ *  const close = () => setOpen(false);
+ *  const triggerRef = useRef<HTMLButtonElement>(null);
+ *  const containerRef = useReturnFocusOnBlur<HTMLDivElement>(
+ *    isOpen,
+ *    triggerRef.current,
+ *    () => close()
+ *  );
+ *
+ *  return (
+ *    <div>
+ *      <button ref={triggerRef} >Åpne popover</button>
+ *      <div ref={containerRef}>
+ *        <button>gjør noe</button>
+ *      </div>
+ *    </div>
+ *  )
+ * }
+ * ```
+ * @param active om container skal få fokus, f.eks. når en modal åpnes.
+ * @param triggerElement elementet som skal få fokus når fokus forlater container.
+ * @param onBlur ekstra logikk når fokus forlater container.
+ * @returns ref til container som får fokus.
  */
 function useReturnFocusOnBlur(active, onBlur, triggerElement) {
   var elementRef = React.useRef(null);
@@ -3198,11 +3221,11 @@ var Label$2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = tslib.__rest(props, ["showRequiredStyling", "id", "className", "htmlProps", "children"]);
   return jsxRuntime.jsxs(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
-    typographyType: "supportingStyleLabel01"
-  }, {
+    typographyType: "supportingStyleLabel01",
     children: [children, " ", showRequiredStyling && jsxRuntime.jsx(RequiredMarker, {})]
   }));
 });
+Label$2.displayName = 'Label';
 
 var Paragraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
@@ -3220,6 +3243,7 @@ var Paragraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children: children
   }));
 });
+Paragraph.displayName = 'Paragraph';
 
 var getHeadingElement = function getHeadingElement(level) {
   return "h".concat(level);
@@ -3260,6 +3284,7 @@ var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children: children
   }));
 });
+Heading.displayName = 'Heading';
 
 var StyledLink = styled__default.default.a.withConfig({
   displayName: "Link__StyledLink",
@@ -3290,6 +3315,7 @@ var Link$3 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children: children
   }));
 });
+Link$3.displayName = 'Link';
 
 var Legend = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
@@ -3300,11 +3326,11 @@ var Legend = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return jsxRuntime.jsx(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
     as: "legend",
-    typographyType: "headingSans03"
-  }, {
+    typographyType: "headingSans03",
     children: children
   }));
 });
+Legend.displayName = 'Legend';
 
 var Caption = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
@@ -3315,11 +3341,11 @@ var Caption = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return jsxRuntime.jsx(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
     typographyType: "headingSans03",
-    as: "caption"
-  }, {
+    as: "caption",
     children: children
   }));
 });
+Caption.displayName = 'Caption';
 
 var RadioButtonGroupContext = /*#__PURE__*/React__default.default.createContext(null);
 var useRadioButtonGroup = function useRadioButtonGroup() {
@@ -3535,19 +3561,18 @@ var RadioButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   return jsxRuntime.jsxs(Container$f, Object.assign({}, containerProps, {
     htmlFor: uniqueId,
-    controlType: "radio"
-  }, {
+    controlType: "radio",
     children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps, {
       ref: ref
     })), jsxRuntime.jsx(CustomSelectionControl, {
       controlType: "radio"
-    }), jsxRuntime.jsx(Typography, Object.assign({
-      as: "span"
-    }, {
+    }), jsxRuntime.jsx(Typography, {
+      as: "span",
       children: children !== null && children !== void 0 ? children : label
-    }))]
+    })]
   }));
 });
+RadioButton.displayName = 'RadioButton';
 
 var RadioButtonGroupInner = function RadioButtonGroupInner(props, ref) {
   var name = props.name,
@@ -3597,30 +3622,28 @@ var RadioButtonGroupInner = function RadioButtonGroupInner(props, ref) {
   return jsxRuntime.jsxs(OuterGroupContainer, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
     'aria-required': ariaRequired
   }), rest), {
-    ref: ref
-  }, {
-    children: [jsxRuntime.jsxs(Typography, Object.assign({
+    ref: ref,
+    children: [jsxRuntime.jsxs(Typography, {
       as: "span",
       typographyType: "supportingStyleLabel01",
-      id: uniqueGroupId
-    }, {
+      id: uniqueGroupId,
       children: [label, " ", showRequiredMarker && jsxRuntime.jsx(RequiredMarker, {})]
-    })), renderInputMessage(tip, tipId), jsxRuntime.jsx(RadioButtonGroupContext.Provider, Object.assign({
-      value: Object.assign({}, contextProps)
-    }, {
-      children: jsxRuntime.jsx(GroupContainer, Object.assign({
+    }), renderInputMessage(tip, tipId), jsxRuntime.jsx(RadioButtonGroupContext.Provider, {
+      value: Object.assign({}, contextProps),
+      children: jsxRuntime.jsx(GroupContainer, {
         role: "radiogroup",
         direction: direction,
         "aria-labelledby": uniqueGroupId,
         "aria-describedby": tipId,
-        "aria-errormessage": errorMessageId
-      }, {
+        "aria-errormessage": errorMessageId,
         children: children
-      }))
-    })), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
+      })
+    }), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
   }));
 };
 var RadioButtonGroup = /*#__PURE__*/React.forwardRef(RadioButtonGroupInner);
+// @ts-expect-error TODO fix RadioButtonGroup type
+RadioButtonGroup.displayName = 'RadioButtonGroup';
 
 var CheckboxGroupContext = /*#__PURE__*/React__default.default.createContext(null);
 var useCheckboxGroup = function useCheckboxGroup() {
@@ -3668,22 +3691,21 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     'aria-readonly': readOnly
   });
   return jsxRuntime.jsxs(Container$f, Object.assign({}, containerProps, {
-    controlType: "checkbox"
-  }, {
+    controlType: "checkbox",
     children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps, {
       type: "checkbox",
       "data-indeterminate": indeterminate
     })), jsxRuntime.jsx(CustomSelectionControl, {
       controlType: "checkbox"
-    }), hasLabel && jsxRuntime.jsx(Typography, Object.assign({
+    }), hasLabel && jsxRuntime.jsx(Typography, {
       color: "inherit",
       as: "span",
-      typographyType: "bodySans02"
-    }, {
+      typographyType: "bodySans02",
       children: label
-    }))]
+    })]
   }));
 });
+Checkbox.displayName = 'Checkbox';
 
 var CheckboxGroup = function CheckboxGroup(props) {
   var label = props.label,
@@ -3715,26 +3737,24 @@ var CheckboxGroup = function CheckboxGroup(props) {
   return jsxRuntime.jsxs(OuterGroupContainer, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
     'aria-required': ariaRequired
   }), rest), {
-    children: [jsxRuntime.jsxs(Typography, Object.assign({
+    children: [jsxRuntime.jsxs(Typography, {
       as: "span",
       typographyType: "supportingStyleLabel01",
-      id: uniqueGroupId
-    }, {
+      id: uniqueGroupId,
       children: [label, " ", showRequiredMarker && jsxRuntime.jsx(RequiredMarker, {})]
-    })), renderInputMessage(tip, tipId), jsxRuntime.jsx(CheckboxGroupContext.Provider, Object.assign({
-      value: Object.assign({}, contextProps)
-    }, {
-      children: jsxRuntime.jsx(GroupContainer, Object.assign({
+    }), renderInputMessage(tip, tipId), jsxRuntime.jsx(CheckboxGroupContext.Provider, {
+      value: Object.assign({}, contextProps),
+      children: jsxRuntime.jsx(GroupContainer, {
         role: "group",
         "aria-labelledby": uniqueGroupId,
         "aria-describedby": tip ? tipId : undefined,
-        direction: direction
-      }, {
+        direction: direction,
         children: children
-      }))
-    })), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
+      })
+    }), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
   }));
 };
+CheckboxGroup.displayName = 'CheckboxGroup';
 
 var colors$p = ddsDesignTokens.ddsBaseTokens.colors,
   border$b = ddsDesignTokens.ddsBaseTokens.border,
@@ -4135,11 +4155,10 @@ function Spinner(props) {
     role: "img",
     "aria-labelledby": uniqueId
   }, spinnerProps, {
-    children: [tooltip && jsxRuntime.jsx("title", Object.assign({
-      id: uniqueId
-    }, {
+    children: [tooltip && jsxRuntime.jsx("title", {
+      id: uniqueId,
       children: tooltip
-    })), jsxRuntime.jsx(Circle, Object.assign({}, circleProps, {
+    }), jsxRuntime.jsx(Circle, Object.assign({}, circleProps, {
       cx: "25",
       cy: "25",
       r: "20",
@@ -4148,6 +4167,7 @@ function Spinner(props) {
     }))]
   }));
 }
+Spinner.displayName = 'Spinner';
 
 var _tokens$button$1 = buttonTokens.button,
   base$1 = _tokens$button$1.base,
@@ -4278,38 +4298,35 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onBlur: onBlur
   });
   var isIconButton = !hasLabel && hasIcon;
-  var iconElement = icon && jsxRuntime.jsx(StyledIconWrapperSpan, Object.assign({
+  var iconElement = icon && jsxRuntime.jsx(StyledIconWrapperSpan, {
     size: size,
     isHidden: hasIcon && loading,
-    justIcon: isIconButton
-  }, {
+    justIcon: isIconButton,
     children: jsxRuntime.jsx(Icon, {
       icon: icon,
       iconSize: "inherit"
     })
-  }));
+  });
   return jsxRuntime.jsxs(ButtonWrapper, Object.assign({}, wrapperProps, {
-    "aria-disabled": loading
-  }, {
+    "aria-disabled": loading,
     children: [!isIconButton && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [iconPosition === 'left' && iconElement, jsxRuntime.jsx(Label$1, Object.assign({
+      children: [iconPosition === 'left' && iconElement, jsxRuntime.jsx(Label$1, {
         isHidden: loading,
-        "aria-hidden": loading
-      }, {
+        "aria-hidden": loading,
         children: label
-      })), iconPosition === 'right' && iconElement]
-    }), isIconButton && iconElement, loading && jsxRuntime.jsx(StyledIconWrapperSpan, Object.assign({
+      }), iconPosition === 'right' && iconElement]
+    }), isIconButton && iconElement, loading && jsxRuntime.jsx(StyledIconWrapperSpan, {
       size: size,
-      absolutePosition: hasIcon || hasLabel
-    }, {
+      absolutePosition: hasIcon || hasLabel,
       children: jsxRuntime.jsx(Spinner, {
         color: appearances[appearance].purpose[purpose].base.color,
         size: sizes[size].justIcon.icon.fontSize,
         tooltip: loadingTooltip
       })
-    }))]
+    })]
   }));
 });
+Button$1.displayName = 'Button';
 
 var Wrapper$7 = styled__default.default(Typography).withConfig({
   displayName: "CharCounter__Wrapper",
@@ -4327,8 +4344,7 @@ function CharCounter(props) {
   return jsxRuntime.jsxs(Wrapper$7, Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest), {
     forwardedAs: "div",
     typographyType: "supportingStyleHelperText01",
-    "aria-label": "".concat(current, " av ").concat(max, " tegn skrevet")
-  }, {
+    "aria-label": "".concat(current, " av ").concat(max, " tegn skrevet"),
     children: [current, "/", max]
   }));
 }
@@ -4532,35 +4548,32 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     });
   } else if (hasAffix) {
     extendedInput = jsxRuntime.jsxs(InputAffixContainer, {
-      children: [prefix && jsxRuntime.jsx(Prefix, Object.assign({
+      children: [prefix && jsxRuntime.jsx(Prefix, {
         readOnly: readOnly,
         ref: prefixRef,
-        "aria-hidden": true
-      }, {
+        "aria-hidden": true,
         children: prefix
-      })), jsxRuntime.jsx(StatefulInput, Object.assign({
+      }), jsxRuntime.jsx(StatefulInput, Object.assign({
         ref: ref,
         onChange: onChangeHandler,
         type: type,
         componentSize: componentSize,
         prefixLength: prefixLength,
         suffixLength: suffixLength
-      }, generalInputProps)), suffix && jsxRuntime.jsx(Suffix, Object.assign({
+      }, generalInputProps)), suffix && jsxRuntime.jsx(Suffix, {
         readOnly: readOnly,
         ref: suffixRef,
-        "aria-hidden": true
-      }, {
+        "aria-hidden": true,
         children: suffix
-      }))]
+      })]
     });
   }
   return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, outerInputContainerProps, {
-    children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
+    children: [hasLabel && jsxRuntime.jsx(Label$2, {
       htmlFor: uniqueId,
-      showRequiredStyling: showRequiredStyling
-    }, {
+      showRequiredStyling: showRequiredStyling,
       children: label
-    })), extendedInput ? extendedInput : jsxRuntime.jsx(StatefulInput, Object.assign({
+    }), extendedInput ? extendedInput : jsxRuntime.jsx(StatefulInput, Object.assign({
       ref: ref,
       onChange: onChangeHandler,
       type: type,
@@ -4574,6 +4587,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     })]
   }));
 });
+TextInput.displayName = 'TextInput';
 
 var scrollbarWidthNumberPx = 10;
 var scrollbarWidth$1 = "".concat(scrollbarWidthNumberPx, "px");
@@ -4761,6 +4775,7 @@ var Scrollbar = function Scrollbar(props) {
     })
   })) : null;
 };
+Scrollbar.displayName = 'Scrollbar';
 
 var track$1 = scrollbarTokens.track,
   content$4 = scrollbarTokens.content,
@@ -4786,23 +4801,23 @@ var ScrollableContainer = function ScrollableContainer(props) {
     rest = tslib.__rest(props, ["children", "id", "className", "contentHeight", "htmlProps"]);
   var ref = React.useRef(null);
   return jsxRuntime.jsxs(StyledScrollableContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    children: [jsxRuntime.jsx(Content$2, Object.assign({
+    children: [jsxRuntime.jsx(Content$2, {
       height: contentHeight,
       ref: ref,
-      tabIndex: 0
-    }, {
+      tabIndex: 0,
       children: children
-    })), jsxRuntime.jsx(Scrollbar, {
+    }), jsxRuntime.jsx(Scrollbar, {
       contentRef: ref
     })]
   }));
 };
+ScrollableContainer.displayName = 'ScrollableContainer';
 
 var thumb = scrollbarTokens.thumb,
   track = scrollbarTokens.track;
 var scrollbarWidth = 'thin';
-/**
- * CSS-in-JS scrollbar styling til bruk der det ikke passer å bruke dedikerte komponenter. Inkluderer styling for webkit pseudo-elementer og for Firefox.
+/**
+ * CSS-in-JS scrollbar styling til bruk der det ikke passer å bruke dedikerte komponenter. Inkluderer styling for webkit pseudo-elementer og for Firefox.
  */
 var scrollbarStyling = {
   webkit: {
@@ -5247,11 +5262,10 @@ var CustomOption = function CustomOption(props, Element) {
 };
 var CustomSingleValue = function CustomSingleValue(props, id, Element) {
   return jsxRuntime.jsx(SingleValue, Object.assign({}, props, {
-    children: jsxRuntime.jsx(InnerSingleValue, Object.assign({
-      id: id
-    }, {
+    children: jsxRuntime.jsx(InnerSingleValue, {
+      id: id,
       children: Element ? jsxRuntime.jsx(Element, Object.assign({}, props)) : props.children
-    }))
+    })
   }));
 };
 var DDSNoOptionsMessage = function DDSNoOptionsMessage(props) {
@@ -5393,17 +5407,18 @@ var SelectInner = function SelectInner(props, ref) {
     required: required
   }, rest);
   return jsxRuntime.jsxs(Container$e, Object.assign({}, containerProps, {
-    children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
+    children: [hasLabel && jsxRuntime.jsx(Label$2, {
       htmlFor: uniqueId,
-      showRequiredStyling: showRequiredStyling
-    }, {
+      showRequiredStyling: showRequiredStyling,
       children: label
-    })), jsxRuntime.jsx(ReactSelect__default.default, Object.assign({}, reactSelectProps, {
+    }), jsxRuntime.jsx(ReactSelect__default.default, Object.assign({}, reactSelectProps, {
       ref: ref
     })), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
   }));
 };
 var Select = /*#__PURE__*/React__default.default.forwardRef(SelectInner);
+// @ts-expect-error TODO fix Select type
+Select.displayName = 'Select';
 
 var colors$l = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$u = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -5509,18 +5524,16 @@ var GlobalMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
     purpose: purpose
   });
   return !isClosed ? jsxRuntime.jsxs(Container$d, Object.assign({}, containerProps, {
-    children: [jsxRuntime.jsxs(ContentContainer$3, Object.assign({
-      closable: closable
-    }, {
+    children: [jsxRuntime.jsxs(ContentContainer$3, {
+      closable: closable,
       children: [jsxRuntime.jsx(MessageIconWrapper$1, {
         icon: purposeVariants$2[purpose].icon,
         color: icon$5[purpose].color
-      }), children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, Object.assign({
-        as: "span"
-      }, {
+      }), children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, {
+        as: "span",
         children: message
-      }))]
-    })), jsxRuntime.jsx(ControlsContainer, {
+      })]
+    }), jsxRuntime.jsx(ControlsContainer, {
       children: closable && jsxRuntime.jsx(Button$1, {
         icon: CloseIcon,
         purpose: purposeVariants$2[purpose].closeButtonPurpose,
@@ -5535,6 +5548,7 @@ var GlobalMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })]
   })) : null;
 });
+GlobalMessage.displayName = 'GlobalMessage';
 
 var colors$k = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$t = ddsDesignTokens.ddsBaseTokens.spacing,
@@ -5716,11 +5730,10 @@ var LocalMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
       icon: purposeVariants[purpose].icon,
       color: icon$3[purpose].color
     }), jsxRuntime.jsx(TextContainer, {
-      children: children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, Object.assign({
-        as: "span"
-      }, {
+      children: children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, {
+        as: "span",
         children: message
-      }))
+      })
     }), closable && jsxRuntime.jsx(CloseButton, {
       icon: CloseIcon,
       purpose: purposeVariants[purpose].closeButtonPurpose,
@@ -5734,6 +5747,7 @@ var LocalMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })]
   }));
 });
+LocalMessage.displayName = 'LocalMessage';
 
 var Wrapper$6 = styled__default.default.span.withConfig({
   displayName: "VisuallyHidden__Wrapper",
@@ -5748,8 +5762,7 @@ var VisuallyHidden = function VisuallyHidden(props) {
     rest = tslib.__rest(props, ["children", "id", "className", "htmlProps", "as"]);
   if (as === 'div') {
     return jsxRuntime.jsx(Wrapper$6, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      as: as
-    }, {
+      as: as,
       children: children
     }));
   }
@@ -5757,6 +5770,7 @@ var VisuallyHidden = function VisuallyHidden(props) {
     children: children
   }));
 };
+VisuallyHidden.displayName = 'VisuallyHidden';
 
 var AutocompleteSearchContext = /*#__PURE__*/React.createContext({});
 var useAutocompleteSearch = function useAutocompleteSearch() {
@@ -5965,9 +5979,8 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     icon: icon
   });
   if (!href && !onClick) {
-    return jsxRuntime.jsxs(Span, Object.assign({}, Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-      ref: ref
-    }), {
+    return jsxRuntime.jsxs(Span, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
+      ref: ref,
       children: [jsxRuntime.jsx(IconWrapper$1, {
         children: iconElement
       }), title]
@@ -5976,8 +5989,7 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   if (!href) {
     return jsxRuntime.jsxs(Link$2, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
       as: "button",
-      ref: combinedRef
-    }, {
+      ref: combinedRef,
       children: [jsxRuntime.jsx(IconWrapper$1, {
         children: iconElement
       }), title]
@@ -5985,13 +5997,13 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
   return jsxRuntime.jsxs(Link$2, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
     as: "a",
-    ref: combinedRef
-  }, {
+    ref: combinedRef,
     children: [jsxRuntime.jsx(IconWrapper$1, {
       children: iconElement
     }), title]
   }));
 });
+OverflowMenuItem.displayName = 'OverflowMenuItem';
 
 var suggestionsContainer = searchTokens.suggestionsContainer,
   suggestionsHeader = searchTokens.suggestionsHeader;
@@ -6035,14 +6047,12 @@ var SearchSuggestions = /*#__PURE__*/React.forwardRef(function (props, ref) {
     focus = _useRoveFocus2[0],
     setFocus = _useRoveFocus2[1];
   var suggestionsToRender = maxSuggestions ? suggestions === null || suggestions === void 0 ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
-  var renderedSuggestions = jsxRuntime.jsx(SuggestionsList, Object.assign({
+  var renderedSuggestions = jsxRuntime.jsx(SuggestionsList, {
     role: "listbox",
-    "aria-labelledby": suggestionsHeaderId
-  }, {
+    "aria-labelledby": suggestionsHeaderId,
     children: suggestionsToRender.map(function (suggestion, index) {
-      return jsxRuntime.jsx("li", Object.assign({
-        role: "option"
-      }, {
+      return jsxRuntime.jsx("li", {
+        role: "option",
         children: jsxRuntime.jsx(MenuItem, {
           index: index,
           focus: focus === index && showSuggestions,
@@ -6054,31 +6064,30 @@ var SearchSuggestions = /*#__PURE__*/React.forwardRef(function (props, ref) {
           "aria-posinset": index,
           size: componentSize
         })
-      }), index);
+      }, index);
     })
-  }));
+  });
   var isHidden = !showSuggestions;
   return jsxRuntime.jsxs(SuggestionsContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
     isHidden: isHidden,
-    "aria-hidden": isHidden
-  }, {
-    children: [jsxRuntime.jsx(SuggestionsHeader, Object.assign({
+    "aria-hidden": isHidden,
+    children: [jsxRuntime.jsx(SuggestionsHeader, {
       typographyType: "supportingStyleTiny01",
       forwardedAs: "span",
-      id: suggestionsHeaderId
-    }, {
+      id: suggestionsHeaderId,
       children: "S\xF8keforslag"
-    })), renderedSuggestions]
+    }), renderedSuggestions]
   }));
 });
+SearchSuggestions.displayName = 'SearchSuggestions';
 
-/**
- * Lager en change-event som kan resette verdien i et input-felt.
- * Dette vil resultere i en event som har: event.target.value = ''.
- *
- * @param inputElementId Id'en til et gitt input-felt
- * @returns En change-event som har en tom streng som target value
+/**
+ * Lager en change-event som kan resette verdien i et input-felt.
+ * Dette vil resultere i en event som har: event.target.value = ''.
+ *
+ * @param inputElementId Id'en til et gitt input-felt
+ * @returns En change-event som har en tom streng som target value
  */
 function createEmptyChangeEvent(inputElementId) {
   var inputElement = document.getElementById(inputElementId);
@@ -6211,11 +6220,10 @@ var Search$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var hasSuggestions = !!context.suggestions;
   var showSearchButton = !!buttonProps && !!onClick;
   return jsxRuntime.jsxs(OuterContainer$3, {
-    children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
-      htmlFor: uniqueId
-    }, {
+    children: [hasLabel && jsxRuntime.jsx(Label$2, {
+      htmlFor: uniqueId,
       children: label
-    })), jsxRuntime.jsxs("div", {
+    }), jsxRuntime.jsxs("div", {
       children: [jsxRuntime.jsxs(HorisontalContainer, Object.assign({
         hasSearchButton: showSearchButton
       }, containerProps, {
@@ -6238,12 +6246,11 @@ var Search$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
               suggestions: context.suggestions,
               showSuggestions: context.showSuggestions,
               componentSize: componentSize
-            }), jsxRuntime.jsx(VisuallyHidden, Object.assign({
+            }), jsxRuntime.jsx(VisuallyHidden, {
               id: suggestionsDescriptionId,
-              as: "span"
-            }, {
+              as: "span",
               children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet."
-            }))]
+            })]
           }), hasValue && jsxRuntime.jsx(StyledClearButton, {
             icon: CloseSmallIcon,
             size: "tiny",
@@ -6261,6 +6268,7 @@ var Search$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     })]
   });
 });
+Search$1.displayName = 'Search';
 
 var SearchAutocompleteWrapper = function SearchAutocompleteWrapper(props) {
   var value = props.value,
@@ -6359,12 +6367,12 @@ var SearchAutocompleteWrapper = function SearchAutocompleteWrapper(props) {
     inputValue: inputValue,
     onSugggestionClick: handleSuggestionClick
   };
-  return jsxRuntime.jsx(AutocompleteSearchContext.Provider, Object.assign({
-    value: contextProps
-  }, {
+  return jsxRuntime.jsx(AutocompleteSearchContext.Provider, {
+    value: contextProps,
     children: children
-  }));
+  });
 };
+SearchAutocompleteWrapper.displayName = 'SearchAutocompleteWrapper';
 
 var Search = Search$1;
 Search.AutocompleteWrapper = SearchAutocompleteWrapper;
@@ -6478,6 +6486,7 @@ var Table$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+Table$1.displayName = 'Table';
 
 var CollapsibleTableContext = /*#__PURE__*/React.createContext({
   headerValues: [],
@@ -6508,18 +6517,18 @@ var CollapsibleTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     density: density,
     isCollapsed: isCollapsed
   }, rest);
-  return jsxRuntime.jsx(CollapsibleTableContext.Provider, Object.assign({
+  return jsxRuntime.jsx(CollapsibleTableContext.Provider, {
     value: {
       isCollapsed: isCollapsed,
       headerValues: headerValues,
       definingColumnIndex: definingColumnIndex
-    }
-  }, {
+    },
     children: jsxRuntime.jsx(StyledTable, Object.assign({}, tableProps, {
       children: children
     }))
-  }));
+  });
 });
+CollapsibleTable$1.displayName = 'CollapsibleTable';
 
 var StyledHead = styled__default.default.thead.withConfig({
   displayName: "Head__StyledHead",
@@ -6535,6 +6544,7 @@ var Head = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+Head.displayName = 'Table.Head';
 
 var StyledBody = styled__default.default.tbody.withConfig({
   displayName: "Body__StyledBody",
@@ -6550,6 +6560,7 @@ var Body$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+Body$1.displayName = 'Table.Body';
 
 var StyledFoot = styled__default.default.tfoot.withConfig({
   displayName: "Foot__StyledFoot",
@@ -6565,6 +6576,7 @@ var Foot = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+Foot.displayName = 'Table.Foot';
 
 var row = tableTokens.row;
 var bodyRowStyles = function bodyRowStyles(mode, selected) {
@@ -6601,6 +6613,7 @@ var Row = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+Row.displayName = 'Table.Row';
 
 var spacing$p = ddsDesignTokens.ddsBaseTokens.spacing,
   colors$g = ddsDesignTokens.ddsBaseTokens.colors;
@@ -6679,6 +6692,7 @@ var DescriptionList = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children: children
   }));
 });
+DescriptionList.displayName = 'DescriptionList';
 
 var DListTerm = styled__default.default.dt.withConfig({
   displayName: "DescriptionListTerm__DListTerm",
@@ -6694,6 +6708,7 @@ var DescriptionListTerm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+DescriptionListTerm.displayName = 'DescriptionListTerm';
 
 var DListDesc = styled__default.default.dd.withConfig({
   displayName: "DescriptionListDesc__DListDesc",
@@ -6716,6 +6731,7 @@ var DescriptionListDesc = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }), " ", children]
   }));
 });
+DescriptionListDesc.displayName = 'DescriptionListDesc';
 
 var DListGroup = styled__default.default.div.withConfig({
   displayName: "DescriptionListGroup__DListGroup",
@@ -6750,6 +6766,7 @@ var DescriptionListGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children: children
   }));
 });
+DescriptionListGroup.displayName = 'DescriptionListGroup';
 
 var cell$1 = tableTokens.cell;
 var getLayoutStyle = function getLayoutStyle(layout) {
@@ -6816,6 +6833,7 @@ var Cell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }))
   }));
 });
+Cell.displayName = 'Table.Cell';
 
 var collapseButton = tableTokens.collapseButton;
 var CollapseButton = styled__default.default.button.withConfig({
@@ -6870,17 +6888,15 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       })]
     }, "DL-".concat(index));
   }) : null;
-  var collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? jsxRuntime.jsx(StyledRow, Object.assign({
-    type: "body"
-  }, {
-    children: jsxRuntime.jsx(DescriptionListCell, Object.assign({
-      colSpan: definingColumnIndex.length + 1
-    }, {
+  var collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? jsxRuntime.jsx(StyledRow, {
+    type: "body",
+    children: jsxRuntime.jsx(DescriptionListCell, {
+      colSpan: definingColumnIndex.length + 1,
       children: jsxRuntime.jsx(DescriptionList, {
         children: collapsedRenderedChildren
       })
-    }))
-  })) : null;
+    })
+  }) : null;
   var definingColumnCells = childrenArray.slice().filter(function (column, index) {
     return definingColumnIndex.indexOf(index) > -1;
   }).sort(function (a, b) {
@@ -6892,16 +6908,14 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       ref: ref
     }, rowProps, {
       children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [definingColumnCells, jsxRuntime.jsxs(Table.Cell, Object.assign({
+        children: [definingColumnCells, jsxRuntime.jsxs(Table.Cell, {
           type: "head",
-          layout: "center"
-        }, {
-          children: ["Utvid", jsxRuntime.jsx(VisuallyHidden, Object.assign({
-            as: "span"
-          }, {
+          layout: "center",
+          children: ["Utvid", jsxRuntime.jsx(VisuallyHidden, {
+            as: "span",
             children: "raden"
-          }))]
-        }))]
+          })]
+        })]
       })
     }));
   };
@@ -6911,22 +6925,20 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return jsxRuntime.jsxs(StyledRow, Object.assign({
       ref: ref
     }, rowProps, {
-      "data-isopencollapsibleheader": !childrenCollapsed && true
-    }, {
+      "data-isopencollapsibleheader": !childrenCollapsed && true,
       children: [definingColumnCells, jsxRuntime.jsx(Table.Cell, {
-        children: jsxRuntime.jsx(CollapseButton, Object.assign({
+        children: jsxRuntime.jsx(CollapseButton, {
           onClick: function onClick() {
             return setChildrenCollapsed(!childrenCollapsed);
           },
           "aria-expanded": !childrenCollapsed,
-          "aria-controls": idList
-        }, {
+          "aria-controls": idList,
           children: jsxRuntime.jsx(AnimatedChevronUpDown, {
             isUp: childrenCollapsed ? false : true,
             height: "7.5px",
             width: "12px"
           })
-        }))
+        })
       })]
     }));
   };
@@ -6940,6 +6952,7 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+CollapsibleRow.displayName = 'CollapsibleTable.Row';
 
 var cell = tableTokens.cell;
 var StyledButton$3 = styled__default.default.button.withConfig({
@@ -6972,14 +6985,14 @@ var SortCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     type: "head",
     "aria-sort": isSorted && sortOrder ? sortOrder : undefined
   }, rest, {
-    children: jsxRuntime.jsxs(StyledButton$3, Object.assign({
+    children: jsxRuntime.jsxs(StyledButton$3, {
       onClick: onClick,
-      "aria-description": "Aktiver for \xE5 endre sorteringsrekkef\xF8lge"
-    }, {
+      "aria-description": "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
       children: [children, " ", makeSortIcon(isSorted, sortOrder)]
-    }))
+    })
   }));
 });
+SortCell.displayName = 'Table.SortCell';
 
 var Wrapper$5 = styled__default.default.div.withConfig({
   displayName: "TableWrapper__Wrapper",
@@ -7027,6 +7040,7 @@ var TableWrapper = function TableWrapper(_a) {
     children: children
   }));
 };
+TableWrapper.displayName = 'Table.Wrapper';
 
 var Table = Table$1;
 Table.Wrapper = TableWrapper;
@@ -7046,23 +7060,22 @@ var Breadcrumb = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
     rest = tslib.__rest(props, ["children"]);
   if (isAnchorTypographyProps(props)) {
-    return jsxRuntime.jsx(Typography, Object.assign({
+    return jsxRuntime.jsx(Typography, {
       htmlProps: rest,
       ref: ref,
-      typographyType: "a"
-    }, {
+      typographyType: "a",
       children: children
-    }));
+    });
   }
-  return jsxRuntime.jsx(Typography, Object.assign({
+  return jsxRuntime.jsx(Typography, {
     htmlProps: rest,
     ref: ref,
     as: "span",
-    color: "interactive"
-  }, {
+    color: "interactive",
     children: children
-  }));
+  });
 });
+Breadcrumb.displayName = 'Breadcrumb';
 
 var colors$f = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$o = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -7089,10 +7102,12 @@ var List$2 = styled__default.default.ol.withConfig({
   displayName: "Breadcrumbs__List",
   componentId: "sc-xdj21o-0"
 })(["", " display:flex;flex-wrap:wrap;align-items:center;gap:", ";"], removeListStyling, list$4.gap);
+List$2.displayName = 'List';
 var ListItem$2 = styled__default.default.li.withConfig({
   displayName: "Breadcrumbs__ListItem",
   componentId: "sc-xdj21o-1"
 })(["align-items:center;display:flex;gap:", ";", ""], listItem$2.gap, getFontStyling(typographyType$3));
+ListItem$2.displayName = 'ListItem';
 var StyledIcon$1 = styled__default.default(Icon).withConfig({
   displayName: "Breadcrumbs__StyledIcon",
   componentId: "sc-xdj21o-2"
@@ -7113,13 +7128,13 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   return jsxRuntime.jsx("nav", Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
-    "aria-label": "br\xF8dsmulesti"
-  }, {
+    "aria-label": "br\xF8dsmulesti",
     children: jsxRuntime.jsx(List$2, {
       children: breadcrumbChildren
     })
   }));
 });
+Breadcrumbs.displayName = 'Breadcrumbs';
 
 var arrayRange = function arrayRange(start, end) {
   var length = end - start + 1;
@@ -7308,17 +7323,15 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-label": "paginering"
   }, navProps, {
     children: jsxRuntime.jsxs(List$1, {
-      children: [jsxRuntime.jsx(ListItem$1, Object.assign({
+      children: [jsxRuntime.jsx(ListItem$1, {
         isHidden: isOnFirstPage,
-        "aria-hidden": isOnFirstPage
-      }, {
+        "aria-hidden": isOnFirstPage,
         children: previousPageButton
-      })), listItems, jsxRuntime.jsx(ListItem$1, Object.assign({
+      }), listItems, jsxRuntime.jsx(ListItem$1, {
         isHidden: isOnLastPage,
-        "aria-hidden": isOnLastPage
-      }, {
+        "aria-hidden": isOnLastPage,
         children: nextPageButton
-      }))]
+      })]
     })
   })) : null;
   var smallScreenNavigation = withPagination ? jsxRuntime.jsx(Nav$1, Object.assign({
@@ -7326,10 +7339,9 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-label": "paginering"
   }, navProps, {
     children: jsxRuntime.jsxs(List$1, {
-      children: [jsxRuntime.jsx(ListItem$1, Object.assign({
+      children: [jsxRuntime.jsx(ListItem$1, {
         isHidden: isOnFirstPage,
-        "aria-hidden": isOnFirstPage
-      }, {
+        "aria-hidden": isOnFirstPage,
         children: jsxRuntime.jsx(Button$1, {
           purpose: "secondary",
           appearance: "ghost",
@@ -7340,12 +7352,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
           },
           "aria-label": "G\xE5 til f\xF8rste siden"
         })
-      })), jsxRuntime.jsx(ListItem$1, Object.assign({
+      }), jsxRuntime.jsx(ListItem$1, {
         isHidden: isOnFirstPage,
-        "aria-hidden": isOnFirstPage
-      }, {
+        "aria-hidden": isOnFirstPage,
         children: previousPageButton
-      })), jsxRuntime.jsx(ListItem$1, {
+      }), jsxRuntime.jsx(ListItem$1, {
         children: jsxRuntime.jsx(Button$1, {
           label: activePage.toString(),
           size: "small",
@@ -7353,15 +7364,13 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
             onPageChange(event, activePage);
           }
         })
-      }), jsxRuntime.jsx(ListItem$1, Object.assign({
+      }), jsxRuntime.jsx(ListItem$1, {
         isHidden: isOnLastPage,
-        "aria-hidden": isOnLastPage
-      }, {
+        "aria-hidden": isOnLastPage,
         children: nextPageButton
-      })), jsxRuntime.jsx(ListItem$1, Object.assign({
+      }), jsxRuntime.jsx(ListItem$1, {
         isHidden: isOnLastPage,
-        "aria-hidden": isOnLastPage
-      }, {
+        "aria-hidden": isOnLastPage,
         children: jsxRuntime.jsx(Button$1, {
           purpose: "secondary",
           appearance: "ghost",
@@ -7372,7 +7381,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
           },
           "aria-label": "G\xE5 til siste siden"
         })
-      }))]
+      })]
     })
   })) : null;
   var activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
@@ -7391,15 +7400,15 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
         isClearable: false,
         onChange: handleSelectChange,
         "aria-label": "Antall elementer per side"
-      }), withCounter && jsxRuntime.jsxs(Typography, Object.assign({
+      }), withCounter && jsxRuntime.jsxs(Typography, {
         typographyType: "supportingStyleLabel01",
-        as: "p"
-      }, {
+        as: "p",
         children: ["Viser ", activePageFirstItem, "-", activePageLastItem, " av ", itemsAmount]
-      }))]
+      })]
     }), navigationToBeRendered]
   }));
 });
+Pagination.displayName = 'Pagination';
 
 var border$6 = ddsDesignTokens.ddsBaseTokens.border,
   spacing$m = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -7439,6 +7448,7 @@ var Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   }, lineProps));
 });
+Divider.displayName = 'Divider';
 
 var img$3 = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6.7085' cy='6.7085' r='2.625' fill='%230B0D0E'/%3e%3c/svg%3e";
   var bulletLvl1 = img$3;
@@ -7515,6 +7525,7 @@ var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children: children
   }));
 });
+List.displayName = 'List';
 
 var StyledListItem = styled__default.default.li.withConfig({
   displayName: "ListItem__StyledListItem",
@@ -7529,6 +7540,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+ListItem.displayName = 'ListItem';
 
 var colors$d = ddsDesignTokens.ddsBaseTokens.colors,
   border$5 = ddsDesignTokens.ddsBaseTokens.border;
@@ -7592,8 +7604,7 @@ var Card = function Card(props) {
       as: "a",
       ref: cardRef,
       href: href,
-      target: target
-    }, {
+      target: target,
       children: children
     }));
   }
@@ -7601,11 +7612,11 @@ var Card = function Card(props) {
     cardType: cardType,
     color: color,
     as: "div",
-    ref: cardRef
-  }, {
+    ref: cardRef,
     children: children
   }));
 };
+Card.displayName = 'Card';
 
 var Wrapper$4 = styled__default.default.div.withConfig({
   displayName: "CardAccordion__Wrapper",
@@ -7657,6 +7668,7 @@ var CardAccordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children: Children
   }));
 });
+CardAccordion.displayName = 'CardAccordion';
 
 var spacing$k = ddsDesignTokens.ddsBaseTokens.spacing,
   border$4 = ddsDesignTokens.ddsBaseTokens.border,
@@ -7752,21 +7764,20 @@ var CardAccordionHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     height: cardAccordionTokens.chevron.height
   };
   return jsxRuntime.jsx(HeaderWrapperButton, Object.assign({}, headerWrapperProps, {
-    type: "button"
-  }, {
-    children: jsxRuntime.jsxs(HeaderContainer$2, Object.assign({
+    type: "button",
+    children: jsxRuntime.jsxs(HeaderContainer$2, {
       typographyType: typographyType,
       padding: padding,
-      bold: bold
-    }, {
+      bold: bold,
       children: [jsxRuntime.jsx(ContentWrapper, {
         children: children
       }), jsxRuntime.jsx(ChevronWrapper, {
         children: jsxRuntime.jsx(AnimatedChevronUpDown, Object.assign({}, chevronProps))
       })]
-    }))
+    })
   }));
 });
+CardAccordionHeader.displayName = 'CardAccordionHeader';
 
 var useIsMounted = function useIsMounted() {
   var isMounted = React.useRef(false);
@@ -7869,15 +7880,14 @@ var CardAccordionBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return jsxRuntime.jsx(Body, Object.assign({}, bodyProps, {
     animate: animate,
     "aria-labelledby": headerId,
-    "aria-hidden": !isExpanded
-  }, {
+    "aria-hidden": !isExpanded,
     children: jsxRuntime.jsx(BodyContainer, Object.assign({}, bodyContainerProps, {
-      animate: animate
-    }, {
+      animate: animate,
       children: children
     }))
   }));
 });
+CardAccordionBody.displayName = 'CardAccordionBody';
 
 var border$3 = ddsDesignTokens.ddsBaseTokens.border,
   colors$c = ddsDesignTokens.ddsBaseTokens.colors,
@@ -8054,11 +8064,10 @@ var OverflowMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
           })
         }), hasNavItems && hasContextItems && jsxRuntime.jsx(StyledDivider, {
           color: "primaryLighter"
-        }), hasContextItems && jsxRuntime.jsx(OverflowMenuList, Object.assign({
-          "aria-label": "kontekstmeny"
-        }, {
+        }), hasContextItems && jsxRuntime.jsx(OverflowMenuList, {
+          "aria-label": "kontekstmeny",
           children: interactiveItemsList === null || interactiveItemsList === void 0 ? void 0 : interactiveItemsList.slice(contextItemsFirstPos, interactiveItemsList.length)
-        }))]
+        })]
       });
     }
   };
@@ -8075,14 +8084,14 @@ var OverflowMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     role: 'menu'
   });
   return jsxRuntime.jsxs(Container$a, Object.assign({}, containerProps, {
-    "aria-label": "bruk piltaster for \xE5 navigere"
-  }, {
+    "aria-label": "bruk piltaster for \xE5 navigere",
     children: [hasStaticUser && jsxRuntime.jsx(OverflowMenuItem, {
       title: username,
       icon: PersonIcon
     }), interactiveContent()]
   }));
 });
+OverflowMenu.displayName = 'OverflowMenu';
 
 var OverflowMenuGroup = function OverflowMenuGroup(_ref) {
   var children = _ref.children,
@@ -8132,6 +8141,7 @@ var OverflowMenuGroup = function OverflowMenuGroup(_ref) {
     children: Children
   });
 };
+OverflowMenuGroup.displayName = 'OverflowMenuGroup';
 
 var outerContainer$1 = internalHeaderTokens.outerContainer,
   applicationNameWrapper = internalHeaderTokens.applicationNameWrapper,
@@ -8199,8 +8209,7 @@ var NavigationItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     isCurrent: isCurrent
   }, rest);
   return jsxRuntime.jsx(Link$1, Object.assign({}, linkProps, {
-    "aria-current": isCurrent ? 'page' : undefined
-  }, {
+    "aria-current": isCurrent ? 'page' : undefined,
     children: title
   }));
 });
@@ -8255,9 +8264,8 @@ var InternalHeader = function InternalHeader(props) {
   var hasNavigationElements = !!navigationElements && navigationElements.length > 0;
   var hasContextMenuElements = !!contextMenuElements && contextMenuElements.length > 0;
   var hasNavInContextMenu = smallScreen && hasNavigationElements;
-  var navigation = hasNavigationElements && !smallScreen ? jsxRuntime.jsx(Navigation, Object.assign({
-    "aria-label": "sidenavigasjon"
-  }, {
+  var navigation = hasNavigationElements && !smallScreen ? jsxRuntime.jsx(Navigation, {
+    "aria-label": "sidenavigasjon",
     children: jsxRuntime.jsx(NavigationList, {
       children: navigationElements.map(function (item, index) {
         var href = item.href,
@@ -8275,31 +8283,28 @@ var InternalHeader = function InternalHeader(props) {
         }, index);
       })
     })
-  })) : null;
+  }) : null;
   var hasContextMenu = hasContextMenuElements || !!userProps || hasNavInContextMenu;
   return jsxRuntime.jsxs(OuterContainer$1, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    children: [jsxRuntime.jsx(BannerWrapper, Object.assign({
-      hasContextMenu: hasContextMenu
-    }, {
+    children: [jsxRuntime.jsx(BannerWrapper, {
+      hasContextMenu: hasContextMenu,
       children: jsxRuntime.jsxs(BannerLeftWrapper, {
         children: [jsxRuntime.jsx(LovisaWrapper, {
-          children: jsxRuntime.jsx(Typography, Object.assign({
+          children: jsxRuntime.jsx(Typography, {
             typographyType: "bodySans02",
             bold: true,
-            as: "span"
-          }, {
+            as: "span",
             children: applicationName
-          }))
+          })
         }), jsxRuntime.jsx(ApplicationNameWrapper, {
-          children: jsxRuntime.jsx(Typography, Object.assign({
+          children: jsxRuntime.jsx(Typography, {
             typographyType: "bodySans02",
-            as: "span"
-          }, {
+            as: "span",
             children: applicationDesc
-          }))
+          })
         })]
       })
-    })), navigation, hasContextMenu && jsxRuntime.jsxs(ContextMenuGroup, {
+    }), navigation, hasContextMenu && jsxRuntime.jsxs(ContextMenuGroup, {
       children: [jsxRuntime.jsx(Button$1, {
         ref: buttonRef,
         icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
@@ -8320,6 +8325,7 @@ var InternalHeader = function InternalHeader(props) {
     })]
   }));
 };
+InternalHeader.displayName = 'InternalHeader';
 
 var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z' fill='%233a4146' /%3e%3c/svg%3e";
   var CalendarIcon = img;
@@ -8411,14 +8417,14 @@ var Datepicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     className: className
   };
   return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, outerinputContainerProps, {
-    children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
+    children: [hasLabel && jsxRuntime.jsx(Label$2, {
       htmlFor: uniqueId,
-      showRequiredStyling: showRequiredStyling
-    }, {
+      showRequiredStyling: showRequiredStyling,
       children: label
-    })), jsxRuntime.jsx(StyledInput, Object.assign({}, inputProps)), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
+    }), jsxRuntime.jsx(StyledInput, Object.assign({}, inputProps)), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
   }));
 });
+Datepicker.displayName = 'Datepicker';
 var defaultWidths = _defineProperty({
   date: {
     medium: '160px',
@@ -8498,12 +8504,12 @@ var SkipToContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   return jsxRuntime.jsx(Wrapper$3, Object.assign({}, wrapperProps, {
     children: jsxRuntime.jsx(Link, Object.assign({}, getBaseHTMLProps(id, restHtmlProps, rest), {
-      ref: ref
-    }, {
+      ref: ref,
       children: text
     }))
   }));
 });
+SkipToContent.displayName = 'SkipToContent';
 
 var colors$a = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$g = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -8659,8 +8665,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return jsxRuntime.jsxs(Container$9, Object.assign({}, containerProps, {
     children: [anchorElement, jsxRuntime.jsxs(TooltipWrapper, Object.assign({}, wrapperProps, {
       elevation: 1,
-      border: "light"
-    }, {
+      border: "light",
       children: [text, jsxRuntime.jsx(ArrowWrapper, Object.assign({}, arrowWrapperProps, {
         children: jsxRuntime.jsxs(SvgArrow, {
           children: [jsxRuntime.jsx("path", {
@@ -8677,6 +8682,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }))]
   }));
 });
+Tooltip.displayName = 'Tooltip';
 
 var spacing$f = ddsDesignTokens.ddsBaseTokens.spacing;
 var container$6 = {
@@ -8769,15 +8775,13 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   return isOpen || hasTransitionedIn ? /*#__PURE__*/reactDom$1.createPortal(jsxRuntime.jsx(Backdrop, Object.assign({}, backdropProps, {
     children: jsxRuntime.jsxs(Container$8, Object.assign({}, containerProps, {
-      elevation: 4
-    }, {
+      elevation: 4,
       children: [jsxRuntime.jsxs(ContentContainer$2, {
         children: [header && jsxRuntime.jsx(HeaderContainer$1, Object.assign({}, headerContainerProps, {
-          children: typeof header === 'string' ? jsxRuntime.jsx(Typography, Object.assign({
-            typographyType: "headingSans03"
-          }, {
+          children: typeof header === 'string' ? jsxRuntime.jsx(Typography, {
+            typographyType: "headingSans03",
             children: header
-          })) : header
+          }) : header
         })), children]
       }), onClose && jsxRuntime.jsx(StyledButton$2, {
         size: "small",
@@ -8790,6 +8794,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }))
   })), parentElement) : null;
 });
+Modal.displayName = 'Modal';
 
 var Container$7 = styled__default.default.div.withConfig({
   displayName: "ModalBody__Container",
@@ -8807,15 +8812,15 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   });
   return scrollable ? jsxRuntime.jsx(Container$7, Object.assign({}, containerProps, {
-    children: jsxRuntime.jsx(ScrollableContainer, Object.assign({
-      contentHeight: height
-    }, {
+    children: jsxRuntime.jsx(ScrollableContainer, {
+      contentHeight: height,
       children: children
-    }))
+    })
   })) : jsxRuntime.jsx(Container$7, Object.assign({}, containerProps, {
     children: children
   }));
 });
+ModalBody.displayName = 'ModalBody';
 
 var Container$6 = styled__default.default.div.withConfig({
   displayName: "ModalActions__Container",
@@ -8831,6 +8836,7 @@ var ModalActions = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+ModalActions.displayName = 'ModalActions';
 
 var spacing$e = ddsDesignTokens.ddsBaseTokens.spacing;
 var contentContainerPaddingNumberPx = spacing$e.SizesDdsSpacingLocalX025NumberPx;
@@ -8850,7 +8856,7 @@ var drawerTokens = {
 var container$3 = drawerTokens.container,
   contentContainer = drawerTokens.contentContainer;
 var getMaxWidth = function getMaxWidth(size) {
-  if (size === 'large') return '800px';else return '400px';
+  if (size === 'large') return '800px';else if (size === 'medium') return '600px';else return '400px';
 };
 var Container$5 = styled__default.default(Paper).withConfig({
   displayName: "Drawer__Container",
@@ -8927,16 +8933,14 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
     id: headerId
   };
   return isOpen || hasTransitionedIn ? /*#__PURE__*/reactDom$1.createPortal(jsxRuntime.jsxs(Container$5, Object.assign({}, containerProps, {
-    elevation: 4
-  }, {
+    elevation: 4,
     children: [jsxRuntime.jsx(ScrollableContainer, {
       children: jsxRuntime.jsxs(ContentContainer$1, {
         children: [hasHeader && jsxRuntime.jsx(HeaderContainer, Object.assign({}, headerContainerProps, {
-          children: typeof header === 'string' ? jsxRuntime.jsx(Typography, Object.assign({
-            typographyType: "headingSans03"
-          }, {
+          children: typeof header === 'string' ? jsxRuntime.jsx(Typography, {
+            typographyType: "headingSans03",
             children: header
-          })) : header
+          }) : header
         })), children]
       })
     }), jsxRuntime.jsx(StyledButton$1, {
@@ -8950,6 +8954,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })]
   })), parentElement) : null;
 });
+Drawer.displayName = 'Drawer';
 
 var DrawerGroup = function DrawerGroup(_ref) {
   var children = _ref.children,
@@ -8995,6 +9000,7 @@ var DrawerGroup = function DrawerGroup(_ref) {
     children: [" ", Children, " "]
   });
 };
+DrawerGroup.displayName = 'DrawerGroup';
 
 var spacing$d = ddsDesignTokens.ddsBaseTokens.spacing;
 var wrapper$3 = {
@@ -9102,20 +9108,17 @@ var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   return isOpen || hasTransitionedIn ? jsxRuntime.jsxs(Wrapper$2, Object.assign({}, wrapperProps, {
     elevation: 3,
-    border: "light"
-  }, {
+    border: "light",
     children: [title && jsxRuntime.jsx(TitleContainer, {
-      children: typeof title === 'string' ? jsxRuntime.jsx(Typography, Object.assign({
-        typographyType: "headingSans02"
-      }, {
+      children: typeof title === 'string' ? jsxRuntime.jsx(Typography, {
+        typographyType: "headingSans02",
         children: title
-      })) : title
-    }), jsxRuntime.jsx(ContentContainer, Object.assign({
+      }) : title
+    }), jsxRuntime.jsx(ContentContainer, {
       hasTitle: !!title,
-      withCloseButton: withCloseButton
-    }, {
+      withCloseButton: withCloseButton,
       children: children
-    })), withCloseButton && jsxRuntime.jsx(StyledButton, {
+    }), withCloseButton && jsxRuntime.jsx(StyledButton, {
       icon: CloseIcon,
       appearance: "borderless",
       purpose: "secondary",
@@ -9125,6 +9128,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })]
   })) : null;
 });
+Popover.displayName = 'Popover';
 
 var PopoverGroup = function PopoverGroup(_ref) {
   var _ref$isOpen = _ref.isOpen,
@@ -9180,6 +9184,7 @@ var PopoverGroup = function PopoverGroup(_ref) {
     children: Children
   });
 };
+PopoverGroup.displayName = 'PopoverGroup';
 
 var colors$9 = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$c = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -9240,16 +9245,16 @@ var ToggleButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     htmlFor: uniqueId
   };
   return jsxRuntime.jsxs(Container$4, Object.assign({}, containerProps, {
-    children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps)), jsxRuntime.jsxs(Content$1, Object.assign({
-      hasIcon: !!icon
-    }, {
+    children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps)), jsxRuntime.jsxs(Content$1, {
+      hasIcon: !!icon,
       children: [icon && jsxRuntime.jsx(Icon, {
         icon: icon,
         iconSize: "inherit"
       }), " ", label]
-    }))]
+    })]
   }));
 });
+ToggleButton.displayName = 'ToggleButton';
 
 var Group$1 = styled__default.default.div.withConfig({
   displayName: "ToggleButtonGroup__Group",
@@ -9282,17 +9287,17 @@ var ToggleButtonGroup = function ToggleButtonGroup(props) {
     'aria-labelledby': label ? uniqueLabelId : undefined
   });
   return jsxRuntime.jsxs(Container$3, Object.assign({}, containerProps, {
-    children: [!!label && jsxRuntime.jsx(Typography, Object.assign({
+    children: [!!label && jsxRuntime.jsx(Typography, {
       as: "span",
       typographyType: "supportingStyleLabel01",
-      id: uniqueLabelId
-    }, {
+      id: uniqueLabelId,
       children: label
-    })), jsxRuntime.jsx(Group$1, Object.assign({}, groupProps, {
+    }), jsxRuntime.jsx(Group$1, Object.assign({}, groupProps, {
       children: children
     }))]
   }));
 };
+ToggleButtonGroup.displayName = 'ToggleButtonGroup';
 
 var TabsContext = /*#__PURE__*/React.createContext({
   activeTab: 0,
@@ -9354,7 +9359,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest)), {
     ref: ref
   });
-  return jsxRuntime.jsx(TabsContext.Provider, Object.assign({
+  return jsxRuntime.jsx(TabsContext.Provider, {
     value: {
       tabsId: uniqueId,
       activeTab: thisActiveTab,
@@ -9364,15 +9369,14 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
       hasTabFocus: hasTabFocus,
       setHasTabFocus: setHasTabFocus,
       tabContentDirection: tabContentDirection
-    }
-  }, {
+    },
     children: jsxRuntime.jsx(Container$2, Object.assign({}, containerProps, {
-      width: width
-    }, {
+      width: width,
       children: children
     }))
-  }));
+  });
 });
+Tabs.displayName = 'Tabs';
 
 var border$1 = ddsDesignTokens.ddsBaseTokens.border,
   spacing$b = ddsDesignTokens.ddsBaseTokens.spacing,
@@ -9488,6 +9492,7 @@ var Tab = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })]
   }));
 });
+Tab.displayName = 'Tab';
 
 var tabList = tabsTokens.tabList;
 var TabRow = styled__default.default.div.withConfig({
@@ -9551,6 +9556,7 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: tabListChildren
   }));
 });
+TabList.displayName = 'TabList';
 
 var panel = tabsTokens.panel;
 var Panel = styled__default.default.div.withConfig({
@@ -9578,6 +9584,7 @@ var TabPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: children
   }));
 });
+TabPanel.displayName = 'TabPanel';
 
 var TabPanels = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var children = _a.children,
@@ -9602,6 +9609,7 @@ var TabPanels = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children: panelChildren
   }));
 });
+TabPanels.displayName = 'TabPanels';
 
 var colors$7 = ddsDesignTokens.ddsBaseTokens.colors,
   borderRadius$2 = ddsDesignTokens.ddsBaseTokens.borderRadius,
@@ -9653,13 +9661,13 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = tslib.__rest(props, ["text", "purpose", "id", "className", "htmlProps"]);
   return jsxRuntime.jsx(Wrapper$1, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
-    purpose: purpose
-  }, {
+    purpose: purpose,
     children: jsxRuntime.jsx(TextOverflowEllipsisInner, {
       children: text
     })
   }));
 });
+Tag.displayName = 'Tag';
 
 var colors$6 = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$9 = ddsDesignTokens.ddsBaseTokens.spacing,
@@ -9705,8 +9713,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   return isOpen ? jsxRuntime.jsxs(Container$1, Object.assign({}, getBaseHTMLProps(id, className, restHTMLprops, rest), {
     ref: ref,
-    as: "div"
-  }, {
+    as: "div",
     children: [jsxRuntime.jsx(TextOverflowEllipsisInner, {
       children: text
     }), jsxRuntime.jsx(Button$1, {
@@ -9719,6 +9726,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })]
   })) : null;
 });
+Chip.displayName = 'Chip';
 
 var Group = styled__default.default.ul.withConfig({
   displayName: "ChipGroup__Group",
@@ -9734,11 +9742,11 @@ var ChipGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }, "chip-".concat(index));
   });
   return jsxRuntime.jsx(Group, Object.assign({}, rest, {
-    ref: ref
-  }, {
+    ref: ref,
     children: groupChildren
   }));
 });
+ChipGroup.displayName = 'ChipGroup';
 
 var ToggleBarContext = /*#__PURE__*/React.createContext({
   size: 'medium'
@@ -9881,30 +9889,28 @@ var ToggleBar = function ToggleBar(props) {
     return onChange && onChange(e, e.target.value);
   });
   var labelId = label && "".concat(uniqueId, "-label");
-  return jsxRuntime.jsx(ToggleBarContext.Provider, Object.assign({
+  return jsxRuntime.jsx(ToggleBarContext.Provider, {
     value: {
       size: size,
       onChange: handleChange,
       name: name,
       value: groupValue
-    }
-  }, {
+    },
     children: jsxRuntime.jsxs(OuterContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
       role: "radiogroup",
       "aria-labelledby": labelId !== null && labelId !== void 0 ? labelId : htmlProps === null || htmlProps === void 0 ? void 0 : htmlProps['aria-labelledby'],
-      width: width
-    }, {
-      children: [label && jsxRuntime.jsx(Typography, Object.assign({
+      width: width,
+      children: [label && jsxRuntime.jsx(Typography, {
         typographyType: "supportingStyleLabel01",
-        id: labelId
-      }, {
+        id: labelId,
         children: label
-      })), jsxRuntime.jsx(Bar, {
+      }), jsxRuntime.jsx(Bar, {
         children: children
       })]
     }))
-  }));
+  });
 };
+ToggleBar.displayName = 'ToggleBar';
 
 var content = toggleBarTokens.content,
   label = toggleBarTokens.label;
@@ -9921,14 +9927,14 @@ var Label = styled__default.default.label.withConfig({
   componentId: "sc-mp4hol-1"
 })(["", "{border-right:", ";border-top:", ";border-bottom:", ";}&:first-child ", "{border-left:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";}&:last-child ", "{border-top-right-radius:", ";border-bottom-right-radius:", ";}", ":checked + ", "{color:", ";border-color:", ";background-color:", ";box-shadow:", ";position:relative;z-index:0;}", ":focus-visible + ", "{", " position:relative;z-index:0;}&:hover{color:", ";border-color:", ";}"], Content, label.base.borderRight, label.base.borderTop, label.base.borderBottom, Content, label.firstChild.borderLeft, label.firstChild.borderTopLeftRadius, label.firstChild.borderBottomLeftRadius, Content, label.lastChild.borderTopRightRadius, label.lastChild.borderBottomRightRadius, HiddenInput, Content, content.active.color, content.active.borderColor, content.active.backgroundColor, content.active.boxShadow, HiddenInput, Content, focusVisible, label.hover.color, label.hover.borderColor);
 
-/**Beregner om en ToggleRadio skal være checked eller ikke.
- *
- * Returnerer checked hvis den er definert.
- *
- * Returnerer true hvis både verdien fra context og verdien i ToggleRadio er truthy og like.
- * Returnerer true hvis verdien i ToggleRadio er truthy, men context ikke finnes.
- *
- * Returnerer false hvis verdiene er ulike eller hvis verdien i ToggleRadio er falsy.
+/**Beregner om en ToggleRadio skal være checked eller ikke.
+ *
+ * Returnerer checked hvis den er definert.
+ *
+ * Returnerer true hvis både verdien fra context og verdien i ToggleRadio er truthy og like.
+ * Returnerer true hvis verdien i ToggleRadio er truthy, men context ikke finnes.
+ *
+ * Returnerer false hvis verdiene er ulike eller hvis verdien i ToggleRadio er falsy.
  */
 var calculateChecked = function calculateChecked(value, group, checked) {
   if (typeof checked !== 'undefined') return checked;
@@ -9958,10 +9964,9 @@ var ToggleRadio = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange && onChange(event);
     group && group.onChange && group.onChange(event);
   };
-  return jsxRuntime.jsxs(Label, Object.assign({
+  return jsxRuntime.jsxs(Label, {
     size: group.size,
-    htmlFor: uniqueId
-  }, {
+    htmlFor: uniqueId,
     children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest), {
       type: "radio",
       ref: ref,
@@ -9969,19 +9974,19 @@ var ToggleRadio = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onChange: handleChange,
       value: value,
       checked: calculateChecked(value, group, checked)
-    })), jsxRuntime.jsxs(Content, Object.assign({
+    })), jsxRuntime.jsxs(Content, {
       size: group.size,
-      justIcon: !!icon && !!!label
-    }, {
+      justIcon: !!icon && !!!label,
       children: [icon && jsxRuntime.jsx(Icon, {
         icon: icon,
         iconSize: "inherit"
       }), label && jsxRuntime.jsx("span", {
         children: label
       })]
-    }))]
-  }));
+    })]
+  });
 });
+ToggleRadio.displayName = 'ToggleRadio';
 
 var _halfWayColumn, _gridTokens;
 var grid = ddsDesignTokens.ddsBaseTokens.grid,
@@ -10103,23 +10108,21 @@ var Grid = function Grid(props) {
     as = props.as,
     rest = tslib.__rest(props, ["id", "className", "children", "htmlProps", "as"]);
   var screenSize = useScreenSize();
-  return jsxRuntime.jsx(GridContext.Provider, Object.assign({
+  return jsxRuntime.jsx(GridContext.Provider, {
     value: {
       screenSize: screenSize
-    }
-  }, {
+    },
     children: as === 'div' ? jsxRuntime.jsx(StyledGrid, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      screenSize: screenSize
-    }, {
+      screenSize: screenSize,
       children: children
     })) : jsxRuntime.jsx(StyledGrid, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
       screenSize: screenSize,
-      as: as
-    }, {
+      as: as,
       children: children
     }))
-  }));
+  });
 };
+Grid.displayName = 'Grid';
 
 var isRelativeGridColumn = function isRelativeGridColumn(type) {
   return type === 'all' || type === 'firstHalf' || type === 'secondHalf';
@@ -10150,11 +10153,11 @@ var GridChild = function GridChild(props) {
   var _useGridContext = useGridContext(),
     screenSize = _useGridContext.screenSize;
   return jsxRuntime.jsx(StyledGridChild, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    screenSize: screenSize
-  }, {
+    screenSize: screenSize,
     children: children
   }));
 };
+GridChild.displayName = 'GridChild';
 
 var ProgressTrackerContext = /*#__PURE__*/React.createContext({
   activeStep: 0
@@ -10333,30 +10336,27 @@ var ProgressTrackerItem = function ProgressTrackerItem(props) {
     }
     return index + 1;
   }, [completed, icon, index]);
-  return jsxRuntime.jsx(ItemWrapper, Object.assign({
-    "aria-current": active ? 'step' : undefined
-  }, {
+  return jsxRuntime.jsx(ItemWrapper, {
+    "aria-current": active ? 'step' : undefined,
     children: jsxRuntime.jsxs(ItemContentWrapper, Object.assign({}, styleProps, {
       as: handleStepChange ? 'button' : 'div',
       onClick: !disabled && handleStepChange ? function () {
         return handleStepChange(index);
       } : undefined,
-      disabled: disabled
-    }, {
+      disabled: disabled,
       children: [jsxRuntime.jsx(ItemNumber, Object.assign({}, styleProps, {
-        "aria-hidden": true
-      }, {
+        "aria-hidden": true,
         children: stepNumberContent
       })), jsxRuntime.jsxs(ItemText, Object.assign({}, styleProps, {
-        children: [jsxRuntime.jsx(VisuallyHidden, Object.assign({
-          as: "span"
-        }, {
+        children: [jsxRuntime.jsx(VisuallyHidden, {
+          as: "span",
           children: getVisuallyHiddenText(active, completed, index)
-        })), children]
+        }), children]
       }))]
     }))
-  }));
+  });
 };
+ProgressTrackerItem.displayName = 'ProgressTracker.Item';
 
 var ItemsWrapper = styled__default.default.ol.withConfig({
   displayName: "ProgressTracker__ItemsWrapper",
@@ -10398,12 +10398,11 @@ var ProgressTracker = function () {
       var itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
       return itemsWithConnectorsBetween;
     }, [children]);
-    return jsxRuntime.jsx(ProgressTrackerContext.Provider, Object.assign({
+    return jsxRuntime.jsx(ProgressTrackerContext.Provider, {
       value: {
         activeStep: thisActiveStep,
         handleStepChange: handleChange
-      }
-    }, {
+      },
       children: jsxRuntime.jsx("div", Object.assign({
         role: "group",
         "aria-label": "progress"
@@ -10412,9 +10411,10 @@ var ProgressTracker = function () {
           children: steps
         })
       }))
-    }));
+    });
   });
   Res.Item = ProgressTrackerItem;
+  Res.displayName = 'ProgressTracker';
   return Res;
 }();
 var removeInvalidChildren = function removeInvalidChildren(children) {
@@ -10501,6 +10501,7 @@ var InlineEdit = function InlineEdit(props) {
     children: inputChild
   });
 };
+InlineEdit.displayName = 'InlineEdit';
 
 var colors$3 = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$5 = ddsDesignTokens.ddsBaseTokens.spacing,
@@ -10549,12 +10550,11 @@ var IconWrapper = styled__default.default.span.withConfig({
 })(["position:absolute;left:", ";top:", ";z-index:1;&:hover{cursor:text;}"], iconWrapper.left, iconWrapper.top);
 
 var inlineEditVisuallyHidden = function inlineEditVisuallyHidden(id, emptiable) {
-  return jsxRuntime.jsxs(VisuallyHidden, Object.assign({
+  return jsxRuntime.jsxs(VisuallyHidden, {
     id: id,
-    as: "span"
-  }, {
+    as: "span",
     children: ["Escape, Enter eller Tab for \xE5 lagre.", ' ', !emptiable && 'Inputfeltet er ikke tømmbar.']
-  }));
+  });
 };
 
 var InlineTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -10575,21 +10575,19 @@ var InlineTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var descId = derivativeIdGenerator(uniqueId, 'desc');
   var inputRef = React.useRef(null);
   var combinedRef = useCombinedRef(ref, inputRef);
-  return jsxRuntime.jsxs(OuterInputContainer, Object.assign({
-    width: width
-  }, {
+  return jsxRuntime.jsxs(OuterInputContainer, {
+    width: width,
     children: [jsxRuntime.jsxs(InputContainer$1, {
-      children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, Object.assign({
+      children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, {
         onClick: function onClick() {
           var _a;
           (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-      }, {
+        },
         children: jsxRuntime.jsx(Icon, {
           icon: EditIcon,
           iconSize: "small"
         })
-      })), jsxRuntime.jsx(StyledInlineTextArea, Object.assign({}, rest, {
+      }), jsxRuntime.jsx(StyledInlineTextArea, Object.assign({}, rest, {
         as: "textarea",
         id: uniqueId,
         ref: combinedRef,
@@ -10599,8 +10597,9 @@ var InlineTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
         "aria-describedby": spaceSeparatedIdListGenerator([hasErrorMessage ? errorMessageId : undefined, descId, ariaDescribedby])
       }))]
     }), inlineEditVisuallyHidden(descId, emptiable), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
-  }));
+  });
 });
+InlineTextArea.displayName = 'InlineTextArea';
 
 var InlineEditTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onSetValue = props.onSetValue,
@@ -10612,19 +10611,18 @@ var InlineEditTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = tslib.__rest(props, ["onSetValue", "emptiable", "value", "onFocus", "onChange", "onBlur"]);
   var textareaRef = React.useRef(null);
   var combinedRef = useCombinedRef(ref, textareaRef);
-  return jsxRuntime.jsx(InlineEdit, Object.assign({
+  return jsxRuntime.jsx(InlineEdit, {
     onSetValue: onSetValue,
     emptiable: emptiable,
     inputRef: textareaRef,
     value: value,
     onFocus: onFocus,
     onChange: onChange,
-    onBlur: onBlur
-  }, {
+    onBlur: onBlur,
     children: jsxRuntime.jsx(InlineTextArea, Object.assign({
       ref: combinedRef
     }, rest))
-  }));
+  });
 });
 
 var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -10647,21 +10645,19 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var descId = derivativeIdGenerator(uniqueId, 'desc');
   var inputRef = React.useRef(null);
   var combinedRef = useCombinedRef(ref, inputRef);
-  return jsxRuntime.jsxs(OuterInputContainer, Object.assign({
-    width: width
-  }, {
+  return jsxRuntime.jsxs(OuterInputContainer, {
+    width: width,
     children: [jsxRuntime.jsxs(InputContainer$1, {
-      children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, Object.assign({
+      children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, {
         onClick: function onClick() {
           var _a;
           (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-      }, {
+        },
         children: jsxRuntime.jsx(Icon, {
           icon: EditIcon,
           iconSize: "small"
         })
-      })), jsxRuntime.jsx(StyledInlineInput, Object.assign({}, rest, {
+      }), jsxRuntime.jsx(StyledInlineInput, Object.assign({}, rest, {
         id: uniqueId,
         ref: combinedRef,
         hasErrorMessage: hasErrorState,
@@ -10671,8 +10667,9 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
         "aria-invalid": hasErrorState
       }))]
     }), inlineEditVisuallyHidden(descId, emptiable), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
-  }));
+  });
 });
+InlineInput.displayName = 'InlineInput';
 
 var InlineEditInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onSetValue = props.onSetValue,
@@ -10684,19 +10681,18 @@ var InlineEditInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = tslib.__rest(props, ["onSetValue", "emptiable", "value", "onFocus", "onChange", "onBlur"]);
   var inputRef = React.useRef(null);
   var combinedRef = useCombinedRef(ref, inputRef);
-  return jsxRuntime.jsx(InlineEdit, Object.assign({
+  return jsxRuntime.jsx(InlineEdit, {
     onSetValue: onSetValue,
     emptiable: emptiable,
     inputRef: inputRef,
     value: value,
     onFocus: onFocus,
     onChange: onChange,
-    onBlur: onBlur
-  }, {
+    onBlur: onBlur,
     children: jsxRuntime.jsx(InlineInput, Object.assign({}, rest, {
       ref: combinedRef
     }))
-  }));
+  });
 });
 
 var spacing$4 = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -10773,16 +10769,16 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
     'aria-invalid': hasErrorMessage ? true : undefined
   }, rest);
   return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, containerProps, {
-    children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
+    children: [hasLabel && jsxRuntime.jsx(Label$2, {
       showRequiredStyling: showRequiredStyling,
-      htmlFor: uniqueId
-    }, {
+      htmlFor: uniqueId,
       children: label
-    })), jsxRuntime.jsx(StyledTextArea, Object.assign({}, textAreaProps, {
+    }), jsxRuntime.jsx(StyledTextArea, Object.assign({}, textAreaProps, {
       as: "textarea"
     })), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
   }));
 });
+TextArea.displayName = 'TextArea';
 
 var mainButton = {
   primary: {
@@ -10824,16 +10820,14 @@ var SplitButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     purpose: purpose,
     size: size
   };
-  return jsxRuntime.jsxs(Container, Object.assign({
-    ref: ref
-  }, {
+  return jsxRuntime.jsxs(Container, {
+    ref: ref,
     children: [jsxRuntime.jsx(MainButton, Object.assign({}, buttonStyleProps, primaryAction, {
       iconPosition: "left"
-    })), jsxRuntime.jsxs(OverflowMenuGroup, Object.assign({
+    })), jsxRuntime.jsxs(OverflowMenuGroup, {
       onToggle: function onToggle() {
         return setIsOpen(!isOpen);
-      }
-    }, {
+      },
       children: [jsxRuntime.jsx(OptionButton, Object.assign({}, buttonStyleProps, {
         icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
         "aria-label": "\xC5pne liste med flere valg",
@@ -10842,9 +10836,10 @@ var SplitButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
         items: secondaryActions,
         placement: "bottom-end"
       })]
-    }))]
-  }));
+    })]
+  });
 });
+SplitButton.displayName = 'SplitButton';
 
 var spacing$3 = ddsDesignTokens.ddsBaseTokens.spacing;
 var spacingTokens = {
@@ -10900,6 +10895,7 @@ var HStack = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     ref: ref
   }, getBaseHTMLProps(id, className, htmlProps, rest)));
 });
+HStack.displayName = 'HStack';
 var VStack = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var id = _a.id,
     className = _a.className,
@@ -10910,6 +10906,7 @@ var VStack = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     ref: ref
   }, getBaseHTMLProps(id, className, htmlProps, rest)));
 });
+VStack.displayName = 'VStack';
 
 var colors$2 = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$2 = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -11394,27 +11391,23 @@ var FileUploader = function FileUploader(props) {
       message: e
     };
   });
-  return jsxRuntime.jsxs(Wrapper, Object.assign({
-    width: width
-  }, {
-    children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
+  return jsxRuntime.jsxs(Wrapper, {
+    width: width,
+    children: [hasLabel && jsxRuntime.jsx(Label$2, {
       showRequiredStyling: showRequiredMarker,
-      htmlFor: uniqueId
-    }, {
+      htmlFor: uniqueId,
       children: label
-    })), hasTip && jsxRuntime.jsx(InputMessage, {
+    }), hasTip && jsxRuntime.jsx(InputMessage, {
       id: tipId,
       message: tip,
       messageType: "tip"
     }), jsxRuntime.jsxs(Root, Object.assign({}, getRootProps(), {
       isDragActive: isDragActive,
-      hasRootErrors: hasRootErrors
-    }, {
-      children: [jsxRuntime.jsx(FileUploaderInput, Object.assign({}, getInputProps())), "Dra og slipp filer her eller", ' ', jsxRuntime.jsx(VisuallyHidden, Object.assign({
-        as: "span"
-      }, {
+      hasRootErrors: hasRootErrors,
+      children: [jsxRuntime.jsx(FileUploaderInput, Object.assign({}, getInputProps())), "Dra og slipp filer her eller", ' ', jsxRuntime.jsx(VisuallyHidden, {
+        as: "span",
         children: "velg fil med p\xE5f\xF8lgende knapp"
-      })), jsxRuntime.jsx(Button$1, Object.assign({}, getButtonProps(), {
+      }), jsxRuntime.jsx(Button$1, Object.assign({}, getButtonProps(), {
         id: uniqueId,
         size: "medium",
         type: "button",
@@ -11434,8 +11427,9 @@ var FileUploader = function FileUploader(props) {
     }), jsxRuntime.jsx(FileListElement, {
       children: fileListElements
     })]
-  }));
+  });
 };
+FileUploader.displayName = 'FileUploader';
 
 var colors$1 = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$1 = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -11453,18 +11447,17 @@ function EmptyContent(_a) {
     rest = tslib.__rest(_a, ["title", "message"]);
   return jsxRuntime.jsx(StyledEmptyContent, Object.assign({}, rest, {
     children: jsxRuntime.jsxs(StyledEmptyContentText, {
-      children: [title && jsxRuntime.jsx(Typography, Object.assign({
-        typographyType: "headingSans02"
-      }, {
+      children: [title && jsxRuntime.jsx(Typography, {
+        typographyType: "headingSans02",
         children: title
-      })), jsxRuntime.jsx(Typography, Object.assign({
-        typographyType: "bodySans02"
-      }, {
+      }), jsxRuntime.jsx(Typography, {
+        typographyType: "bodySans02",
         children: message
-      }))]
+      })]
     })
   }));
 }
+EmptyContent.displayName = 'EmptyContent';
 
 var colors = ddsDesignTokens.ddsBaseTokens.colors,
   spacing = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -11488,21 +11481,21 @@ var StyledIcon = styled__default.default(Icon).withConfig({
   componentId: "sc-lzrkx8-1"
 })(["color:", ";"], backLinkTokens.icon.color);
 var BackLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs(Nav, Object.assign({
-    ref: ref
-  }, {
+  return jsxRuntime.jsxs(Nav, {
+    ref: ref,
     children: [jsxRuntime.jsx(StyledIcon, {
       icon: ArrowLeftIcon,
       iconSize: "small"
-    }), jsxRuntime.jsx(Typography, Object.assign({
+    }), jsxRuntime.jsx(Typography, {
       typographyType: "a",
-      href: props.href
-    }, {
+      href: props.href,
       children: props.label
-    }))]
-  }));
+    })]
+  });
 });
+BackLink.displayName = 'BackLink';
 
+exports.AgreementIcon = AgreementIcon;
 exports.AppsIcon = AppsIcon;
 exports.ArchiveIcon = ArchiveIcon;
 exports.ArrowDownIcon = ArrowDownIcon;
@@ -11531,6 +11524,7 @@ exports.Card = Card;
 exports.CardAccordion = CardAccordion;
 exports.CardAccordionBody = CardAccordionBody;
 exports.CardAccordionHeader = CardAccordionHeader;
+exports.CaringIcon = CaringIcon;
 exports.ChatIcon = ChatIcon;
 exports.CheckCircledIcon = CheckCircledIcon;
 exports.CheckIcon = CheckIcon;
@@ -11657,6 +11651,7 @@ exports.OverflowMenuGroup = OverflowMenuGroup;
 exports.OverflowMenuList = OverflowMenuList;
 exports.Pagination = Pagination;
 exports.Paragraph = Paragraph;
+exports.PayoutIcon = PayoutIcon;
 exports.PdfIcon = PdfIcon;
 exports.PersonAddIcon = PersonAddIcon;
 exports.PersonIcon = PersonIcon;