@norges-domstoler/dds-components 13.8.1 → 13.8.3

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

@@ -1,2 +0,0 @@
-export * from './Button';
-export * from './Button.types';

package/dist/components/Card/Card.d.ts

@@ -1,26 +0,0 @@
-import { AnchorHTMLAttributes, RefObject } from 'react';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type CardColor = 'filledDark' | 'filledLight' | 'strokeDark' | 'strokeLight';
-export type CardType = 'info' | 'navigation' | 'expandable';
-type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
-    /** Fargepalett i komponenten. */
-    color?: CardColor;
-    /** Referanse til komponenten. */
-    cardRef?: RefObject<T>;
-}>;
-export type InfoCardProps = BaseCardProps<HTMLDivElement> & {
-    /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. Ved `'expandable'` må alle `<Card />` grupperte sammen ligge egen `<div>` container. */
-    cardType: 'info';
-};
-export type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
-    cardType: 'navigation';
-} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
-export type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
-    cardType: 'expandable';
-};
-export type CardProps = InfoCardProps | NavigationCardProps | ExpandableCardProps;
-export declare const Card: {
-    (props: CardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/Card/Card.js

@@ -1,52 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import styled, { css } from 'styled-components';
-import { cardTokens } from './Card.tokens.js';
-import { selection, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { getFontStyling, defaultTypographyType } from '@norges-domstoler/dds-typography';
-import { hoverWithBorder, focusVisibleWithBorder } from '@norges-domstoler/dds-form';
-
-var Container = styled.div.withConfig({
-  displayName: "Card__Container",
-  componentId: "sc-410ao9-0"
-})(["border:", ";", ";&::selection,*::selection{", "}@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,border-color 0.2s;}", " ", ""], cardTokens.base.border, getFontStyling(defaultTypographyType), selection, function (_ref) {
-  var color = _ref.color;
-  return color && css(["color:", ";background-color:", ";border-color:", ";"], cardTokens.colors[color].color, cardTokens.colors[color].backgroundColor, cardTokens.colors[color].borderColor);
-}, function (_ref2) {
-  var cardType = _ref2.cardType;
-  return cardType === 'navigation' ? css(["text-decoration:none;&:hover{", "}&:focus{", "}"], hoverWithBorder, focusVisibleWithBorder) : cardType === 'expandable' ? css(["width:100%;box-sizing:border-box;&:not(:first-of-type){border-top:none;}"]) : '';
-});
-var Card = function Card(props) {
-  var _props$color = props.color,
-    color = _props$color === void 0 ? 'filledLight' : _props$color,
-    cardType = props.cardType,
-    cardRef = props.cardRef,
-    children = props.children,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["color", "cardType", "cardRef", "children", "id", "className", "htmlProps"]);
-  if (cardType === 'navigation') {
-    var href = props.href,
-      target = props.target;
-    return jsx(Container, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      cardType: cardType,
-      color: color,
-      as: "a",
-      ref: cardRef,
-      href: href,
-      target: target,
-      children: children
-    }));
-  }
-  return jsx(Container, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    cardType: cardType,
-    color: color,
-    as: "div",
-    ref: cardRef,
-    children: children
-  }));
-};
-Card.displayName = 'Card';
-
-export { Card };

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

