@norges-domstoler/dds-components 13.8.1 → 13.8.3

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { ChipProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-        text?: string | undefined;
-        onClose?: (() => void) | undefined;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: ChipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +0,0 @@
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-export declare const typographyType: StaticTypographyType;
-export declare const chipTokens: {
-    container: {
-        gap: string;
-        padding: string;
-        backgroundColor: string;
-        border: string;
-        borderRadius: string;
-    };
-    group: {
-        gap: string;
-    };
-};

package/dist/components/Chip/Chip.tokens.js

@@ -1,22 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing,
-  borderRadius = ddsBaseTokens.borderRadius;
-var typographyType = 'bodySans01';
-var container = {
-  gap: spacing.SizesDdsSpacingLocalX025,
-  padding: "".concat(spacing.SizesDdsSpacingLocalX0125, " ").concat(spacing.SizesDdsSpacingLocalX025),
-  backgroundColor: colors.DdsColorNeutralsGray1,
-  border: "1px solid ".concat(colors.DdsColorNeutralsGray3),
-  borderRadius: borderRadius.RadiiDdsBorderRadius1Radius
-};
-var group = {
-  gap: spacing.SizesDdsSpacingLocalX075
-};
-var chipTokens = {
-  container: container,
-  group: group
-};
-
-export { chipTokens, typographyType };

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

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type ChipGroupProps = HTMLAttributes<HTMLUListElement>;
-export declare const ChipGroup: import("react").ForwardRefExoticComponent<ChipGroupProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist/components/Chip/ChipGroup.js

@@ -1,28 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, Children } from 'react';
-import styled from 'styled-components';
-import { removeListStyling } from '@norges-domstoler/dds-core';
-import { chipTokens } from './Chip.tokens.js';
-
-var Group = styled.ul.withConfig({
-  displayName: "ChipGroup__Group",
-  componentId: "sc-evmxhv-0"
-})(["", " display:flex;gap:", ";"], removeListStyling, chipTokens.group.gap);
-var ChipGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var children = _a.children,
-    rest = __rest(_a, ["children"]);
-  var childrenArray = Children.toArray(children);
-  var groupChildren = childrenArray.map(function (item, index) {
-    return jsx("li", {
-      children: item
-    }, "chip-".concat(index));
-  });
-  return jsx(Group, Object.assign({}, rest, {
-    ref: ref,
-    children: groupChildren
-  }));
-});
-ChipGroup.displayName = 'ChipGroup';
-
-export { ChipGroup };

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ChipGroupProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<ChipGroupProps & import("react").RefAttributes<HTMLUListElement>>;
-};
-export default _default;
-export declare const Default: (args: ChipGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +0,0 @@
-export * from './Chip';
-export * from './ChipGroup';

package/dist/components/Datepicker/Datepicker.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { InputProps } from '@norges-domstoler/dds-form';
-type DatepickerType = 'date' | 'datetime-local';
-export type DatepickerProps = Omit<InputProps, 'type'> & {
-    /** Angi dato-input med eller uten klokkeslett. */
-    type?: DatepickerType;
-};
-export declare const Datepicker: import("react").ForwardRefExoticComponent<Omit<InputProps, "type"> & {
-    /** Angi dato-input med eller uten klokkeslett. */
-    type?: DatepickerType | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/Datepicker/Datepicker.js

@@ -1,103 +0,0 @@
-import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useId } from 'react';
-import { selection, derivativeIdGenerator, spaceSeparatedIdListGenerator } from '@norges-domstoler/dds-core';
-import { Label } from '@norges-domstoler/dds-typography';
-import styled, { css } from 'styled-components';
-import CalendarIcon from './calendar_today.svg.js';
-import { StatefulInput, OuterInputContainer } from '@norges-domstoler/dds-form';
-import { datepickerTokens } from './Datepicker.tokens.js';
-import { renderInputMessage } from '../../utils/renderInputMessage.js';
-
-var StyledInput = styled(StatefulInput).withConfig({
-  displayName: "Datepicker__StyledInput",
-  componentId: "sc-1ijxhje-0"
-})(["&::-webkit-calendar-picker-indicator{background-image:", ";position:absolute;", " margin-left:0px;padding:0;top:50%;transform:translate(0,-50%);box-sizing:border-box;}&::-webkit-datetime-edit-fields-wrapper{padding:0;}&::-webkit-calendar-picker-indicator:focus-visible{outline:", ";outline-offset:", ";}&::-webkit-inner-spin-button{display:none;}@media (prefers-reduced-motion:no-preference){::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{transition:0.2s;}}&::-webkit-datetime-edit-day-field:focus,&::-webkit-datetime-edit-month-field:focus,&::-webkit-datetime-edit-year-field:focus,&::-webkit-datetime-edit-hour-field:focus,&::-webkit-datetime-edit-minute-field:focus{", "}"], "url(\"".concat(CalendarIcon, "\")"), function (_ref) {
-  var componentSize = _ref.componentSize;
-  return componentSize && css(["right:", ";height:", ";width:", ";"], datepickerTokens.calendarIndicator.base.sizes[componentSize].right, datepickerTokens.calendarIndicator.base.sizes[componentSize].height, datepickerTokens.calendarIndicator.base.sizes[componentSize].width);
-}, datepickerTokens.calendarIndicator.focus.outline, datepickerTokens.calendarIndicator.focus.outlineOffset, selection);
-var Datepicker = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var id = _a.id,
-    _a$type = _a.type,
-    type = _a$type === void 0 ? 'date' : _a$type,
-    required = _a.required,
-    readOnly = _a.readOnly,
-    disabled = _a.disabled,
-    label = _a.label,
-    width = _a.width,
-    errorMessage = _a.errorMessage,
-    tip = _a.tip,
-    style = _a.style,
-    className = _a.className,
-    _a$componentSize = _a.componentSize,
-    componentSize = _a$componentSize === void 0 ? 'medium' : _a$componentSize,
-    max = _a.max,
-    ariaRequired = _a['aria-required'],
-    ariaDescribedby = _a['aria-describedby'],
-    rest = __rest(_a, ["id", "type", "required", "readOnly", "disabled", "label", "width", "errorMessage", "tip", "style", "className", "componentSize", "max", 'aria-required', 'aria-describedby']);
-  var generatedId = useId();
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-datepickerInput");
-  var componentWidth = width ? width : getWidth(type, componentSize);
-  var hasLabel = !!label;
-  var hasErrorMessage = !!errorMessage;
-  var showRequiredStyling = !!(required || ariaRequired);
-  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage');
-  var tipId = derivativeIdGenerator(uniqueId, 'tip');
-  var inputProps = Object.assign({
-    id: uniqueId,
-    hasErrorMessage: hasErrorMessage,
-    ref: ref,
-    readOnly: readOnly,
-    tabIndex: readOnly ? -1 : 0,
-    required: required,
-    disabled: disabled,
-    componentSize: componentSize,
-    type: type,
-    'aria-describedby': spaceSeparatedIdListGenerator([tip ? tipId : undefined, errorMessage ? errorMessageId : undefined, ariaDescribedby]),
-    'aria-required': ariaRequired,
-    'aria-invalid': hasErrorMessage ? true : undefined,
-    max: getMax(type, max)
-  }, rest);
-  var outerinputContainerProps = {
-    width: componentWidth,
-    style: style,
-    className: className
-  };
-  return jsxs(OuterInputContainer, Object.assign({}, outerinputContainerProps, {
-    children: [hasLabel && jsx(Label, {
-      htmlFor: uniqueId,
-      showRequiredStyling: showRequiredStyling,
-      children: label
-    }), jsx(StyledInput, Object.assign({}, inputProps)), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
-  }));
-});
-Datepicker.displayName = 'Datepicker';
-var defaultWidths = _defineProperty({
-  date: {
-    medium: '160px',
-    small: '140px',
-    tiny: '125px'
-  }
-}, 'datetime-local', {
-  medium: '200px',
-  small: '180px',
-  tiny: '150px'
-});
-var getWidth = function getWidth(type, size) {
-  return defaultWidths[type][size];
-};
-var getMax = function getMax(type, max) {
-  if (max !== undefined) {
-    return max;
-  }
-  // Limit the year-part to only four digits by default
-  if (type === 'datetime-local') {
-    return '9999-12-31T23:59';
-  }
-  if (type === 'date') {
-    return '9999-12-31';
-  }
-};
-
-export { Datepicker };

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

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import { DatepickerProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("@norges-domstoler/dds-form").InputProps, "type"> & {
-        type?: ("date" | "datetime-local") | undefined;
-    } & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const OverviewDate: () => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewDatetime: () => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewSizes: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: DatepickerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithLabel: (args: DatepickerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Datetime: (args: DatepickerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DatetimeWithLabel: (args: DatepickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,27 +0,0 @@
-export declare const datepickerTokens: {
-    calendarIndicator: {
-        base: {
-            sizes: {
-                medium: {
-                    height: string;
-                    width: string;
-                    right: string;
-                };
-                small: {
-                    height: string;
-                    width: string;
-                    right: string;
-                };
-                tiny: {
-                    height: string;
-                    width: string;
-                    right: string;
-                };
-            };
-        };
-        focus: {
-            outline: string;
-            outlineOffset: string;
-        };
-    };
-};

package/dist/components/Datepicker/Datepicker.tokens.js

@@ -1,35 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var iconSizes = ddsBaseTokens.iconSizes,
-  spacing = ddsBaseTokens.spacing,
-  border = ddsBaseTokens.border;
-var calendarIndicator = {
-  base: {
-    sizes: {
-      medium: {
-        height: iconSizes.DdsIconsizeMedium,
-        width: iconSizes.DdsIconsizeMedium,
-        right: spacing.SizesDdsSpacingLocalX075
-      },
-      small: {
-        height: iconSizes.DdsIconsizeSmall,
-        width: iconSizes.DdsIconsizeSmall,
-        right: spacing.SizesDdsSpacingLocalX075
-      },
-      tiny: {
-        height: iconSizes.DdsIconsizeSmall,
-        width: iconSizes.DdsIconsizeSmall,
-        right: spacing.SizesDdsSpacingLocalX075
-      }
-    }
-  },
-  focus: {
-    outline: "".concat(border.BordersDdsBorderFocusInputfieldStroke, " solid ").concat(border.BordersDdsBorderFocusInputfieldStrokeWeight),
-    outlineOffset: spacing.SizesDdsSpacingLocalX0125
-  }
-};
-var datepickerTokens = {
-  calendarIndicator: calendarIndicator
-};
-
-export { datepickerTokens };

package/dist/components/Datepicker/calendar_today.svg.js

@@ -1,4 +0,0 @@
-var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z' fill='%233a4146' /%3e%3c/svg%3e";
-  var CalendarIcon = img;
-
-export { CalendarIcon as default };

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

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

package/dist/components/DescriptionList/DescriptionList.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type DescriptionListAppearance = 'small' | 'bold';
-export type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
-    /**Påvirker tekst styling. */
-    appearance?: DescriptionListAppearance;
-    /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
-     *  @default "column"
-     */
-    direction?: 'row' | 'column';
-}>;
-export declare const DescriptionList: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
-    /**Påvirker tekst styling. */
-    appearance?: DescriptionListAppearance | undefined;
-    /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
-     *  @default "column"
-     */
-    direction?: "row" | "column" | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDListElement> | undefined;
-} & import("react").RefAttributes<HTMLDListElement>>;

package/dist/components/DescriptionList/DescriptionList.js

@@ -1,43 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { selection, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { descriptionListTokens } from './DescriptionList.tokens.js';
-
-var term = descriptionListTokens.term,
-  desc = descriptionListTokens.desc,
-  list = descriptionListTokens.list;
-var DList = styled.dl.withConfig({
-  displayName: "DescriptionList__DList",
-  componentId: "sc-1ob73hm-0"
-})(["margin:0;*::selection{", "}", " display:flex;flex-direction:column;&:not(:has(> dt):has(> dd)){flex-direction:", ";}flex-wrap:wrap;column-gap:", ";row-gap:0;& > dt:first-of-type{margin-top:", ";}& > dd:last-child{margin-bottom:", ";}dd + dt{margin-top:", ";}"], selection, function (_ref) {
-  var appearance = _ref.appearance;
-  return appearance && css(["dt{color:", ";", "}"], term.appearance[appearance].color, appearance === 'bold' && css(["font-weight:600;"]));
-}, function (_ref2) {
-  var _ref2$direction = _ref2.direction,
-    direction = _ref2$direction === void 0 ? 'column' : _ref2$direction;
-  return direction;
-}, list.rowDirection.columnGap, term.firstOfType.marginTop, desc.lastChild.marginBottom, list.beforeNextTerm.marginTop);
-var DescriptionList = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'bold' : _props$appearance,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'column' : _props$direction,
-    children = props.children,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["appearance", "direction", "children", "id", "className", "htmlProps"]);
-  var dListProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    appearance: appearance,
-    direction: direction,
-    ref: ref
-  });
-  return jsx(DList, Object.assign({}, dListProps, {
-    children: children
-  }));
-});
-DescriptionList.displayName = 'DescriptionList';
-
-export { DescriptionList };

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { DescriptionListProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDListElement>, "className" | "id"> & {
-        appearance?: import("./DescriptionList").DescriptionListAppearance | undefined;
-        direction?: "column" | "row" | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLDListElement> | undefined;
-    } & import("react").RefAttributes<HTMLDListElement>>;
-};
-export default _default;
-export declare const Overview: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Group: (args: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithIcon: (args: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RowDirectionExample: (args: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,37 +0,0 @@
-export declare const descriptionListTokens: {
-    term: {
-        appearance: {
-            small: {
-                color: string;
-            };
-            bold: {
-                color: string;
-            };
-        };
-        firstOfType: {
-            marginTop: string;
-        };
-    };
-    desc: {
-        base: {
-            gap: string;
-            color: string;
-        };
-        lastChild: {
-            marginBottom: string;
-        };
-    };
-    list: {
-        beforeNextTerm: {
-            marginTop: string;
-        };
-        rowDirection: {
-            columnGap: string;
-        };
-    };
-    group: {
-        base: {
-            margin: string;
-        };
-    };
-};

package/dist/components/DescriptionList/DescriptionList.tokens.js

@@ -1,47 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var spacing = ddsBaseTokens.spacing,
-  colors = ddsBaseTokens.colors;
-var term = {
-  appearance: {
-    small: {
-      color: colors.DdsColorNeutralsGray7
-    },
-    bold: {
-      color: colors.DdsColorNeutralsGray9
-    }
-  },
-  firstOfType: {
-    marginTop: spacing.SizesDdsSpacingLocalX1
-  }
-};
-var desc = {
-  base: {
-    gap: spacing.SizesDdsSpacingLocalX025,
-    color: colors.DdsColorNeutralsGray9
-  },
-  lastChild: {
-    marginBottom: spacing.SizesDdsSpacingLocalX1
-  }
-};
-var list = {
-  beforeNextTerm: {
-    marginTop: spacing.SizesDdsSpacingLocalX2
-  },
-  rowDirection: {
-    columnGap: spacing.SizesDdsSpacingLocalX2
-  }
-};
-var group = {
-  base: {
-    margin: spacing.SizesDdsSpacingLocalX2
-  }
-};
-var descriptionListTokens = {
-  term: term,
-  desc: desc,
-  list: list,
-  group: group
-};
-
-export { descriptionListTokens };

package/dist/components/DescriptionList/DescriptionListDesc.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-export type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
-    /**Ikon som vises ved siden av teksten. */
-    icon?: SvgIcon;
-}>;
-export declare const DescriptionListDesc: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
-    /**Ikon som vises ved siden av teksten. */
-    icon?: SvgIcon | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-} & import("react").RefAttributes<HTMLElement>>;

package/dist/components/DescriptionList/DescriptionListDesc.js

@@ -1,32 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { descriptionListTokens } from './DescriptionList.tokens.js';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { Icon } from '@norges-domstoler/dds-icons';
-
-var DListDesc = styled.dd.withConfig({
-  displayName: "DescriptionListDesc__DListDesc",
-  componentId: "sc-1djcf0s-0"
-})(["margin-inline-start:0;align-items:center;display:flex;color:", ";gap:", ";"], descriptionListTokens.desc.base.color, descriptionListTokens.desc.base.gap);
-var DescriptionListDesc = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-    icon = props.icon,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["children", "icon", "id", "className", "htmlProps"]);
-  var dListDescProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    children: children,
-    ref: ref
-  });
-  return jsxs(DListDesc, Object.assign({}, dListDescProps, {
-    children: [icon && jsx(Icon, {
-      icon: icon
-    }), " ", children]
-  }));
-});
-DescriptionListDesc.displayName = 'DescriptionListDesc';
-
-export { DescriptionListDesc };

