@digdir/designsystemet-react 1.0.0-next.17 → 1.0.0-next.33

package/dist/esm/index.js

@@ -1,11 +1,11 @@
 'use client';
-export { default as ErrorSummaryList } from './components/ErrorSummary/ErrorSummaryList.js';
 export { useSynchronizedAnimation } from './utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
 export { useIsomorphicLayoutEffect } from './utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
 export { RovingFocusRoot } from './utilities/RovingFocus/RovingFocusRoot.js';
 export { useRovingFocus } from './utilities/RovingFocus/useRovingFocus.js';
 export { RovingFocusItem, getNextFocusableValue, getPrevFocusableValue } from './utilities/RovingFocus/RovingFocusItem.js';
 export { omit } from './utilities/omit/omit.js';
+export { Avatar } from './components/Avatar/Avatar.js';
 export { Button } from './components/Button/Button.js';
 export { Badge } from './components/Badge/Badge.js';
 export { Breadcrumbs } from './components/Breadcrumbs/index.js';
@@ -15,24 +15,27 @@ export { BreadcrumbsList } from './components/Breadcrumbs/BreadcrumbsList.js';
 export { BreadcrumbsItem } from './components/Breadcrumbs/BreadcrumbsItem.js';
 export { BreadcrumbsLink } from './components/Breadcrumbs/BreadcrumbsLink.js';
 export { HelpText } from './components/HelpText/HelpText.js';
-export { Spinner } from './components/Spinner/Spinner.js';
+export { Spinner } from './components/loaders/Spinner/Spinner.js';
+export { Skeleton } from './components/loaders/Skeleton/index.js';
+export { Circle as SkeletonCircle } from './components/loaders/Skeleton/Circle/Circle.js';
+export { Rectangle as SkeletonRectangle } from './components/loaders/Skeleton/Rectangle/Rectangle.js';
+export { Text as SkeletonText } from './components/loaders/Skeleton/Text/Text.js';
 export { Link } from './components/Link/Link.js';
 export { List } from './components/List/index.js';
-export { ListRoot } from './components/List/ListRoot.js';
+export { ListOrdered, ListUnordered } from './components/List/Lists.js';
 export { ListItem } from './components/List/ListItem.js';
-export { ListHeading } from './components/List/ListHeading.js';
-export { Ordered as ListOrdered, Unordered as ListUnordered } from './components/List/Lists.js';
 export { Paragraph } from './components/Typography/Paragraph/Paragraph.js';
 export { Heading } from './components/Typography/Heading/Heading.js';
 export { Ingress } from './components/Typography/Ingress/Ingress.js';
 export { Label } from './components/Typography/Label/Label.js';
 export { ErrorMessage } from './components/Typography/ErrorMessage/ErrorMessage.js';
 export { Accordion } from './components/Accordion/index.js';
-export { AccordionRoot } from './components/Accordion/AccordionRoot.js';
 export { AccordionItem } from './components/Accordion/AccordionItem.js';
 export { AccordionContent } from './components/Accordion/AccordionContent.js';
 export { AccordionHeading } from './components/Accordion/AccordionHeading.js';
-export { NativeSelect } from './components/form/NativeSelect/NativeSelect.js';
+export { Select } from './components/form/Select/index.js';
+export { SelectOption } from './components/form/Select/SelectOption.js';
+export { SelectOptgroup } from './components/form/Select/SelectOptgroup.js';
 export { Alert } from './components/Alert/Alert.js';
 export { Tag } from './components/Tag/Tag.js';
 export { Chip } from './components/Chip/index.js';
@@ -42,7 +45,7 @@ export { ToggleChip as ChipToggle } from './components/Chip/Toggle/Toggle.js';
 export { usePagination } from './components/Pagination/usePagination.js';
 export { Pagination } from './components/Pagination/index.js';
 export { PaginationRoot } from './components/Pagination/PaginationRoot.js';
-export { PaginationContent } from './components/Pagination/PaginationContent.js';
+export { PaginationList } from './components/Pagination/PaginationList.js';
 export { PaginationItem } from './components/Pagination/PaginationItem.js';
 export { PaginationButton } from './components/Pagination/PaginationButton.js';
 export { PaginationEllipsis } from './components/Pagination/PaginationEllipsis.js';
@@ -66,8 +69,7 @@ export { ToggleGroup } from './components/ToggleGroup/index.js';
 export { ToggleGroupRoot } from './components/ToggleGroup/ToggleGroupRoot.js';
 export { ToggleGroupItem } from './components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js';
 export { Popover } from './components/Popover/index.js';
