@norges-domstoler/dds-components 13.8.1 → 13.8.3

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

@@ -1,143 +0,0 @@
-import { InputSize, InputTypographyTypes } from '@norges-domstoler/dds-form';
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-export declare const typographyTypes: {
-    control: InputTypographyTypes;
-    option: InputTypographyTypes;
-    placeholder: {
-        [k in InputSize]: StaticTypographyType;
-    };
-    noOptionsMessage: {
-        [k in InputSize]: StaticTypographyType;
-    };
-    groupHeading: StaticTypographyType;
-    multiValueLabel: StaticTypographyType;
-};
-export declare const selectTokens: {
-    control: {
-        borderRadius: string;
-        border: string;
-        borderColor: string;
-        backgroundColor: string;
-        color: string;
-        disabled: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-        readOnly: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        isMulti: {
-            sizes: {
-                medium: {
-                    padding: string;
-                };
-                small: {
-                    padding: string;
-                };
-                tiny: {
-                    padding: string;
-                };
-            };
-        };
-        sizes: {
-            medium: {
-                padding: string;
-            };
-            small: {
-                padding: string;
-            };
-            tiny: {
-                padding: string;
-            };
-        };
-    };
-    dropdownIndicator: {
-        base: {
-            color: string;
-        };
-        hover: {
-            color: string;
-        };
-        readOnly: {
-            color: string;
-        };
-    };
-    placeholder: {
-        color: string;
-    };
-    menu: {
-        border: string;
-        borderColor: string;
-        backgroundColor: string;
-        borderRadius: string;
-        marginTop: string;
-        marginBottom: string;
-    };
-    groupHeading: {
-        color: string;
-        padding: string;
-    };
-    option: {
-        base: {
-            gap: string;
-            padding: string;
-            backgroundColor: string;
-        };
-        hover: {
-            color: string;
-            backgroundColor: string;
-        };
-        focus: {
-            color: string;
-            backgroundColor: string;
-        };
-        selected: {
-            backgroundColor: string;
-        };
-    };
-    valueContainer: {
-        isMulti: {
-            gap: string;
-        };
-    };
-    multiValue: {
-        borderRadius: string;
-        backgroundColor: string;
-    };
-    multiValueLabel: {
-        padding: string;
-        color: string;
-    };
-    multiValueRemove: {
-        base: {
-            color: string;
-            padding: string;
-            borderTopRightRadius: string;
-            borderBottomRightRadius: string;
-        };
-        hover: {
-            color: string;
-            backgroundColor: string;
-            boxShadow: string;
-        };
-    };
-    noOptionsMessage: {
-        padding: string;
-        color: string;
-    };
-    clearIndicator: {
-        base: {
-            color: string;
-        };
-        hover: {
-            color: string;
-        };
-    };
-    loadingIndicator: {
-        color: string;
-    };
-    icon: {
-        marginRight: string;
-    };
-};

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

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

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare const Checkbox: import("react").ForwardRefExoticComponent<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;
-} & import("./Checkbox.types").CheckboxPickedHTMLAttributes & {
-    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur"> | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,50 +0,0 @@
-/// <reference types="react" />
-import { CheckboxProps } 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;
-        error?: boolean | undefined;
-        disabled?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        indeterminate?: boolean | undefined;
-    } & import("./Checkbox.types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | 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) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithLabel: (args: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-export type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
-export 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;
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;

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

@@ -1,18 +0,0 @@
-import { BaseComponentPropsWithChildren, Direction } from '@norges-domstoler/dds-core';
-export 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: {
-    (props: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

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

@@ -1,53 +0,0 @@
-import { CheckboxGroupProps } from '.';
-declare const _default: {
-    title: string;
-    component: {
-        (props: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            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) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +0,0 @@
-export declare const checkboxGroupTokens: {
-    outerContainer: {
-        gap: string;
-    };
-    groupContainer: {
-        row: {
-            gap: string;
-        };
-        column: {
-            gap: string;
-        };
-    };
-};

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

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

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

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

package/dist/cjs/components/SelectionControl/RadioButton/RadioButton.d.ts

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

package/dist/cjs/components/SelectionControl/RadioButton/RadioButton.stories.d.ts

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

package/dist/cjs/components/SelectionControl/RadioButton/RadioButton.types.d.ts

@@ -1,12 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
-export type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, {
-    /**Ledetekst for alternativet. */
-    label?: string;
-    /**Spesifiserer om input er disabled. */
-    disabled?: boolean;
-    /**Indikerer valideringsfeil. Påvirker styling. */
-    error?: boolean;
-} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
-export {};

package/dist/cjs/components/SelectionControl/RadioButton/RadioButtonGroup.d.ts

@@ -1,56 +0,0 @@
-import { ChangeEvent, HTMLAttributes, ReactElement, Ref } from 'react';
-import { BaseComponentPropsWithChildren, Direction } from '@norges-domstoler/dds-core';
-export type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Gir alle barna `name` prop.*/
-    name?: string;
-    /**Ledetekst for hele gruppen. */
-    label?: string;
-    /**Funksjonen for onChange-event for barna. */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void;
-    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
-    required?: boolean;
-    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
-    errorMessage?: string;
-    /**Hjelpetekst for gruppen. */
-    tip?: string;
-    /**Gir alle barna `disabled` prop. */
-    disabled?: boolean;
-    /**Gir alle barna `readOnly` prop */
-    readOnly?: boolean;
-    /**Retningen radioknappene skal gjengis i. */
-    direction?: Direction;
-    /**Default verdi - en `<RadioButton />` blir forhåndsvalgt. **OBS!** brukes kun når brukeren ikke skal fylle ut selv. */
-    value?: T | undefined;
-    /**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
-    groupId?: string;
-}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-export declare const RadioButtonGroup: <T extends string | number = string>(props: Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
-    /** Gir alle barna `name` prop.*/
-    name?: string | undefined;
-    /**Ledetekst for hele gruppen. */
-    label?: string | undefined;
-    /**Funksjonen for onChange-event for barna. */
-    onChange?: ((event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
-    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
-    required?: boolean | undefined;
-    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
-    errorMessage?: string | undefined;
-    /**Hjelpetekst for gruppen. */
-    tip?: string | undefined;
-    /**Gir alle barna `disabled` prop. */
-    disabled?: boolean | undefined;
-    /**Gir alle barna `readOnly` prop */
-    readOnly?: boolean | undefined;
-    /**Retningen radioknappene skal gjengis i. */
-    direction?: Direction | undefined;
-    /**Default verdi - en `<RadioButton />` blir forhåndsvalgt. **OBS!** brukes kun når brukeren ikke skal fylle ut selv. */
-    value?: T | undefined;
-    /**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
-    groupId?: string | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-} & {
-    ref?: Ref<HTMLDivElement> | undefined;
-}) => ReactElement;

package/dist/cjs/components/SelectionControl/RadioButton/RadioButtonGroup.stories.d.ts

@@ -1,65 +0,0 @@
-/// <reference types="react" />
-import { RadioButtonGroupProps } from '.';
-declare const _default: {
-    title: string;
-    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
-        name?: string | undefined;
-        label?: string | undefined;
-        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
-        required?: boolean | undefined;
-        errorMessage?: string | undefined;
-        tip?: string | undefined;
-        disabled?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        direction?: import("@norges-domstoler/dds-core").Direction | undefined;
-        value?: T | undefined;
-        groupId?: string | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-    } & {
-        ref?: import("react").Ref<HTMLDivElement> | undefined;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: RadioButtonGroupProps<string>) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: RadioButtonGroupProps<number>) => import("react/jsx-runtime").JSX.Element;
-export declare const WithDefaultValue: (args: RadioButtonGroupProps<number>) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/SelectionControl/RadioButton/RadioButtonGroupContext.d.ts

@@ -1,14 +0,0 @@
-import { Nullable } from '@norges-domstoler/dds-core';
-import React, { ChangeEvent } from 'react';
-export interface RadioButtonGroup {
-    disabled?: boolean;
-    readOnly?: boolean;
-    name?: string;
-    value?: string | number | null;
-    error?: boolean;
-    errorMessageId?: string;
-    required?: boolean;
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const RadioButtonGroupContext: React.Context<Nullable<RadioButtonGroup>>;
-export declare const useRadioButtonGroup: () => Nullable<RadioButtonGroup>;

package/dist/cjs/components/SelectionControl/RadioButton/index.d.ts

@@ -1,3 +0,0 @@
-export * from './RadioButton';
-export * from './RadioButton.types';
-export * from './RadioButtonGroup';

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

@@ -1,20 +0,0 @@
-import { Direction } from '@norges-domstoler/dds-core';
-type SelectionControlType = 'radio' | 'checkbox';
-type CustomSelectionControlProps = {
-    controlType?: SelectionControlType;
-};
-export declare const CustomSelectionControl: import("styled-components").StyledComponent<"span", any, CustomSelectionControlProps, never>;
-type ContainerProps = {
-    hasLabel?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    error?: boolean;
-    indeterminate?: boolean;
-    controlType: SelectionControlType;
-};
-export declare const Container: import("styled-components").StyledComponent<"label", any, ContainerProps, never>;
-export declare const OuterGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupContainer: import("styled-components").StyledComponent<"div", any, {
-    direction: Direction;
-}, never>;
-export {};

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

@@ -1,94 +0,0 @@
-export declare const selectionControlTokens: {
-    selectionControl: {
-        base: {
-            border: string;
-            borderColor: string;
-            backgroundColor: string;
-            borderRadius: string;
-            height: string;
-            width: string;
-        };
-        hover: {
-            base: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-            danger: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-        };
-        danger: {
-            boxShadow: string;
-            borderColor: string;
-        };
-        disabled: {
-            borderColor: string;
-        };
-        readOnly: {
-            backgroundColor: string;
-        };
-        checked: {
-            base: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            hover: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-            disabled: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            readOnly: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-        };
-        checkbox: {
-            indeterminate: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-        };
-    };
-    checkmark: {
-        checkbox: {
-            borderColor: string;
-        };
-        radio: {
-            backgroundColor: string;
-            height: string;
-            width: string;
-            left: string;
-            top: string;
-        };
-    };
-    container: {
-        color: string;
-        disabled: {
-            color: string;
-        };
-        withLabel: {
-            paddingLeft: string;
-        };
-        noLabel: {
-            padding: string;
-        };
-    };
-    groupContainer: {
-        row: {
-            gap: string;
-        };
-        column: {
-            gap: string;
-        };
-    };
-    outerGroupContainer: {
-        gap: string;
-    };
-};

package/dist/cjs/components/SelectionControl/SelectionControl.utils.d.ts

@@ -1,2 +0,0 @@
-export declare const selectionControlSizeNumberPx = 18;
-export declare const selectionControlSize: string;