@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/Pagination/Pagination.js

@@ -1,233 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
-import styled, { css } from 'styled-components';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { Button } from '../Button/Button.js';
-import { Select } from '../Select/Select.js';
-import { PaginationGenerator } from './paginationGenerator.js';
-import { Icon, MoreHorizontalIcon, ChevronLeftIcon, ChevronRightIcon, ChevronFirstIcon, ChevronLastIcon } from '@norges-domstoler/dds-icons';
-import { paginationTokens } from './Pagination.tokens.js';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-
-var outerContainer = paginationTokens.outerContainer,
-  indicatorsContainer = paginationTokens.indicatorsContainer,
-  truncationIcon = paginationTokens.truncationIcon,
-  list = paginationTokens.list;
-var Nav = styled.nav.withConfig({
-  displayName: "Pagination__Nav",
-  componentId: "sc-5ltegq-0"
-})(["display:flex;align-items:center;"]);
-var List = styled.ol.withConfig({
-  displayName: "Pagination__List",
-  componentId: "sc-5ltegq-1"
-})(["display:grid;grid-auto-flow:column;gap:", ";margin:0;padding:0;"], list.gap);
-var ListItem = styled.li.withConfig({
-  displayName: "Pagination__ListItem",
-  componentId: "sc-5ltegq-2"
-})(["display:inline-grid;align-content:center;", ""], function (_ref) {
-  var isHidden = _ref.isHidden;
-  return isHidden && css(["visibility:hidden;"]);
-});
-var OuterContainer = styled.div.withConfig({
-  displayName: "Pagination__OuterContainer",
-  componentId: "sc-5ltegq-3"
-})(["display:flex;gap:", ";", ""], outerContainer.gap, function (_ref2) {
-  var smallScreen = _ref2.smallScreen;
-  return smallScreen ? css(["flex-direction:column;align-items:center;"]) : css(["justify-content:space-between;flex-wrap:wrap;"]);
-});
-var IndicatorsContainer = styled.div.withConfig({
-  displayName: "Pagination__IndicatorsContainer",
-  componentId: "sc-5ltegq-4"
-})(["display:grid;grid-auto-flow:column;align-items:center;gap:", ";"], indicatorsContainer.gap);
-var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
-  var itemsAmount = props.itemsAmount,
-    _props$defaultItemsPe = props.defaultItemsPerPage,
-    defaultItemsPerPage = _props$defaultItemsPe === void 0 ? 10 : _props$defaultItemsPe,
-    _props$defaultActiveP = props.defaultActivePage,
-    defaultActivePage = _props$defaultActiveP === void 0 ? 1 : _props$defaultActiveP,
-    _props$withPagination = props.withPagination,
-    withPagination = _props$withPagination === void 0 ? true : _props$withPagination,
-    withCounter = props.withCounter,
-    withSelect = props.withSelect,
-    _props$selectOptions = props.selectOptions,
-    selectOptions = _props$selectOptions === void 0 ? [{
-      label: '10',
-      value: 10
-    }, {
-      label: '25',
-      value: 25
-    }, {
-      label: '50',
-      value: 50
-    }, {
-      label: 'Alle',
-      value: itemsAmount
-    }] : _props$selectOptions,
-    smallScreen = props.smallScreen,
-    onChange = props.onChange,
-    onSelectOptionChange = props.onSelectOptionChange,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["itemsAmount", "defaultItemsPerPage", "defaultActivePage", "withPagination", "withCounter", "withSelect", "selectOptions", "smallScreen", "onChange", "onSelectOptionChange", "id", "className", "htmlProps"]);
-  var _useState = useState(defaultActivePage),
-    _useState2 = _slicedToArray(_useState, 2),
-    activePage = _useState2[0],
-    setActivePage = _useState2[1];
-  var _useState3 = useState(defaultItemsPerPage),
-    _useState4 = _slicedToArray(_useState3, 2),
-    itemsPerPage = _useState4[0],
-    setItemsPerPage = _useState4[1];
-  var pagesLength = Math.ceil(itemsAmount / itemsPerPage);
-  var items = PaginationGenerator(pagesLength, activePage);
-  var onPageChange = function onPageChange(event, page) {
-    page && setActivePage(page);
-    if (event && onChange) {
-      onChange(event, page);
-    }
-  };
-  var handleSelectChange = function handleSelectChange(option) {
-    setItemsPerPage(option === null || option === void 0 ? void 0 : option.value);
-    if (onSelectOptionChange) {
-      onSelectOptionChange(option);
-    }
-  };
-  var listItems = items.length > 0 ? items.map(function (item, i) {
-    var isActive = item === activePage;
-    return jsx(ListItem, {
-      children: item !== 'truncator' ? jsx(Button, {
-        label: item.toString(),
-        purpose: isActive ? 'primary' : 'secondary',
-        appearance: isActive ? 'filled' : 'ghost',
-        size: "small",
-        onClick: function onClick(event) {
-          onPageChange(event, item);
-        },
-        "aria-label": isActive ? "N\xE5v\xE6rende side (side ".concat(item, ")") : "G\xE5 til side ".concat(item)
-      }) : jsx(Icon, {
-        icon: MoreHorizontalIcon,
-        color: truncationIcon.color
-      })
-    }, "pagination-item-".concat(i));
-  }) : undefined;
-  var previousPageButton = jsx(Button, {
-    purpose: "secondary",
-    appearance: "ghost",
-    size: "small",
-    icon: ChevronLeftIcon,
-    onClick: function onClick(event) {
-      onPageChange(event, activePage - 1);
-    },
-    "aria-label": "G\xE5 til forrige siden"
-  });
-  var nextPageButton = jsx(Button, {
-    purpose: "secondary",
-    appearance: "ghost",
-    size: "small",
-    icon: ChevronRightIcon,
-    onClick: function onClick(event) {
-      onPageChange(event, activePage + 1);
-    },
-    "aria-label": "G\xE5 til neste siden"
-  });
-  var navProps = !withSelect && !withCounter && Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest));
-  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    smallScreen: smallScreen
-  });
-  var isOnFirstPage = activePage === 1;
-  var isOnLastPage = activePage === pagesLength;
-  var navigation = withPagination ? jsx(Nav, Object.assign({
-    ref: ref,
-    "aria-label": "paginering"
-  }, navProps, {
-    children: jsxs(List, {
-      children: [jsx(ListItem, {
-        isHidden: isOnFirstPage,
-        "aria-hidden": isOnFirstPage,
-        children: previousPageButton
-      }), listItems, jsx(ListItem, {
-        isHidden: isOnLastPage,
-        "aria-hidden": isOnLastPage,
-        children: nextPageButton
-      })]
-    })
-  })) : null;
-  var smallScreenNavigation = withPagination ? jsx(Nav, Object.assign({
-    ref: ref,
-    "aria-label": "paginering"
-  }, navProps, {
-    children: jsxs(List, {
-      children: [jsx(ListItem, {
-        isHidden: isOnFirstPage,
-        "aria-hidden": isOnFirstPage,
-        children: jsx(Button, {
-          purpose: "secondary",
-          appearance: "ghost",
-          size: "small",
-          icon: ChevronFirstIcon,
-          onClick: function onClick(event) {
-            onPageChange(event, 1);
-          },
-          "aria-label": "G\xE5 til f\xF8rste siden"
-        })
-      }), jsx(ListItem, {
-        isHidden: isOnFirstPage,
-        "aria-hidden": isOnFirstPage,
-        children: previousPageButton
-      }), jsx(ListItem, {
-        children: jsx(Button, {
-          label: activePage.toString(),
-          size: "small",
-          onClick: function onClick(event) {
-            onPageChange(event, activePage);
-          }
-        })
-      }), jsx(ListItem, {
-        isHidden: isOnLastPage,
-        "aria-hidden": isOnLastPage,
-        children: nextPageButton
-      }), jsx(ListItem, {
-        isHidden: isOnLastPage,
-        "aria-hidden": isOnLastPage,
-        children: jsx(Button, {
-          purpose: "secondary",
-          appearance: "ghost",
-          size: "small",
-          icon: ChevronLastIcon,
-          onClick: function onClick(event) {
-            onPageChange(event, pagesLength);
-          },
-          "aria-label": "G\xE5 til siste siden"
-        })
-      })]
-    })
-  })) : null;
-  var activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
-  var activePageLastItem = activePage === pagesLength ? itemsAmount : activePage * itemsPerPage;
-  var navigationToBeRendered = smallScreen ? smallScreenNavigation : navigation;
-  return !withCounter && !withSelect ? navigationToBeRendered : jsxs(OuterContainer, Object.assign({}, containerProps, {
-    children: [jsxs(IndicatorsContainer, {
-      children: [withSelect && jsx(Select, {
-        options: selectOptions,
-        isSearchable: false,
-        width: "88px",
-        defaultValue: {
-          label: itemsPerPage.toString(),
-          value: itemsPerPage
-        },
-        isClearable: false,
-        onChange: handleSelectChange,
-        "aria-label": "Antall elementer per side"
-      }), withCounter && jsxs(Typography, {
-        typographyType: "supportingStyleLabel01",
-        as: "p",
-        children: ["Viser ", activePageFirstItem, "-", activePageLastItem, " av ", itemsAmount]
-      })]
-    }), navigationToBeRendered]
-  }));
-});
-Pagination.displayName = 'Pagination';
-
-export { Pagination };