@@ -1,15 +0,0 @@
-import { CardProps, ExpandableCardProps } from '.';
-declare const _default: {
-    title: string;
-    component: {
-        (props: CardProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export default _default;
-export declare const Overview: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: CardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Accordion: (args: ExpandableCardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AccordionControlled: (args: ExpandableCardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AccordionCustom: (args: ExpandableCardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Examples: (args: CardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,27 +0,0 @@
-export declare const cardTokens: {
-    base: {
-        border: string;
-    };
-    colors: {
-        filledLight: {
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-        };
-        filledDark: {
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-        };
-        strokeDark: {
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-        };
-        strokeLight: {
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-        };
-    };
-};

package/dist/components/Card/Card.tokens.js

@@ -1,36 +0,0 @@
-import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  border = ddsBaseTokens.border;
-var textDefault = ddsReferenceTokens.textDefault;
-var base = {
-  border: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid")
-};
-var cardColors = {
-  filledLight: {
-    backgroundColor: colors.DdsColorPrimaryLightest,
-    borderColor: colors.DdsColorPrimaryLightest,
-    color: textDefault.textColor
-  },
-  filledDark: {
-    backgroundColor: colors.DdsColorPrimaryBase,
-    borderColor: colors.DdsColorPrimaryBase,
-    color: colors.DdsColorNeutralsWhite
-  },
-  strokeDark: {
-    backgroundColor: colors.DdsColorNeutralsWhite,
-    borderColor: border.BordersDdsBorderStyleLightStroke,
-    color: textDefault.textColor
-  },
-  strokeLight: {
-    backgroundColor: colors.DdsColorNeutralsWhite,
-    borderColor: border.BordersDdsBorderStyleLightStroke,
-    color: textDefault.textColor
-  }
-};
-var cardTokens = {
-  base: base,
-  colors: cardColors
-};
-
-export { cardTokens };

package/dist/components/Card/CardAccordion/CardAccordion.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Spesifiserer om body skal være utvidet ved innlastning. */
-    isExpanded?: boolean;
-    /**For å lytte til endringer i expanded-state. */
-    onChange?: (expanded: boolean) => void;
-}>;
-export declare const CardAccordion: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Spesifiserer om body skal være utvidet ved innlastning. */
-    isExpanded?: boolean | undefined;
-    /**For å lytte til endringer i expanded-state. */
-    onChange?: ((expanded: boolean) => void) | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Card/CardAccordion/CardAccordion.js

@@ -1,60 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useId, useEffect, useCallback, Children, isValidElement, cloneElement } from 'react';
-import styled from 'styled-components';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-
-var Wrapper = styled.div.withConfig({
-  displayName: "CardAccordion__Wrapper",
-  componentId: "sc-1ctxrby-0"
-})([""]);
-var CardAccordion = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$isExpanded = props.isExpanded,
-    isExpanded = _props$isExpanded === void 0 ? false : _props$isExpanded,
-    onChange = props.onChange,
-    id = props.id,
-    children = props.children,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["isExpanded", "onChange", "id", "children", "className", "htmlProps"]);
-  var _useState = useState(isExpanded),
-    _useState2 = _slicedToArray(_useState, 2),
-    expanded = _useState2[0],
-    setExpanded = _useState2[1];
-  var generatedId = useId();
-  var accordionId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-cardAccordion");
-  useEffect(function () {
-    setExpanded(isExpanded);
-  }, [isExpanded]);
-  var toggleExpanded = useCallback(function () {
-    var newExpanded = !expanded;
-    setExpanded(newExpanded);
-    if (onChange) {
-      onChange(newExpanded);
-    }
-  }, [expanded, onChange]);
-  var Children$1 = Children.map(children, function (child, childIndex) {
-    var headerId = "".concat(accordionId, "-header");
-    var bodyId = "".concat(accordionId, "-body");
-    return /*#__PURE__*/isValidElement(child) && (childIndex === 0 ? /*#__PURE__*/cloneElement(child, {
-      isExpanded: expanded,
-      toggleExpanded: toggleExpanded,
-      id: headerId,
-      bodyId: bodyId
-    }) : /*#__PURE__*/cloneElement(child, {
-      isExpanded: expanded,
-      id: bodyId,
-      headerId: headerId
-    }));
-  });
-  var wrapperProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    ref: ref
-  });
-  return jsx(Wrapper, Object.assign({}, wrapperProps, {
-    children: Children$1
-  }));
-});
-CardAccordion.displayName = 'CardAccordion';
-
-export { CardAccordion };

package/dist/components/Card/CardAccordion/CardAccordion.tokens.d.ts

@@ -1,28 +0,0 @@
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-export declare const typographyTypes: {
-    body: StaticTypographyType;
-    header: StaticTypographyType;
-};
-export declare const cardAccordionTokens: {
-    header: {
-        padding: string;
-        hover: {
-            boxShadow: string;
-        };
-        focus: {
-            boxShadow: string;
-        };
-    };
-    body: {
-        padding: string;
-    };
-    chevronWrapper: {
-        width: string;
-        height: string;
-        marginLeft: string;
-    };
-    chevron: {
-        width: string;
-        height: string;
-    };
-};

package/dist/components/Card/CardAccordion/CardAccordion.tokens.js

