@norges-domstoler/dds-components 21.14.0 → 21.16.0

package/dist/index.d.mts

@@ -430,6 +430,16 @@ declare function useReturnFocusOnBlur<T extends HTMLElement>(active: boolean, on
 
 type Direction$1 = 'row' | 'column';
 
+interface CommonComponentProps<THTMLProps extends object, TRef extends Ref<unknown>> {
+    /**HTML id. */
+    id?: string;
+    /**HTML klassenavn. */
+    className?: string;
+    /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
+    htmlProps?: THTMLProps;
+    /**Ref til komponenten. */
+    ref?: TRef;
+}
 /**
  * Basetype for props som eksponeres til konsumenter av designsystemet.
  * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
@@ -441,16 +451,7 @@ type Direction$1 = 'row' | 'column';
  * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
  * @template THTMLAttributesProps Standard `HTMLAttributes<T>` men kan overstyres for f.eks knapper hvis man trenger en annen basetype for `htmlProps`.
  */
-type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Omit<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & {
-    /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
-    htmlProps?: THTMLAttributesProps;
-    /**Ref til komponenten. */
-    ref?: Ref<TElement>;
-    /**HTML id. */
-    id?: string;
-    /**Klassenavn. */
-    className?: string;
-};
+type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Omit<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & CommonComponentProps<THTMLAttributesProps, Ref<TElement>>;
 /**
  * Basetype for polymorfe props som eksponeres til konsumenter av designsystemet.
  * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
@@ -461,17 +462,9 @@ type BaseComponentProps<TElement extends Element, TOtherProps extends object = o
  * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
  * @template TComponentProps Standard `ComponentPropsWithoutRef<E>` som kan overstyres hvis man trenger en annen basetype for `htmlProps`, f.eks. for å støtte ofte brukte attributter på roten.
  */
-type PolymorphicBaseComponentProps<E extends ElementType, TOtherProps extends object = object, TComponentProps extends object = ComponentPropsWithoutRef<E>> = Omit<TComponentProps, 'id' | 'className' | 'style' | 'ref'> & TOtherProps & {
+type PolymorphicBaseComponentProps<E extends ElementType, TOtherProps extends object = object, TComponentProps extends object = ComponentPropsWithoutRef<E>> = Omit<TComponentProps, 'id' | 'className' | 'style' | 'ref'> & TOtherProps & CommonComponentProps<TComponentProps, ComponentPropsWithRef<E>['ref']> & {
     /**HTML- eller React-element som returneres. */
     as?: E;
-    /**Ref til komponenten. */
-    ref?: ComponentPropsWithRef<E>['ref'];
-    /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` og `style` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
-    htmlProps?: TComponentProps;
-    /**HTML id. */
-    id?: string;
-    /**Klassenavn. */
-    className?: string;
     /**Inline style. */
     style?: CSSProperties;
 };
@@ -2313,6 +2306,8 @@ declare const Typography: {
 interface CommonInputProps {
     /**Ledetekst. */
     label?: string;
+    /** Innhold etter ledetekst, f.eks. knapp som viser ekstra info e.l. */
+    afterLabelContent?: ReactNode;
     /**Bredde for inputfeltet. Kan settes per brekkpunkt, manglende brekkpunter får da default bredde. */
     width?: ResponsiveProps['width'];
     /**Hjelpetekst. */
@@ -2364,10 +2359,12 @@ interface BaseLabelProps {
     showRequiredStyling?: boolean;
     /** Om input knyttet til ledeteksten er `read-only`; påvirker styling. */
     readOnly?: boolean;
+    /**Innhold som står etter ledeteksten (knapp med ekstra info e.l.). */
+    afterLabelContent?: ReactNode;
 }
 type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & BaseTypographyProps & PickedHTMLAttributes$4, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes$4 | 'color'>>;
 declare const Label: {
-    ({ showRequiredStyling, readOnly, id, className, htmlProps, children, ...rest }: LabelProps): react_jsx_runtime.JSX.Element;
+    ({ showRequiredStyling, readOnly, id, className, htmlProps, children, afterLabelContent, ...rest }: LabelProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2381,16 +2378,16 @@ declare const Legend: {
 };
 
 type PickedHTMLAttributes$3 = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href' | 'target'>;
-type LinkProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
+type LinkProps<T extends ElementType = 'a'> = PolymorphicBaseComponentProps<T, {
     /**Spesifiserer om lenken fører til et eksternt nettsted eller åpnes i nytt vindu. Påvirker styling og setter `target` prop. */
     external?: boolean;
     /**Om lenken kan få `:visited`-styling. */
     withVisited?: boolean;
     /**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
     typographyType?: TypographyBodyType;
-} & BaseTypographyProps & PickedHTMLAttributes$3, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof PickedHTMLAttributes$3 | 'color'>>;
+} & BaseTypographyProps & PickedHTMLAttributes$3, Omit<ComponentPropsWithoutRef<T>, keyof PickedHTMLAttributes$3 | 'color'>>;
 declare const Link: {
-    ({ id, className, htmlProps, children, typographyType, withMargins, withVisited, external, target, style, color, ...rest }: LinkProps): react_jsx_runtime.JSX.Element;
+    <T extends ElementType = "a">({ id, className, htmlProps, children, typographyType, withMargins, withVisited, external, target, style, color, as: propAs, ...rest }: LinkProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2425,9 +2422,13 @@ type BackLinkProps = {
      * Ledetekst.
      */
     label: string;
+    /**
+     * Custom HTML- eller React-element som returneres. Brukes ved klient-side ruting o.l.
+     */
+    as?: ElementType;
 } & Pick<ComponentPropsWithRef<'a'>, 'onClick' | 'href' | 'ref'>;
 declare const BackLink: {
-    ({ label, ref, ...rest }: BackLinkProps): react_jsx_runtime.JSX.Element;
+    ({ label, ref, as, ...rest }: BackLinkProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3069,8 +3070,6 @@ type FileUploaderHookProps = {
 type FileUploaderProps = {
     /**Id til filopplasteren. */
     id?: string;
-    /**Ledetekst for filopplaster. */
-    label?: string;
     /**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp"
      * @default Dra og slipp filer her eller
      */
@@ -3089,7 +3088,7 @@ type FileUploaderProps = {
     withDragAndDrop?: boolean;
     /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
     hideFileList?: boolean;
-} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'> & Pick<InputProps, 'tip'>;
+} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'> & Pick<InputProps, 'tip' | 'label' | 'afterLabelContent'>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -3160,8 +3159,13 @@ declare const GlobalMessage: {
     displayName: string;
 };
 
-type InlineButtonProps = Pick<BaseTypographyProps, 'color'> & Omit<ComponentPropsWithRef<'button'>, 'color'>;
-declare const InlineButton: ({ className, color, ...rest }: InlineButtonProps) => react_jsx_runtime.JSX.Element;
+type InlineButtonProps = {
+    /**
+     * Enestående ikon; bruk av denne propen sørge for riktig visning av ikonet.
+     */
+    icon?: SvgIcon;
+} & Pick<BaseTypographyProps, 'color'> & Omit<ComponentPropsWithRef<'button'>, 'color'>;
+declare const InlineButton: ({ className, color, icon, children, ...rest }: InlineButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface InlineEditContextType {
     onChange: (e: ChangeEvent<EditElement>) => void;
@@ -3446,25 +3450,27 @@ interface PaginationOption {
     value: number;
 }
 type PaginationProps = BaseComponentProps<HTMLElement, {
-    /**Totalt antall elementer å paginere. */
+    /**Totalt antall elementer som skal pagineres. */
     itemsAmount: number;
-    /**Antall elementer per side ved innlastning av komponenten.
+    /**Antall elementer per side ved innlastning.
      * @default 10
      */
     defaultItemsPerPage?: number;
-    /**Den aktive siden ved innlastning av komponenten.
+    /**Den aktive siden ved innlastning.
      * @default 1
      */
     defaultActivePage?: number;
+    /**Den aktive siden. Brukes til kontrollert tilstand - når denne er satt styrer du siden utenfra. */
+    activePage?: number;
     /**Spesifiserer om selve pagineringen skal vises.
      * @default true
      */
     withPagination?: boolean;
-    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
+    /**Om teksten `'Vis x-y av z'` skal vises. */
     withCounter?: boolean;
-    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
+    /**Om `<Select>` for å velge antall per side skal vises. */
     withSelect?: boolean;
-    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten.
+    /**Custom options for `<Select>`. **OBS!** husk å inkludere "Alle"-alternativet hvis relevant - brukere forventer ofte den muligheten.
      * @default [
         { label: '10', value: 10 },
         { label: '25', value: 25 },
@@ -3473,15 +3479,17 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
       ]
      */
     selectOptions?: Array<PaginationOption>;
-    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
+    /**Kalles ved sideendring - henter ny aktiv side og kjører ekstra logikk. */
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
-    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
+    /**Kalles når `selectedOption` endres, hvis `withSelect="true"`.
+     * Brukes til å hente valgt alternativ og evt. kjøre ekstra logikk.
+     */
     onSelectOptionChange?: (option: PaginationOption | null) => void;
-    /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
+    /**Brekkpunkt for mobilvisning; den viser færre sideknapper og stacker delkomponentene. */
     smallScreenBreakpoint?: Breakpoint;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
 declare const Pagination: {
-    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, activePage: activePageProp, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 
@@ -3531,9 +3539,9 @@ type PhoneInputProps = {
      * @default "Landskode og telefonnummer"
      */
     groupLabel?: string;
-} & Pick<InputProps, 'readOnly' | 'disabled' | 'width' | 'componentSize' | 'errorMessage' | 'label' | 'tip' | 'required' | 'className' | 'style' | 'aria-required' | 'aria-describedby' | 'ref'>;
+} & Pick<InputProps, 'readOnly' | 'disabled' | 'width' | 'componentSize' | 'errorMessage' | 'label' | 'afterLabelContent' | 'tip' | 'required' | 'className' | 'style' | 'aria-required' | 'aria-describedby' | 'ref'>;
 declare const PhoneInput: {
-    ({ label, readOnly, errorMessage, tip, required, width, componentSize, name, className, style, value, selectLabel, selectRef, onChange, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, groupLabel, ref, ...props }: PhoneInputProps): react_jsx_runtime.JSX.Element;
+    ({ label, readOnly, errorMessage, tip, required, width, componentSize, name, className, style, value, selectLabel, selectRef, onChange, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, groupLabel, afterLabelContent, ref, ...props }: PhoneInputProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3754,8 +3762,6 @@ interface SelectOption<TValue = unknown> {
 }
 type WrappedReactSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = WithRequiredIf<Option extends SelectOption ? false : true, Props<Option, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
 type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
-    /**Ledetekst for nedtrekkslisten. */
-    label?: string;
     /**Størrelsen på komponenten.
      * @default "medium"
      */
@@ -3764,10 +3770,6 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     icon?: SvgIcon;
     /**Nedtrekkslisten blir `readonly` og får readOnly styling. */
     readOnly?: boolean;
-    /**Meldingen som vises ved valideringsfeil. */
-    errorMessage?: string;
-    /**Hjelpetekst. */
-    tip?: string;
     /** CSS klassenavn. */
     className?: string;
     /** Inline styling. */
@@ -3780,9 +3782,9 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     'data-testid'?: string;
     /**Ref til komponenten. */
     ref?: SelectForwardRefType<Option, IsMulti>;
-} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & Pick<ResponsiveProps, 'width'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
+} & CommonInputProps & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
 type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
-declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
+declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, afterLabelContent, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
 declare namespace Select {
     var displayName: string;
 }
@@ -3793,7 +3795,7 @@ type NativeSelectProps = {
     /** Implementerer `readOnly` oppførsel etter standard for `<input>` og setter `readOnly` styling. */
     readOnly?: InputProps['readOnly'];
 } & CommonInputProps & Pick<InputProps, 'componentSize'> & ComponentPropsWithRef<'select'>;
-declare const NativeSelect: ({ ref, id, children, componentSize, label, multiple, readOnly, errorMessage, tip, required, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, width, className, style, onKeyDown, onMouseDown, clearable, onChange, ...rest }: NativeSelectProps) => react_jsx_runtime.JSX.Element;
+declare const NativeSelect: ({ ref, id, children, componentSize, label, multiple, readOnly, errorMessage, tip, required, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, width, className, style, onKeyDown, onMouseDown, clearable, afterLabelContent, onChange, ...rest }: NativeSelectProps) => react_jsx_runtime.JSX.Element;
 type NativeSelectPlaceholderProps = ComponentPropsWithRef<'option'>;
 declare const NativeSelectPlaceholder: {
     ({ children, value, ...rest }: NativeSelectPlaceholderProps): react_jsx_runtime.JSX.Element;
@@ -4179,7 +4181,7 @@ interface TextAffixProps {
 }
 
 declare const TextInput: {
-    ({ label, disabled, readOnly, errorMessage, tip, required, maxLength, onChange, id, width, componentSize, type, withCharacterCounter, className, style, value, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, icon, prefix, suffix, ref, ...rest }: TextInputProps): react_jsx_runtime.JSX.Element;
+    ({ label, afterLabelContent, disabled, readOnly, errorMessage, tip, required, maxLength, onChange, id, width, componentSize, type, withCharacterCounter, className, style, value, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, icon, prefix, suffix, ref, ...rest }: TextInputProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -4208,7 +4210,7 @@ type ToggleProps = BaseComponentProps<HTMLElement, {
      */
     readOnly?: boolean;
     /**
-     * Indikerer at verdien prosesseres; viser loading-tilstand og setter `aria-disabled`.
+     * Indikerer at verdien prosesseres; viser loading-tilstand og setter `disabled`.
      */
     isLoading?: boolean;
     /**

package/dist/index.d.ts

@@ -430,6 +430,16 @@ declare function useReturnFocusOnBlur<T extends HTMLElement>(active: boolean, on
 
 type Direction$1 = 'row' | 'column';
 
+interface CommonComponentProps<THTMLProps extends object, TRef extends Ref<unknown>> {
+    /**HTML id. */
+    id?: string;
+    /**HTML klassenavn. */
+    className?: string;
+    /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
+    htmlProps?: THTMLProps;
+    /**Ref til komponenten. */
+    ref?: TRef;
+}
 /**
  * Basetype for props som eksponeres til konsumenter av designsystemet.
  * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
@@ -441,16 +451,7 @@ type Direction$1 = 'row' | 'column';
  * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
  * @template THTMLAttributesProps Standard `HTMLAttributes<T>` men kan overstyres for f.eks knapper hvis man trenger en annen basetype for `htmlProps`.
  */
-type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Omit<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & {
-    /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
-    htmlProps?: THTMLAttributesProps;
-    /**Ref til komponenten. */
-    ref?: Ref<TElement>;
-    /**HTML id. */
-    id?: string;
-    /**Klassenavn. */
-    className?: string;
-};
+type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Omit<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & CommonComponentProps<THTMLAttributesProps, Ref<TElement>>;
 /**
  * Basetype for polymorfe props som eksponeres til konsumenter av designsystemet.
  * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
@@ -461,17 +462,9 @@ type BaseComponentProps<TElement extends Element, TOtherProps extends object = o
  * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
  * @template TComponentProps Standard `ComponentPropsWithoutRef<E>` som kan overstyres hvis man trenger en annen basetype for `htmlProps`, f.eks. for å støtte ofte brukte attributter på roten.
  */
-type PolymorphicBaseComponentProps<E extends ElementType, TOtherProps extends object = object, TComponentProps extends object = ComponentPropsWithoutRef<E>> = Omit<TComponentProps, 'id' | 'className' | 'style' | 'ref'> & TOtherProps & {
+type PolymorphicBaseComponentProps<E extends ElementType, TOtherProps extends object = object, TComponentProps extends object = ComponentPropsWithoutRef<E>> = Omit<TComponentProps, 'id' | 'className' | 'style' | 'ref'> & TOtherProps & CommonComponentProps<TComponentProps, ComponentPropsWithRef<E>['ref']> & {
     /**HTML- eller React-element som returneres. */
     as?: E;
-    /**Ref til komponenten. */
-    ref?: ComponentPropsWithRef<E>['ref'];
-    /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` og `style` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
-    htmlProps?: TComponentProps;
-    /**HTML id. */
-    id?: string;
-    /**Klassenavn. */
-    className?: string;
     /**Inline style. */
     style?: CSSProperties;
 };
@@ -2313,6 +2306,8 @@ declare const Typography: {
 interface CommonInputProps {
     /**Ledetekst. */
     label?: string;
+    /** Innhold etter ledetekst, f.eks. knapp som viser ekstra info e.l. */
+    afterLabelContent?: ReactNode;
     /**Bredde for inputfeltet. Kan settes per brekkpunkt, manglende brekkpunter får da default bredde. */
     width?: ResponsiveProps['width'];
     /**Hjelpetekst. */
@@ -2364,10 +2359,12 @@ interface BaseLabelProps {
     showRequiredStyling?: boolean;
     /** Om input knyttet til ledeteksten er `read-only`; påvirker styling. */
     readOnly?: boolean;
+    /**Innhold som står etter ledeteksten (knapp med ekstra info e.l.). */
+    afterLabelContent?: ReactNode;
 }
 type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & BaseTypographyProps & PickedHTMLAttributes$4, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes$4 | 'color'>>;
 declare const Label: {
-    ({ showRequiredStyling, readOnly, id, className, htmlProps, children, ...rest }: LabelProps): react_jsx_runtime.JSX.Element;
+    ({ showRequiredStyling, readOnly, id, className, htmlProps, children, afterLabelContent, ...rest }: LabelProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2381,16 +2378,16 @@ declare const Legend: {
 };
 
 type PickedHTMLAttributes$3 = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href' | 'target'>;
-type LinkProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
+type LinkProps<T extends ElementType = 'a'> = PolymorphicBaseComponentProps<T, {
     /**Spesifiserer om lenken fører til et eksternt nettsted eller åpnes i nytt vindu. Påvirker styling og setter `target` prop. */
     external?: boolean;
     /**Om lenken kan få `:visited`-styling. */
     withVisited?: boolean;
     /**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
     typographyType?: TypographyBodyType;
-} & BaseTypographyProps & PickedHTMLAttributes$3, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof PickedHTMLAttributes$3 | 'color'>>;
+} & BaseTypographyProps & PickedHTMLAttributes$3, Omit<ComponentPropsWithoutRef<T>, keyof PickedHTMLAttributes$3 | 'color'>>;
 declare const Link: {
-    ({ id, className, htmlProps, children, typographyType, withMargins, withVisited, external, target, style, color, ...rest }: LinkProps): react_jsx_runtime.JSX.Element;
+    <T extends ElementType = "a">({ id, className, htmlProps, children, typographyType, withMargins, withVisited, external, target, style, color, as: propAs, ...rest }: LinkProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2425,9 +2422,13 @@ type BackLinkProps = {
      * Ledetekst.
      */
     label: string;
+    /**
+     * Custom HTML- eller React-element som returneres. Brukes ved klient-side ruting o.l.
+     */
+    as?: ElementType;
 } & Pick<ComponentPropsWithRef<'a'>, 'onClick' | 'href' | 'ref'>;
 declare const BackLink: {
-    ({ label, ref, ...rest }: BackLinkProps): react_jsx_runtime.JSX.Element;
+    ({ label, ref, as, ...rest }: BackLinkProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3069,8 +3070,6 @@ type FileUploaderHookProps = {
 type FileUploaderProps = {
     /**Id til filopplasteren. */
     id?: string;
-    /**Ledetekst for filopplaster. */
-    label?: string;
     /**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp"
      * @default Dra og slipp filer her eller
      */
@@ -3089,7 +3088,7 @@ type FileUploaderProps = {
     withDragAndDrop?: boolean;
     /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
     hideFileList?: boolean;
-} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'> & Pick<InputProps, 'tip'>;
+} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'> & Pick<InputProps, 'tip' | 'label' | 'afterLabelContent'>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -3160,8 +3159,13 @@ declare const GlobalMessage: {
     displayName: string;
 };
 
-type InlineButtonProps = Pick<BaseTypographyProps, 'color'> & Omit<ComponentPropsWithRef<'button'>, 'color'>;
-declare const InlineButton: ({ className, color, ...rest }: InlineButtonProps) => react_jsx_runtime.JSX.Element;
+type InlineButtonProps = {
+    /**
+     * Enestående ikon; bruk av denne propen sørge for riktig visning av ikonet.
+     */
+    icon?: SvgIcon;
+} & Pick<BaseTypographyProps, 'color'> & Omit<ComponentPropsWithRef<'button'>, 'color'>;
+declare const InlineButton: ({ className, color, icon, children, ...rest }: InlineButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface InlineEditContextType {
     onChange: (e: ChangeEvent<EditElement>) => void;
@@ -3446,25 +3450,27 @@ interface PaginationOption {
     value: number;
 }
 type PaginationProps = BaseComponentProps<HTMLElement, {
-    /**Totalt antall elementer å paginere. */
+    /**Totalt antall elementer som skal pagineres. */
     itemsAmount: number;
-    /**Antall elementer per side ved innlastning av komponenten.
+    /**Antall elementer per side ved innlastning.
      * @default 10
      */
     defaultItemsPerPage?: number;
-    /**Den aktive siden ved innlastning av komponenten.
+    /**Den aktive siden ved innlastning.
      * @default 1
      */
     defaultActivePage?: number;
+    /**Den aktive siden. Brukes til kontrollert tilstand - når denne er satt styrer du siden utenfra. */
+    activePage?: number;
     /**Spesifiserer om selve pagineringen skal vises.
      * @default true
      */
     withPagination?: boolean;
-    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
+    /**Om teksten `'Vis x-y av z'` skal vises. */
     withCounter?: boolean;
-    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
+    /**Om `<Select>` for å velge antall per side skal vises. */
     withSelect?: boolean;
-    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten.
+    /**Custom options for `<Select>`. **OBS!** husk å inkludere "Alle"-alternativet hvis relevant - brukere forventer ofte den muligheten.
      * @default [
         { label: '10', value: 10 },
         { label: '25', value: 25 },
@@ -3473,15 +3479,17 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
       ]
      */
     selectOptions?: Array<PaginationOption>;
-    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
+    /**Kalles ved sideendring - henter ny aktiv side og kjører ekstra logikk. */
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
-    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
+    /**Kalles når `selectedOption` endres, hvis `withSelect="true"`.
+     * Brukes til å hente valgt alternativ og evt. kjøre ekstra logikk.
+     */
     onSelectOptionChange?: (option: PaginationOption | null) => void;
-    /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
+    /**Brekkpunkt for mobilvisning; den viser færre sideknapper og stacker delkomponentene. */
     smallScreenBreakpoint?: Breakpoint;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
 declare const Pagination: {
-    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, activePage: activePageProp, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 
@@ -3531,9 +3539,9 @@ type PhoneInputProps = {
      * @default "Landskode og telefonnummer"
      */
     groupLabel?: string;
-} & Pick<InputProps, 'readOnly' | 'disabled' | 'width' | 'componentSize' | 'errorMessage' | 'label' | 'tip' | 'required' | 'className' | 'style' | 'aria-required' | 'aria-describedby' | 'ref'>;
+} & Pick<InputProps, 'readOnly' | 'disabled' | 'width' | 'componentSize' | 'errorMessage' | 'label' | 'afterLabelContent' | 'tip' | 'required' | 'className' | 'style' | 'aria-required' | 'aria-describedby' | 'ref'>;
 declare const PhoneInput: {
-    ({ label, readOnly, errorMessage, tip, required, width, componentSize, name, className, style, value, selectLabel, selectRef, onChange, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, groupLabel, ref, ...props }: PhoneInputProps): react_jsx_runtime.JSX.Element;
+    ({ label, readOnly, errorMessage, tip, required, width, componentSize, name, className, style, value, selectLabel, selectRef, onChange, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, groupLabel, afterLabelContent, ref, ...props }: PhoneInputProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3754,8 +3762,6 @@ interface SelectOption<TValue = unknown> {
 }
 type WrappedReactSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = WithRequiredIf<Option extends SelectOption ? false : true, Props<Option, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
 type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
-    /**Ledetekst for nedtrekkslisten. */
-    label?: string;
     /**Størrelsen på komponenten.
      * @default "medium"
      */
@@ -3764,10 +3770,6 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     icon?: SvgIcon;
     /**Nedtrekkslisten blir `readonly` og får readOnly styling. */
     readOnly?: boolean;
-    /**Meldingen som vises ved valideringsfeil. */
-    errorMessage?: string;
-    /**Hjelpetekst. */
-    tip?: string;
     /** CSS klassenavn. */
     className?: string;
     /** Inline styling. */
@@ -3780,9 +3782,9 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     'data-testid'?: string;
     /**Ref til komponenten. */
     ref?: SelectForwardRefType<Option, IsMulti>;
-} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & Pick<ResponsiveProps, 'width'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
+} & CommonInputProps & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
 type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
-declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
+declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, afterLabelContent, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
 declare namespace Select {
     var displayName: string;
 }
@@ -3793,7 +3795,7 @@ type NativeSelectProps = {
     /** Implementerer `readOnly` oppførsel etter standard for `<input>` og setter `readOnly` styling. */
     readOnly?: InputProps['readOnly'];
 } & CommonInputProps & Pick<InputProps, 'componentSize'> & ComponentPropsWithRef<'select'>;
-declare const NativeSelect: ({ ref, id, children, componentSize, label, multiple, readOnly, errorMessage, tip, required, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, width, className, style, onKeyDown, onMouseDown, clearable, onChange, ...rest }: NativeSelectProps) => react_jsx_runtime.JSX.Element;
+declare const NativeSelect: ({ ref, id, children, componentSize, label, multiple, readOnly, errorMessage, tip, required, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, width, className, style, onKeyDown, onMouseDown, clearable, afterLabelContent, onChange, ...rest }: NativeSelectProps) => react_jsx_runtime.JSX.Element;
 type NativeSelectPlaceholderProps = ComponentPropsWithRef<'option'>;
 declare const NativeSelectPlaceholder: {
     ({ children, value, ...rest }: NativeSelectPlaceholderProps): react_jsx_runtime.JSX.Element;
@@ -4179,7 +4181,7 @@ interface TextAffixProps {
 }
 
 declare const TextInput: {
-    ({ label, disabled, readOnly, errorMessage, tip, required, maxLength, onChange, id, width, componentSize, type, withCharacterCounter, className, style, value, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, icon, prefix, suffix, ref, ...rest }: TextInputProps): react_jsx_runtime.JSX.Element;
+    ({ label, afterLabelContent, disabled, readOnly, errorMessage, tip, required, maxLength, onChange, id, width, componentSize, type, withCharacterCounter, className, style, value, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, icon, prefix, suffix, ref, ...rest }: TextInputProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -4208,7 +4210,7 @@ type ToggleProps = BaseComponentProps<HTMLElement, {
      */
     readOnly?: boolean;
     /**
-     * Indikerer at verdien prosesseres; viser loading-tilstand og setter `aria-disabled`.
+     * Indikerer at verdien prosesseres; viser loading-tilstand og setter `disabled`.
      */
     isLoading?: boolean;
     /**