@norges-domstoler/dds-components 2.3.0 → 2.5.0

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { BreadcrumbsProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        smallScreen?: boolean | undefined;
+    } & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+    argTypes: {
+        smallScreen: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: BreadcrumbsProps) => JSX.Element;
+export declare const Default: (args: BreadcrumbsProps) => JSX.Element;
+export declare const SmallScreen: () => JSX.Element;

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

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { ButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        size?: import("./Button.types").ButtonSize | undefined;
+        label?: string | undefined;
+        purpose?: import("./Button.types").ButtonPurpose | undefined;
+        iconPosition?: import("./Button.types").IconPosition | undefined;
+        appearance?: import("./Button.types").ButtonAppearance | undefined;
+        loading?: boolean | undefined;
+        Icon?: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+        fullWidth?: boolean | undefined;
+        href?: string | undefined;
+        target?: string | undefined;
+    } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        loading: {
+            control: {
+                type: string;
+            };
+        };
+        fullWidth: {
+            control: {
+                type: string;
+            };
+        };
+        href: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const OverviewWithText: (args: ButtonProps) => JSX.Element;
+export declare const OverviewJustIcon: (args: ButtonProps) => JSX.Element;
+export declare const OverviewSizes: (args: ButtonProps) => JSX.Element;
+export declare const OverviewLoading: (args: ButtonProps) => JSX.Element;
+export declare const OverviewFullWidth: (args: ButtonProps) => JSX.Element;
+export declare const Default: (args: ButtonProps) => JSX.Element;
+export declare const WithIcon: (args: ButtonProps) => JSX.Element;
+export declare const Icon: (args: ButtonProps) => JSX.Element;
+export declare const Ghost: (args: ButtonProps) => JSX.Element;
+export declare const Borderless: (args: ButtonProps) => JSX.Element;
+export declare const Rounded: (args: ButtonProps) => JSX.Element;

package/dist/{src/components → components}/Button/Button.styles.d.ts

@@ -13,7 +13,12 @@ export declare const ButtonWrapper: import("styled-components").StyledComponent<
 declare type StyledIconWrapperSpanProps = {
     iconPosition?: IconPosition;
     size: ButtonSize;
+    absolutePosition?: boolean;
+    isHidden?: boolean;
 };
 export declare const StyledIconWrapperSpan: import("styled-components").StyledComponent<"span", any, StyledIconWrapperSpanProps, never>;
-export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare type LabelProps = {
+    isHidden?: boolean;
+};
+export declare const Label: import("styled-components").StyledComponent<"span", any, LabelProps, never>;
 export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CardProps, ExpandableCardProps } from '.';
+declare const _default: {
+    title: string;
+    component: (props: CardProps) => JSX.Element;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: CardProps) => JSX.Element;
+export declare const Accordion: (args: ExpandableCardProps) => JSX.Element;
+export declare const Examples: (args: CardProps) => JSX.Element;

package/dist/{src/components → components}/Card/CardAccordion/CardAccordionBody.d.ts

@@ -1,12 +1,12 @@
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare type CardAccordionBodyProps = {
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
     isExpanded?: boolean;
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
     headerId?: string;
     /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
-    paddingTop?: CSS.Property.PaddingTop<string>;
+    paddingTop?: Property.PaddingTop<string>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const CardAccordionBody: import("react").ForwardRefExoticComponent<{
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
@@ -14,5 +14,5 @@ export declare const CardAccordionBody: import("react").ForwardRefExoticComponen
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
     headerId?: string | undefined;
     /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
-    paddingTop?: CSS.Property.PaddingTop<string> | undefined;
+    paddingTop?: Property.PaddingTop<string> | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { CheckboxProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        label?: string | undefined;
+        error?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        indeterminate?: boolean | undefined;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & 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/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, className, style, ...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/components/Chip/Chip.d.ts

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

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

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

package/dist/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/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/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/components/Chip/index.d.ts

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

package/dist/{src/components → components}/Datepicker/Datepicker.d.ts

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

package/dist/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/components/DescriptionList/DescriptionList.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { DescriptionListProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        appearance?: import("./DescriptionList").DescriptionListAppearance | undefined;
+    } & import("react").HTMLAttributes<HTMLDListElement> & 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/{src/components → components}/DescriptionList/DescriptionListGroup.d.ts

@@ -1,10 +1,10 @@
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare type DescriptionListGroupProps = {
     /**Custom margin. */
-    margin?: CSS.Property.Margin<string>;
+    margin?: Property.Margin<string>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const DescriptionListGroup: import("react").ForwardRefExoticComponent<{
     /**Custom margin. */
-    margin?: CSS.Property.Margin<string> | undefined;
+    margin?: Property.Margin<string> | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DividerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        color?: import("./Divider").DividerColor | undefined;
+    } & import("react").HTMLAttributes<HTMLHRElement> & 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/components/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { DrawerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        size?: import("./Drawer").DrawerSize | undefined;
+        placement?: import("./Drawer").DrawerPlacement | undefined;
+        header?: import("react").ReactNode;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        parentElement?: HTMLElement | undefined;
+        widthProps?: import("./Drawer").WidthProps | undefined;
+        triggerRef?: import("react").RefObject<HTMLElement> | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;
+export declare const OverviewPlacement: (args: DrawerProps) => JSX.Element;
+export declare const OverviewSizes: (args: DrawerProps) => JSX.Element;
+export declare const Default: (args: DrawerProps) => JSX.Element;
+export declare const LongContent: (args: DrawerProps) => JSX.Element;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { GlobalMessageProps } from './GlobalMessage';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        message?: string | undefined;
+        purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
+        closable?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        message: {
+            control: {
+                type: string;
+            };
+        };
+        closable: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: GlobalMessageProps) => JSX.Element;
+export declare const Default: (args: GlobalMessageProps) => JSX.Element;
+export declare const Closable: (args: GlobalMessageProps) => JSX.Element;

package/dist/{src/components → components}/IconWrapper/IconWrapper.d.ts

@@ -1,7 +1,7 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
 export declare type IconWrapperProps = {
     /**Ikon. */
@@ -9,6 +9,6 @@ export declare type IconWrapperProps = {
     /**Størrelsen til ikonet. */
     iconSize?: IconSize;
     /**Fargen til ikonet. */
-    color?: CSS.Property.Color;
+    color?: Property.Color;
 } & HTMLAttributes<SVGElement>;
 export declare function IconWrapper({ Icon, iconSize, color, className, style, ...rest }: IconWrapperProps): JSX.Element;

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IconWrapper, IconWrapperProps } from '.';
+declare const _default: {
+    title: string;
+    component: typeof IconWrapper;
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: IconWrapperProps) => JSX.Element;
+export declare const Default: (args: IconWrapperProps) => JSX.Element;
+export declare const Inline: (args: IconWrapperProps) => JSX.Element;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { InputMessageProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        message: string;
+        messageType: import("./InputMessage").InputMessageType;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        message: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: InputMessageProps) => JSX.Element;