@norges-domstoler/dds-components 13.4.0 → 13.6.0

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

@@ -2,7 +2,7 @@
 import { ButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "className" | "id"> & {
         size?: import("./Button.types").ButtonSize | undefined;
         label?: string | undefined;
         purpose?: import("./Button.types").ButtonPurpose | undefined;
@@ -15,12 +15,12 @@ declare const _default: {
         href?: string | undefined;
         target?: string | undefined;
     } & {
+        type?: "button" | "submit" | "reset" | undefined;
         onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        type?: "button" | "submit" | "reset" | undefined;
     } & {
-        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
+        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick"> | undefined;
     } & import("react").RefAttributes<HTMLButtonElement>>;
     argTypes: {
         label: {

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

@@ -2,14 +2,14 @@
 import { CheckboxProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
+    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("../../types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

@@ -2,7 +2,7 @@
 import { ChipProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         text?: string | undefined;
         onClose?: (() => void) | undefined;
     } & {

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

@@ -2,9 +2,9 @@
 import { DescriptionListProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDListElement>, "className" | "id"> & {
         appearance?: import("./DescriptionList").DescriptionListAppearance | undefined;
-        direction?: "row" | "column" | undefined;
+        direction?: "column" | "row" | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {

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

@@ -2,7 +2,7 @@
 import { DividerProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHRElement>, "className" | "id"> & {
         color?: import("./Divider").DividerColor | undefined;
     } & {
         htmlProps?: import("react").HTMLAttributes<HTMLHRElement> | undefined;

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

@@ -2,7 +2,7 @@
 import { DrawerProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         size?: import("./Drawer").DrawerSize | undefined;
         placement?: import("./Drawer").DrawerPlacement | undefined;
         header?: import("react").ReactNode;

package/dist/cjs/components/Feedback/CommentComponent.d.ts

@@ -0,0 +1,13 @@
+import { Rating } from './Feedback.types';
+type CommentComponentType = {
+    rating: Rating | null;
+    feedbackText: string | undefined;
+    positiveFeedbackLabel: string;
+    negativeFeedbackLabel: string;
+    ratingSubmittedTitle: string;
+    loading: boolean;
+    handleSubmit: () => void;
+    handleFeedbackTextChange: (newText: string) => void;
+};
+export declare const CommentComponent: ({ rating, feedbackText, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, loading, handleSubmit, handleFeedbackTextChange, }: CommentComponentType) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { FeedbackProps } from './Feedback.types';
+export declare const Feedback: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,66 @@
+import { FeedbackProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        layout: {
+            control: {
+                type: string;
+                options: {
+                    vertical: string;
+                    horizontal: string;
+                };
+            };
+        };
+        ratingLabel: {
+            control: string;
+        };
+        ratingValue: {
+            control: {
+                type: string;
+                options: {
+                    null: null;
+                    positive: string;
+                    negative: string;
+                };
+            };
+        };
+        positiveFeedbackLabel: {
+            control: string;
+        };
+        negativeFeedbackLabel: {
+            control: string;
+        };
+        feedbackTextValue: {
+            control: string;
+        };
+        thumbUpTooltip: {
+            control: string;
+        };
+        thumbDownTooltip: {
+            control: string;
+        };
+        feedbackTextAreaExcluded: {
+            control: string;
+        };
+        loading: {
+            control: string;
+        };
+        isSubmitted: {
+            control: string;
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalLayout: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WithoutTextArea: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomLabels: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomButtonTooltips: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingState: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledComponent: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,36 @@
+export type FeedbackProps = {
+    /**Om knappene skal være plassert under eller ved siden av teksten. */
+    layout?: Layout;
+    /**Label som er plassert over tommel opp/ned knappene */
+    ratingLabel: string;
+    /**Label til fritekstfeltet når bruker har gitt tommel opp */
+    positiveFeedbackLabel?: string;
+    /**Label til fritekstfeltet når bruker har gitt tommel ned */
+    negativeFeedbackLabel?: string;
+    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar */
+    ratingSubmittedTitle?: string;
+    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar) */
+    submittedTitle?: string;
+    /**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
+    ratingValue?: Rating | null;
+    /**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
+    feedbackTextValue?: string;
+    /**Tooltip-teksten til tommel-opp-knappen*/
+    thumbUpTooltip?: string;
+    /**Tooltip-teksten til tommel-ned-knappen*/
+    thumbDownTooltip?: string;
+    /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).*/
+    feedbackTextAreaExcluded?: boolean;
+    /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen. */
+    loading?: boolean;
+    /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
+    isSubmitted?: boolean;
+    /**Callback når bruker har gitt tommelrating */
+    onRating?: (rating: Rating) => void;
+    /**Callback når bruker skriver noe i fritekstfeltet */
+    onFeedbackTextChange?: (feedbackText: string) => void;
+    /**Callback når bruker sender inn feedback */
+    onSubmit?: (rating: Rating, feedbackText: string) => void;
+};
+export type Rating = 'positive' | 'negative';
+export type Layout = 'vertical' | 'horizontal';

package/dist/cjs/components/Feedback/FlexContainer.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+type FlexContainerProps = {
+    flexDirection: CSSProperties['flexDirection'];
+};
+export declare const FlexContainer: import("styled-components").StyledComponent<"div", any, FlexContainerProps, never>;
+export {};

package/dist/cjs/components/Feedback/RatingComponent.d.ts

@@ -0,0 +1,11 @@
+import { Layout, Rating } from './Feedback.types';
+type RatingComponentType = {
+    layout: Layout;
+    ratingLabel: string;
+    loading: boolean;
+    thumbUpTooltip: string;
+    thumbDownTooltip: string;
+    handleRatingChange: (rating: Rating) => void;
+};
+export declare const RatingComponent: ({ layout, ratingLabel, loading, thumbUpTooltip, thumbDownTooltip, handleRatingChange, }: RatingComponentType) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './Feedback';
+export * from './Feedback.types';

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

@@ -2,7 +2,7 @@
 import { GlobalMessageProps } from './GlobalMessage';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         message?: string | undefined;
         purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
         closable?: boolean | undefined;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "errorMessage" | "error" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         emptiable: {
             control: {

package/dist/cjs/components/InlineEdit/InlineEditInput.stories.d.ts

@@ -2,7 +2,7 @@
 import { InlineEditInputProps } from './InlineEdit.types';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "errorMessage" | "error" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         emptiable: {
             control: {

package/dist/cjs/components/InlineEdit/InlineEditTextArea.stories.d.ts

@@ -2,7 +2,7 @@
 import { InlineEditTextAreaProps } from './InlineEdit.types';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "errorMessage" | "error" | "hideIcon"> & import("react").RefAttributes<HTMLTextAreaElement>>;
     argTypes: {
         emptiable: {
             control: {

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

@@ -2,7 +2,7 @@
 import { InputMessageProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         message: string;
         messageType: import("./InputMessage").InputMessageType;
     } & {

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

@@ -2,7 +2,7 @@
 import { ListProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement>, "className" | "id"> & {
         listType?: import("./List").ListType | undefined;
         typographyType?: import("./List").ListTypographyType | undefined;
     } & {

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

@@ -2,7 +2,7 @@
 import { LocalMessageProps } from './LocalMessage';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         message?: string | undefined;
         purpose?: import("./LocalMessage").LocalMessagePurpose | undefined;
         closable?: boolean | undefined;

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

@@ -2,7 +2,7 @@
 import { ModalProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         isOpen?: boolean | undefined;
         onClose?: (() => void) | undefined;
         parentElement?: HTMLElement | undefined;

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

@@ -2,12 +2,12 @@
 import { OverflowMenuProps, OverflowMenuContextItem } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         items?: OverflowMenuContextItem[] | undefined;
         userProps?: ({
             name: string;
             href?: string | undefined;
-        } & (import("react").AnchorHTMLAttributes<HTMLAnchorElement> | import("react").ButtonHTMLAttributes<HTMLButtonElement>)) | undefined;
+        } & (import("react").ButtonHTMLAttributes<HTMLButtonElement> | import("react").AnchorHTMLAttributes<HTMLAnchorElement>)) | undefined;
         navItems?: import("./OverflowMenu.types").OverflowMenuLinkItem[] | undefined;
         isOpen?: boolean | undefined;
         onClose?: (() => void) | undefined;

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

@@ -2,7 +2,7 @@
 import { PaginationProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
         itemsAmount: number;
         defaultItemsPerPage?: number | undefined;
         defaultActivePage?: number | undefined;

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

@@ -3,7 +3,7 @@ import { PopoverProps } from '.';
 import { Placement } from '../../hooks';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         title?: import("react").ReactNode;
         isOpen?: boolean | undefined;
         withCloseButton?: boolean | undefined;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         activeStep?: number | undefined;
         onStepChange?: ((step: number) => void) | undefined;
     } & {
@@ -12,7 +12,7 @@ declare const _default: {
         Item: {
             (props: ({
                 onClick: (index: number) => void;
-            } & Pick<import("react").HTMLAttributes<HTMLButtonElement>, "id" | "className"> & {
+            } & Pick<import("react").HTMLAttributes<HTMLButtonElement>, "className" | "id"> & {
                 active?: boolean | undefined;
                 completed?: boolean | undefined;
                 disabled?: boolean | undefined;
@@ -24,7 +24,7 @@ declare const _default: {
                 htmlProps?: import("react").HTMLAttributes<HTMLButtonElement> | undefined;
             }) | ({
                 onClick?: undefined;
-            } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+            } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
                 active?: boolean | undefined;
                 completed?: boolean | undefined;
                 disabled?: boolean | undefined;

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

@@ -2,22 +2,22 @@
 import { RadioButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
+    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;
-        name?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
-        checked?: boolean | 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>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "readOnly" | "required" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

@@ -2,7 +2,7 @@
 import { RadioButtonGroupProps } from '.';
 declare const _default: {
     title: string;
-    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
+    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;

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

@@ -14,7 +14,7 @@ declare const _default: {
             (props: import("./SearchAutocompleteWrapper").SearchAutocompleteWrapperProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
-        Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & Pick<SearchProps, "componentSize"> & {
+        Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
             suggestions?: string[] | undefined;
             showSuggestions?: boolean | undefined;
             onSuggestionClick?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;

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

@@ -2,7 +2,7 @@
 import { SkipToContentProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
         text?: string | undefined;
         href: string;
         top?: import("csstype").Property.Top<0 | (string & {})> | undefined;

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

@@ -2,7 +2,7 @@
 import { StackProps } from './Stack';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & Omit<import("./Stack").StackStyleProps, "direction"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<import("./Stack").StackStyleProps, "direction"> & {
         children?: import("react").ReactNode;
     } & {
         htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;

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

@@ -2,7 +2,7 @@
 import { TabsProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
         activeTab?: number | undefined;
         onChange?: ((index: number) => void) | undefined;
         tabContentDirection?: import("../../types").Direction | undefined;
@@ -14,7 +14,7 @@ declare const _default: {
     } & import("react").RefAttributes<HTMLDivElement>>;
     subcomponents: {
         TabList: import("react").ForwardRefExoticComponent<import("./TabList").TabListProps & import("react").RefAttributes<HTMLDivElement>>;
-        Tab: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "id" | "className"> & {
+        Tab: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
             active?: boolean | undefined;
             icon?: import("../../icons/utils").SvgIcon | undefined;
             focus?: boolean | undefined;
@@ -25,7 +25,7 @@ declare const _default: {
         } & {
             htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
         } & import("react").RefAttributes<HTMLButtonElement>>;
-        TabPanel: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+        TabPanel: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
             active?: boolean | undefined;
         } & {
             children?: import("react").ReactNode;

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

@@ -2,7 +2,7 @@
 import { TagProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLSpanElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLSpanElement>, "className" | "id"> & {
         text?: string | undefined;
         purpose?: import("./Tag").TagPurpose | undefined;
     } & {

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

@@ -2,11 +2,11 @@
 import { ToggleButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
+    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("../../icons/utils").SvgIcon | undefined;
     } & import("../../types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

@@ -2,7 +2,7 @@
 import { TooltipProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
         text: string;
         placement?: import("../..").Placement | undefined;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;

package/dist/cjs/components/Typography/Caption/Caption.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & CaptionProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "className" | "id"> & {
         withMargins?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;

package/dist/cjs/components/Typography/Heading/Heading.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & HeadingProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "className" | "id"> & {
         level: import("./Heading").HeadingLevel;
         typographyType?: import("..").TypographyHeadingType | undefined;
     } & {

package/dist/cjs/components/Typography/Label/Label.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & LabelProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "className" | "id"> & {
         showRequiredStyling?: boolean | undefined;
     } & {
         withMargins?: boolean | undefined;

package/dist/cjs/components/Typography/Legend/Legend.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & LegendProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLLegendElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLLegendElement>, "className" | "id"> & {
         withMargins?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;

package/dist/cjs/components/Typography/Link/Link.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & LinkProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href" | "target">, "className" | "id"> & {
         external?: boolean | undefined;
         typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | undefined;
     } & {
@@ -13,11 +13,11 @@ declare const _default: {
     } & {
         children?: import("react").ReactNode;
     } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        href?: string | undefined;
         onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+        href?: string | undefined;
         target?: import("react").HTMLAttributeAnchorTarget | undefined;
     } & {
-        htmlProps?: Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target"> | undefined;
+        htmlProps?: Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href" | "target"> | undefined;
     } & import("react").RefAttributes<HTMLAnchorElement>>;
     argTypes: {
         typographyType: {

package/dist/cjs/components/Typography/Paragraph/Paragraph.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & ParagraphProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "className" | "id"> & {
         typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | import("..").TypographyLeadType | undefined;
     } & {
         withMargins?: boolean | undefined;

package/dist/cjs/icons/tsx/agreement.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function AgreementIcon(props: SvgProps): import("react/jsx-runtime").JSX.Element;