-export { PopoverRoot } from './components/Popover/PopoverRoot.js';
-export { PopoverContent } from './components/Popover/PopoverContent.js';
+export { PopoverContext } from './components/Popover/PopoverContext.js';
 export { PopoverTrigger } from './components/Popover/PopoverTrigger.js';
 export { Divider } from './components/Divider/Divider.js';
 export { Modal } from './components/Modal/index.js';
@@ -84,11 +86,6 @@ export { DropdownMenuGroup } from './components/DropdownMenu/DropdownMenuGroup.j
 export { DropdownMenuItem } from './components/DropdownMenu/DropdownMenuItem.js';
 export { DropdownMenuTrigger } from './components/DropdownMenu/DropdownMenuTrigger.js';
 export { Search } from './components/form/Search/Search.js';
-export { Skeleton } from './components/Skeleton/index.js';
-export { Circle as SkeletonCircle } from './components/Skeleton/Circle/Circle.js';
-export { Rectangle as SkeletonRectangle } from './components/Skeleton/Rectangle/Rectangle.js';
-export { Text as SkeletonText } from './components/Skeleton/Text/Text.js';
-export { Box } from './components/Box/Box.js';
 export { Card } from './components/Card/index.js';
 export { CardHeader } from './components/Card/CardHeader.js';
 export { CardContent } from './components/Card/CardContent.js';
@@ -107,3 +104,4 @@ export { ErrorSummary } from './components/ErrorSummary/index.js';
 export { ErrorSummaryRoot } from './components/ErrorSummary/ErrorSummaryRoot.js';
 export { ErrorSummaryItem } from './components/ErrorSummary/ErrorSummaryItem.js';
 export { ErrorSummaryHeading } from './components/ErrorSummary/ErrorSummaryHeading.js';
+export { ErrorSummaryList } from './components/ErrorSummary/ErrorSummaryList.js';

package/dist/esm/node_modules/@floating-ui/core/dist/floating-ui.core.js

@@ -1,5 +1,5 @@
 'use client';
