@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/ToggleBar/ToggleRadio.styles.js

@@ -1,21 +0,0 @@
-import styled, { css } from 'styled-components';
-import { getFontStyling } from '@norges-domstoler/dds-typography';
-import { focusVisibleTransitionValue, HiddenInput, focusVisible } from '@norges-domstoler/dds-form';
-import { typographyTypes, toggleBarTokens } from './ToggleBar.tokens.js';
-
-var content = toggleBarTokens.content,
-  label = toggleBarTokens.label;
-var Content = styled.span.withConfig({
-  displayName: "ToggleRadiostyles__Content",
-  componentId: "sc-mp4hol-0"
-})(["display:flex;justify-content:center;align-items:center;word-break:break-word;height:100%;box-sizing:border-box;cursor:pointer;@media (prefers-reduced-motion:no-preference){transition:border-color 0.2s,background-color 0.2s,box-shadow 0.2s,color 0.2s,", ";}background-color:", ";", ""], focusVisibleTransitionValue, content.base.backgroundColor, function (_ref) {
-  var size = _ref.size,
-    justIcon = _ref.justIcon;
-  return css(["", ""], justIcon ? css(["font-size:", ";padding:", ";"], content.size[size].justIcon.fontSize, content.size[size].justIcon.padding) : css(["gap:", ";padding:", ";", ""], content.size[size].withText.gap, content.size[size].withText.padding, getFontStyling(typographyTypes[size])));
-});
-var Label = styled.label.withConfig({
-  displayName: "ToggleRadiostyles__Label",
-  componentId: "sc-mp4hol-1"
-})(["", "{border-right:", ";border-top:", ";border-bottom:", ";}&:first-child ", "{border-left:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";}&:last-child ", "{border-top-right-radius:", ";border-bottom-right-radius:", ";}", ":checked + ", "{color:", ";border-color:", ";background-color:", ";box-shadow:", ";position:relative;z-index:0;}", ":focus-visible + ", "{", " position:relative;z-index:0;}&:hover{color:", ";border-color:", ";}"], Content, label.base.borderRight, label.base.borderTop, label.base.borderBottom, Content, label.firstChild.borderLeft, label.firstChild.borderTopLeftRadius, label.firstChild.borderBottomLeftRadius, Content, label.lastChild.borderTopRightRadius, label.lastChild.borderBottomRightRadius, HiddenInput, Content, content.active.color, content.active.borderColor, content.active.backgroundColor, content.active.boxShadow, HiddenInput, Content, focusVisible, label.hover.color, label.hover.borderColor);
-
-export { Content, Label };

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

@@ -1,3 +0,0 @@
-export * from './ToggleBar';
-export * from './ToggleBar.types';
-export * from './ToggleRadio';

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const ToggleButton: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "checked" | "value">, "className" | "id"> & {
-    label?: string | undefined;
-    icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
-} & import("../..").CheckboxPickedHTMLAttributes & {
-    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "checked" | "value"> | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/ToggleButton/ToggleButton.js

@@ -1,51 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useId } from 'react';
-import styled, { css } from 'styled-components';
-import { Icon } from '@norges-domstoler/dds-icons';
-import { selection, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { getFontStyling } from '@norges-domstoler/dds-typography';
-import { focusVisibleTransitionValue, HiddenInput, focusVisible } from '@norges-domstoler/dds-form';
-import { typographyType, toggleButtonTokens } from './ToggleButton.tokens.js';
-
-var toggleButton = toggleButtonTokens.toggleButton;
-var Content = styled.span.withConfig({
-  displayName: "ToggleButton__Content",
-  componentId: "sc-ya01sa-0"
-})(["display:flex;align-items:center;width:100%;height:100%;box-sizing:border-box;cursor:pointer;width:fit-content;border:", ";background-color:", ";color:", ";border-radius:", ";padding:", ";", " @media (prefers-reduced-motion:no-preference){transition:border-color 0.2s,background-color 0.2s,box-shadow 0.2s,", ";}", " &::selection,*::selection{", "}&:hover{background-color:", ";box-shadow:", ";border-color:", ";}"], toggleButton.border, toggleButton.backgroundColor, toggleButton.color, toggleButton.borderRadius, toggleButton.padding, getFontStyling(typographyType), focusVisibleTransitionValue, function (_ref) {
-  var hasIcon = _ref.hasIcon;
-  return hasIcon && css(["gap:", ";"], toggleButton.gap);
-}, selection, toggleButton.hover.backgroundColor, toggleButton.hover.boxShadow, toggleButton.hover.borderColor);
-var Container = styled.label.withConfig({
-  displayName: "ToggleButton__Container",
-  componentId: "sc-ya01sa-1"
-})(["width:fit-content;", ":checked + ", "{background-color:", ";border-color:", ";color:", ";}", ":checked + ", ":hover{background-color:", ";border-color:", ";box-shadow:", ";}", ":focus-visible + ", "{", "}"], HiddenInput, Content, toggleButton.checked.backgroundColor, toggleButton.checked.borderColor, toggleButton.checked.color, HiddenInput, Content, toggleButton.checked.hover.backgroundColor, toggleButton.checked.hover.borderColor, toggleButton.checked.hover.boxShadow, HiddenInput, Content, focusVisible);
-var ToggleButton = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var id = _a.id,
-    label = _a.label,
-    icon = _a.icon,
-    className = _a.className,
-    htmlProps = _a.htmlProps,
-    rest = __rest(_a, ["id", "label", "icon", "className", "htmlProps"]);
-  var generatedId = useId();
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-toggleButton");
-  var inputProps = Object.assign(Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest)), {
-    ref: ref,
-    type: 'checkbox'
-  });
-  var containerProps = {
-    htmlFor: uniqueId
-  };
-  return jsxs(Container, Object.assign({}, containerProps, {
-    children: [jsx(HiddenInput, Object.assign({}, inputProps)), jsxs(Content, {
-      hasIcon: !!icon,
-      children: [icon && jsx(Icon, {
-        icon: icon,
-        iconSize: "inherit"
-      }), " ", label]
-    })]
-  }));
-});
-ToggleButton.displayName = 'ToggleButton';
-
-export { ToggleButton };

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { ToggleButtonProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked">, "className" | "id"> & {
-        label?: string | undefined;
-        icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
-    } & import("../..").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
-    } & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        label: {
-            control: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithIcon: (args: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,32 +0,0 @@
-export declare const typographyType: import("@norges-domstoler/dds-typography").StaticTypographyType;
-export declare const toggleButtonTokens: {
-    toggleButton: {
-        border: string;
-        backgroundColor: string;
-        color: string;
-        gap: string;
-        borderRadius: string;
-        padding: string;
-        hover: {
-            backgroundColor: string;
-            boxShadow: string;
-            borderColor: string;
-        };
-        checked: {
-            color: string;
-            hover: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    group: {
-        gap: string;
-    };
-    container: {
-        gap: string;
-    };
-};

package/dist/components/ToggleButton/ToggleButton.tokens.js

@@ -1,35 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { buttonTokens, typographyTypes } from '../Button/Button.tokens.js';
-import { selectionControlTokens } from '../SelectionControl/SelectionControl.tokens.js';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var button = buttonTokens.button;
-var selectionControl = selectionControlTokens.selectionControl;
-var typographyType = typographyTypes.small;
-var toggleButton = {
-  border: button.base.border,
-  backgroundColor: colors.DdsColorNeutralsWhite,
-  color: colors.DdsColorNeutralsGray7,
-  gap: spacing.SizesDdsSpacingLocalX05,
-  borderRadius: button.appearances.rounded.base.borderRadius,
-  padding: button.sizes.small.text.padding,
-  hover: selectionControl.hover.base,
-  checked: Object.assign(Object.assign({}, selectionControl.checked.base), {
-    color: colors.DdsColorNeutralsWhite,
-    hover: selectionControl.checked.hover
-  })
-};
-var group = {
-  gap: spacing.SizesDdsSpacingLocalX075
-};
-var container = {
-  gap: spacing.SizesDdsSpacingLocalX05
-};
-var toggleButtonTokens = {
-  toggleButton: toggleButton,
-  group: group,
-  container: container
-};
-
-export { toggleButtonTokens, typographyType };

package/dist/components/ToggleButton/ToggleButton.types.d.ts

@@ -1,10 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-import { CheckboxPickedHTMLAttributes } from '../SelectionControl/Checkbox';
-export type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
-    /**Ledetekst for inputelementet. */
-    label?: string;
-    /** Ikon. */
-    icon?: SvgIcon;
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;

package/dist/components/ToggleButton/ToggleButtonGroup.d.ts

@@ -1,15 +0,0 @@
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-type Direction = 'row' | 'column';
-export type ToggleButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Ledetekst for gruppen. */
-    label?: string;
-    /**Retningen barna legger seg i. */
-    direction?: Direction;
-    /** Custom `id` for ledetekst. Blir generert som default for å knytte ledetekst til gruppen.  */
-    labelId?: string;
-}>;
-export declare const ToggleButtonGroup: {
-    (props: ToggleButtonGroupProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/ToggleButton/ToggleButtonGroup.js

@@ -1,52 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useId } from 'react';
-import styled, { css } from 'styled-components';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { toggleButtonTokens } from './ToggleButton.tokens.js';
-
-var Group = styled.div.withConfig({
-  displayName: "ToggleButtonGroup__Group",
-  componentId: "sc-14ijdag-0"
-})(["gap:", ";display:flex;flex-wrap:wrap;", ""], toggleButtonTokens.group.gap, function (_ref) {
-  var direction = _ref.direction;
-  return css(["flex-direction:", ";"], direction);
-});
-var Container = styled.div.withConfig({
-  displayName: "ToggleButtonGroup__Container",
-  componentId: "sc-14ijdag-1"
-})(["display:flex;flex-direction:column;gap:", ";"], toggleButtonTokens.container.gap);
-var ToggleButtonGroup = function ToggleButtonGroup(props) {
-  var children = props.children,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'row' : _props$direction,
-    label = props.label,
-    labelId = props.labelId,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["children", "direction", "label", "labelId", "id", "className", "htmlProps"]);
-  var generatedId = useId();
-  var uniqueLabelId = labelId !== null && labelId !== void 0 ? labelId : "".concat(generatedId, "-ToggleButtonGroupLabel");
-  var groupProps = {
-    direction: direction
-  };
-  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    role: 'group',
-    'aria-labelledby': label ? uniqueLabelId : undefined
-  });
-  return jsxs(Container, Object.assign({}, containerProps, {
-    children: [!!label && jsx(Typography, {
-      as: "span",
-      typographyType: "supportingStyleLabel01",
-      id: uniqueLabelId,
-      children: label
-    }), jsx(Group, Object.assign({}, groupProps, {
-      children: children
-    }))]
-  }));
-};
-ToggleButtonGroup.displayName = 'ToggleButtonGroup';
-
-export { ToggleButtonGroup };

package/dist/components/ToggleButton/ToggleButtonGroup.stories.d.ts

@@ -1,11 +0,0 @@
-import { ToggleButtonGroupProps } from '.';
-declare const _default: {
-    title: string;
-    component: {
-        (props: ToggleButtonGroupProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export default _default;
-export declare const Default: (args: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithLabel: (args: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +0,0 @@
-export * from './ToggleButton';
-export * from './ToggleButtonGroup';
-export * from './ToggleButton.types';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,32 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { Placement } from '@norges-domstoler/dds-core';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-type AnchorElement = React.ReactElement & React.RefAttributes<HTMLElement>;
-type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'onMouseLeave' | 'onMouseOver'>;
-export type TooltipProps = BaseComponentProps<HTMLDivElement, {
-    /**Innhold i tooltip. */
-    text: string;
-    /**Plassering i forhold til anchor-elementet. */
-    placement?: Placement;
-    /**Anchor-elementet. */
-    children: AnchorElement;
-    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
-    delay?: number;
-    /**`id` for tooltip. */
-    tooltipId?: string;
-} & PickedHTMLAttributes, Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof PickedHTMLAttributes>>;
-export declare const Tooltip: React.ForwardRefExoticComponent<Pick<Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children">, "className" | "id"> & {
-    /**Innhold i tooltip. */
-    text: string;
-    /**Plassering i forhold til anchor-elementet. */
-    placement?: Placement | undefined;
-    /**Anchor-elementet. */
-    children: AnchorElement;
-    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
-    delay?: number | undefined;
-    /**`id` for tooltip. */
-    tooltipId?: string | undefined;
-} & PickedHTMLAttributes & {
-    htmlProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children"> | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/Tooltip/Tooltip.js

@@ -1,143 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useId, useState, useRef, useEffect, Children, isValidElement, cloneElement } from 'react';
-import { useFloatPosition, useCombinedRef, useOnKeyDown, combineHandlers, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { Container, TooltipWrapper, ArrowWrapper, SvgArrow } from './Tooltip.styles.js';
-import { tooltipTokens } from './Tooltip.tokens.js';
-
-var svgArrow = tooltipTokens.svgArrow;
-var Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {
-  var text = props.text,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-    children = props.children,
-    tooltipId = props.tooltipId,
-    _props$delay = props.delay,
-    delay = _props$delay === void 0 ? 100 : _props$delay,
-    style = props.style,
-    onMouseLeave = props.onMouseLeave,
-    onMouseOver = props.onMouseOver,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["text", "placement", "children", "tooltipId", "delay", "style", "onMouseLeave", "onMouseOver", "id", "className", "htmlProps"]);
-  var generatedId = useId();
-  var uniqueTooltipId = tooltipId !== null && tooltipId !== void 0 ? tooltipId : "".concat(generatedId, "-tooltip");
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inView = _useState4[0],
-    setInView = _useState4[1];
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    arrowElement = _useState6[0],
-    setArrowElement = _useState6[1];
-  var _useFloatPosition = useFloatPosition(arrowElement, {
-      placement: placement
-    }),
-    reference = _useFloatPosition.reference,
-    floating = _useFloatPosition.floating,
-    styles = _useFloatPosition.styles;
-  var tooltipRef = useRef(null);
-  var combinedRef = useCombinedRef(ref, floating, tooltipRef);
-  var closeWhenNotInView = function closeWhenNotInView(entries) {
-    var _entries = _slicedToArray(entries, 1),
-      entry = _entries[0];
-    entry.isIntersecting ? setInView(true) : setInView(false);
-  };
-  useEffect(function () {
-    var options = {
-      root: null,
-      rootMargin: '0px'
-    };
-    var ref = tooltipRef.current;
-    var observer = new IntersectionObserver(closeWhenNotInView, options);
-    if (ref) observer.observe(ref);
-    return function () {
-      if (ref) observer.unobserve(ref);
-    };
-  }, [tooltipRef]);
-  useEffect(function () {
-    if (tooltipRef.current) {
-      window.addEventListener('scroll', function () {
-        closeTooltip();
-      });
-    }
-    return function () {
-      if (tooltipRef.current) {
-        window.removeEventListener('scroll', function () {});
-      }
-    };
-  }, []);
-  var timer;
-  useEffect(function () {
-    return function () {
-      clearTimeout(timer);
-    };
-  }, []);
-  useOnKeyDown(['Escape', 'Esc'], function () {
-    if (open) setOpen(false);
-  });
-  var closeTooltip = function closeTooltip() {
-    clearTimeout(timer);
-    setOpen(false);
-  };
-  var openTooltip = function openTooltip() {
-    if (!open) {
-      clearTimeout(timer);
-      timer = setTimeout(function () {
-        return setOpen(true);
-      }, delay);
-    }
-  };
-  var anchorProps = children.props;
-  var anchorElement = Children.only( /*#__PURE__*/isValidElement(children) && /*#__PURE__*/cloneElement(children, {
-    ref: reference,
-    onFocus: combineHandlers(openTooltip, anchorProps.onFocus),
-    onBlur: combineHandlers(closeTooltip, anchorProps.onBlur),
-    'aria-describedby': uniqueTooltipId
-  }));
-  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    style: style,
-    onMouseLeave: combineHandlers(closeTooltip, onMouseLeave),
-    onMouseOver: combineHandlers(openTooltip, onMouseOver)
-  });
-  var wrapperProps = {
-    id: uniqueTooltipId,
-    ref: combinedRef,
-    role: 'tooltip',
-    'aria-hidden': !open,
-    open: open && inView,
-    style: Object.assign({}, styles.floating)
-  };
-  var arrowWrapperProps = {
-    ref: setArrowElement,
-    style: styles.arrow
-  };
-  return jsxs(Container, Object.assign({}, containerProps, {
-    children: [anchorElement, jsxs(TooltipWrapper, Object.assign({}, wrapperProps, {
-      elevation: 1,
-      border: "light",
-      children: [text, jsx(ArrowWrapper, Object.assign({}, arrowWrapperProps, {
-        children: jsxs(SvgArrow, {
-          children: [jsx("path", {
-            d: "M16.586 6.586L10 0h16.154a.373.373 0 00-.263.11l-6.477 6.476a2 2 0 01-2.828 0z",
-            fill: svgArrow.background.fill
-          }), jsx("path", {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M26.5.5l-6.732 6.94a2.5 2.5 0 01-3.536 0L9.5.5H11l5.94 6.232a1.5 1.5 0 002.12 0L25 .5h1.5z",
-            fill: svgArrow.border.fill
-          })]
-        })
-      }))]
-    }))]
-  }));
-});
-Tooltip.displayName = 'Tooltip';
-
-export { Tooltip };

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

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-import { TooltipProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
-        text: string;
-        placement?: import("@norges-domstoler/dds-core").Placement | undefined;
-        children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;
-        delay?: number | undefined;
-        tooltipId?: string | undefined;
-    } & {
-        style?: import("react").CSSProperties | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Centered: (args: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TextButton: (args: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/Tooltip.styles.d.ts

@@ -1,11 +0,0 @@
-export declare const SvgArrow: import("styled-components").StyledComponent<"svg", any, {}, never>;
-export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-type WrapperProps = {
-    open: boolean;
-};
-export declare const TooltipWrapper: import("styled-components").StyledComponent<"div", any, {
-    elevation?: (1 | 2 | 3 | 4) | undefined;
-    border?: ("light" | "dark") | undefined;
-} & WrapperProps, never>;
-export {};

package/dist/components/Tooltip/Tooltip.styles.js

@@ -1,27 +0,0 @@
-import styled from 'styled-components';
-import { Paper, visibilityTransition } from '@norges-domstoler/dds-core';
-import { getFontStyling, defaultTypographyType } from '@norges-domstoler/dds-typography';
-import { tooltipTokens } from './Tooltip.tokens.js';
-
-var wrapper = tooltipTokens.wrapper;
-var SvgArrow = styled.svg.withConfig({
-  displayName: "Tooltipstyles__SvgArrow",
-  componentId: "sc-1cna5tc-0"
-})(["width:36px;height:9px;"]);
-var ArrowWrapper = styled.div.withConfig({
-  displayName: "Tooltipstyles__ArrowWrapper",
-  componentId: "sc-1cna5tc-1"
-})([""]);
-var Container = styled.div.withConfig({
-  displayName: "Tooltipstyles__Container",
-  componentId: "sc-1cna5tc-2"
-})(["width:fit-content;"]);
-var TooltipWrapper = styled(Paper).withConfig({
-  displayName: "Tooltipstyles__TooltipWrapper",
-  componentId: "sc-1cna5tc-3"
-})(["", " width:fit-content;position:absolute;z-index:80;text-align:center;padding:", ";", ";"], function (_ref) {
-  var open = _ref.open;
-  return visibilityTransition(open);
-}, wrapper.padding, getFontStyling(defaultTypographyType));
-
-export { ArrowWrapper, Container, SvgArrow, TooltipWrapper };

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

@@ -1,13 +0,0 @@
-export declare const tooltipTokens: {
-    wrapper: {
-        padding: string;
-    };
-    svgArrow: {
-        border: {
-            fill: string;
-        };
-        background: {
-            fill: string;
-        };
-    };
-};

package/dist/components/Tooltip/Tooltip.tokens.js

@@ -1,21 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var wrapper = {
-  padding: "".concat(spacing.SizesDdsSpacingLocalX075)
-};
-var svgArrow = {
-  border: {
-    fill: colors.DdsColorPrimaryLighter
-  },
-  background: {
-    fill: colors.DdsColorNeutralsWhite
-  }
-};
-var tooltipTokens = {
-  wrapper: wrapper,
-  svgArrow: svgArrow
-};
-
-export { tooltipTokens };

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

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

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,14 +0,0 @@
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    as: 'div';
-}>;
-type VisuallyHiddenSpanProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
-    /**Spesifiserer hvilken HTML tag skal returneres. */
-    as: 'span';
-}>;
-export type VisuallyHiddenProps = VisuallyHiddenSpanProps | VisuallyHiddenDivProps;
-export declare const VisuallyHidden: {
-    (props: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,29 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-
-var Wrapper = styled.span.withConfig({
-  displayName: "VisuallyHidden__Wrapper",
-  componentId: "sc-ciubxt-0"
-})(["position:absolute;width:1px;height:1px;margin:0px;padding:0px;top:0px;inset-inline-start:0px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0px;"]);
-var VisuallyHidden = function VisuallyHidden(props) {
-  var children = props.children,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    as = props.as,
-    rest = __rest(props, ["children", "id", "className", "htmlProps", "as"]);
-  if (as === 'div') {
-    return jsx(Wrapper, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      as: as,
-      children: children
-    }));
-  }
-  return jsx(Wrapper, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    children: children
-  }));
-};
-VisuallyHidden.displayName = 'VisuallyHidden';
-
-export { VisuallyHidden };

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

@@ -1,19 +0,0 @@
-import { VisuallyHiddenProps } from '.';
-declare const _default: {
-    title: string;
-    component: {
-        (props: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    argTypes: {
-        as: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: VisuallyHiddenProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Link: () => import("react/jsx-runtime").JSX.Element;
-export declare const TableButtons: () => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/dds-core.d.ts

@@ -1 +0,0 @@
-export { ScreenSize, type ScreenSizeLiteral, getLiteralScreenSize, type BreakpointBasedProps, type Placement, type BaseComponentProps, type BaseComponentPropsWithChildren, getBaseHTMLProps, isKeyboardEvent, useCombinedRef, useFloatPosition, useFocusTrap, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, } from '@norges-domstoler/dds-core';

package/dist/dds-form.d.ts

@@ -1,2 +0,0 @@
-export * from '@norges-domstoler/dds-form';
-export type * from '@norges-domstoler/dds-form';

package/dist/dds-icons.d.ts

@@ -1,2 +0,0 @@
-export * from '@norges-domstoler/dds-icons';
-export type * from '@norges-domstoler/dds-icons';