@@ -1,37 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var spacing = ddsBaseTokens.spacing,
-  border = ddsBaseTokens.border,
-  iconSizes = ddsBaseTokens.iconSizes;
-var typographyTypes = {
-  body: 'bodySans03',
-  header: 'headingSans03'
-};
-var header = {
-  padding: "".concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX15),
-  hover: {
-    boxShadow: "0 0 0 ".concat(border.BordersDdsBorderFocusInputfieldStrokeWeight, " ").concat(border.BordersDdsBorderFocusInputfieldStroke)
-  },
-  focus: {
-    boxShadow: "0 0 0 ".concat(border.BordersDdsBorderFocusCardStrokeWeight, " ").concat(border.BordersDdsBorderFocusCardStroke)
-  }
-};
-var chevronWrapper = {
-  width: iconSizes.DdsIconsizeMedium,
-  height: iconSizes.DdsIconsizeMedium,
-  marginLeft: spacing.SizesDdsSpacingLocalX05
-};
-var body = {
-  padding: "".concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX2NumberPx + spacing.SizesDdsSpacingLocalX075NumberPx, "px ").concat(spacing.SizesDdsSpacingLocalX2, " ").concat(spacing.SizesDdsSpacingLocalX15)
-};
-var cardAccordionTokens = {
-  header: header,
-  body: body,
-  chevronWrapper: chevronWrapper,
-  chevron: {
-    width: iconSizes.DdsIconsizeMedium,
-    height: spacing.SizesDdsSpacingLocalX05
-  }
-};
-
-export { cardAccordionTokens, typographyTypes };

package/dist/components/Card/CardAccordion/CardAccordionBody.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { Property } from 'csstype';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type CardAccordionBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
-    isExpanded?: boolean;
-    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
-    headerId?: string;
-    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
-    paddingTop?: Property.PaddingTop<string>;
-    /**Overskriver default padding. */
-    padding?: Property.Padding<string>;
-}>;
-export declare const CardAccordionBody: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
-    isExpanded?: boolean | undefined;
-    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
-    headerId?: string | undefined;
-    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
-    paddingTop?: Property.PaddingTop<string> | undefined;
-    /**Overskriver default padding. */
-    padding?: Property.Padding<string> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Card/CardAccordion/CardAccordionBody.js

@@ -1,90 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useState, useLayoutEffect, useEffect } from 'react';
-import styled, { css } from 'styled-components';
-import { useIsMounted, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { getFontStyling } from '@norges-domstoler/dds-typography';
-import { typographyTypes, cardAccordionTokens } from './CardAccordion.tokens.js';
-import { useElementHeight } from './useElementHeight.js';
-
-var expandingAnimation = css(["@media (prefers-reduced-motion:no-preference){transition:height 0.2s cubic-bezier(0.4,0,0.2,1);}"]);
-function getPadding(props) {
-  var padding = props.padding;
-  return padding || cardAccordionTokens.body.padding;
-}
-var Body = styled.div.withConfig({
-  displayName: "CardAccordionBody__Body",
-  componentId: "sc-igsnpx-0"
-})(["@media (prefers-reduced-motion:no-preference){", "}", " height:", "px;overflow:hidden;"], function (_ref) {
-  var animate = _ref.animate;
-  return animate && expandingAnimation;
-}, getFontStyling(typographyTypes.body), function (_ref2) {
-  var height = _ref2.height,
-    isExpanded = _ref2.isExpanded;
-  return isExpanded ? height : 0;
-});
-var BodyContainer = styled.div.withConfig({
-  displayName: "CardAccordionBody__BodyContainer",
-  componentId: "sc-igsnpx-1"
-})(["padding:", ";", ""], getPadding, function (_ref3) {
-  var paddingTop = _ref3.paddingTop;
-  return paddingTop && css(["padding-top:", ";"], paddingTop);
-});
-var CardAccordionBody = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-    isExpanded = props.isExpanded,
-    headerId = props.headerId,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    padding = props.padding,
-    paddingTop = props.paddingTop,
-    rest = __rest(props, ["children", "isExpanded", "headerId", "id", "className", "htmlProps", "padding", "paddingTop"]);
-  var bodyRef = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    animate = _useState2[0],
-    setAnimate = _useState2[1];
-  var isMounted = useIsMounted();
-  var height = useElementHeight(bodyRef.current);
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    initialExpandedHeight = _useState4[0],
-    setIntialExpandedHeight = _useState4[1];
-  useLayoutEffect(function () {
-    // For å unngå initiell animasjon dersom Accordion er satt til å være åpen som default.
-    if (bodyRef.current && isExpanded) {
-      setIntialExpandedHeight(bodyRef.current.scrollHeight);
-    }
-  }, []);
-  useEffect(function () {
-    if (isMounted()) {
-      setAnimate(true);
-    }
-  }, [isMounted]);
-  var bodyProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    ref: ref,
-    isExpanded: isExpanded,
-    role: 'region',
-    height: height || initialExpandedHeight || 0
-  });
-  var bodyContainerProps = {
-    ref: bodyRef,
-    isExpanded: isExpanded,
-    padding: padding,
-    paddingTop: paddingTop
-  };
-  return jsx(Body, Object.assign({}, bodyProps, {
-    animate: animate,
-    "aria-labelledby": headerId,
-    "aria-hidden": !isExpanded,
-    children: jsx(BodyContainer, Object.assign({}, bodyContainerProps, {
-      animate: animate,
-      children: children
-    }))
-  }));
-});
-CardAccordionBody.displayName = 'CardAccordionBody';
-
-export { CardAccordionBody };

