@navikt/ds-react 8.7.0 → 8.9.0

package/src/utils/components/Listbox/input-slot/ListboxInputSlot.tsx

@@ -8,7 +8,7 @@ interface ListboxInputSlotProps {
 const ListboxInputSlot = ({ children }: ListboxInputSlotProps) => {
   return (
     <Slot
-      aria-activedescendant="aksel-listbox__item-active"
+      aria-activedescendant="aksel-listbox__option-active"
       // @ts-expect-error - You are meant to use an <input>, but Slot doesn't know that.
       autoComplete="off"
       role="combobox"

package/src/utils/components/Listbox/{item/ListboxItem.tsx → option/ListboxOption.tsx}

@@ -1,32 +1,32 @@
 import React from "react";
 import { cl } from "../../../helpers";
 
-export interface ListboxItemProps extends Omit<
+export interface ListboxOptionProps extends Omit<
   React.HTMLAttributes<HTMLDivElement>,
   "role" | "tabIndex"
 > {
   /**
-   * Unique ID used for tracking which item has virtual focus.
+   * Unique ID used for tracking which option has virtual focus.
    */
   id: string;
   hasVirtualFocus: boolean;
   children: React.ReactNode;
   /**
-   * Callback when item is selected.
-   * To improve performance when you have many items,
+   * Callback when option is selected.
+   * To improve performance when you have many options,
    * memoize the prop with e.g. useEventCallback.
    */
   onClick: React.MouseEventHandler<HTMLDivElement>;
 }
 
-function ListboxItemComponent({
+function ListboxOptionComponent({
   id,
   hasVirtualFocus,
   children,
   className,
   ...rest
-}: ListboxItemProps) {
-  //console.log("Rendering item", id);
+}: ListboxOptionProps) {
+  //console.log("Rendering option", id);
 
   // TODO: Slot?
 
@@ -34,12 +34,12 @@ function ListboxItemComponent({
     <div
       aria-selected={false}
       {...rest}
-      className={cl("aksel-listbox__item", className)}
+      className={cl("aksel-listbox__option", className)}
       role="option"
       tabIndex={-1}
       data-virtual-focus={hasVirtualFocus}
       data-id={id}
-      id={hasVirtualFocus ? "aksel-listbox__item-active" : undefined}
+      id={hasVirtualFocus ? "aksel-listbox__option-active" : undefined}
     >
       {children}
     </div>
@@ -47,11 +47,11 @@ function ListboxItemComponent({
 }
 
 /**
- * This component is memoized. To improve performance when you have many items,
+ * This component is memoized. To improve performance when you have many options,
  * make sure all object props have stable references (i.e. memoize the event handlers with e.g. useEventCallback).
  *
- * NB: Remember to set `aria-selected` on selected items!
+ * NB: Remember to set `aria-selected` on selected options!
  */
-export const ListboxItem = React.memo(
-  ListboxItemComponent,
-) as typeof ListboxItemComponent;
+export const ListboxOption = React.memo(
+  ListboxOptionComponent,
+) as typeof ListboxOptionComponent;

package/src/utils/components/Listbox/{list/ListboxList.tsx → options/ListboxOptions.tsx}

@@ -3,30 +3,30 @@
 import React from "react";
 import { cl } from "../../../helpers";
 
-export interface ListboxListProps extends Omit<
+export interface ListboxOptionsProps extends Omit<
   React.HTMLAttributes<HTMLDivElement>,
   "role" | "tabIndex" | "onMouseOver"
 > {
   children: React.ReactNode;
-  setVirtuallyFocusedItemId: (value: string) => void;
+  setVirtuallyFocusedOptionId: (value: string) => void;
 }
 
-function ListboxList({
+function ListboxOptions({
   children,
-  setVirtuallyFocusedItemId,
+  setVirtuallyFocusedOptionId,
   ...rest
-}: ListboxListProps) {
+}: ListboxOptionsProps) {
   return (
     <div
       {...rest}
-      className={cl(rest.className, "aksel-listbox__list")}
+      className={cl(rest.className, "aksel-listbox__options")}
       role="listbox"
       tabIndex={-1}
       onMouseOver={(event) => {
         const target = event.target as HTMLElement;
-        const itemEl: HTMLElement | null = target.closest('[role="option"]');
-        if (itemEl) {
-          setVirtuallyFocusedItemId(itemEl?.dataset.id || "");
+        const optionEl: HTMLElement | null = target.closest('[role="option"]');
+        if (optionEl) {
+          setVirtuallyFocusedOptionId(optionEl?.dataset.id || "");
         }
       }}
     >
@@ -35,4 +35,4 @@ function ListboxList({
   );
 }
 
-export { ListboxList };
+export { ListboxOptions };

package/src/utils/components/Listbox/root/ListboxRoot.tsx

@@ -3,22 +3,22 @@
 import React from "react";
 import { ListboxGroup } from "../group/ListboxGroup";
 import { ListboxInputSlot } from "../input-slot/ListboxInputSlot";
-import { ListboxItem } from "../item/ListboxItem";
-import { ListboxList } from "../list/ListboxList";
-import { findNextItem, findPrevItem } from "./domHelpers";
+import { ListboxOption } from "../option/ListboxOption";
+import { ListboxOptions } from "../options/ListboxOptions";
+import { findNextOption, findPrevOption } from "./domHelpers";
 
 export interface ListboxProps {
   children: React.ReactNode;
-  setVirtuallyFocusedItemId: (value: string) => void;
+  setVirtuallyFocusedOptionId: (value: string) => void;
 }
 
 /**
- * Low level component for displaying a list of selectable items with optional grouping.
+ * Low level component for displaying a list of selectable options with optional grouping.
  * Keyboard navigation is implemented with virtual focus so that real focus can remain on an input field.
  */
-function Listbox({ children, setVirtuallyFocusedItemId }: ListboxProps) {
-  const virtuallyFocusItem = (element: HTMLElement | null) => {
-    setVirtuallyFocusedItemId(element?.dataset.id || "");
+function Listbox({ children, setVirtuallyFocusedOptionId }: ListboxProps) {
+  const virtuallyFocusOption = (element: HTMLElement | null) => {
+    setVirtuallyFocusedOptionId(element?.dataset.id || "");
     element?.scrollIntoView({ block: "nearest" });
   };
 
@@ -32,59 +32,59 @@ function Listbox({ children, setVirtuallyFocusedItemId }: ListboxProps) {
         }
 
         // Helper functions
-        const getFirstItem = (suffix: string = "") =>
+        const getFirstOption = (suffix: string = "") =>
           listbox.querySelector<HTMLElement>(`[role="option"]${suffix}`);
-        const getLastItem = () => {
-          const allItems =
+        const getLastOption = () => {
+          const allOptions =
             listbox.querySelectorAll<HTMLElement>('[role="option"]');
-          return allItems[allItems.length - 1];
+          return allOptions[allOptions.length - 1];
         };
 
-        const focusedItemElm = getFirstItem('[data-virtual-focus="true"]');
+        const focusedOptionElm = getFirstOption('[data-virtual-focus="true"]');
 
-        // Doesn't make sense to have real focus on one item and virtual focus on another at the same time.
+        // Doesn't make sense to have real focus on one option and virtual focus on another at the same time.
         // Not sure if it matters, though 🤔
-        const itemElmWithRealFocus = getFirstItem(":focus");
-        if (itemElmWithRealFocus) {
+        const optionElmWithRealFocus = getFirstOption(":focus");
+        if (optionElmWithRealFocus) {
           listbox.focus();
         }
 
         const virtuallyFocusWithFallback = (
-          getNextElement: (currentItem: HTMLElement) => HTMLElement | null,
+          getNextElement: (currentOption: HTMLElement) => HTMLElement | null,
           getFallback: () => HTMLElement | null,
         ) => {
           event.preventDefault();
-          if (!focusedItemElm) {
-            virtuallyFocusItem(getFallback());
+          if (!focusedOptionElm) {
+            virtuallyFocusOption(getFallback());
             return;
           }
-          const nextItem = getNextElement(focusedItemElm);
-          if (!nextItem) {
-            virtuallyFocusItem(getFallback());
+          const nextOption = getNextElement(focusedOptionElm);
+          if (!nextOption) {
+            virtuallyFocusOption(getFallback());
             return;
           }
-          virtuallyFocusItem(nextItem);
+          virtuallyFocusOption(nextOption);
         };
 
         switch (event.key) {
           case "ArrowDown":
-            virtuallyFocusWithFallback(findNextItem, getFirstItem);
+            virtuallyFocusWithFallback(findNextOption, getFirstOption);
             break;
           case "ArrowUp":
-            virtuallyFocusWithFallback(findPrevItem, getLastItem);
+            virtuallyFocusWithFallback(findPrevOption, getLastOption);
             break;
           case "Home":
             event.preventDefault();
-            virtuallyFocusItem(getFirstItem());
+            virtuallyFocusOption(getFirstOption());
             break;
           case "End":
             event.preventDefault();
-            virtuallyFocusItem(getLastItem());
+            virtuallyFocusOption(getLastOption());
             break;
           case "Enter":
           case "Accept":
-            if (focusedItemElm) {
-              focusedItemElm.click();
+            if (focusedOptionElm) {
+              focusedOptionElm.click();
             }
             break;
           // TODO: Consider implementing PageUp/PageDown too
@@ -97,8 +97,8 @@ function Listbox({ children, setVirtuallyFocusedItemId }: ListboxProps) {
 }
 
 Listbox.InputSlot = ListboxInputSlot;
-Listbox.List = ListboxList;
-Listbox.Item = ListboxItem;
+Listbox.Options = ListboxOptions;
+Listbox.Option = ListboxOption;
 Listbox.Group = ListboxGroup;
 
 export default Listbox;

package/src/utils/components/Listbox/root/domHelpers.ts

@@ -1,5 +1,5 @@
-function findNextItem(currentItem: HTMLElement) {
-  const nextElement = currentItem.nextElementSibling as HTMLElement | null;
+function findNextOption(currentOption: HTMLElement) {
+  const nextElement = currentOption.nextElementSibling as HTMLElement | null;
   if (nextElement) {
     if (nextElement.role === "group") {
       return nextElement.querySelector<HTMLElement>('[role="option"]');
@@ -11,7 +11,7 @@ function findNextItem(currentItem: HTMLElement) {
 
   // No next element: Current element might be inside a group.
   // Check if the parent has a next sibling
-  const parentNextElement = currentItem.parentElement
+  const parentNextElement = currentOption.parentElement
     ?.nextElementSibling as HTMLElement | null;
   if (parentNextElement) {
     if (parentNextElement.role === "group") {
@@ -25,8 +25,9 @@ function findNextItem(currentItem: HTMLElement) {
   return null;
 }
 
-function findPrevItem(currentItem: HTMLElement) {
-  const prevElement = currentItem.previousElementSibling as HTMLElement | null;
+function findPrevOption(currentOption: HTMLElement) {
+  const prevElement =
+    currentOption.previousElementSibling as HTMLElement | null;
   if (prevElement) {
     if (prevElement.role === "group") {
       return prevElement.querySelector<HTMLElement>(
@@ -40,7 +41,7 @@ function findPrevItem(currentItem: HTMLElement) {
 
   // No previous element: Current element might be inside a group.
   // Check if the parent has a previous sibling.
-  const parentPrevElement = currentItem.parentElement
+  const parentPrevElement = currentOption.parentElement
     ?.previousElementSibling as HTMLElement | null;
   if (parentPrevElement) {
     if (parentPrevElement.role === "group") {
@@ -56,4 +57,4 @@ function findPrevItem(currentItem: HTMLElement) {
   return null;
 }
 
-export { findNextItem, findPrevItem };
+export { findNextOption, findPrevOption };

package/src/utils/components/floating/Floating.tsx

@@ -73,7 +73,7 @@ const Floating: FloatingComponent = ({ children }: FloatingProps) => {
  */
 type FloatingAnchorProps = HTMLAttributes<HTMLDivElement> &
   AsChildProps & {
-    virtualRef?: React.RefObject<Measurable>;
+    virtualRef?: Measurable;
   };
 
 /**
@@ -90,7 +90,7 @@ const FloatingAnchor = forwardRef<HTMLDivElement, FloatingAnchorProps>(
     useEffect(() => {
       // Allows anchoring the floating to non-DOM nodes like a cursor position.
       // We replace `anchorRef` with a virtual ref in such cases.
-      context.onAnchorChange(virtualRef?.current || ref.current);
+      context.onAnchorChange(virtualRef || ref.current);
     });
 
     const Comp = asChild ? Slot : "div";

package/src/utils/components/focus-boundary/FocusBoundary.tsx

@@ -31,7 +31,6 @@ interface FocusBoundaryProps extends React.HTMLAttributes<HTMLDivElement> {
    * tabbing. If focus is moved outside the boundary programmatically or by
    * pointer, it will not be moved back.
    *
-   * - Links (`<a>` elements), are not considered tabbable for the purpose of looping.
    * - Hidden inputs (i.e. `<input type="hidden">`) are not considered tabbable.
    * - Elements that are `display: none` or `visibility: hidden` are not considered tabbable.
    * - Elements with `tabIndex < 0` are not considered tabbable.
@@ -392,7 +391,7 @@ const FocusBoundary = forwardRef<HTMLDivElement, FocusBoundaryProps>(
  * Returns the first and last tabbable elements inside a container as a tuple.
  */
 function getTabbableEdges(container: HTMLElement) {
-  const candidates = getTabbableCandidates(container);
+  const candidates = getTabbableCandidates(container, { omitLinks: false });
   return [
     findFirstVisible(candidates, container),
     findFirstVisible(candidates.reverse(), container),

package/src/utils/components/link-anchor/LinkAnchor.tsx

@@ -29,6 +29,17 @@ const {
 
 type LinkAnchorOverlayProps = HTMLAttributes<HTMLDivElement> & AsChildProps;
 
+/*
+ * NB: Clicks on the overlay are captured with onClick. This does not work with middle-mouse-click.
+ * We could capture such click with onAuxClick, but last time we tried that,
+ * "forwarding" the click with dispatchEvent didn't work properly.
+ * - Chrome: Worked if we dispatched a regular click event.
+ * - Firefox: Did not work.
+ * - Safari: Opened the link in the same tab (tested in BrowserStack).
+ * We could use window.open() instead, but this would not run on(Aux)Click-callbacks on the link.
+ * We consider this unacceptable since many rely on this for tracking etc.
+ */
+
 const LinkAnchorOverlay = forwardRef<HTMLDivElement, LinkAnchorOverlayProps>(
   (
     {

package/src/utils/helpers/className.ts

@@ -41,7 +41,7 @@ function toVal(mix: Exclude<ClassValue, null | undefined | false>) {
 }
 
 function cl(...inputs: ClassValue[]) {
-  let parsedValue = "";
+  let parsedValue: string;
   let currentValue: ClassValue;
   let result = "";
 

package/src/utils/helpers/focus.ts

@@ -5,7 +5,10 @@
  * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
  * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
  */
-function getTabbableCandidates(container: HTMLElement) {
+function getTabbableCandidates(
+  container: HTMLElement,
+  { omitLinks = true } = {},
+) {
   const nodes: HTMLElement[] = [];
   const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (node: any) => {
@@ -29,7 +32,7 @@ function getTabbableCandidates(container: HTMLElement) {
     nodes.push(walker.currentNode as HTMLElement);
   }
 
-  return removeLinks(nodes);
+  return omitLinks ? removeLinks(nodes) : nodes;
 }
 
 function removeLinks(items: HTMLElement[]) {

package/src/utils/helpers/index.ts

@@ -1,9 +1,9 @@
-export * from "./className";
-export * from "./composeEventHandlers";
-export * from "./clipboardCopy";
-export * from "./create-strict-context";
-export * from "./detectBrowser";
-export * from "./hideNonTargetElements";
-export * from "./owner";
-export * from "./requireReactElement";
-export * from "./resolveRef";
+export { cl } from "./className";
+export { composeEventHandlers } from "./composeEventHandlers";
+export { clipboardCopy } from "./clipboardCopy";
+export { createStrictContext } from "./create-strict-context";
+export { isIOS, isSafari, isWebKit } from "./detectBrowser";
+export { hideNonTargetElements } from "./hideNonTargetElements";
+export { ownerDocument, ownerWindow } from "./owner";
+export { requireReactElement } from "./requireReactElement";
+export { resolveRef } from "./resolveRef";

package/src/utils/hooks/index.ts

@@ -1,14 +1,21 @@
-export * from "./useControllableState";
-export * from "./useMergeRefs";
-export * from "./useMedia";
-export * from "./usePrevious";
-export * from "./useAnimationsFinished";
-export * from "./useEventCallback";
-export * from "./useOpenChangeAnimationComplete";
-export * from "./useRefWithInit";
-export * from "./useScrollLock";
-export * from "./useTimeout";
-export * from "./useTransitionStatus";
-export * from "./useValueAsRef";
-export * from "./descendants/useDescendant";
+export {
+  useControllableState,
+  type UseControllableStateProps,
+} from "./useControllableState";
+export { useMergeRefs, useMergeRefsN } from "./useMergeRefs";
+export { noMatchMedia, useMedia } from "./useMedia";
+export { usePrevious } from "./usePrevious";
+export { useAnimationsFinished } from "./useAnimationsFinished";
+export { useEventCallback } from "./useEventCallback";
+export { useOpenChangeAnimationComplete } from "./useOpenChangeAnimationComplete";
+export { useRefWithInit } from "./useRefWithInit";
+export { useScrollLock } from "./useScrollLock";
+export { Timeout, useTimeout } from "./useTimeout";
+export {
+  type TransitionStatus,
+  createTransitionStatusAttribute,
+  useTransitionStatus,
+} from "./useTransitionStatus";
+export { useValueAsRef } from "./useValueAsRef";
+export { createDescendantContext } from "./descendants/useDescendant";
 export { DescendantsManager } from "./descendants/descendant";

package/src/utils/hooks/useScrollLock.ts

@@ -6,6 +6,46 @@ let originalHtmlStyles: Partial<CSSStyleDeclaration> = {};
 let originalBodyStyles: Partial<CSSStyleDeclaration> = {};
 let originalHtmlScrollBehavior = "";
 
+function supportsStableScrollbarGutter(referenceElement: Element | null) {
+  const supported =
+    typeof CSS !== "undefined" &&
+    CSS.supports &&
+    CSS.supports("scrollbar-gutter", "stable");
+
+  if (!supported || typeof document === "undefined") {
+    return false;
+  }
+
+  /*
+   * We need to do aditional checks since the scenario:
+   * - Scrollbar is edited with `::-webkit-scrollbar`
+   * - MacOS setting: Show scroll bars -> Automatically based on mouse or tracked
+   * Causes the calculation of scrollbar width to be incorrect, and thus the scrollbar gutter to not work as intended.
+   */
+
+  const doc = ownerDocument(referenceElement);
+  const html = doc.documentElement;
+  const body = doc.body;
+
+  const scrollContainer = isOverflowElement(html) ? html : body;
+
+  const originalScrollContainerOverflowY = scrollContainer.style.overflowY;
+  const originalHtmlStyleGutter = html.style.scrollbarGutter;
+
+  html.style.scrollbarGutter = "stable";
+
+  scrollContainer.style.overflowY = "scroll";
+  const before = scrollContainer.offsetWidth;
+
+  scrollContainer.style.overflowY = "hidden";
+  const after = scrollContainer.offsetWidth;
+
+  scrollContainer.style.overflowY = originalScrollContainerOverflowY;
+  html.style.scrollbarGutter = originalHtmlStyleGutter;
+
+  return before === after;
+}
+
 function hasInsetScrollbars(referenceElement: Element | null) {
   if (typeof document === "undefined") {
     return false;
@@ -59,6 +99,9 @@ function preventScrollStandard(referenceElement: Element | null) {
 
     const htmlStyles = win.getComputedStyle(html);
     const bodyStyles = win.getComputedStyle(body);
+    const htmlScrollbarGutterValue = htmlStyles.scrollbarGutter || "";
+    const hasBothEdges = htmlScrollbarGutterValue.includes("both-edges");
+    const scrollbarGutterValue = hasBothEdges ? "stable both-edges" : "stable";
 
     scrollTop = html.scrollTop;
     scrollLeft = html.scrollLeft;
@@ -103,26 +146,27 @@ function preventScrollStandard(referenceElement: Element | null) {
     /**
      * Check support for stable scrollbar gutter to avoid layout shift when scrollbars appear/disappear.
      */
-    const supportsStableScrollbarGutter =
-      typeof CSS !== "undefined" &&
-      CSS.supports?.("scrollbar-gutter", "stable");
+    const supportsScrollbarGutter =
+      supportsStableScrollbarGutter(referenceElement);
+
     /*
      * DOM writes:
      * Do not read the DOM past this point!
      */
 
+    if (supportsScrollbarGutter) {
+      const elementToLock = isOverflowElement(html) ? html : body;
+
+      html.style.scrollbarGutter = scrollbarGutterValue;
+      elementToLock.style.overflowY = "hidden";
+      elementToLock.style.overflowX = "hidden";
+      return;
+    }
+
     Object.assign(html.style, {
       scrollbarGutter: "stable",
-      overflowY:
-        !supportsStableScrollbarGutter &&
-        (isScrollableY || hasConstantOverflowY)
-          ? "scroll"
-          : "hidden",
-      overflowX:
-        !supportsStableScrollbarGutter &&
-        (isScrollableX || hasConstantOverflowX)
-          ? "scroll"
-          : "hidden",
+      overflowY: isScrollableY || hasConstantOverflowY ? "scroll" : "hidden",
+      overflowX: isScrollableX || hasConstantOverflowX ? "scroll" : "hidden",
     });
 
     Object.assign(body.style, {

package/cjs/data/action-bar/root/DataActionBarRoot.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-interface DataActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    /**
-     * Number of selected rows
-     */
-    numOfSelectedRows: number;
-    /**
-     * Callback for the clear button
-     */
-    onClear: () => void;
-}
-/**
- * TODO
- *
- * @see 🏷️ {@link DataActionBarProps}
- * @example
- * ```tsx
- * <DataActionBar numOfSelectedRows={selectedRows.length} onClear={handleClear}>
- *   TODO
- * </DataActionBar>
- * ```
- */
-declare const DataActionBar: React.ForwardRefExoticComponent<DataActionBarProps & React.RefAttributes<HTMLDivElement>>;
-export default DataActionBar;
-export { DataActionBar };
-export type { DataActionBarProps };

package/cjs/data/action-bar/root/DataActionBarRoot.js

@@ -1,49 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataActionBar = void 0;
-const react_1 = __importDefault(require("react"));
-const button_1 = require("../../../button");
-const box_1 = require("../../../primitives/box");
-const stack_1 = require("../../../primitives/stack");
-const typography_1 = require("../../../typography");
-/**
- * TODO
- *
- * @see 🏷️ {@link DataActionBarProps}
- * @example
- * ```tsx
- * <DataActionBar numOfSelectedRows={selectedRows.length} onClear={handleClear}>
- *   TODO
- * </DataActionBar>
- * ```
- */
-const DataActionBar = react_1.default.forwardRef((_a, forwardRef) => {
-    var { children, numOfSelectedRows, onClear } = _a, rest = __rest(_a, ["children", "numOfSelectedRows", "onClear"]);
-    return (react_1.default.createElement(box_1.Box, { asChild: true, borderWidth: "1", borderRadius: "16", borderColor: "neutral", background: "raised", padding: "space-16", "data-color": "neutral" },
-        react_1.default.createElement(stack_1.HStack, Object.assign({ gap: "space-16", align: "center", ref: forwardRef }, rest),
-            react_1.default.createElement(typography_1.BodyShort, { textColor: "subtle" },
-                numOfSelectedRows,
-                " rad",
-                numOfSelectedRows > 1 ? "er" : "",
-                " valgt"),
-            react_1.default.createElement(button_1.Button, { variant: "secondary", size: "small", onClick: onClear }, "Nullstill valg"),
-            react_1.default.createElement(stack_1.Spacer, null),
-            children)));
-});
-exports.DataActionBar = DataActionBar;
-exports.default = DataActionBar;
-//# sourceMappingURL=DataActionBarRoot.js.map

package/cjs/data/action-bar/root/DataActionBarRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataActionBarRoot.js","sourceRoot":"","sources":["../../../../src/data/action-bar/root/DataActionBarRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAAyC;AACzC,iDAA8C;AAC9C,qDAA2D;AAC3D,oDAAgD;AAchD;;;;;;;;;;GAUG;AACH,MAAM,aAAa,GAAG,eAAK,CAAC,UAAU,CACpC,CAAC,EAAiD,EAAE,UAAU,EAAE,EAAE;QAAjE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,OAAO,OAAW,EAAN,IAAI,cAA/C,4CAAiD,CAAF;IAC9C,OAAO,CACL,8BAAC,SAAG,IACF,OAAO,QACP,WAAW,EAAC,GAAG,EACf,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,SAAS,EACrB,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAC,UAAU,gBACP,SAAS;QAEpB,8BAAC,cAAM,kBAAC,GAAG,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,UAAU,IAAM,IAAI;YAC7D,8BAAC,sBAAS,IAAC,SAAS,EAAC,QAAQ;gBAC1B,iBAAiB;;gBAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;yBAC/C;YACZ,8BAAC,eAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,qBAEhD;YACT,8BAAC,cAAM,OAAG;YACT,QAAQ,CACF,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,sCAAa;AADtB,kBAAe,aAAa,CAAC"}

package/cjs/data/drag-and-drop/item/DataDragAndDropItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataDragAndDropItem.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/item/DataDragAndDropItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAAsD;AACtD,+CAAsC;AACtC,qDAI6B;AAC7B,qDAAmD;AACnD,oDAA4C;AAC5C,gDAAoD;AACpD,6EAAyE;AAczE;;;;;;;;;;GAUG;AACH,MAAM,mBAAmB,GAAG,eAAK,CAAC,UAAU,CAG1C,CAAC,EAA2C,EAAE,YAAY,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAAzC,wCAA2C,CAAF;IAC1C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAA,sBAAW,EAAC;QACpD,EAAE;QACF,KAAK;QACL,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,gDAAsB,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,UAAU,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,OAAO,CAAC;IACrE,MAAM,eAAe,GAAG,YAAY,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,OAAO,CAAC;IACzE,MAAM,gBAAgB,GAAG,UAAU,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,UAAU,CAAC;IAE3E,OAAO,CACL,8BAAC,cAAM,IAAC,GAAG,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO;QAEvD,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,mBACjD,UAAU,yBACJ,aAAa,4BACV,gBAAgB,sBACtB,eAAe,EACjC,QAAQ,EAAE,CAAC,CAAC;YAEZ,uCACE,SAAS,EAAC,mDAAmD,EAC7D,GAAG,EAAE,SAAS;gBAIb,gBAAgB,IAAI,CACnB,wCACE,SAAS,EAAC,yDAAyD,oBACpD,IAAI;oBAEnB,8BAAC,mCAAqB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CAClD,CACR;gBACD,8BAAC,8BAAgB,yBAEf,KAAK,EAAC,uBAAkB,EACxB,QAAQ,EAAC,QAAQ,GACjB;gBACD,gBAAgB,IAAI,CACnB,wCACE,SAAS,EAAC,yDAAyD,oBACpD,MAAM;oBAErB,8BAAC,qCAAuB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CACpD,CACR,CACG;YACN,2CAAM,QAAQ,CAAO,CACjB,CACC,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,kDAAmB;AAD5B,kBAAe,mBAAmB,CAAC"}

package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataDragAndDrop.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DataDragAndDrop.context.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AAMzB,QAAA,sBAAsB,GAAG,IAAA,qBAAa,EAEjD,SAAS,CAAC,CAAC"}

package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataDragAndDropRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DataDragAndDropRoot.tsx"],"names":[],"mappings":"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"}

package/cjs/data/table/root/useTableKeyboardNav.js.map

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