@navikt/ds-react 7.32.3 → 7.32.4

package/cjs/accordion/AccordionHeader.js

@@ -65,7 +65,7 @@ const AccordionHeader = (0, react_1.forwardRef)((_a, ref) => {
     let headingSize = (_b = accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small";
     if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
         /* Fallback to "medium" Accordion-size if any other sizes are used */
-        headingSize = (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.size) === "small" ? "xsmall" : "small";
+        headingSize = (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.size) === "large" ? "small" : "xsmall";
     }
     return (react_1.default.createElement("button", Object.assign({ ref: ref }, rest, { className: cn("navds-accordion__header", className), onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, itemContext.toggleOpen), "aria-expanded": itemContext.open, type: "button" }),
         react_1.default.createElement("span", { className: cn("navds-accordion__icon-wrapper") },

package/cjs/accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAAsD;AACtD,0CAAgE;AAChE,8CAAwC;AACxC,uEAAoE;AACpE,yDAAsD;AACtD,mDAAuD;AAUvD,MAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,oCAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EAAC,mCAAgB,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,WAAW,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,CAAC;IAE3D,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,qEAAqE;QACrE,WAAW,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IACxE,CAAC;IAED,OAAO,CACL,wDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,wCAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YAClD,8BAAC,6BAAe,IACd,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,wBAEhD,CACG;QACP,8BAAC,oBAAO,IACN,IAAI,EAAE,WAAW,EACjB,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,IAE/C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,eAAe,CAAC"}
+{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAAsD;AACtD,0CAAgE;AAChE,8CAAwC;AACxC,uEAAoE;AACpE,yDAAsD;AACtD,mDAAuD;AAUvD,MAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,oCAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EAAC,mCAAgB,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,WAAW,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,CAAC;IAE3D,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,qEAAqE;QACrE,WAAW,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACxE,CAAC;IAED,OAAO,CACL,wDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,wCAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YAClD,8BAAC,6BAAe,IACd,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,wBAEhD,CACG;QACP,8BAAC,oBAAO,IACN,IAAI,EAAE,WAAW,EACjB,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,IAE/C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/cjs/form/combobox/Input/ToggleListButton.js

@@ -43,7 +43,8 @@ exports.ToggleListButton = (0, react_1.forwardRef)((_, ref) => {
     const { cn } = (0, Theme_1.useRenameCSS)();
     const { isListOpen, toggleIsListOpen } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
     const { focusInput } = (0, Input_context_1.useInputContext)();
-    return (react_1.default.createElement("div", { ref: ref, onClick: () => {
+    return (react_1.default.createElement("div", { ref: ref, onClick: (event) => {
+            event.stopPropagation();
             toggleIsListOpen();
             focusInput();
         }, className: cn("navds-combobox__button-toggle-list"), "aria-hidden": true }, isListOpen ? react_1.default.createElement(aksel_icons_1.ChevronUpIcon, null) : react_1.default.createElement(aksel_icons_1.ChevronDownIcon, null)));

package/cjs/form/combobox/Input/ToggleListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/ToggleListButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAqE;AACrE,gDAAoD;AACpD,sFAAsF;AACtF,mDAAkD;AAErC,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEzC,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;YACZ,gBAAgB,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC,yBAGlD,UAAU,CAAC,CAAC,CAAC,8BAAC,2BAAa,OAAG,CAAC,CAAC,CAAC,8BAAC,6BAAe,OAAG,CACjD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}
+{"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/ToggleListButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAqE;AACrE,gDAAoD;AACpD,sFAAsF;AACtF,mDAAkD;AAErC,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEzC,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,gBAAgB,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC,yBAGlD,UAAU,CAAC,CAAC,CAAC,8BAAC,2BAAa,OAAG,CAAC,CAAC,CAAC,8BAAC,6BAAe,OAAG,CACjD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}

package/cjs/util/hideNonTargetElements.d.ts

@@ -0,0 +1,8 @@
+type UndoFn = () => void;
+/**
+ * Hides all elements in the document body for assertive technologies except the specified elements with `aria-hidden`.
+ * @param avoidElements - An array of elements to avoid hiding.
+ * @returns A function that, when called, will undo the hiding of elements.
+ */
+declare function hideNonTargetElements(avoidElements: Element[]): UndoFn;
+export { hideNonTargetElements };

package/cjs/util/hideNonTargetElements.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hideNonTargetElements = hideNonTargetElements;
+/**
+ * Modified version of `aria-hidden`-package.
+ * - Removed "inert"-functionality.
+ * - Removed flexibility for different data-attributes.
+ * https://github.com/theKashey/aria-hidden/blob/720e8a8e1cfa047bd299a929d95d47ac860a5c1a/src/index.ts
+ */
+const owner_1 = require("./owner");
+let ariaHiddenCounter = new WeakMap();
+let markerCounter = new WeakMap();
+let uncontrolledElementsSet = new WeakSet();
+let lockCount = 0;
+const controlAttribute = "aria-hidden";
+const markerName = "data-aksel-hidden";
+/**
+ * Unwraps a Shadow DOM host to find the actual Element in the light DOM.
+ */
+function unwrapHost(node) {
+    return (node &&
+        (node.host || unwrapHost(node.parentNode)));
+}
+/**
+ * Corrects the target elements by unwrapping Shadow DOM hosts if necessary.
+ *
+ * @param parent - The parent HTMLElement to check containment against.
+ * @param targets - An array of target Elements to correct.
+ * @returns An array of corrected Elements that are contained within the parent.
+ */
+function correctElements(parent, targets) {
+    return targets
+        .map((target) => {
+        if (parent.contains(target)) {
+            return target;
+        }
+        const correctedTarget = unwrapHost(target);
+        if (parent.contains(correctedTarget)) {
+            return correctedTarget;
+        }
+        return null;
+    })
+        .filter((x) => x !== null);
+}
+/**
+ * Applies the aria-hidden attribute to all elements in the body except the specified avoid elements.
+ */
+function applyAttributeToOthers(uncorrectedAvoidElements, body) {
+    const avoidElements = correctElements(body, uncorrectedAvoidElements);
+    const elementsToAvoidWithParents = new Set();
+    const elementsToAvoidUpdating = new Set(avoidElements);
+    const hiddenElements = [];
+    avoidElements.forEach(addToAvoidList);
+    applyAttributes(body);
+    elementsToAvoidWithParents.clear();
+    function addToAvoidList(el) {
+        if (!el || elementsToAvoidWithParents.has(el)) {
+            return;
+        }
+        elementsToAvoidWithParents.add(el);
+        if (el.parentNode) {
+            addToAvoidList(el.parentNode);
+        }
+    }
+    function applyAttributes(parent) {
+        if (!parent || elementsToAvoidUpdating.has(parent)) {
+            return;
+        }
+        const parentChildren = parent.children;
+        for (let index = 0; index < parentChildren.length; index += 1) {
+            const node = parentChildren[index];
+            if (elementsToAvoidWithParents.has(node)) {
+                applyAttributes(node);
+            }
+            else {
+                const attr = node.getAttribute(controlAttribute);
+                /*
+                 * We only check for falsy values here since since arbitrary values
+                 * (e.g. "true", "foo", "") are all valid for indicating that the element is already hidden.
+                 */
+                const alreadyHidden = attr !== null && attr !== "false";
+                const counterValue = (ariaHiddenCounter.get(node) || 0) + 1;
+                const markerValue = (markerCounter.get(node) || 0) + 1;
+                ariaHiddenCounter.set(node, counterValue);
+                markerCounter.set(node, markerValue);
+                hiddenElements.push(node);
+                if (counterValue === 1 && alreadyHidden) {
+                    uncontrolledElementsSet.add(node);
+                }
+                if (markerValue === 1) {
+                    node.setAttribute(markerName, "");
+                }
+                if (!alreadyHidden) {
+                    node.setAttribute(controlAttribute, "true");
+                }
+            }
+        }
+    }
+    lockCount += 1;
+    /* Cleanup */
+    return () => {
+        for (const element of hiddenElements) {
+            const currentCounterValue = ariaHiddenCounter.get(element) || 0;
+            const counterValue = currentCounterValue - 1;
+            const markerValue = (markerCounter.get(element) || 0) - 1;
+            ariaHiddenCounter.set(element, counterValue);
+            markerCounter.set(element, markerValue);
+            if (!counterValue) {
+                if (!uncontrolledElementsSet.has(element)) {
+                    element.removeAttribute(controlAttribute);
+                }
+                uncontrolledElementsSet.delete(element);
+            }
+            if (!markerValue) {
+                element.removeAttribute(markerName);
+            }
+        }
+        lockCount -= 1;
+        /* Reset */
+        if (!lockCount) {
+            ariaHiddenCounter = new WeakMap();
+            uncontrolledElementsSet = new WeakSet();
+            markerCounter = new WeakMap();
+        }
+    };
+}
+/**
+ * Hides all elements in the document body for assertive technologies except the specified elements with `aria-hidden`.
+ * @param avoidElements - An array of elements to avoid hiding.
+ * @returns A function that, when called, will undo the hiding of elements.
+ */
+function hideNonTargetElements(avoidElements) {
+    const body = (0, owner_1.ownerDocument)(avoidElements[0]).body;
+    /**
+     * Assume that elements with `aria-live` or `script` tags should not be hidden.
+     * This ensures that live regions and scripts continue to function properly.
+     */
+    const ingoredElements = Array.from(body.querySelectorAll("[aria-live], script"));
+    return applyAttributeToOthers(avoidElements.concat(ingoredElements), body);
+}
+//# sourceMappingURL=hideNonTargetElements.js.map

package/cjs/util/hideNonTargetElements.js.map

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

package/esm/accordion/AccordionHeader.js

@@ -30,7 +30,7 @@ const AccordionHeader = forwardRef((_a, ref) => {
     let headingSize = (_b = accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small";
     if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
         /* Fallback to "medium" Accordion-size if any other sizes are used */
-        headingSize = (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.size) === "small" ? "xsmall" : "small";
+        headingSize = (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.size) === "large" ? "small" : "xsmall";
     }
     return (React.createElement("button", Object.assign({ ref: ref }, rest, { className: cn("navds-accordion__header", className), onClick: composeEventHandlers(onClick, itemContext.toggleOpen), "aria-expanded": itemContext.open, type: "button" }),
         React.createElement("span", { className: cn("navds-accordion__icon-wrapper") },

package/esm/accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,WAAW,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,CAAC;IAE3D,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,qEAAqE;QACrE,WAAW,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IACxE,CAAC;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,8BAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YAClD,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,wBAEhD,CACG;QACP,oBAAC,OAAO,IACN,IAAI,EAAE,WAAW,EACjB,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,IAE/C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,WAAW,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,CAAC;IAE3D,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,qEAAqE;QACrE,WAAW,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACxE,CAAC;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,8BAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YAClD,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,wBAEhD,CACG;QACP,oBAAC,OAAO,IACN,IAAI,EAAE,WAAW,EACjB,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,IAE/C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/form/combobox/Input/ToggleListButton.js

@@ -7,7 +7,8 @@ export const ToggleListButton = forwardRef((_, ref) => {
     const { cn } = useRenameCSS();
     const { isListOpen, toggleIsListOpen } = useFilteredOptionsContext();
     const { focusInput } = useInputContext();
-    return (React.createElement("div", { ref: ref, onClick: () => {
+    return (React.createElement("div", { ref: ref, onClick: (event) => {
+            event.stopPropagation();
             toggleIsListOpen();
             focusInput();
         }, className: cn("navds-combobox__button-toggle-list"), "aria-hidden": true }, isListOpen ? React.createElement(ChevronUpIcon, null) : React.createElement(ChevronDownIcon, null)));

package/esm/form/combobox/Input/ToggleListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/ToggleListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;YACZ,gBAAgB,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC,yBAGlD,UAAU,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CACjD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/ToggleListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,gBAAgB,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC,yBAGlD,UAAU,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CACjD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/esm/util/hideNonTargetElements.d.ts

@@ -0,0 +1,8 @@
+type UndoFn = () => void;
+/**
+ * Hides all elements in the document body for assertive technologies except the specified elements with `aria-hidden`.
+ * @param avoidElements - An array of elements to avoid hiding.
+ * @returns A function that, when called, will undo the hiding of elements.
+ */
+declare function hideNonTargetElements(avoidElements: Element[]): UndoFn;
+export { hideNonTargetElements };

package/esm/util/hideNonTargetElements.js

@@ -0,0 +1,139 @@
+/**
+ * Modified version of `aria-hidden`-package.
+ * - Removed "inert"-functionality.
+ * - Removed flexibility for different data-attributes.
+ * https://github.com/theKashey/aria-hidden/blob/720e8a8e1cfa047bd299a929d95d47ac860a5c1a/src/index.ts
+ */
+import { ownerDocument } from "./owner.js";
+let ariaHiddenCounter = new WeakMap();
+let markerCounter = new WeakMap();
+let uncontrolledElementsSet = new WeakSet();
+let lockCount = 0;
+const controlAttribute = "aria-hidden";
+const markerName = "data-aksel-hidden";
+/**
+ * Unwraps a Shadow DOM host to find the actual Element in the light DOM.
+ */
+function unwrapHost(node) {
+    return (node &&
+        (node.host || unwrapHost(node.parentNode)));
+}
+/**
+ * Corrects the target elements by unwrapping Shadow DOM hosts if necessary.
+ *
+ * @param parent - The parent HTMLElement to check containment against.
+ * @param targets - An array of target Elements to correct.
+ * @returns An array of corrected Elements that are contained within the parent.
+ */
+function correctElements(parent, targets) {
+    return targets
+        .map((target) => {
+        if (parent.contains(target)) {
+            return target;
+        }
+        const correctedTarget = unwrapHost(target);
+        if (parent.contains(correctedTarget)) {
+            return correctedTarget;
+        }
+        return null;
+    })
+        .filter((x) => x !== null);
+}
+/**
+ * Applies the aria-hidden attribute to all elements in the body except the specified avoid elements.
+ */
+function applyAttributeToOthers(uncorrectedAvoidElements, body) {
+    const avoidElements = correctElements(body, uncorrectedAvoidElements);
+    const elementsToAvoidWithParents = new Set();
+    const elementsToAvoidUpdating = new Set(avoidElements);
+    const hiddenElements = [];
+    avoidElements.forEach(addToAvoidList);
+    applyAttributes(body);
+    elementsToAvoidWithParents.clear();
+    function addToAvoidList(el) {
+        if (!el || elementsToAvoidWithParents.has(el)) {
+            return;
+        }
+        elementsToAvoidWithParents.add(el);
+        if (el.parentNode) {
+            addToAvoidList(el.parentNode);
+        }
+    }
+    function applyAttributes(parent) {
+        if (!parent || elementsToAvoidUpdating.has(parent)) {
+            return;
+        }
+        const parentChildren = parent.children;
+        for (let index = 0; index < parentChildren.length; index += 1) {
+            const node = parentChildren[index];
+            if (elementsToAvoidWithParents.has(node)) {
+                applyAttributes(node);
+            }
+            else {
+                const attr = node.getAttribute(controlAttribute);
+                /*
+                 * We only check for falsy values here since since arbitrary values
+                 * (e.g. "true", "foo", "") are all valid for indicating that the element is already hidden.
+                 */
+                const alreadyHidden = attr !== null && attr !== "false";
+                const counterValue = (ariaHiddenCounter.get(node) || 0) + 1;
+                const markerValue = (markerCounter.get(node) || 0) + 1;
+                ariaHiddenCounter.set(node, counterValue);
+                markerCounter.set(node, markerValue);
+                hiddenElements.push(node);
+                if (counterValue === 1 && alreadyHidden) {
+                    uncontrolledElementsSet.add(node);
+                }
+                if (markerValue === 1) {
+                    node.setAttribute(markerName, "");
+                }
+                if (!alreadyHidden) {
+                    node.setAttribute(controlAttribute, "true");
+                }
+            }
+        }
+    }
+    lockCount += 1;
+    /* Cleanup */
+    return () => {
+        for (const element of hiddenElements) {
+            const currentCounterValue = ariaHiddenCounter.get(element) || 0;
+            const counterValue = currentCounterValue - 1;
+            const markerValue = (markerCounter.get(element) || 0) - 1;
+            ariaHiddenCounter.set(element, counterValue);
+            markerCounter.set(element, markerValue);
+            if (!counterValue) {
+                if (!uncontrolledElementsSet.has(element)) {
+                    element.removeAttribute(controlAttribute);
+                }
+                uncontrolledElementsSet.delete(element);
+            }
+            if (!markerValue) {
+                element.removeAttribute(markerName);
+            }
+        }
+        lockCount -= 1;
+        /* Reset */
+        if (!lockCount) {
+            ariaHiddenCounter = new WeakMap();
+            uncontrolledElementsSet = new WeakSet();
+            markerCounter = new WeakMap();
+        }
+    };
+}
+/**
+ * Hides all elements in the document body for assertive technologies except the specified elements with `aria-hidden`.
+ * @param avoidElements - An array of elements to avoid hiding.
+ * @returns A function that, when called, will undo the hiding of elements.
+ */
+function hideNonTargetElements(avoidElements) {
+    const body = ownerDocument(avoidElements[0]).body;
+    /**
+     * Assume that elements with `aria-live` or `script` tags should not be hidden.
+     * This ensures that live regions and scripts continue to function properly.
+     */
+    const ingoredElements = Array.from(body.querySelectorAll("[aria-live], script"));
+    return applyAttributeToOthers(avoidElements.concat(ingoredElements), body);
+}
+export { hideNonTargetElements };
+//# sourceMappingURL=hideNonTargetElements.js.map

package/esm/util/hideNonTargetElements.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "7.32.3",
+  "version": "7.32.4",
   "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,15 +643,15 @@
     "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 --silent",
+    "test": "TZ=UTC vitest run -c tests/vitest.config.ts",
     "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.1.6",
-    "@navikt/aksel-icons": "^7.32.3",
-    "@navikt/ds-tokens": "^7.32.3",
+    "@navikt/aksel-icons": "^7.32.4",
+    "@navikt/ds-tokens": "^7.32.4",
     "clsx": "^2.1.0",
     "date-fns": "^4.0.0",
     "react-day-picker": "9.7.0"

package/src/accordion/AccordionHeader.tsx

@@ -33,7 +33,7 @@ const AccordionHeader = forwardRef<HTMLButtonElement, AccordionHeaderProps>(
 
     if (themeContext?.isDarkside) {
       /* Fallback to "medium" Accordion-size if any other sizes are used */
-      headingSize = accordionContext?.size === "small" ? "xsmall" : "small";
+      headingSize = accordionContext?.size === "large" ? "small" : "xsmall";
     }
 
     return (

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

@@ -12,7 +12,8 @@ export const ToggleListButton = forwardRef<HTMLDivElement>((_, ref) => {
   return (
     <div
       ref={ref}
-      onClick={() => {
+      onClick={(event) => {
+        event.stopPropagation();
         toggleIsListOpen();
         focusInput();
       }}

package/src/form/combobox/__tests__/combobox.test.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable testing-library/no-unnecessary-act -- https://kentcdodds.com/blog/fix-the-not-wrapped-in-act-warning */
-import { act, render, screen } from "@testing-library/react";
+import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import React from "react";
 import { describe, expect, test, vi } from "vitest";
@@ -40,34 +39,20 @@ describe("Render combobox", () => {
     test("Should be able to search, select and remove selections", async () => {
       render(<App isMultiSelect options={options} />);
 
-      await act(async () => {
-        await userEvent.click(
-          screen.getByRole("combobox", {
-            name: "Hva er dine favorittfrukter?",
-          }),
-        );
-      });
-      await act(async () => {
-        await userEvent.type(
-          screen.getByRole("combobox", {
-            name: "Hva er dine favorittfrukter?",
-          }),
-          "apple",
-        );
-      });
-      await act(async () => {
-        await userEvent.click(
-          await screen.findByRole("option", { name: "apple" }),
-        );
+      const input = screen.getByRole("combobox", {
+        name: "Hva er dine favorittfrukter?",
       });
+      await userEvent.click(input);
+      await userEvent.type(input, "apple");
+      await userEvent.click(
+        await screen.findByRole("option", { name: "apple" }),
+      );
       expect(
         await screen.findByRole("option", { name: "apple", selected: true }),
       ).toBeInTheDocument();
-      await act(async () => {
-        await userEvent.click(
-          await screen.findByRole("button", { name: "apple slett" }),
-        );
-      });
+      await userEvent.click(
+        await screen.findByRole("button", { name: "apple slett" }),
+      );
     });
   });
 
@@ -81,24 +66,14 @@ describe("Render combobox", () => {
     test("Should not select previous focused element when closes", async () => {
       render(<App options={options} />);
 
-      await act(async () => {
-        await userEvent.click(
-          screen.getByRole("combobox", {
-            name: "Hva er dine favorittfrukter?",
-          }),
-        );
-      });
-      await act(async () => {
-        await userEvent.type(
-          screen.getByRole("combobox", {
-            name: "Hva er dine favorittfrukter?",
-          }),
-          "ban",
-        );
-        await userEvent.keyboard("{ArrowDown}");
-        await userEvent.keyboard("{ArrowUp}");
-        await userEvent.keyboard("{Enter}");
+      const input = screen.getByRole("combobox", {
+        name: "Hva er dine favorittfrukter?",
       });
+      await userEvent.click(input);
+      await userEvent.type(input, "ban");
+      await userEvent.keyboard("{ArrowDown}");
+      await userEvent.keyboard("{ArrowUp}");
+      await userEvent.keyboard("{Enter}");
 
       expect(screen.queryByRole("button", { name: "banana slett" })).toBeNull();
     });
@@ -106,24 +81,14 @@ describe("Render combobox", () => {
     test("Should reset list when resetting input (ESC)", async () => {
       render(<App options={options} />);
 
-      await act(async () => {
-        await userEvent.click(
-          screen.getByRole("combobox", {
-            name: "Hva er dine favorittfrukter?",
-          }),
-        );
-      });
-      await act(async () => {
-        await userEvent.type(
-          screen.getByRole("combobox", {
-            name: "Hva er dine favorittfrukter?",
-          }),
-          "apple",
-        );
-        await userEvent.keyboard("{ArrowDown}");
-        await userEvent.keyboard("{Escape}");
-        await userEvent.keyboard("{ArrowDown}");
+      const input = screen.getByRole("combobox", {
+        name: "Hva er dine favorittfrukter?",
       });
+      await userEvent.click(input);
+      await userEvent.type(input, "apple");
+      await userEvent.keyboard("{ArrowDown}");
+      await userEvent.keyboard("{Escape}");
+      await userEvent.keyboard("{ArrowDown}");
 
       expect(
         await screen.findByRole("option", { name: "banana" }),
@@ -145,13 +110,11 @@ describe("Render combobox", () => {
       );
 
       expect(screen.getByRole("combobox")).toBeInTheDocument();
-      const bananaOption = screen.getByRole("option", {
+      const option = screen.getByRole("option", {
         name: "Hjelpemidler [HJE]",
         selected: false,
       });
-      await act(async () => {
-        await userEvent.click(bananaOption);
-      });
+      await userEvent.click(option);
       expect(onToggleSelected).toHaveBeenCalledWith("HJE", true, false);
       expect(
         screen.getByRole("option", {
@@ -175,10 +138,8 @@ describe("Render combobox", () => {
       const combobox = screen.getByRole("combobox");
       expect(combobox).toBeInTheDocument();
 
-      await act(async () => {
-        await userEvent.click(combobox);
-        await userEvent.type(combobox, "Lemon");
-      });
+      await userEvent.click(combobox);
+      await userEvent.type(combobox, "Lemon");
       expect(onChange).toHaveBeenNthCalledWith(1, "L");
       expect(onChange).toHaveBeenNthCalledWith(2, "Le");
       expect(onChange).toHaveBeenNthCalledWith(3, "Lem");
@@ -205,13 +166,11 @@ describe("Render combobox", () => {
       const combobox = screen.getByRole("combobox");
       expect(combobox).toBeInTheDocument();
 
-      await act(async () => {
-        await userEvent.click(combobox);
-        await userEvent.type(combobox, "Syke");
-        await userEvent.keyboard("{ArrowRight}");
-        await userEvent.keyboard("{ArrowDown}");
-        await userEvent.keyboard("{Enter}");
-      });
+      await userEvent.click(combobox);
+      await userEvent.type(combobox, "Syke");
+      await userEvent.keyboard("{ArrowRight}");
+      await userEvent.keyboard("{ArrowDown}");
+      await userEvent.keyboard("{Enter}");
       expect(onChange).toHaveBeenNthCalledWith(1, "S");
       expect(onChange).toHaveBeenNthCalledWith(2, "Sy");
       expect(onChange).toHaveBeenNthCalledWith(3, "Syk");
@@ -228,18 +187,14 @@ describe("Render combobox", () => {
   });
 
   describe("search", () => {
-    test("should find matched anywhere in the label", async () => {
+    test("should find matches anywhere in the label", async () => {
       render(<App options={options} />);
 
       const combobox = screen.getByRole("combobox", {
         name: "Hva er dine favorittfrukter?",
       });
-
-      await act(async () => {
-        await userEvent.click(combobox);
-
-        await userEvent.type(combobox, "p");
-      });
+      await userEvent.click(combobox);
+      await userEvent.type(combobox, "p");
 
       const searchHits = [
         "apple",
@@ -273,18 +228,12 @@ describe("Render combobox", () => {
       const combobox = screen.getByRole("combobox", {
         name: "Hva er dine favorittfrukter?",
       });
-
-      await act(async () => {
-        await userEvent.click(combobox);
-
-        await userEvent.type(combobox, "p");
-      });
+      await userEvent.click(combobox);
+      await userEvent.type(combobox, "p");
 
       expect(combobox.getAttribute("value")).toBe("passion fruit");
 
-      await act(async () => {
-        await userEvent.keyboard("{Enter}");
-      });
+      await userEvent.keyboard("{Enter}");
 
       expect(onToggleSelected).toHaveBeenCalledWith(
         "passion fruit",
@@ -310,20 +259,14 @@ describe("Render combobox", () => {
       const combobox = screen.getByRole("combobox", {
         name: "Hva er dine favorittfrukter?",
       });
-
-      await act(async () => {
-        await userEvent.click(combobox);
-
-        await userEvent.type(combobox, "p");
-      });
+      await userEvent.click(combobox);
+      await userEvent.type(combobox, "p");
 
       expect(combobox.getAttribute("value")).toBe(
         "passion fruit (passion fruit)",
       );
 
-      await act(async () => {
-        await userEvent.keyboard("{Enter}");
-      });
+      await userEvent.keyboard("{Enter}");
 
       expect(onToggleSelected).toHaveBeenCalledWith(
         "passion fruit",
@@ -342,9 +285,7 @@ describe("Render combobox", () => {
       });
 
       const pressKey = async (key: string) => {
-        await act(async () => {
-          await userEvent.keyboard(`{${key}}`);
-        });
+        await userEvent.keyboard(`{${key}}`);
       };
 
       const hasVirtualFocus = (option: string) =>
@@ -352,9 +293,7 @@ describe("Render combobox", () => {
           screen.getByRole("option", { name: option }).id,
         );
 
-      await act(async () => {
-        await userEvent.click(combobox);
-      });
+      await userEvent.click(combobox);
 
       await pressKey("ArrowDown");
       hasVirtualFocus("apple");

package/src/util/__tests__/hideNonTargetElements.test.ts

@@ -0,0 +1,147 @@
+import { beforeEach, describe, expect, test } from "vitest";
+import { hideNonTargetElements } from "../hideNonTargetElements";
+
+describe("hideNonTargetElements util", () => {
+  beforeEach(() => {
+    document.body.innerHTML = "";
+  });
+
+  test("marks non-avoided siblings with marker and cleans up on undo", () => {
+    document.body.innerHTML = `
+      <div id="root">
+        <div id="target"></div>
+        <div id="hidden-1"></div>
+        <div aria-live="polite" id="live-region"></div>
+        <script id="script-el"></script>
+      </div>
+    `;
+    const target = document.getElementById("target") as Element;
+    const hidden1 = document.getElementById("hidden-1") as Element;
+    const live = document.getElementById("live-region") as Element;
+    const script = document.getElementById("script-el") as Element;
+
+    const undo = hideNonTargetElements([target]);
+
+    expect(hidden1.hasAttribute("data-aksel-hidden")).toBe(true);
+    expect(live.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(script.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(target.hasAttribute("data-aksel-hidden")).toBe(false);
+
+    undo();
+
+    expect(hidden1.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(live.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(script.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(target.hasAttribute("data-aksel-hidden")).toBe(false);
+  });
+
+  test("nested: marks non-avoided siblings with marker and cleans up on undo", () => {
+    document.body.innerHTML = `
+      <div id="root">
+        <div id="inner">
+          <div id="target"></div>
+          <div id="hidden-1"></div>
+        </div>
+        <div id="hidden-2"></div>
+      </div>
+    `;
+    const target = document.getElementById("target") as Element;
+    const hidden1 = document.getElementById("hidden-1") as Element;
+    const hidden2 = document.getElementById("hidden-2") as Element;
+
+    const undo = hideNonTargetElements([target]);
+
+    expect(hidden1.hasAttribute("data-aksel-hidden")).toBe(true);
+    expect(hidden2.hasAttribute("data-aksel-hidden")).toBe(true);
+    expect(target.hasAttribute("data-aksel-hidden")).toBe(false);
+
+    undo();
+
+    expect(hidden1.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(hidden2.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(target.hasAttribute("data-aksel-hidden")).toBe(false);
+  });
+
+  test("applies aria-hidden when requested and restores previous state", () => {
+    document.body.innerHTML = `
+      <div id="root">
+        <div id="target"></div>
+        <div id="hidden-2"></div>
+        <div id="pre-hidden" aria-hidden="true"></div>
+      </div>
+    `;
+    const target = document.getElementById("target") as Element;
+    const hidden2 = document.getElementById("hidden-2") as Element;
+    const preHidden = document.getElementById("pre-hidden") as Element;
+
+    const undo = hideNonTargetElements([target]);
+
+    expect(hidden2.getAttribute("aria-hidden")).toBe("true");
+    expect(preHidden.getAttribute("aria-hidden")).toBe("true");
+    expect(hidden2.hasAttribute("data-aksel-hidden")).toBe(true);
+    expect(preHidden.hasAttribute("data-aksel-hidden")).toBe(true);
+
+    undo();
+
+    expect(hidden2.hasAttribute("aria-hidden")).toBe(false);
+    expect(preHidden.getAttribute("aria-hidden")).toBe("true");
+    expect(hidden2.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(preHidden.hasAttribute("data-aksel-hidden")).toBe(false);
+  });
+
+  test("treats shadow-hosted avoid elements as connected to host", () => {
+    document.body.innerHTML = `
+      <div id="root"></div>
+    `;
+    const root = document.getElementById("root") as HTMLElement;
+
+    const host = document.createElement("div");
+    host.id = "shadow-host";
+    const shadow = host.attachShadow({ mode: "open" });
+    const shadowTarget = document.createElement("button");
+    shadowTarget.id = "shadow-target";
+    shadow.appendChild(shadowTarget);
+
+    const sibling = document.createElement("div");
+    sibling.id = "outside";
+
+    root.append(host, sibling);
+
+    const undo = hideNonTargetElements([shadowTarget]);
+
+    expect(sibling.hasAttribute("data-aksel-hidden")).toBe(true);
+    expect(host.hasAttribute("data-aksel-hidden")).toBe(false);
+
+    undo();
+
+    expect(sibling.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(host.hasAttribute("data-aksel-hidden")).toBe(false);
+  });
+
+  test("maintains counters across nested calls until final undo", () => {
+    document.body.innerHTML = `
+      <div id="root">
+        <div id="target-a"></div>
+        <div id="target-b"></div>
+        <div id="shared"></div>
+      </div>
+    `;
+    const targetA = document.getElementById("target-a") as Element;
+    const targetB = document.getElementById("target-b") as Element;
+    const shared = document.getElementById("shared") as Element;
+
+    const undoA = hideNonTargetElements([targetA]);
+    expect(shared.hasAttribute("data-aksel-hidden")).toBe(true);
+
+    const undoB = hideNonTargetElements([targetB]);
+    expect(shared.hasAttribute("data-aksel-hidden")).toBe(true);
+
+    undoB();
+    expect(shared.hasAttribute("data-aksel-hidden")).toBe(true);
+    expect(shared.getAttribute("aria-hidden")).toBe("true");
+
+    undoA();
+    expect(shared.hasAttribute("data-aksel-hidden")).toBe(false);
+    expect(shared.hasAttribute("aria-hidden")).toBe(false);
+  });
+});

package/src/util/hideNonTargetElements.ts

@@ -0,0 +1,179 @@
+/**
+ * Modified version of `aria-hidden`-package.
+ * - Removed "inert"-functionality.
+ * - Removed flexibility for different data-attributes.
+ * https://github.com/theKashey/aria-hidden/blob/720e8a8e1cfa047bd299a929d95d47ac860a5c1a/src/index.ts
+ */
+import { ownerDocument } from "./owner";
+
+type UndoFn = () => void;
+
+let ariaHiddenCounter = new WeakMap<Element, number>();
+let markerCounter = new WeakMap<Element, number>();
+
+let uncontrolledElementsSet = new WeakSet<Element>();
+let lockCount = 0;
+
+const controlAttribute = "aria-hidden";
+const markerName = "data-aksel-hidden";
+
+/**
+ * Unwraps a Shadow DOM host to find the actual Element in the light DOM.
+ */
+function unwrapHost(node: Element | ShadowRoot): Element | null {
+  return (
+    node &&
+    ((node as ShadowRoot).host || unwrapHost(node.parentNode as Element))
+  );
+}
+
+/**
+ * Corrects the target elements by unwrapping Shadow DOM hosts if necessary.
+ *
+ * @param parent - The parent HTMLElement to check containment against.
+ * @param targets - An array of target Elements to correct.
+ * @returns An array of corrected Elements that are contained within the parent.
+ */
+function correctElements(parent: HTMLElement, targets: Element[]): Element[] {
+  return targets
+    .map((target) => {
+      if (parent.contains(target)) {
+        return target;
+      }
+
+      const correctedTarget = unwrapHost(target);
+
+      if (parent.contains(correctedTarget)) {
+        return correctedTarget;
+      }
+
+      return null;
+    })
+    .filter((x): x is Element => x !== null);
+}
+
+/**
+ * Applies the aria-hidden attribute to all elements in the body except the specified avoid elements.
+ */
+function applyAttributeToOthers(
+  uncorrectedAvoidElements: Element[],
+  body: HTMLElement,
+): UndoFn {
+  const avoidElements = correctElements(body, uncorrectedAvoidElements);
+  const elementsToAvoidWithParents = new Set<Node>();
+  const elementsToAvoidUpdating = new Set<Node>(avoidElements);
+  const hiddenElements: Element[] = [];
+
+  avoidElements.forEach(addToAvoidList);
+  applyAttributes(body);
+  elementsToAvoidWithParents.clear();
+
+  function addToAvoidList(el: Node | undefined) {
+    if (!el || elementsToAvoidWithParents.has(el)) {
+      return;
+    }
+
+    elementsToAvoidWithParents.add(el);
+    if (el.parentNode) {
+      addToAvoidList(el.parentNode);
+    }
+  }
+
+  function applyAttributes(parent: Element | null) {
+    if (!parent || elementsToAvoidUpdating.has(parent)) {
+      return;
+    }
+
+    const parentChildren = parent.children;
+
+    for (let index = 0; index < parentChildren.length; index += 1) {
+      const node = parentChildren[index] as Element;
+
+      if (elementsToAvoidWithParents.has(node)) {
+        applyAttributes(node);
+      } else {
+        const attr = node.getAttribute(controlAttribute);
+
+        /*
+         * We only check for falsy values here since since arbitrary values
+         * (e.g. "true", "foo", "") are all valid for indicating that the element is already hidden.
+         */
+        const alreadyHidden = attr !== null && attr !== "false";
+        const counterValue = (ariaHiddenCounter.get(node) || 0) + 1;
+        const markerValue = (markerCounter.get(node) || 0) + 1;
+
+        ariaHiddenCounter.set(node, counterValue);
+        markerCounter.set(node, markerValue);
+        hiddenElements.push(node);
+
+        if (counterValue === 1 && alreadyHidden) {
+          uncontrolledElementsSet.add(node);
+        }
+
+        if (markerValue === 1) {
+          node.setAttribute(markerName, "");
+        }
+
+        if (!alreadyHidden) {
+          node.setAttribute(controlAttribute, "true");
+        }
+      }
+    }
+  }
+
+  lockCount += 1;
+
+  /* Cleanup */
+  return () => {
+    for (const element of hiddenElements) {
+      const currentCounterValue = ariaHiddenCounter.get(element) || 0;
+      const counterValue = currentCounterValue - 1;
+      const markerValue = (markerCounter.get(element) || 0) - 1;
+
+      ariaHiddenCounter.set(element, counterValue);
+      markerCounter.set(element, markerValue);
+
+      if (!counterValue) {
+        if (!uncontrolledElementsSet.has(element)) {
+          element.removeAttribute(controlAttribute);
+        }
+
+        uncontrolledElementsSet.delete(element);
+      }
+
+      if (!markerValue) {
+        element.removeAttribute(markerName);
+      }
+    }
+
+    lockCount -= 1;
+
+    /* Reset */
+    if (!lockCount) {
+      ariaHiddenCounter = new WeakMap();
+      uncontrolledElementsSet = new WeakSet();
+      markerCounter = new WeakMap();
+    }
+  };
+}
+
+/**
+ * Hides all elements in the document body for assertive technologies except the specified elements with `aria-hidden`.
+ * @param avoidElements - An array of elements to avoid hiding.
+ * @returns A function that, when called, will undo the hiding of elements.
+ */
+function hideNonTargetElements(avoidElements: Element[]): UndoFn {
+  const body = ownerDocument(avoidElements[0]).body;
+
+  /**
+   * Assume that elements with `aria-live` or `script` tags should not be hidden.
+   * This ensures that live regions and scripts continue to function properly.
+   */
+  const ingoredElements = Array.from(
+    body.querySelectorAll("[aria-live], script"),
+  );
+
+  return applyAttributeToOthers(avoidElements.concat(ingoredElements), body);
+}
+
+export { hideNonTargetElements };