package/dist/components/Card/CardAccordion/CardAccordionHeader.d.ts

@@ -1,36 +0,0 @@
-import { ButtonHTMLAttributes } from 'react';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-import { Property } from 'csstype';
-export type CardAccordionHeaderProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
-    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller body er utvidet.  */
-    isExpanded?: boolean;
-    /** **OBS!** denne propen blir satt automatisk av forelder. Callback for å styre utvidelse og sammentrukking.  */
-    toggleExpanded?: () => void;
-    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionBody />`.  */
-    bodyId?: string;
-    /**Overskriver default padding. */
-    padding?: Property.Padding<string>;
-    /**Overskriver default teksttype. */
-    typographyType?: StaticTypographyType;
-    /**Angir om teksten skal være i "bold"-format. */
-    bold?: boolean;
-}, ButtonHTMLAttributes<HTMLButtonElement>>;
-export declare const CardAccordionHeader: import("react").ForwardRefExoticComponent<Pick<ButtonHTMLAttributes<HTMLButtonElement>, "className" | "id"> & {
-    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller body er utvidet.  */
-    isExpanded?: boolean | undefined;
-    /** **OBS!** denne propen blir satt automatisk av forelder. Callback for å styre utvidelse og sammentrukking.  */
-    toggleExpanded?: (() => void) | undefined;
-    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionBody />`.  */
-    bodyId?: string | undefined;
-    /**Overskriver default padding. */
-    padding?: Property.Padding<string> | undefined;
-    /**Overskriver default teksttype. */
-    typographyType?: StaticTypographyType | undefined;
-    /**Angir om teksten skal være i "bold"-format. */
-    bold?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: ButtonHTMLAttributes<HTMLButtonElement> | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Card/CardAccordion/CardAccordionHeader.js

@@ -1,84 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { cardAccordionTokens, typographyTypes } from './CardAccordion.tokens.js';
-import { normalizeButton, removeButtonStyling, getBaseHTMLProps, AnimatedChevronUpDown } from '@norges-domstoler/dds-core';
-import { getFontStyling } from '@norges-domstoler/dds-typography';
-
-var header = cardAccordionTokens.header,
-  chevronWrapper = cardAccordionTokens.chevronWrapper;
-var ContentWrapper = styled.div.withConfig({
-  displayName: "CardAccordionHeader__ContentWrapper",
-  componentId: "sc-1qs6bkj-0"
-})(["text-align:left;"]);
-function getPadding(props) {
-  var padding = props.padding;
-  return padding || header.padding;
-}
-function getTypographyType(props) {
-  var typographyType = props.typographyType;
-  return typographyType || typographyTypes.header;
-}
-var HeaderContainer = styled.div.withConfig({
-  displayName: "CardAccordionHeader__HeaderContainer",
-  componentId: "sc-1qs6bkj-1"
-})(["display:flex;justify-content:space-between;align-items:center;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s;}padding:", ";", " ", ""], getPadding, function (props) {
-  return getFontStyling(getTypographyType(props));
-}, function (props) {
-  return props.bold && css(["font-weight:600;"]);
-});
-var HeaderWrapperButton = styled.button.withConfig({
-  displayName: "CardAccordionHeader__HeaderWrapperButton",
-  componentId: "sc-1qs6bkj-2"
-})(["", " user-select:text;position:relative;cursor:pointer;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s;}", " display:block;width:100%;&:hover{box-shadow:", ";}&:focus-visible,&.focus-visible{outline:none;box-shadow:", ";}"], normalizeButton, removeButtonStyling, header.hover.boxShadow, header.focus.boxShadow);
-var ChevronWrapper = styled.span.withConfig({
-  displayName: "CardAccordionHeader__ChevronWrapper",
-  componentId: "sc-1qs6bkj-3"
-})(["display:flex;align-items:center;justify-content:center;width:", ";height:", ";margin-left:", ";"], chevronWrapper.width, chevronWrapper.height, chevronWrapper.marginLeft);
-var CardAccordionHeader = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-    _props$isExpanded = props.isExpanded,
-    isExpanded = _props$isExpanded === void 0 ? false : _props$isExpanded,
-    toggleExpanded = props.toggleExpanded,
-    bodyId = props.bodyId,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    padding = props.padding,
-    typographyType = props.typographyType,
-    bold = props.bold,
-    rest = __rest(props, ["children", "isExpanded", "toggleExpanded", "bodyId", "id", "className", "htmlProps", "padding", "typographyType", "bold"]);
-  var handleClick = function handleClick() {
-    if (toggleExpanded) {
-      toggleExpanded();
-    }
-  };
-  var headerWrapperProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    'aria-expanded': isExpanded,
-    'aria-controls': bodyId,
-    ref: ref,
-    onClick: handleClick
-  });
-  var chevronProps = {
-    isUp: isExpanded,
-    width: cardAccordionTokens.chevron.width,
-    height: cardAccordionTokens.chevron.height
-  };
-  return jsx(HeaderWrapperButton, Object.assign({}, headerWrapperProps, {
-    type: "button",
-    children: jsxs(HeaderContainer, {
-      typographyType: typographyType,
-      padding: padding,
-      bold: bold,
-      children: [jsx(ContentWrapper, {
-        children: children
-      }), jsx(ChevronWrapper, {
-        children: jsx(AnimatedChevronUpDown, Object.assign({}, chevronProps))
-      })]
-    })
-  }));
-});
-CardAccordionHeader.displayName = 'CardAccordionHeader';
-
-export { CardAccordionHeader };

