@norges-domstoler/dds-components 4.0.2 → 4.2.0

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

@@ -0,0 +1,22 @@
+import { ButtonHTMLAttributes } from 'react';
+import { BaseComponentPropsWithChildren } from '../../../types';
+export declare 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;
+}, ButtonHTMLAttributes<HTMLButtonElement>>;
+export declare const CardAccordionHeader: import("react").ForwardRefExoticComponent<{
+    htmlProps?: ButtonHTMLAttributes<HTMLButtonElement> | undefined;
+} & 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;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,17 @@
+import { CSSObject } from 'styled-components';
+export declare const cardAccordionHeaderTokens: {
+    base: CSSObject;
+    focus: {
+        base: CSSObject;
+    };
+    hover: {
+        base: CSSObject;
+    };
+    chevronWrapper: {
+        base: CSSObject;
+    };
+    chevron: {
+        width: string;
+        height: string;
+    };
+};

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

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

package/dist/cjs/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const Checkbox: import("react").ForwardRefExoticComponent<{
+    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur"> | undefined;
+} & Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur">, "id" | "className"> & {
+    label?: string | undefined;
+    error?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    indeterminate?: boolean | undefined;
+} & {
+    'aria-describedby'?: string | undefined;
+    name?: string | undefined;
+    checked?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    value?: string | number | readonly string[] | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+import { CheckboxProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
+    } & Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
+        label?: string | undefined;
+        error?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        indeterminate?: boolean | undefined;
+    } & {
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        'aria-describedby'?: string | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+        name?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
+        checked?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        indeterminate: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: CheckboxProps) => JSX.Element;
+export declare const Default: (args: CheckboxProps) => JSX.Element;

package/dist/cjs/components/Checkbox/Checkbox.styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CheckboxProps } from './Checkbox.types';
+export declare const CustomCheckbox: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, {
+    type: import("react").HTMLInputTypeAttribute;
+}, "type">;
+declare type ContainerProps = Pick<CheckboxProps, 'disabled' | 'readOnly' | 'error' | 'indeterminate' | 'label'>;
+export declare const Container: import("styled-components").StyledComponent<"label", any, ContainerProps, never>;
+export {};

package/dist/cjs/components/Checkbox/Checkbox.tokens.d.ts

@@ -0,0 +1,65 @@
+import { CSSObject } from 'styled-components';
+export declare const checkboxTokens: {
+    checkbox: {
+        base: CSSObject;
+        spaceLeft: string;
+        hover: {
+            base: CSSObject;
+        };
+        disabled: {
+            base: CSSObject;
+        };
+        readOnly: {
+            base: CSSObject;
+        };
+        checked: {
+            base: CSSObject;
+            hover: {
+                base: CSSObject;
+            };
+            disabled: {
+                base: CSSObject;
+            };
+            readOnly: {
+                base: CSSObject;
+            };
+        };
+        indeterminate: {
+            base: CSSObject;
+            hover: {
+                base: CSSObject;
+            };
+            disabled: {
+                base: CSSObject;
+            };
+            readOnly: {
+                base: CSSObject;
+            };
+        };
+        danger: {
+            base: CSSObject;
+            hover: {
+                base: CSSObject;
+            };
+        };
+    };
+    checkmark: {
+        base: CSSObject;
+        color: string;
+        indeterminate: {
+            base: CSSObject;
+        };
+    };
+    container: {
+        base: CSSObject;
+        focus: {
+            base: CSSObject;
+        };
+        withLabel: {
+            base: CSSObject;
+        };
+        noLabel: {
+            base: CSSObject;
+        };
+    };
+};

package/dist/cjs/components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,16 @@
+import { InputHTMLAttributes } from 'react';
+import { BaseComponentProps } from '../../types';
+declare type PickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
+export declare type CheckboxProps = BaseComponentProps<HTMLInputElement, {
+    /** Ledetekst for inputelementet. */
+    label?: string;
+    /**Indikererr ugyldig input, endrer styling. */
+    error?: boolean;
+    /** Setter disabled-tilstand for inputelementet. */
+    disabled?: boolean;
+    /**Inputelementet blir readOnly - den kan ikke interageres med. Brukes til å hente input brukeren har fylt ut andre steder. */
+    readOnly?: boolean;
+    /**Brukes ved nøstet struktur der alle Checkbox som hører til en gruppe kan bli valgt ved å trykke på en forelder Checkbox. Hvis enkelte <Checkbox /> blir valgt men ikke alle skal forelder <Checkbox /> få tilstanden indeterminate - verken checked eller ikke. */
+    indeterminate?: boolean;
+} & PickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedHTMLAttributes>>;
+export {};

package/dist/cjs/components/Checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../types';
+declare type Direction = 'column' | 'row';
+export declare type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Ledetekst for gruppen. */
+    label?: string;
+    /**Retningen barna gjengis i. */
+    direction?: Direction;
+    /**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
+    groupId?: string;
+    /**Meldingen som vises ved valideringsfeil. Sender error-tilstand til barna når det finnes  og setter `aria-describedby` for barna. */
+    errorMessage?: string;
+    tip?: string;
+    /**Indikerer at det er påkrevd å velge minst ett alternativ. Innebærer visuell endring. **OBS!** `required` må i tillegg gis til `<Checkbox />` manuelt. */
+    required?: boolean;
+}>;
+export declare const CheckboxGroup: ({ label, direction, errorMessage, tip, required, groupId, children, id, className, htmlProps, ...rest }: CheckboxGroupProps) => JSX.Element;
+export {};

