@navikt/ds-react 7.32.1 → 7.32.2

package/esm/util/hooks/useTimeout.js

@@ -0,0 +1,45 @@
+"use client";
+import { useEffect } from "react";
+import { useRefWithInit } from "./useRefWithInit.js";
+const EMPTY = 0;
+class Timeout {
+    constructor() {
+        this.currentId = EMPTY;
+        this.clear = () => {
+            if (this.currentId !== EMPTY) {
+                clearTimeout(this.currentId);
+                this.currentId = EMPTY;
+            }
+        };
+        this.disposeEffect = () => {
+            return this.clear;
+        };
+    }
+    static create() {
+        return new Timeout();
+    }
+    /**
+     * Executes `fn` after `delay`, clearing any previously scheduled call.
+     */
+    start(delay, fn) {
+        this.clear();
+        this.currentId = setTimeout(() => {
+            this.currentId = EMPTY;
+            fn();
+        }, delay); /* Node.js types are enabled in development */
+    }
+    isStarted() {
+        return this.currentId !== EMPTY;
+    }
+}
+/**
+ * A `setTimeout` with automatic cleanup and guard.
+ */
+function useTimeout() {
+    const timeout = useRefWithInit(Timeout.create).current;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(timeout.disposeEffect, []);
+    return timeout;
+}
+export { Timeout, useTimeout };
+//# sourceMappingURL=useTimeout.js.map

package/esm/util/hooks/useTimeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeout.js","sourceRoot":"","sources":["../../../src/util/hooks/useTimeout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO;IAAb;QAKE,cAAS,GAAW,KAAK,CAAC;QAiB1B,UAAK,GAAG,GAAG,EAAE;YACX,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;gBAC7B,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBAC7B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QAEF,kBAAa,GAAG,GAAG,EAAE;YACnB,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC;IA/BC,MAAM,CAAC,MAAM;QACX,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC;IAID;;OAEG;IACH,KAAK,CAAC,KAAa,EAAE,EAAc;QACjC,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,EAAE,EAAE,CAAC;QACP,CAAC,EAAE,KAAK,CAAsB,CAAC,CAAC,8CAA8C;IAChF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;IAClC,CAAC;CAYF;AAED;;GAEG;AACH,SAAS,UAAU;IACjB,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAQ,CAAC;IAExD,uDAAuD;IACvD,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IAErC,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/esm/util/link-anchor/LinkAnchor.js

@@ -16,6 +16,7 @@ import { useRenameCSS } from "../../theme/Theme.js";
 import { composeEventHandlers } from "../composeEventHandlers.js";
 import { createContext } from "../create-context.js";
 import { useMergeRefs } from "../hooks/useMergeRefs.js";
+import { ownerWindow } from "../owner.js";
 const [LinkAnchorContextProvider, useLinkAnchorContext] = createContext({
     name: "LinkAnchorOverlayContext",
 });