package/dist/components/Card/CardAccordion/useElementHeight.d.ts

@@ -1 +0,0 @@
-export declare function useElementHeight(element: HTMLDivElement | null): number | null;

package/dist/components/Card/CardAccordion/useElementHeight.js

@@ -1,22 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useEffect } from 'react';
-
-function useElementHeight(element) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    height = _useState2[0],
-    setHeight = _useState2[1];
-  useEffect(function () {
-    if (!element) return;
-    var resizeObserver = new ResizeObserver(function () {
-      setHeight(element.offsetHeight);
-    });
-    resizeObserver.observe(element);
-    return function () {
-      return resizeObserver.disconnect();
-    };
-  }, [element]);
-  return height;
-}
-
-export { useElementHeight };

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

@@ -1,4 +0,0 @@
-export * from './Card';
-export * from './CardAccordion/CardAccordion';
-export * from './CardAccordion/CardAccordionHeader';
-export * from './CardAccordion/CardAccordionBody';

package/dist/components/Chip/Chip.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-export type ChipProps = BaseComponentProps<HTMLDivElement, {
-    /** Teksten som vises i komponenten. */
-    text?: string;
-    /** Ekstra logikk når `<Chip />` lukkes. */
-    onClose?: () => void;
-}>;
-export declare const Chip: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /** Teksten som vises i komponenten. */
-    text?: string | undefined;
-    /** Ekstra logikk når `<Chip />` lukkes. */
-    onClose?: (() => void) | undefined;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Chip/Chip.js

@@ -1,52 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
-import styled from 'styled-components';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { CloseIcon } from '@norges-domstoler/dds-icons';
-import { TextOverflowEllipsisWrapper, getFontStyling, TextOverflowEllipsisInner } from '@norges-domstoler/dds-typography';
-import { Button } from '../Button/Button.js';
-import { typographyType, chipTokens } from './Chip.tokens.js';
-
-var container = chipTokens.container;
-var Container = styled(TextOverflowEllipsisWrapper).withConfig({
-  displayName: "Chip__Container",
-  componentId: "sc-1l242zs-0"
-})(["display:flex;align-items:center;max-width:100%;gap:", ";padding:", ";border:", ";border-radius:", ";background-color:", ";", ";"], container.gap, container.padding, container.border, container.borderRadius, container.backgroundColor, getFontStyling(typographyType, true));
-var Chip = /*#__PURE__*/forwardRef(function (props, ref) {
-  var text = props.text,
-    onClose = props.onClose,
-    id = props.id,
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["text", "onClose", "id", "className", "htmlProps"]);
-  var ariaLabel = htmlProps['aria-label'],
-    restHTMLprops = __rest(htmlProps, ['aria-label']);
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var onClick = function onClick() {
-    setIsOpen(false);
-    onClose && onClose();
-  };
-  return isOpen ? jsxs(Container, Object.assign({}, getBaseHTMLProps(id, className, restHTMLprops, rest), {
-    ref: ref,
-    as: "div",
-    children: [jsx(TextOverflowEllipsisInner, {
-      children: text
-    }), jsx(Button, {
-      size: "tiny",
-      icon: CloseIcon,
-      appearance: "borderless",
-      purpose: "secondary",
-      onClick: onClick,
-      "aria-label": ariaLabel || "Fjern ".concat(text ? "chip ".concat(text) : 'chip')
-    })]
-  })) : null;
-});
-Chip.displayName = 'Chip';
-
-export { Chip };