@norges-domstoler/dds-components 8.0.0 → 9.0.0

package/README.md

@@ -69,6 +69,7 @@ Tilgjengelige komponenter:
 - Tabs
 - Tag
 - TextInput
+- TextArea
 - ToggleBar
 - ToggleButton
 - Tooltip

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

@@ -1,7 +1,7 @@
 import { ButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type">, "id" | "className"> & {
         size?: import("./Button.types").ButtonSize | undefined;
         label?: string | undefined;
         purpose?: import("./Button.types").ButtonPurpose | undefined;
@@ -13,12 +13,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>, "type" | "onFocus" | "onBlur" | "onClick"> | undefined;
+        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
     } & import("react").RefAttributes<HTMLButtonElement>>;
     argTypes: {
         label: {

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

@@ -4,15 +4,6 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<Om
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;
     indeterminate?: boolean | undefined;
-} & {
-    'aria-describedby'?: string | undefined;
-    name?: string | undefined;
-    checked?: boolean | undefined;
-    defaultChecked?: boolean | undefined;
-    value?: string | number | readonly string[] | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
-} & {
+} & import("../../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/Checkbox/Checkbox.stories.d.ts

@@ -1,23 +1,14 @@
 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">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
         label?: string | undefined;
         error?: boolean | undefined;
         disabled?: boolean | undefined;
         readOnly?: boolean | undefined;
         indeterminate?: boolean | undefined;
-    } & {
-        name?: string | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        'aria-describedby'?: string | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
-        onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-        value?: string | number | readonly string[] | undefined;
-        checked?: boolean | undefined;
-    } & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
+    } & import("../../types").CheckboxPickedHTMLAttributes & {
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../types';
-declare type PickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
+import { CheckboxPickedHTMLAttributes } from '../../types/CheckboxPickedHTMLAttributes';
 export declare type CheckboxProps = BaseComponentProps<HTMLInputElement, {
     /** Ledetekst for inputelementet. */
     label?: string;
@@ -12,5 +12,4 @@ export declare type CheckboxProps = BaseComponentProps<HTMLInputElement, {
     readOnly?: boolean;
     /**Brukes ved nøstet struktur der alle Checkbox som hører til en gruppe kan bli valgt ved å trykke på en forelder Checkbox. Hvis enkelte <Checkbox /> blir valgt men ikke alle skal forelder <Checkbox /> få tilstanden indeterminate - verken checked eller ikke. */
     indeterminate?: boolean;
-} & PickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedHTMLAttributes>>;
-export {};
+} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;

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

@@ -23,10 +23,10 @@ export declare const overflowMenuTokens: {
     };
     link: {
         hover: {
-            color: string;
+            backgroundColor: string;
         };
         active: {
-            color: string;
+            backgroundColor: string;
         };
     };
     divider: {

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

@@ -31,8 +31,6 @@ export declare type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement
     sizeProps?: PopoverSizeProps;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: () => void;
-    /**Spesifiserer hvilken DOM node `<Popover />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement;
 }>;
 export declare const Popover: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /**Tittel. */
@@ -55,8 +53,6 @@ export declare const Popover: import("react").ForwardRefExoticComponent<Pick<imp
     sizeProps?: PopoverSizeProps | undefined;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: (() => void) | undefined;
-    /**Spesifiserer hvilken DOM node `<Popover />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement | undefined;
 } & {
     children?: ReactNode;
 } & {

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

@@ -13,7 +13,6 @@ declare const _default: {
         onBlur?: (() => void) | undefined;
         sizeProps?: import("./Popover").PopoverSizeProps | undefined;
         onClose?: (() => void) | undefined;
-        parentElement?: HTMLElement | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {

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

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

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

@@ -51,7 +51,7 @@ export declare const RadioButtonGroup: <T extends string | number = string>(prop
 } & {
     children?: import("react").ReactNode;
 } & {
-    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
+    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined; /**Funksjonen for onChange-event for barna. */
 } & {
     ref?: Ref<HTMLDivElement> | undefined;
 }) => ReactElement;

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