package/dist/components/DescriptionList/DescriptionListGroup.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { Property } from 'csstype';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Custom margin. */
-    margin?: Property.Margin<string>;
-    /**Custom min-width. */
-    minWidth?: Property.MinWidth<string>;
-    /**Custom max-width. */
-    maxWidth?: Property.MaxWidth<string>;
-}>;
-export declare const DescriptionListGroup: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Custom margin. */
-    margin?: Property.Margin<string> | undefined;
-    /**Custom min-width. */
-    minWidth?: Property.MinWidth<string> | undefined;
-    /**Custom max-width. */
-    maxWidth?: Property.MaxWidth<string> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/DescriptionList/DescriptionListGroup.js

@@ -1,43 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { descriptionListTokens } from './DescriptionList.tokens.js';
-
-var DListGroup = styled.div.withConfig({
-  displayName: "DescriptionListGroup__DListGroup",
-  componentId: "sc-jkdc0o-0"
-})(["margin:", ";", " ", ""], function (_ref) {
-  var margin = _ref.margin;
-  return margin ? margin : descriptionListTokens.group.base.margin;
-}, function (_ref2) {
-  var minWidth = _ref2.minWidth;
-  return minWidth && "min-width: ".concat(minWidth);
-}, function (_ref3) {
-  var maxWidth = _ref3.maxWidth;
-  return maxWidth && "max-width: ".concat(maxWidth);
-});
-var DescriptionListGroup = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-    margin = props.margin,
-    minWidth = props.minWidth,
-    maxWidth = props.maxWidth,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["children", "margin", "minWidth", "maxWidth", "id", "className", "htmlProps"]);
-  var dListGroupProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    children: children,
-    ref: ref,
-    margin: margin,
-    minWidth: minWidth,
-    maxWidth: maxWidth
-  });
-  return jsx(DListGroup, Object.assign({}, dListGroupProps, {
-    children: children
-  }));
-});
-DescriptionListGroup.displayName = 'DescriptionListGroup';
-
-export { DescriptionListGroup };

package/dist/components/DescriptionList/DescriptionListTerm.d.ts

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type DescriptionListTermProps = HTMLAttributes<HTMLElement>;
-export declare const DescriptionListTerm: import("react").ForwardRefExoticComponent<DescriptionListTermProps & import("react").RefAttributes<HTMLElement>>;