package/dist/components/Pagination/Pagination.stories.d.ts

@@ -1,48 +0,0 @@
-/// <reference types="react" />
-import { PaginationProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
-        itemsAmount: number;
-        defaultItemsPerPage?: number | undefined;
-        defaultActivePage?: number | undefined;
-        withPagination?: boolean | undefined;
-        withCounter?: boolean | undefined;
-        withSelect?: boolean | undefined;
-        selectOptions?: import("./Pagination").PaginationOption[] | undefined;
-        onChange?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
-        onSelectOptionChange?: ((option: import("./Pagination").PaginationOption | null) => void) | undefined;
-        smallScreen?: boolean | undefined;
-    } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLElement>, "onChange"> | undefined;
-    } & import("react").RefAttributes<HTMLElement>>;
-    argTypes: {
-        withCounter: {
-            control: string;
-        };
-        withPagination: {
-            control: string;
-        };
-        withSelect: {
-            control: string;
-        };
-        smallScreen: {
-            control: string;
-        };
-        defaultItemsPerPage: {
-            control: string;
-        };
-        defaultActivePage: {
-            control: string;
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewMobile: (args: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Pagination/Pagination.tokens.d.ts

@@ -1,14 +0,0 @@
-export declare const paginationTokens: {
-    outerContainer: {
-        gap: string;
-    };
-    indicatorsContainer: {
-        gap: string;
-    };
-    truncationIcon: {
-        color: string;
-    };
-    list: {
-        gap: string;
-    };
-};

package/dist/components/Pagination/Pagination.tokens.js

@@ -1,24 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var spacing = ddsBaseTokens.spacing,
-  colors = ddsBaseTokens.colors;
-var list = {
-  gap: spacing.SizesDdsSpacingLocalX075
-};
-var truncationIcon = {
-  color: colors.DdsColorNeutralsGray7
-};
-var outerContainer = {
-  gap: spacing.SizesDdsSpacingLocalX075
-};
-var indicatorsContainer = {
-  gap: spacing.SizesDdsSpacingLocalX075
-};
-var paginationTokens = {
-  outerContainer: outerContainer,
-  indicatorsContainer: indicatorsContainer,
-  truncationIcon: truncationIcon,
-  list: list
-};
-
-export { paginationTokens };

package/dist/components/Pagination/index.d.ts

@@ -1 +0,0 @@
-export * from './Pagination';

package/dist/components/Pagination/paginationGenerator.d.ts

@@ -1 +0,0 @@
-export declare function PaginationGenerator(pagesAmount: number, activePage: number): (string | number)[];

package/dist/components/Pagination/paginationGenerator.js

@@ -1,37 +0,0 @@
-import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-
-var arrayRange = function arrayRange(start, end) {
-  var length = end - start + 1;
-  return Array.from({
-    length: length
-  }, function (_, idx) {
-    return idx + start;
-  });
-};
-function PaginationGenerator(pagesAmount, activePage) {
-  var siblingsCount = 1;
-  var maxPagesShown = 7;
-  var pagesBeforeTruncator = 5;
-  var truncator = 'truncator';
-  var pageRange;
-  if (pagesAmount > 4) {
-    var middleStartPage = Math.max(1, activePage < pagesBeforeTruncator || pagesAmount <= maxPagesShown ? 1 : activePage + siblingsCount + 1 >= pagesAmount ? pagesAmount - 4 // - 4 to fit total columns /
-    : activePage > 4 && pagesAmount > maxPagesShown ? activePage - siblingsCount : 1);
-    var middleEndOffset = activePage < pagesBeforeTruncator && pagesAmount > maxPagesShown ? pagesBeforeTruncator : activePage < pagesBeforeTruncator && pagesAmount <= maxPagesShown ? pagesAmount : activePage + siblingsCount + 1 < pagesAmount - 1 ? activePage + siblingsCount : activePage + siblingsCount + 1 === pagesAmount - 1 ? pagesAmount : pagesAmount;
-    var middleEndPage = Math.min(pagesAmount, middleEndOffset);
-    pageRange = arrayRange(middleStartPage, middleEndPage);
-    var truncatedLeft = middleStartPage > 2 && pagesAmount > maxPagesShown;
-    var truncatedRight = pagesAmount - middleEndPage > 1 && pagesAmount > maxPagesShown;
-    if (truncatedLeft && truncatedRight) {
-      pageRange = [1, truncator].concat(_toConsumableArray(pageRange), [truncator, pagesAmount]);
-    } else if (truncatedLeft && !truncatedRight) {
-      pageRange = [1, truncator].concat(_toConsumableArray(pageRange));
-    } else if (!truncatedLeft && truncatedRight) {
-      pageRange = [].concat(_toConsumableArray(pageRange), [truncator, pagesAmount]);
-    }
-    return _toConsumableArray(pageRange);
-  }
-  return arrayRange(1, pagesAmount);
-}
-
-export { PaginationGenerator };

package/dist/components/Popover/Popover.d.ts

@@ -1,60 +0,0 @@
-import { Property } from 'csstype';
-import { ReactNode } from 'react';
-import { Placement } from '@norges-domstoler/dds-core';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type PopoverSizeProps = {
-    width?: Property.Width<string>;
-    height?: Property.Height<string>;
-    minWidth?: Property.MinWidth<string>;
-    minHeight?: Property.MinHeight<string>;
-    maxWidth?: Property.MaxWidth<string>;
-    maxHeight?: Property.MaxHeight<string>;
-};
-export type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Tittel. */
-    title?: string | ReactNode;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
-    isOpen?: boolean;
-    /**Om lukkeknapp skal vises. */
-    withCloseButton?: boolean;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
-    anchorElement?: HTMLElement;
-    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
-    placement?: Placement;
-    /**Avstand fra anchor-elementet i px. */
-    offset?: number;
-    /** Ekstra logikk kjørt når lukkeknappen trykkes. */
-    onCloseButtonClick?: () => void;
-    /** Ekstra logikk kjørt når popover mister fokus. */
-    onBlur?: () => void;
-    /**Custom størrelse. */
-    sizeProps?: PopoverSizeProps;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
-    onClose?: () => void;
-}>;
-export declare const Popover: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /**Tittel. */
-    title?: string | ReactNode;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
-    isOpen?: boolean | undefined;
-    /**Om lukkeknapp skal vises. */
-    withCloseButton?: boolean | undefined;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
-    anchorElement?: HTMLElement | undefined;
-    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
-    placement?: Placement | undefined;
-    /**Avstand fra anchor-elementet i px. */
-    offset?: number | undefined;
-    /** Ekstra logikk kjørt når lukkeknappen trykkes. */
-    onCloseButtonClick?: (() => void) | undefined;
-    /** Ekstra logikk kjørt når popover mister fokus. */
-    onBlur?: (() => void) | undefined;
-    /**Custom størrelse. */
-    sizeProps?: PopoverSizeProps | undefined;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
-    onClose?: (() => void) | undefined;
-} & {
-    children?: ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Popover/Popover.js

@@ -1,118 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { forwardRef, useEffect } from 'react';
-import styled, { css } from 'styled-components';
-import { Paper, visibilityTransition, useReturnFocusOnBlur, useFloatPosition, useCombinedRef, useOnClickOutside, useMountTransition, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { Button } from '../Button/Button.js';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { popoverTokens } from './Popover.tokens.js';
-import { CloseIcon } from '@norges-domstoler/dds-icons';
-import { focusVisible } from '@norges-domstoler/dds-form';
-
-var Spacing = ddsBaseTokens.spacing;
-var wrapper = popoverTokens.wrapper,
-  content = popoverTokens.content,
-  closeButton = popoverTokens.closeButton,
-  title = popoverTokens.title;
-var Wrapper = styled(Paper).withConfig({
-  displayName: "Popover__Wrapper",
-  componentId: "sc-1fecd7e-0"
-})(["opacity:0;", " position:absolute;width:fit-content;z-index:100;padding:", ";&:focus-visible{", "}", ""], function (_ref) {
-  var hasTransitionedIn = _ref.hasTransitionedIn,
-    isOpen = _ref.isOpen;
-  return hasTransitionedIn && visibilityTransition(hasTransitionedIn && isOpen);
-}, wrapper.padding, focusVisible, function (_ref2) {
-  var sizeProps = _ref2.sizeProps;
-  return sizeProps && css(["", ""], sizeProps);
-});
-var TitleContainer = styled.div.withConfig({
-  displayName: "Popover__TitleContainer",
-  componentId: "sc-1fecd7e-1"
-})(["margin-right:", ";"], title.marginRight);
-var ContentContainer = styled.div.withConfig({
-  displayName: "Popover__ContentContainer",
-  componentId: "sc-1fecd7e-2"
-})(["", ""], function (_ref3) {
-  var withCloseButton = _ref3.withCloseButton,
-    hasTitle = _ref3.hasTitle;
-  return withCloseButton && !hasTitle && css(["margin-top:", ";"], content.noTitle.marginTop);
-});
-var StyledButton = styled(Button).withConfig({
-  displayName: "Popover__StyledButton",
-  componentId: "sc-1fecd7e-3"
-})(["position:absolute;top:", ";right:", ";"], closeButton.top, closeButton.right);
-var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
-  var title = props.title,
-    _props$isOpen = props.isOpen,
-    isOpen = _props$isOpen === void 0 ? false : _props$isOpen,
-    _props$withCloseButto = props.withCloseButton,
-    withCloseButton = _props$withCloseButto === void 0 ? true : _props$withCloseButto,
-    onBlur = props.onBlur,
-    onCloseButtonClick = props.onCloseButtonClick,
-    onClose = props.onClose,
-    anchorElement = props.anchorElement,
-    children = props.children,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-    _props$offset = props.offset,
-    offset = _props$offset === void 0 ? Spacing.SizesDdsSpacingLocalX05NumberPx : _props$offset,
-    id = props.id,
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["title", "isOpen", "withCloseButton", "onBlur", "onCloseButtonClick", "onClose", "anchorElement", "children", "placement", "offset", "id", "className", "htmlProps"]);
-  var popoverRef = useReturnFocusOnBlur(isOpen, function () {
-    onClose && onClose();
-    onBlur && onBlur();
-  }, anchorElement && anchorElement);
-  var _useFloatPosition = useFloatPosition(null, {
-      placement: placement,
-      offset: offset
-    }),
-    reference = _useFloatPosition.reference,
-    floating = _useFloatPosition.floating,
-    styles = _useFloatPosition.styles;
-  var multiRef = useCombinedRef(ref, popoverRef, floating);
-  useEffect(function () {
-    anchorElement ? reference(anchorElement) : reference(null);
-  }, [anchorElement]);
-  var elements = [popoverRef.current];
-  if (anchorElement) elements.push(anchorElement);
-  useOnClickOutside(elements, function () {
-    if (isOpen) onClose && onClose();
-  });
-  var hasTransitionedIn = useMountTransition(isOpen, 400);
-  var wrapperProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    ref: multiRef,
-    isOpen: isOpen,
-    hasTransitionedIn: hasTransitionedIn,
-    tabIndex: -1,
-    style: Object.assign(Object.assign({}, htmlProps.style), styles.floating),
-    role: 'dialog'
-  });
-  return isOpen || hasTransitionedIn ? jsxs(Wrapper, Object.assign({}, wrapperProps, {
-    elevation: 3,
-    border: "light",
-    children: [title && jsx(TitleContainer, {
-      children: typeof title === 'string' ? jsx(Typography, {
-        typographyType: "headingSans02",
-        children: title
-      }) : title
-    }), jsx(ContentContainer, {
-      hasTitle: !!title,
-      withCloseButton: withCloseButton,
-      children: children
-    }), withCloseButton && jsx(StyledButton, {
-      icon: CloseIcon,
-      appearance: "borderless",
-      purpose: "secondary",
-      size: "small",
-      onClick: onCloseButtonClick,
-      "aria-label": "Lukk"
-    })]
-  })) : null;
-});
-Popover.displayName = 'Popover';
-
-export { Popover };

