@norges-domstoler/dds-components 13.8.1 → 13.8.3

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

@@ -1,19 +0,0 @@
-import { ChangeEvent } from 'react';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-import { Property } from 'csstype';
-export type ToggleBarValue = string | number | null | undefined;
-export type ToggleBarSize = 'tiny' | 'small' | 'medium' | 'large';
-export type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Størrelse på komponenten. */
-    size?: ToggleBarSize;
-    /**Ledetekst for hele gruppen. */
-    label?: string;
-    /**Funksjonen for `onChange`-event for barna. */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value?: T) => void;
-    /**Den valgte verdien i gruppen. Hvis satt ved innlastning blir en `<ToggleRadio />` forhåndsvalgt. */
-    value?: T;
-    /** Gir alle barna samme `name` prop.*/
-    name?: string;
-    /**Bredden til komponenten. Bredden fordeles likt mellom barna.  */
-    width?: Property.Width;
-}>;

package/dist/cjs/components/ToggleBar/ToggleRadio.d.ts

@@ -1,19 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>;
-export type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
-    /**Ledetekst som vises i komponenten. */
-    label?: string;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon;
-} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
-export declare const ToggleRadio: import("react").ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value" | "onChange" | "aria-label" | "aria-labelledby">, "className" | "id"> & {
-    /**Ledetekst som vises i komponenten. */
-    label?: string | undefined;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon | undefined;
-} & PickedInputHTMLAttributes & {
-    htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value" | "onChange" | "aria-label" | "aria-labelledby"> | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/cjs/components/ToggleBar/ToggleRadio.styles.d.ts

@@ -1,11 +0,0 @@
-import { ToggleBarSize } from './ToggleBar.types';
-type ContentProps = {
-    size: ToggleBarSize;
-    justIcon: boolean;
-};
-export declare const Content: import("styled-components").StyledComponent<"span", any, ContentProps, never>;
-type LabelProps = {
-    size: ToggleBarSize;
-};
-export declare const Label: import("styled-components").StyledComponent<"label", any, LabelProps, never>;
-export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/dds-core.d.ts

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

package/dist/cjs/dds-form.d.ts

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

package/dist/cjs/dds-icons.d.ts

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

package/dist/cjs/dds-typography.d.ts

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

package/dist/cjs/index.d.ts

@@ -1,50 +0,0 @@
-import 'focus-visible';
-import './styles/fontStyles.css';
-import './styles/selection.css';
-export * from './dds-core';
-export * from './dds-form';
-export * from './dds-icons';
-export * from './dds-typography';
-export * from './components/AppShell';
-export * from './components/SelectionControl/RadioButton';
-export * from './components/SelectionControl/Checkbox';
-export * from './components/Button';
-export * from './components/TextInput';
-export * from './components/Select';
-export * from './components/GlobalMessage';
-export * from './components/LocalMessage';
-export * from './components/Search';
-export * from './components/Table';
-export * from './components/Breadcrumbs';
-export * from './components/Pagination';
-export * from './components/Divider';
-export * from './components/List';
-export * from './components/DescriptionList';
-export * from './components/Spinner';
-export * from './components/Card';
-export * from './components/InternalHeader';
-export * from './components/Datepicker';
-export * from './components/SkipToContent';
-export * from './components/Tooltip';
-export * from './components/Modal';
-export * from './components/Drawer';
-export * from './components/OverflowMenu';
-export * from './components/Popover';
-export * from './components/InputMessage';
-export * from './components/ToggleButton';
-export * from './components/Tabs';
-export * from './components/Tag';
-export * from './components/Chip';
-export * from './components/VisuallyHidden';
-export * from './components/ScrollableContainer';
-export * from './components/ToggleBar';
-export * from './components/Grid';
-export * from './components/ProgressTracker';
-export * from './components/InlineEdit';
-export * from './components/TextArea';
-export * from './components/SplitButton';
-export * from './components/Stack';
-export * from './components/FileUploader';
-export * from './components/EmptyContent';
-export * from './components/BackLink';
-export * from './components/Feedback';