@@ -0,0 +1,7 @@
+import { TextareaHTMLAttributes } from 'react';
+import { CommonInputProps } from '../../helpers/Input';
+export declare const StyledTextArea: import("styled-components").StyledComponent<"input", any, Pick<import("../../helpers/Input").InputProps, "disabled" | "readOnly"> & {
+    hasErrorMessage: boolean;
+} & Pick<import("../../helpers/Input").InputProps, "componentSize">, never>;
+export declare type TextAreaProps = CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,51 @@
+import { TextAreaProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("../../helpers").CommonInputProps & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    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;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: TextAreaProps) => JSX.Element;
+export declare const Default: (args: TextAreaProps) => JSX.Element;
+export declare const WithLabel: (args: TextAreaProps) => JSX.Element;

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

@@ -0,0 +1,5 @@
+export declare const textAreaTokens: {
+    textarea: {
+        paddingBottom: string;
+    };
+};

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

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

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

@@ -1,14 +1,8 @@
 import React from 'react';
 import { InputSize } from '../../helpers';
-import { Property } from 'csstype';
-export declare const TextInput: React.ForwardRefExoticComponent<{
-    multiline?: boolean | undefined;
+export declare const TextInput: React.ForwardRefExoticComponent<import("../../helpers").CommonInputProps & {
+    componentSize?: InputSize | undefined;
+} & React.InputHTMLAttributes<HTMLInputElement> & {
     withCharacterCounter?: boolean | undefined;
     icon?: import("../../icons/utils").SvgIcon | undefined;
-} & {
-    label?: string | undefined;
-    componentSize?: InputSize | undefined;
-    width?: Property.Width<string> | undefined;
-    tip?: string | undefined;
-    errorMessage?: string | undefined;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLInputElement>>;
+} & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,17 +1,12 @@
 import { TextInputProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        multiline?: boolean | undefined;
+    component: import("react").ForwardRefExoticComponent<import("../../helpers").CommonInputProps & {
+        componentSize?: import("../../helpers").InputSize | undefined;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & {
         withCharacterCounter?: boolean | undefined;
         icon?: import("../../icons/utils").SvgIcon | undefined;
-    } & {
-        label?: string | undefined;
-        componentSize?: import("../../helpers").InputSize | undefined;
-        width?: import("csstype").Property.Width<string> | undefined;
-        tip?: string | undefined;
-        errorMessage?: string | undefined;
-    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLInputElement>>;
+    } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {
             control: {
@@ -33,11 +28,6 @@ declare const _default: {
                 type: string;
             };
         };
-        multiline: {
-            control: {
-                type: string;
-            };
-        };
         required: {
             control: {
                 type: string;
@@ -63,9 +53,6 @@ declare const _default: {
 export default _default;
 export declare const TextInputOverview: (args: TextInputProps) => JSX.Element;
 export declare const TextInputOverviewSizes: () => JSX.Element;
-export declare const TextareaOverview: (args: TextInputProps) => JSX.Element;
 export declare const Default: (args: TextInputProps) => JSX.Element;
 export declare const WithLabel: (args: TextInputProps) => JSX.Element;
 export declare const WithCharacterCount: (args: TextInputProps) => JSX.Element;
-export declare const Textarea: (args: TextInputProps) => JSX.Element;
-export declare const TextareaWithLabel: (args: TextInputProps) => JSX.Element;

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

@@ -1,8 +1,5 @@
 import { InputSize } from '../../helpers';
 import { Icon } from '../Icon';
-export declare const TextArea: import("styled-components").StyledComponent<"input", any, Pick<import("../../helpers").InputProps, "disabled" | "readOnly" | "componentSize"> & {
-    hasErrorMessage: boolean;
-} & StyledInputProps, never>;
 export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type StyledIconProps = {
     size: InputSize;
@@ -11,7 +8,7 @@ export declare const StyledIcon: import("styled-components").StyledComponent<typ
 declare type StyledInputProps = {
     hasIcon?: boolean;
 };
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<import("../../helpers").InputProps, "disabled" | "readOnly" | "componentSize"> & {
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<import("../../helpers").InputProps, "disabled" | "readOnly"> & {
     hasErrorMessage: boolean;
-} & StyledInputProps, never>;
+} & Pick<import("../../helpers").InputProps, "componentSize"> & StyledInputProps, never>;
 export {};

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

@@ -1,11 +1,8 @@
-import { InputHTMLAttributes } from 'react';
 import { InputProps } from '../../helpers';
 import { SvgIcon } from '../../icons/utils';
-export declare type TextInputProps = {
-    /**Gjør inputfeltet om til `<textarea>`. */
-    multiline?: boolean;
-    /** Spesifiserer om tegntelleren skal vises. */
+export declare type TextInputProps = InputProps & {
+    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
     withCharacterCounter?: boolean;
     /** Ikonet som vises i komponenten. */
     icon?: SvgIcon;
-} & InputProps & InputHTMLAttributes<HTMLTextAreaElement>;
+};

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

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

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

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

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

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

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

@@ -1,7 +1,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>, "children" | "style" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
         text: string;
         placement?: import("../..").Placement | undefined;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;
@@ -12,7 +12,7 @@ declare const _default: {
         onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver"> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         text: {

package/dist/cjs/helpers/Input/Input.styles.d.ts

@@ -1,8 +1,8 @@
 import { Property } from 'csstype';
 export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const StatefulInput: import("styled-components").StyledComponent<"input", any, Pick<import("./Input.types").InputProps, "disabled" | "readOnly" | "componentSize"> & {
+export declare const StatefulInput: import("styled-components").StyledComponent<"input", any, Pick<import("./Input.types").InputProps, "disabled" | "readOnly"> & {
     hasErrorMessage: boolean;
-}, never>;
+} & Pick<import("./Input.types").InputProps, "componentSize">, never>;
 declare type OuterInputContainerProps = {
     width?: Property.Width<string>;
 };

package/dist/cjs/helpers/Input/Input.types.d.ts

@@ -1,18 +1,21 @@
 import { InputHTMLAttributes } from 'react';
 import { Property } from 'csstype';
-export declare type InputSize = 'medium' | 'small' | 'tiny';
-export declare type InputProps = {
+export declare type CommonInputProps = {
     /**Ledetekst for input. */
     label?: string;
-    /**Størrelse på inputfeltet. */
-    componentSize?: InputSize;
     /**Bredde for inputfeltet. */
     width?: Property.Width<string>;
     /**Hjelpetekst. */
     tip?: string;
     /**Feilmelding. Setter også error state. */
     errorMessage?: string;
+};
+export declare type InputSize = 'medium' | 'small' | 'tiny';
+export declare type InputProps = CommonInputProps & {
+    /**Størrelse på inputfeltet. */
+    componentSize?: InputSize;
 } & InputHTMLAttributes<HTMLInputElement>;
-export declare type StyledInputProps = Pick<InputProps, 'readOnly' | 'disabled' | 'componentSize'> & {
+export declare type StyledCommonInputProps = Pick<InputProps, 'readOnly' | 'disabled'> & {
     hasErrorMessage: boolean;
 };
+export declare type StyledInputProps = StyledCommonInputProps & Pick<InputProps, 'componentSize'>;

package/dist/cjs/helpers/Input/Input.utils.d.ts

@@ -1,3 +1,5 @@
 import { IconSize } from '../../components/Icon';
 import { InputSize } from './Input.types';
 export declare const getFormInputIconSize: (componentSize: InputSize) => IconSize;
+export declare function getDefaultText(value?: string | number | readonly string[], defaultValue?: string | number | readonly string[]): string;
+export declare const renderInputMessage: (tip?: string, tipId?: string, errorMessage?: string, errorMessageId?: string) => JSX.Element;

package/dist/cjs/index.d.ts

@@ -39,3 +39,4 @@ export * from './components/ToggleBar';
 export * from './components/Grid';
 export * from './components/ProgressTracker';
 export * from './hooks';
+export * from './components/TextArea';