package/dist/components/Popover/Popover.stories.d.ts

@@ -1,55 +0,0 @@
-/// <reference types="react" />
-import { PopoverProps } from '.';
-import { Placement } from '@norges-domstoler/dds-core';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-        title?: import("react").ReactNode;
-        isOpen?: boolean | undefined;
-        withCloseButton?: boolean | undefined;
-        anchorElement?: HTMLElement | undefined;
-        placement?: Placement | undefined;
-        offset?: number | undefined;
-        onCloseButtonClick?: (() => void) | undefined;
-        onBlur?: (() => void) | undefined;
-        sizeProps?: import("./Popover").PopoverSizeProps | undefined;
-        onClose?: (() => void) | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        withCloseButton: {
-            control: {
-                type: string;
-            };
-        };
-        placement: {
-            control: {
-                type: string;
-            };
-        };
-        title: {
-            control: {
-                type: string;
-            };
-        };
-        offset: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const ContentOverview: (args: PopoverProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PlacementOverview: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: PopoverProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Overflow: (args: PopoverProps) => import("react/jsx-runtime").JSX.Element;
-export declare const InlineExample: (args: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/Popover.tokens.d.ts

@@ -1,17 +0,0 @@
-export declare const popoverTokens: {
-    content: {
-        noTitle: {
-            marginTop: string;
-        };
-    };
-    wrapper: {
-        padding: string;
-    };
-    closeButton: {
-        top: string;
-        right: string;
-    };
-    title: {
-        marginRight: string;
-    };
-};

package/dist/components/Popover/Popover.tokens.js

@@ -1,26 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var spacing = ddsBaseTokens.spacing;
-var wrapper = {
-  padding: "".concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX15, " ").concat(spacing.SizesDdsSpacingLocalX1)
-};
-var closeButton = {
-  top: spacing.SizesDdsSpacingLocalX025,
-  right: spacing.SizesDdsSpacingLocalX025
-};
-var title = {
-  marginRight: spacing.SizesDdsSpacingLocalX2
-};
-var content = {
-  noTitle: {
-    marginTop: spacing.SizesDdsSpacingLocalX2
-  }
-};
-var popoverTokens = {
-  content: content,
-  wrapper: wrapper,
-  closeButton: closeButton,
-  title: title
-};
-
-export { popoverTokens };

package/dist/components/Popover/PopoverGroup.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-export type PopoverGroupProps = {
-    /**Callback når det trykkes på lukkeknappen. */
-    onCloseButtonClick?: () => void;
-    /** Callback når det trykkes på anchor-elementet (trigger-elementet). */
-    onTriggerClick?: () => void;
-    /**Forteller `<Popover />` om den skal være åpen.  */
-    isOpen?: boolean;
-    /** `id` til `<Popover />.` */
-    popoverId?: string;
-    /** Barna til wrapperen: anchor-element som det første og `<Popover />` so det adnre.  */
-    children: ReactNode;
-};
-export declare const PopoverGroup: {
-    ({ isOpen, onCloseButtonClick, onTriggerClick, children, popoverId, }: PopoverGroupProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};