package/dist/cjs/components/Checkbox/CheckboxGroup.stories.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { CheckboxGroupProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ label, direction, errorMessage, tip, required, groupId, children, id, className, htmlProps, ...rest }: CheckboxGroupProps) => JSX.Element;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        indeterminate: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: CheckboxGroupProps) => JSX.Element;
+export declare const Default: (args: CheckboxGroupProps) => JSX.Element;

package/dist/cjs/components/Checkbox/CheckboxGroup.tokens.d.ts

@@ -0,0 +1,19 @@
+import { CSSObject } from 'styled-components';
+export declare const checkboxGroupTokens: {
+    label: {
+        spaceLeft: string;
+    };
+    container: {
+        base: CSSObject;
+    };
+    groupContainer: {
+        direction: {
+            row: {
+                base: CSSObject;
+            };
+            column: {
+                base: CSSObject;
+            };
+        };
+    };
+};

package/dist/cjs/components/Checkbox/CheckboxGroupContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface CheckboxGroup {
+    error?: boolean;
+    errorMessageId?: string;
+    uniqueGroupId?: string;
+    tipId?: string;
+}
+export declare const CheckboxGroupContext: React.Context<Nullable<CheckboxGroup>>;
+export declare const useCheckboxGroup: () => Nullable<CheckboxGroup>;

package/dist/cjs/components/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Checkbox';
+export * from './CheckboxGroup';
+export * from './Checkbox.types';

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { CSSObject } from 'styled-components';
+export declare const chipTokens: {
+    container: {
+        base: CSSObject;
+    };
+    group: {
+        base: CSSObject;
+    };
+    text: {
+        base: CSSObject;
+    };
+};

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

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

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

@@ -0,0 +1,8 @@
+/// <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) => JSX.Element;

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { InputProps } from '../../helpers';
+import { Property } from 'csstype';
+export declare type DatepickerProps = InputProps;
+export declare const Datepicker: import("react").ForwardRefExoticComponent<{
+    label?: string | undefined;
+    width?: Property.Width<string> | undefined;
+    tip?: string | undefined;
+    errorMessage?: string | undefined;
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { DatepickerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        label?: string | undefined;
+        width?: import("csstype").Property.Width<string> | undefined;
+        tip?: string | undefined;
+        errorMessage?: string | undefined;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & 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: () => JSX.Element;
+export declare const OverviewDatetime: () => JSX.Element;
+export declare const Default: (args: DatepickerProps) => JSX.Element;
+export declare const WithLabel: (args: DatepickerProps) => JSX.Element;
+export declare const Datetime: (args: DatepickerProps) => JSX.Element;
+export declare const DatetimeWithLabel: (args: DatepickerProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import { CSSObject } from 'styled-components';
+export declare const datepickerTokens: {
+    calendarIndicator: {
+        base: CSSObject;
+        focus: {
+            base: CSSObject;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type DescriptionListAppearance = 'small' | 'bold';
+export declare type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
+    /**Påvirker tekst styling. */
+    appearance?: DescriptionListAppearance;
+}>;
+export declare const DescriptionList: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLDListElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
+    /**Påvirker tekst styling. */
+    appearance?: DescriptionListAppearance | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDListElement>>;

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

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { SvgIconTypeMap } from '@mui/material';
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
+    /**Ikon som vises ved siden av teksten. */
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+}>;
+export declare const DescriptionListDesc: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
+    /**Ikon som vises ved siden av teksten. */
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,7 @@
+import { CSSObject } from 'styled-components';
+export declare const descriptionListDescTokens: {
+    base: CSSObject;
+    icon: {
+        base: CSSObject;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import { CSSObject } from 'styled-components';
+export declare const descriptionListGroupTokens: {
+    base: CSSObject;
+};

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

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

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

@@ -0,0 +1,13 @@
+import { CSSObject } from 'styled-components';
+export declare const descriptionListTermTokens: {
+    appearance: {
+        small: {
+            base: CSSObject;
+        };
+        bold: {
+            base: CSSObject;
+        };
+    };
+    unwrappedTopAndBottomSpace: string;
+    unwrappedBetweenSpace: string;
+};

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

@@ -0,0 +1,4 @@
+export * from './DescriptionList';
+export * from './DescriptionListTerm';
+export * from './DescriptionListDesc';
+export * from './DescriptionListGroup';

package/dist/cjs/components/Divider/Divider.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BaseComponentProps } from '../../types';
+export declare type DividerColor = 'primary' | 'primaryLighter';
+export declare type DividerProps = BaseComponentProps<HTMLHRElement, {
+    /** Farge på horisontal linje. */
+    color?: DividerColor;
+}>;
+export declare const Divider: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLHRElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
+    /** Farge på horisontal linje. */
+    color?: DividerColor | undefined;
+} & import("react").RefAttributes<HTMLHRElement>>;

package/dist/cjs/components/Divider/Divider.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { DividerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        htmlProps?: import("react").HTMLAttributes<HTMLHRElement> | undefined;
+    } & Pick<import("react").HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
+        color?: import("./Divider").DividerColor | undefined;
+    } & import("react").RefAttributes<HTMLHRElement>>;
+    argTypes: {};
+};
+export default _default;
+export declare const Overview: (args: DividerProps) => JSX.Element;
+export declare const Default: (args: DividerProps) => JSX.Element;
+export declare const Example: (args: DividerProps) => JSX.Element;

package/dist/cjs/components/Divider/Divider.tokens.d.ts

@@ -0,0 +1,8 @@
+import { CSSObject } from 'styled-components';
+export declare const dividerColors: {
+    primary: string;
+    primaryLighter: string;
+};
+export declare const dividerTokens: {
+    base: CSSObject;
+};

package/dist/cjs/components/Divider/index.d.ts

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