@@ -27,7 +28,8 @@ const LinkAnchorOverlay = forwardRef((_a, forwardedRef) => {
     return (React.createElement(LinkAnchorContextProvider, { anchorRef: anchorRef },
         React.createElement(Component, Object.assign({ ref: forwardedRef }, restProps, { className: cn("navds-link-anchor__overlay", className), onClick: composeEventHandlers(onClick, (e) => {
                 var _a;
-                if (e.target === anchorRef.current || isTextSelected()) {
+                if (e.target === anchorRef.current ||
+                    isTextSelected(anchorRef.current)) {
                     return;
                 }
                 const event = new MouseEvent("click", {
@@ -61,12 +63,9 @@ const LinkAnchorArrow = forwardRef((_a, forwardedRef) => {
     return (React.createElement(ArrowRightIcon, Object.assign({ ref: forwardedRef, "aria-hidden": true, className: cn("navds-link-anchor__arrow", className) }, restProps)));
 });
 /* -------------------------- LinkAnchor Utilities -------------------------- */
-function isTextSelected() {
-    var _a;
-    if (typeof window === "undefined") {
-        return false;
-    }
-    return !!((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString());
+function isTextSelected(refElement) {
+    var _a, _b;
+    return !!((_b = (_a = ownerWindow(refElement)) === null || _a === void 0 ? void 0 : _a.getSelection()) === null || _b === void 0 ? void 0 : _b.toString());
 }
 export { LinkAnchor, LinkAnchorArrow, LinkAnchorOverlay };
 //# sourceMappingURL=LinkAnchor.js.map

package/esm/util/link-anchor/LinkAnchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkAnchor.js","sourceRoot":"","sources":["../../../src/util/link-anchor/LinkAnchor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LinkAnchor.js","sourceRoot":"","sources":["../../../src/util/link-anchor/LinkAnchor.tsx"],"names":[],"mappings":"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"}

package/esm/util/owner.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Returns the owner document of a given element.
+ *
+ * Use this when the node might live in a different browsing context than the code
+ * invoking the utility (portals, iframes, custom documents).
+ *
+ * Examples:
+ * - Focus guards for portaled menus: pass the menu root so guards are created in the portal document.
+ * - Components rendered inside an iframe preview: scope listeners to the iframe-document.
+ * - Element opened with `window.open`: scope listeners to the new window-document.
+ *
+ * Scenarios:
+ * - Modal content rendered to parent `document.body` via a portal while running inside an iframe.
+ * - Tooltips or popovers that live outside the component't immediate DOM tree.
+ *
+ * https://github.com/radix-ui/primitives/issues/1676
+ * https://github.com/radix-ui/primitives/issues/1721
+ * https://github.com/radix-ui/primitives/discussions/1715
+ */
+declare function ownerDocument(node: Element | null): Document;
+/**
+ * Returns the owner window of a given element.
+ *
+ * Examples:
+ * - Keyboard listeners for portaled overlays.
+ * - Resize/scroll observers applied to iframe widgets.
+ */
+declare function ownerWindow(node: Document | Element | null): typeof window;
+export { ownerDocument, ownerWindow };

package/esm/util/owner.js

@@ -0,0 +1,35 @@
+/**
+ * Returns the owner document of a given element.
+ *
+ * Use this when the node might live in a different browsing context than the code
+ * invoking the utility (portals, iframes, custom documents).
+ *
+ * Examples:
+ * - Focus guards for portaled menus: pass the menu root so guards are created in the portal document.
+ * - Components rendered inside an iframe preview: scope listeners to the iframe-document.
+ * - Element opened with `window.open`: scope listeners to the new window-document.
+ *
+ * Scenarios:
+ * - Modal content rendered to parent `document.body` via a portal while running inside an iframe.
+ * - Tooltips or popovers that live outside the component't immediate DOM tree.
+ *
+ * https://github.com/radix-ui/primitives/issues/1676
+ * https://github.com/radix-ui/primitives/issues/1721
+ * https://github.com/radix-ui/primitives/discussions/1715
+ */
+function ownerDocument(node) {
+    return (node === null || node === void 0 ? void 0 : node.ownerDocument) || (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document);
+}
+/**
+ * Returns the owner window of a given element.
+ *
+ * Examples:
+ * - Keyboard listeners for portaled overlays.
+ * - Resize/scroll observers applied to iframe widgets.
+ */
+function ownerWindow(node) {
+    var _a;
+    return ((_a = node === null || node === void 0 ? void 0 : node.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView) || window;
+}
+export { ownerDocument, ownerWindow };
+//# sourceMappingURL=owner.js.map

package/esm/util/owner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owner.js","sourceRoot":"","sources":["../../src/util/owner.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAS,aAAa,CAAC,IAAoB;IACzC,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,MAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAA,CAAC;AACrD,CAAC;AAED;;;;;;GAMG;AACH,SAAS,WAAW,CAAC,IAA+B;;IAClD,OAAO,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAE,WAAW,KAAI,MAAM,CAAC;AACpD,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "7.32.1",
+  "version": "7.32.2",
   "description": "React components from the Norwegian Labour and Welfare Administration.",
   "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
   "license": "MIT",
@@ -643,21 +643,21 @@
     "clean": "rimraf cjs esm",
     "build": "yarn i18n-jsdoc && concurrently \"tsc -p tsconfig.build.json\" \"tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json && yarn write-packagejson\" && yarn i18n-jsdoc --cleanup && yarn copy-types",
     "watch": "tsc --watch -p tsconfig.esm.json",
-    "test": "TZ=UTC vitest run -c tests/vitest.config.ts",
+    "test": "TZ=UTC vitest run -c tests/vitest.config.ts --silent",
     "test:watch": "TZ=UTC vitest watch -c tests/vitest.config.ts",
     "copy-types": "copyfiles -f ./src/types/theme.d.ts ./esm/types"
   },
   "dependencies": {
     "@floating-ui/react": "0.27.8",
-    "@floating-ui/react-dom": "^2.0.9",
-    "@navikt/aksel-icons": "^7.32.1",
-    "@navikt/ds-tokens": "^7.32.1",
+    "@floating-ui/react-dom": "^2.1.6",
+    "@navikt/aksel-icons": "^7.32.2",
+    "@navikt/ds-tokens": "^7.32.2",
     "clsx": "^2.1.0",
     "date-fns": "^4.0.0",
     "react-day-picker": "9.7.0"
   },
   "devDependencies": {
-    "@testing-library/dom": "10.4.0",
+    "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.5.2",
@@ -674,8 +674,8 @@
     "swr": "^2.3.6",
     "tsc-alias": "1.8.16",
     "tsx": "^4.20.6",
-    "typescript": "5.8.3",
-    "vitest": "^2.1.9"
+    "typescript": "5.9.3",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@types/react": ">=17.0.30",

package/src/copybutton/CopyButton.tsx

@@ -1,16 +1,11 @@
-import React, {
-  ButtonHTMLAttributes,
-  forwardRef,
-  useEffect,
-  useRef,
-  useState,
-} from "react";
+import React, { ButtonHTMLAttributes, forwardRef, useState } from "react";
 import { CheckmarkIcon, FilesIcon } from "@navikt/aksel-icons";
 import { Button, ButtonProps } from "../button";
 import { useRenameCSS, useThemeInternal } from "../theme/Theme";
 import { Label } from "../typography";
 import { composeEventHandlers } from "../util/composeEventHandlers";
 import copy from "../util/copy";
+import { useTimeout } from "../util/hooks/useTimeout";
 import { useI18n } from "../util/i18n/i18n.hooks";
 
 export interface CopyButtonProps
@@ -94,29 +89,22 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(
     ref,
   ) => {
     const [active, setActive] = useState(false);
-    const timeoutRef = useRef<number>(undefined);
     const translate = useI18n("CopyButton");
+    const timeout = useTimeout();
 
     const { cn } = useRenameCSS();
 
     const themeContext = useThemeInternal(false);
 
-    useEffect(() => {
-      return () => {
-        timeoutRef.current && clearTimeout(timeoutRef.current);
-      };
-    }, []);
-
     const handleClick = () => {
-      timeoutRef.current && clearTimeout(timeoutRef.current);
       copy(copyText);
       setActive(true);
       onActiveChange?.(true);
 
-      timeoutRef.current = window.setTimeout(() => {
+      timeout.start(activeDuration, () => {
         setActive(false);
         onActiveChange?.(false);
-      }, activeDuration);
+      });
     };
 
     const activeString = activeText || translate("activeText");

package/src/form/combobox/Combobox.tsx

@@ -5,7 +5,6 @@ import { BodyShort, ErrorMessage, Label } from "../../typography";
 import { ReadOnlyIconWithTitle } from "../ReadOnlyIcon";
 import ComboboxWrapper from "./ComboboxWrapper";
 import FilteredOptions from "./FilteredOptions/FilteredOptions";
-import { useFilteredOptionsContext } from "./FilteredOptions/filteredOptionsContext";
 import { useInputContext } from "./Input/Input.context";
 import { InputController } from "./Input/InputController";
 import { ComboboxProps } from "./types";
@@ -21,8 +20,6 @@ export const Combobox = forwardRef<
 
   const { cn } = useRenameCSS();
 
-  const { toggleIsListOpen } = useFilteredOptionsContext();
-
   const {
     error,
     errorId,
@@ -41,7 +38,6 @@ export const Combobox = forwardRef<
         hasError={hasError}
         inputProps={inputProps}
         inputSize={size}
-        toggleIsListOpen={toggleIsListOpen}
       >
         <Label
           htmlFor={inputProps.id}

package/src/form/combobox/ComboboxWrapper.tsx

@@ -11,7 +11,6 @@ type ComboboxWrapperProps = {
   };
   readOnly?: boolean;
   inputSize: string;
-  toggleIsListOpen: (isListOpen: boolean) => void;
 };
 
 const ComboboxWrapper = ({
@@ -20,7 +19,6 @@ const ComboboxWrapper = ({
   hasError,
   inputProps,
   inputSize,
-  toggleIsListOpen,
 }: ComboboxWrapperProps) => {
   const { cn } = useRenameCSS();
   const { toggleOpenButtonRef, clearInput, readOnly } = useInputContext();
@@ -39,7 +37,6 @@ const ComboboxWrapper = ({
 
   function onBlurWrapper(event: React.FocusEvent<HTMLDivElement>) {
     if (!wrapperRef.current?.contains(event.relatedTarget)) {
-      toggleIsListOpen(false);
       setHasFocusWithin(false);
       clearInput(event);
     }

package/src/form/combobox/FilteredOptions/FilteredOptions.tsx

@@ -1,4 +1,5 @@
-import React, { useState } from "react";
+import React, { useRef, useState } from "react";
+import { DismissableLayer } from "../../../overlays/dismissablelayer/DismissableLayer";
 import { Floating } from "../../../overlays/floating/Floating";
 import { useRenameCSS, useThemeInternal } from "../../../theme/Theme";
 import { useClientLayoutEffect } from "../../../util";
@@ -17,6 +18,7 @@ const FilteredOptions = () => {
   const themeContext = useThemeInternal(false);
   const {
     inputProps: { id },
+    anchorRef,
   } = useInputContext();
 
   const {
@@ -27,9 +29,12 @@ const FilteredOptions = () => {
     setFilteredOptionsRef,
     isMouseLastUsedInputDevice,
     isValueNew,
+    toggleIsListOpen,
   } = useFilteredOptionsContext();
   const [localOpen, setLocalOpen] = useState(isListOpen);
 
+  const floatingRef = useRef<HTMLDivElement | null>(null);
+
   /**
    * This is a dirty hack to make the positioning-logic in Floating base the "flip" on the static 290px max-height,
    * instead of the dynamic one based on available space. Without this, the list won't flip to top when there's
@@ -53,53 +58,68 @@ const FilteredOptions = () => {
   const height = themeContext?.isDarkside ? "316px" : "290px";
 
   return (
-    <Floating.Content
-      className={cn("navds-combobox__list", {
-        "navds-combobox__list--closed": !isListOpen,
-        "navds-combobox__list--with-hover": isMouseLastUsedInputDevice,
-      })}
-      id={filteredOptionsUtil.getFilteredOptionsId(id)}
-      tabIndex={-1}
-      sideOffset={8}
-      side="bottom"
-      fallbackPlacements={["top"]}
-      enabled={isListOpen}
-      style={{
-        maxHeight: localOpen
-          ? `min(${height}, var(--ac-floating-available-height))`
-          : `${height}`,
+    <DismissableLayer
+      asChild
+      safeZone={{
+        anchor: anchorRef,
+        dismissable: floatingRef.current,
+      }}
+      onDismiss={() => localOpen && toggleIsListOpen(false)}
+      onEscapeKeyDown={(event) => {
+        /* We handle this manually in Input */
+        event.preventDefault();
       }}
-      autoUpdateWhileMounted={false}
+      enabled={localOpen}
     >
-      {shouldRenderNonSelectables && (
-        <div
-          className={cn("navds-combobox__list_non-selectables")}
-          role="status"
-        >
-          {isMultiSelect && maxSelected.limit && <MaxSelectedMessage />}
-          {isLoading && <LoadingMessage />}
-          {!isLoading && filteredOptions.length === 0 && !allowNewValues && (
-            <NoSearchHitsMessage />
-          )}
-        </div>
-      )}
+      <Floating.Content
+        ref={floatingRef}
+        className={cn("navds-combobox__list", {
+          "navds-combobox__list--closed": !isListOpen,
+          "navds-combobox__list--with-hover": isMouseLastUsedInputDevice,
+        })}
+        id={filteredOptionsUtil.getFilteredOptionsId(id)}
+        tabIndex={-1}
+        sideOffset={8}
+        side="bottom"
+        fallbackPlacements={["top"]}
+        enabled={isListOpen}
+        style={{
+          maxHeight: localOpen
+            ? `min(${height}, var(--ac-floating-available-height))`
+            : `${height}`,
+        }}
+        autoUpdateWhileMounted={false}
+      >
+        {shouldRenderNonSelectables && (
+          <div
+            className={cn("navds-combobox__list_non-selectables")}
+            role="status"
+          >
+            {isMultiSelect && maxSelected.limit && <MaxSelectedMessage />}
+            {isLoading && <LoadingMessage />}
+            {!isLoading && filteredOptions.length === 0 && !allowNewValues && (
+              <NoSearchHitsMessage />
+            )}
+          </div>
+        )}
 
-      {shouldRenderFilteredOptionsList && (
-        /* biome-ignore lint/a11y/useFocusableInteractive: Interaction is not handeled by listbox itself. */
-        <ul
-          ref={setFilteredOptionsRef}
-          role="listbox"
-          className={cn("navds-combobox__list-options")}
-        >
-          {isValueNew && !maxSelected.isLimitReached && allowNewValues && (
-            <AddNewOption />
-          )}
-          {filteredOptions.map((option) => (
-            <FilteredOptionsItem key={option.value} option={option} />
-          ))}
-        </ul>
-      )}
-    </Floating.Content>
+        {shouldRenderFilteredOptionsList && (
+          /* biome-ignore lint/a11y/useFocusableInteractive: Interaction is not handeled by listbox itself. */
+          <ul
+            ref={setFilteredOptionsRef}
+            role="listbox"
+            className={cn("navds-combobox__list-options")}
+          >
+            {isValueNew && !maxSelected.isLimitReached && allowNewValues && (
+              <AddNewOption />
+            )}
+            {filteredOptions.map((option) => (
+              <FilteredOptionsItem key={option.value} option={option} />
+            ))}
+          </ul>
+        )}
+      </Floating.Content>
+    </DismissableLayer>
   );
 };
 

package/src/form/combobox/FilteredOptions/useVirtualFocus.ts

@@ -67,6 +67,7 @@ const useVirtualFocus = (
 
     if (!activeElement) {
       setActiveAndScrollToElement(elementsAbleToReceiveFocus[0]);
+
       return;
     }
     const _currentIndex = elementsAbleToReceiveFocus.indexOf(activeElement);

package/src/form/combobox/Input/Input.context.tsx

@@ -18,6 +18,8 @@ interface InputContextValue extends FormFieldType {
   toggleOpenButtonRef: React.MutableRefObject<HTMLDivElement | null>;
   hideCaret: boolean;
   setHideCaret: React.Dispatch<React.SetStateAction<boolean>>;
+  anchorRef: HTMLDivElement | null;
+  setAnchorRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
 }
 
 const [InputContextProvider, useInputContext] =
@@ -75,6 +77,7 @@ const InputProvider = ({ children, value: props }: Props) => {
   const toggleOpenButtonRef = useRef<HTMLDivElement>(null);
   const [internalValue, setInternalValue] = useState<string>(defaultValue);
   const [hideCaret, setHideCaret] = useState(false);
+  const [anchorRef, setAnchorRef] = useState<HTMLDivElement | null>(null);
 
   const value = useMemo(
     () => String(externalValue ?? internalValue),
@@ -127,6 +130,8 @@ const InputProvider = ({ children, value: props }: Props) => {
     toggleOpenButtonRef,
     hideCaret,
     setHideCaret,
+    anchorRef,
+    setAnchorRef,
   };
 
   return (

package/src/form/combobox/Input/InputController.tsx

@@ -49,6 +49,7 @@ export const InputController = forwardRef<
     inputRef,
     toggleOpenButtonRef,
     readOnly,
+    setAnchorRef,
   } = useInputContext();
 
   const { activeDecendantId, toggleIsListOpen } = useFilteredOptionsContext();
@@ -57,7 +58,7 @@ export const InputController = forwardRef<
   const mergedInputRef = useMergeRefs(inputRef, ref);
 
   return (
-    <Floating.Anchor asChild>
+    <Floating.Anchor asChild ref={setAnchorRef}>
       <div
         className={cn("navds-combobox__wrapper-inner navds-text-field__input", {
           "navds-combobox__wrapper-inner--virtually-unfocused":

package/src/form/file-upload/parts/item/utils/format-file-size.test.ts

@@ -60,13 +60,13 @@ describe("format-file-size", () => {
 
 function createLargeMockFile(sizeInBytes: number): File {
   const chunkSize = 1024 * 1024; // 1MB chunk size
-  const chunks: Uint8Array[] = [];
+  const chunks: ArrayBuffer[] = [];
 
   for (let i = 0; i < sizeInBytes; i += chunkSize) {
     const size = Math.min(chunkSize, sizeInBytes - i);
     const chunk = new Uint8Array(size);
     chunk.fill("a".charCodeAt(0));
-    chunks.push(chunk);
+    chunks.push(chunk.buffer);
   }
 
   const blob = new Blob(chunks, { type: "text/plain" });

package/src/help-text/HelpText.tsx

@@ -70,9 +70,10 @@ export const HelpText = forwardRef<HTMLButtonElement, HelpTextProps>(
           className={cn(className, "navds-help-text__button")}
           type="button"
           aria-expanded={open}
+          aria-label={titleWithFallback}
         >
-          <HelpTextIcon title={titleWithFallback} />
-          <HelpTextIcon filled title={titleWithFallback} />
+          <HelpTextIcon />
+          <HelpTextIcon filled />
         </button>
         <Popover
           onClose={() => setOpen(false)}

package/src/help-text/HelpTextIcon.tsx

@@ -1,18 +1,9 @@
 import React from "react";
 import { useRenameCSS } from "../theme/Theme";
-import { useId } from "../util/hooks";
 
-export const HelpTextIcon = ({
-  title,
-  filled = false,
-}: {
-  title: string;
-  filled?: boolean;
-}) => {
+export const HelpTextIcon = ({ filled = false }: { filled?: boolean }) => {
   const { cn } = useRenameCSS();
 
-  let titleId: string | undefined = useId();
-  titleId = title ? `title-${titleId}` : undefined;
   return (
     <svg
       width="1em"
@@ -22,12 +13,11 @@ export const HelpTextIcon = ({
       xmlns="http://www.w3.org/2000/svg"
       focusable={false}
       role="img"
-      aria-labelledby={titleId}
       className={cn("navds-help-text__icon", {
         "navds-help-text__icon--filled": filled,
       })}
+      aria-hidden
     >
-      {title ? <title id={titleId}>{title}</title> : null}
       <circle
         cx="12"
         cy="12"

package/src/layout/page/parts/PageBlock.tsx

@@ -7,24 +7,27 @@ export const widths = ["text", "md", "lg", "xl", "2xl"] as const;
 export interface PageBlockProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Predefined max-width
-   * @example
-   * ```
+   *
    * text: 576px + dynamic gutters
+   *
    * md:   768px
+   *
    * lg:   1024px
+   *
    * xl:   1280px
+   *
    * 2xl:  1440px
-   * ```
+   *
    * @default max-width: 100%;
    */
   width?: (typeof widths)[number];
   /**
    * Adds a standardised responsive padding-inline
-   * @example
-   * ```
+   *
    * 3rem on > md
+   *
    * 1rem on < md
-   * ```
+   *
    * @default false
    */
   gutters?: boolean;

package/src/modal/ModalUtils.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { ownerDocument } from "../util/owner";
 import type { ModalProps } from "./types";
 
 export interface MouseCoordinates {
@@ -45,16 +46,18 @@ export function useBodyScrollLock(
       return;
     }
 
+    const ownerDoc = ownerDocument(modalRef.current);
+
     // In case `open` is true initially
     if (modalRef.current.open) {
-      document.body.classList.add(BODY_CLASS, BODY_CLASS_LEGACY);
+      ownerDoc.body.classList.add(BODY_CLASS, BODY_CLASS_LEGACY);
     }
 
     const observer = new MutationObserver(() => {
       if (modalRef.current?.open) {
-        document.body.classList.add(BODY_CLASS, BODY_CLASS_LEGACY);
+        ownerDoc.body.classList.add(BODY_CLASS, BODY_CLASS_LEGACY);
       } else {
-        document.body.classList.remove(BODY_CLASS, BODY_CLASS_LEGACY);
+        ownerDoc.body.classList.remove(BODY_CLASS, BODY_CLASS_LEGACY);
       }
     });
 
@@ -66,7 +69,7 @@ export function useBodyScrollLock(
     return () => {
       observer.disconnect();
       // In case modal is unmounted before it's closed
-      document.body.classList.remove(BODY_CLASS, BODY_CLASS_LEGACY);
+      ownerDoc.body.classList.remove(BODY_CLASS, BODY_CLASS_LEGACY);
     };
   }, [modalRef, portalNode, isNested]);
 }