-import { evaluate, getSide, getSideAxis, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, getAlignmentSides, clamp, getPaddingObject, rectToClientRect, getAlignmentAxis, getAlignment, getOppositeAxis, getAxisLength, min, max } from '../../utils/dist/floating-ui.utils.js';
+import { evaluate, getSideAxis, getSide, clamp, getPaddingObject, rectToClientRect, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, getAlignmentSides, getAlignment, getOppositeAxis, getAlignmentAxis, min, max, getAxisLength } from '../../utils/dist/floating-ui.utils.js';
 
 function computeCoordsFromPlacement(_ref, placement, rtl) {
   let {

package/dist/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.js

@@ -1,7 +1,8 @@
 'use client';
-import { offset as offset$1, shift as shift$1, flip as flip$1, arrow as arrow$1, computePosition as computePosition$1, size as size$1 } from '../../core/dist/floating-ui.core.js';
-import { createCoords, rectToClientRect, round, floor, max, min } from '../../utils/dist/floating-ui.utils.js';
-import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, isTopLayer, getNodeName, isOverflowElement, getNodeScroll, getParentNode, isLastTraversableNode, isTableElement, isContainingBlock, getContainingBlock } from '../../utils/dist/floating-ui.utils.dom.js';
+import { computePosition as computePosition$1, offset as offset$1, shift as shift$1, flip as flip$1 } from '../../core/dist/floating-ui.core.js';
+import { createCoords, round, floor, max, min } from '../node_modules/@floating-ui/utils/dist/floating-ui.utils.js';
+import { getOverflowAncestors, isElement, getWindow, getFrameElement, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, isTopLayer, getNodeName, isOverflowElement, getNodeScroll, getParentNode, isLastTraversableNode, isTableElement, isContainingBlock, getContainingBlock } from '../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js';
+import { rectToClientRect } from '../../utils/dist/floating-ui.utils.js';
 
 function getCssDimensions(element) {
   const css = getComputedStyle(element);
@@ -105,7 +106,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     const win = getWindow(domElement);
     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
     let currentWin = win;
-    let currentIFrame = currentWin.frameElement;
+    let currentIFrame = getFrameElement(currentWin);
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
@@ -119,7 +120,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       x += left;
       y += top;
       currentWin = getWindow(currentIFrame);
-      currentIFrame = currentWin.frameElement;
+      currentIFrame = getFrameElement(currentWin);
     }
   }
   return rectToClientRect({
@@ -626,21 +627,6 @@ const shift = shift$1;
  */
 const flip = flip$1;
 
-/**
- * Provides data that allows you to change the size of the floating element —
- * for instance, prevent it from overflowing the clipping boundary or match the
- * width of the reference element.
- * @see https://floating-ui.com/docs/size
- */
-const size = size$1;
-
-/**
- * Provides data to position an inner element of the floating element so that it
- * appears centered to the reference element.
- * @see https://floating-ui.com/docs/arrow
- */
-const arrow = arrow$1;
-
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
  * next to a given reference element.
@@ -664,4 +650,4 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-export { arrow, autoUpdate, computePosition, flip, getOverflowAncestors, offset, platform, shift, size };
+export { autoUpdate, computePosition, flip, getOverflowAncestors, offset, platform, shift };

package/dist/esm/node_modules/@floating-ui/dom/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js

@@ -0,0 +1,143 @@
+'use client';
+function getNodeName(node) {
+  if (isNode(node)) {
+    return (node.nodeName || '').toLowerCase();
+  }
+  // Mocked nodes in testing environments may not be instances of Node. By
+  // returning `#document` an infinite loop won't occur.
+  // https://github.com/floating-ui/floating-ui/issues/2317
+  return '#document';
+}
+function getWindow(node) {
+  var _node$ownerDocument;
+  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+}
+function getDocumentElement(node) {
+  var _ref;
+  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
+}
+function isNode(value) {
+  return value instanceof Node || value instanceof getWindow(value).Node;
+}
+function isElement(value) {
+  return value instanceof Element || value instanceof getWindow(value).Element;
+}
+function isHTMLElement(value) {
+  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
+}
+function isShadowRoot(value) {
+  // Browsers without `ShadowRoot` support.
+  if (typeof ShadowRoot === 'undefined') {
+    return false;
+  }
+  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
+}
+function isOverflowElement(element) {
+  const {
+    overflow,
+    overflowX,
+    overflowY,
+    display
+  } = getComputedStyle(element);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
+}
+function isTableElement(element) {
+  return ['table', 'td', 'th'].includes(getNodeName(element));
+}
+function isTopLayer(element) {
+  return [':popover-open', ':modal'].some(selector => {
+    try {
+      return element.matches(selector);
+    } catch (e) {
+      return false;
+    }
+  });
+}
+function isContainingBlock(elementOrCss) {
+  const webkit = isWebKit();
+  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
+
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+  return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
+}
+function getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else if (isTopLayer(currentNode)) {
+      return null;
+    }
+    currentNode = getParentNode(currentNode);
+  }
+  return null;
+}
+function isWebKit() {
+  if (typeof CSS === 'undefined' || !CSS.supports) return false;
+  return CSS.supports('-webkit-backdrop-filter', 'none');
+}
+function isLastTraversableNode(node) {
+  return ['html', 'body', '#document'].includes(getNodeName(node));
+}
+function getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function getNodeScroll(element) {
+  if (isElement(element)) {
+    return {
+      scrollLeft: element.scrollLeft,
+      scrollTop: element.scrollTop
+    };
+  }
+  return {
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
+  };
+}
+function getParentNode(node) {
+  if (getNodeName(node) === 'html') {
+    return node;
+  }
+  const result =
+  // Step into the shadow DOM of the parent of a slotted node.
+  node.assignedSlot ||
+  // DOM Element detected.
+  node.parentNode ||
+  // ShadowRoot detected.
+  isShadowRoot(node) && node.host ||
+  // Fallback.
+  getDocumentElement(node);
+  return isShadowRoot(result) ? result.host : result;
+}
+function getNearestOverflowAncestor(node) {
+  const parentNode = getParentNode(node);
+  if (isLastTraversableNode(parentNode)) {
+    return node.ownerDocument ? node.ownerDocument.body : node.body;
+  }
+  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
+    return parentNode;
+  }
+  return getNearestOverflowAncestor(parentNode);
+}
+function getOverflowAncestors(node, list, traverseIframes) {
+  var _node$ownerDocument2;
+  if (list === void 0) {
+    list = [];
+  }
+  if (traverseIframes === void 0) {
+    traverseIframes = true;
+  }
+  const scrollableAncestor = getNearestOverflowAncestor(node);
+  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
+  const win = getWindow(scrollableAncestor);
+  if (isBody) {
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
+  }
+  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
+}
+function getFrameElement(win) {
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
+
+export { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };

package/dist/esm/node_modules/@floating-ui/dom/node_modules/@floating-ui/utils/dist/floating-ui.utils.js

@@ -0,0 +1,16 @@
+'use client';
+/**
+ * Custom positioning reference element.
+ * @see https://floating-ui.com/docs/virtual-elements
+ */
+
+const min = Math.min;
+const max = Math.max;
+const round = Math.round;
+const floor = Math.floor;
+const createCoords = v => ({
+  x: v,
+  y: v
+});
+
+export { createCoords, floor, max, min, round };