@norges-domstoler/dds-components 5.4.1 → 6.0.0

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

@@ -1,9 +1,7 @@
 import { ModalProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         isOpen?: boolean | undefined;
         onClose?: (() => void) | undefined;
         parentElement?: HTMLElement | undefined;
@@ -11,6 +9,8 @@ declare const _default: {
         triggerRef?: import("react").RefObject<HTMLElement> | undefined;
     } & {
         children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         header: {

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

@@ -6,13 +6,13 @@ export declare type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivEleme
     /**Høyde på container. */
     height?: Property.Height;
 }>;
-export declare const ModalBody: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+export declare const ModalBody: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`.  */
     scrollable?: boolean | undefined;
     /**Høyde på container. */
     height?: Property.Height<0 | (string & {})> | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -4,9 +4,7 @@ declare type ContainerProps = {
 };
 export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
 export declare const OverflowMenuList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const OverflowMenu: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const OverflowMenu: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     items?: OverflowMenuContextItem[] | undefined;
     userProps?: ({
         name: string;
@@ -18,5 +16,7 @@ export declare const OverflowMenu: import("react").ForwardRefExoticComponent<{
     anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     placement?: import("../../hooks").Placement | undefined;
     offset?: number | undefined;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,9 +1,7 @@
 import { OverflowMenuProps, OverflowMenuContextItem, OverflowMenuNavItem } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         items?: OverflowMenuContextItem[] | undefined;
         userProps?: ({
             name: string;
@@ -13,8 +11,10 @@ declare const _default: {
         isOpen?: boolean | undefined;
         onClose?: (() => void) | undefined;
         anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
-        placement?: import("../../hooks").Placement | undefined;
+        placement?: import("../..").Placement | undefined;
         offset?: number | undefined;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default _default;

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

@@ -26,9 +26,7 @@ export declare type PaginationProps = BaseComponentProps<HTMLElement, {
     /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
     smallScreen?: boolean;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
-export declare const Pagination: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
-} & Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
+export declare const Pagination: import("react").ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
     /**Totalt antall elementer å paginere. */
     itemsAmount: number;
     /**Antall elementer per side ved innlastning av komponenten. */
@@ -49,4 +47,6 @@ export declare const Pagination: import("react").ForwardRefExoticComponent<{
     onSelectOptionChange?: ((option: PaginationOption | null) => void) | undefined;
     /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
     smallScreen?: boolean | undefined;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,9 +1,7 @@
 import { PaginationProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLElement>, "onChange"> | undefined;
-    } & Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
         itemsAmount: number;
         defaultItemsPerPage?: number | undefined;
         defaultActivePage?: number | undefined;
@@ -14,6 +12,8 @@ declare const _default: {
         onChange?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
         onSelectOptionChange?: ((option: import("./Pagination").PaginationOption | null) => void) | undefined;
         smallScreen?: boolean | undefined;
+    } & {
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLElement>, "onChange"> | undefined;
     } & import("react").RefAttributes<HTMLElement>>;
     argTypes: {
         withCounter: {

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

@@ -30,9 +30,7 @@ export declare type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement
     /**Custom størrelse. */
     sizeProps?: PopoverSizeProps;
 }>;
-export declare const Popover: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const Popover: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /**Tittel. */
     title?: string | ReactNode;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
@@ -53,4 +51,6 @@ export declare const Popover: import("react").ForwardRefExoticComponent<{
     sizeProps?: PopoverSizeProps | undefined;
 } & {
     children?: ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -2,9 +2,7 @@ import { PopoverProps } from '.';
 import { Placement } from '../../hooks';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         title?: import("react").ReactNode;
         isOpen?: boolean | undefined;
         withCloseButton?: boolean | undefined;
@@ -16,6 +14,8 @@ declare const _default: {
         sizeProps?: import("./Popover").PopoverSizeProps | undefined;
     } & {
         children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         withCloseButton: {

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

@@ -1,6 +1,4 @@
-export declare const RadioButton: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby"> | undefined;
-} & Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby">, "id" | "className"> & {
+export declare const RadioButton: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby">, "id" | "className"> & {
     label?: string | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
@@ -14,4 +12,6 @@ export declare const RadioButton: import("react").ForwardRefExoticComponent<{
     'aria-describedby'?: string | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby"> | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

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

@@ -1,4 +1,4 @@
-import { ChangeEvent, HTMLAttributes } from 'react';
+import React, { ChangeEvent, HTMLAttributes, ReactElement, Ref } from 'react';
 import { BaseComponentPropsWithChildren } from '../../types';
 declare type Direction = 'column' | 'row';
 export declare type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
@@ -25,5 +25,34 @@ export declare type RadioButtonGroupProps<T extends string | number> = BaseCompo
     /**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
     groupId?: string;
 }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-export declare const RadioButtonGroup: <T extends string | number = string>({ name, label, groupId, errorMessage, tip, disabled, readOnly, direction, value, children, required, onChange, id, className, htmlProps, ...rest }: RadioButtonGroupProps<T>) => JSX.Element;
+export declare const RadioButtonGroup: <T extends string | number = string>(props: Pick<Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
+    /** Gir alle barna `name` prop.*/
+    name?: string | undefined;
+    /**Ledetekst for hele gruppen. */
+    label?: string | undefined;
+    /**Funksjonen for onChange-event for barna. */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
+    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
+    required?: boolean | undefined;
+    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
+    errorMessage?: string | undefined;
+    /**Hjelpetekst for gruppen. */
+    tip?: string | undefined;
+    /**Gir alle barna `disabled` prop. */
+    disabled?: boolean | undefined;
+    /**Gir alle barna `readOnly` prop */
+    readOnly?: boolean | undefined;
+    /**Retningen radioknappene skal gjengis i. */
+    direction?: Direction | undefined;
+    /**Default verdi - en `<RadioButton />` blir forhåndsvalgt. **OBS!** brukes kun når brukeren ikke skal fylle ut selv. */
+    value?: T | undefined;
+    /**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
+    groupId?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    htmlProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
+} & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}) => ReactElement;
 export {};

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

@@ -1,7 +1,25 @@
 import { RadioButtonGroupProps } from '.';
 declare const _default: {
     title: string;
-    component: <T extends string | number = string>({ name, label, groupId, errorMessage, tip, disabled, readOnly, direction, value, children, required, onChange, id, className, htmlProps, ...rest }: RadioButtonGroupProps<T>) => JSX.Element;
+    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
+        name?: string | undefined;
+        label?: string | undefined;
+        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
+        required?: boolean | undefined;
+        errorMessage?: string | undefined;
+        tip?: string | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        direction?: ("row" | "column") | undefined;
+        value?: T | undefined;
+        groupId?: string | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & {
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
+    } & {
+        ref?: import("react").Ref<HTMLDivElement> | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     argTypes: {
         label: {
             control: {

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

@@ -8,13 +8,13 @@ export declare type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
     /**Avstand fra top i nærmeste posisjonert container. */
     top?: Property.Top<string | number>;
 }>;
-export declare const SkipToContent: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLAnchorElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
+export declare const SkipToContent: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
     /** Teksten som vises i lenka. */
     text?: string | undefined;
     /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
     href: string;
     /**Avstand fra top i nærmeste posisjonert container. */
     top?: Property.Top<string | number> | undefined;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLAnchorElement> | undefined;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

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

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

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

@@ -1,5 +1,5 @@
 import { Property } from 'csstype';
-import { TextColor } from '../Typography';
+import { TextColor } from '../../utils';
 import { BaseComponentProps } from '../../types';
 export declare type SpinnerProps = BaseComponentProps<SVGElement, {
     /**Farge på spinneren. */

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

@@ -1,11 +1,11 @@
 /**
  * @beta Denne komponenten er ikke ferdig og endringer kan gjøres utenfor semver.
  */
-export declare const Stepper: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+export declare const Stepper: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /** Indeksen til det aktive steget. */
     activeStep?: number | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,11 @@
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         activeStep?: number | undefined;
     } & {
         children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         color: {

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

@@ -1,14 +1,11 @@
 import { ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
 import { BaseComponentPropsWithChildren } from '../../types';
-import { Property } from 'csstype';
 import { SvgIcon } from '../../icons/utils';
 export declare type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     /**Spesifiserer om fanen er aktiv. */
     active?: boolean;
     /** Ikon. */
     icon?: SvgIcon;
-    /** Custom bredde for enkel fane. */
-    width?: Property.Width;
     /** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
     focus?: boolean;
     /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
@@ -16,15 +13,11 @@ export declare type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement,
     /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
     index?: number;
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
-export declare const Tab: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
-} & Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
+export declare const Tab: import("react").ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
     /**Spesifiserer om fanen er aktiv. */
     active?: boolean | undefined;
     /** Ikon. */
     icon?: SvgIcon | undefined;
-    /** Custom bredde for enkel fane. */
-    width?: Property.Width<0 | (string & {})> | undefined;
     /** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
     focus?: boolean | undefined;
     /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
@@ -33,4 +26,6 @@ export declare const Tab: import("react").ForwardRefExoticComponent<{
     index?: number | undefined;
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -3,11 +3,11 @@ export declare type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElemen
     /** Spesifiserer om panelet skal vises basert på aktiv fane. */
     active?: boolean;
 }>;
-export declare const TabPanel: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const TabPanel: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /** Spesifiserer om panelet skal vises basert på aktiv fane. */
     active?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,5 @@
 import { RefObject } from 'react';
 import { Direction } from '../../types';
-import { Property } from 'csstype';
 declare type Tabs = {
     activeTab: number;
     tabsId: string;
@@ -10,7 +9,6 @@ declare type Tabs = {
     hasTabFocus: boolean;
     setHasTabFocus: (hasFocus: boolean) => void;
     tabContentDirection: Direction;
-    tabWidth: Property.Width;
 };
 export declare const TabsContext: import("react").Context<Tabs>;
 export declare const useTabsContext: () => Tabs;

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

@@ -8,20 +8,20 @@ export declare type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     onChange?: (index: number) => void;
     /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
     tabContentDirection?: Direction;
-    /**Custom bredde lik for alle `<Tab />`. */
-    tabWidth?: Property.Width;
+    /**Bredde for hele komponenten. */
+    width?: Property.Width;
 }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-export declare const Tabs: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-} & Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
+export declare const Tabs: import("react").ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
     /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
     activeTab?: number | undefined;
     /** Ekstra logikk ved endring av aktiv fane. */
     onChange?: ((index: number) => void) | undefined;
     /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
     tabContentDirection?: Direction | undefined;
-    /**Custom bredde lik for alle `<Tab />`. */
-    tabWidth?: Property.Width<0 | (string & {})> | undefined;
+    /**Bredde for hele komponenten. */
+    width?: Property.Width<0 | (string & {})> | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -6,5 +6,6 @@ export declare const Overview: Story<TabsProps>;
 export declare const Default: Story<TabsProps>;
 export declare const WithIcon: Story<TabsProps>;
 export declare const ActiveTab: Story<TabsProps>;
-export declare const TabWidth: Story<TabsProps>;
+export declare const WithWidth: Story<TabsProps>;
+export declare const TabLongNames: Story<TabsProps>;
 export declare const ManyTabs: Story<TabsProps>;

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

@@ -1,11 +1,6 @@
 import { CSSObject } from 'styled-components';
 export declare const tabsTokens: {
-    tabList: {
-        base: CSSObject;
-        focus: {
-            base: CSSObject;
-        };
-    };
+    tabList: CSSObject;
     tab: {
         base: CSSObject;
         direction: {

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

@@ -6,11 +6,11 @@ export declare type TagProps = BaseComponentProps<HTMLSpanElement, {
     /**Formål med status eller kategorisering. Påvirker styling. */
     purpose?: TagPurpose;
 }>;
-export declare const Tag: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLSpanElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLSpanElement>, "id" | "className"> & {
+export declare const Tag: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLSpanElement>, "id" | "className"> & {
     /**Tekst som vises i `<Tag />.` */
     text?: string | undefined;
     /**Formål med status eller kategorisering. Påvirker styling. */
     purpose?: TagPurpose | undefined;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLSpanElement> | undefined;
 } & import("react").RefAttributes<HTMLSpanElement>>;

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

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

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

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

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

@@ -7,11 +7,11 @@ export declare type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
     /** Ikon. */
     icon?: SvgIcon;
 }, InputHTMLAttributes<HTMLInputElement>>;
-export declare const ToggleButton: import("react").ForwardRefExoticComponent<{
-    htmlProps?: InputHTMLAttributes<HTMLInputElement> | undefined;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "className" | "id"> & {
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<Pick<InputHTMLAttributes<HTMLInputElement>, "className" | "id"> & {
     /**Ledetekst for inputelementet. */
     label?: string | undefined;
     /** Ikon. */
     icon?: SvgIcon | undefined;
+} & {
+    htmlProps?: InputHTMLAttributes<HTMLInputElement> | 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<{
-        htmlProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
-    } & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "id" | "className"> & {
         label?: string | undefined;
         icon?: import("../../icons/utils").SvgIcon | undefined;
+    } & {
+        htmlProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

@@ -15,9 +15,7 @@ export declare type TooltipProps = BaseComponentProps<HTMLDivElement, {
     /**`id` for tooltip. */
     tooltipId?: string;
 } & PickedHTMLAttributes, Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof PickedHTMLAttributes>>;
-export declare const Tooltip: React.ForwardRefExoticComponent<{
-    htmlProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children"> | undefined; /**`id` for tooltip. */
-} & Pick<Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children">, "className" | "id"> & {
+export declare const Tooltip: React.ForwardRefExoticComponent<Pick<Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children">, "className" | "id"> & {
     /**Innhold i tooltip. */
     text: string;
     /**Plassering i forhold til anchor-elementet. */
@@ -28,5 +26,7 @@ export declare const Tooltip: React.ForwardRefExoticComponent<{
     delay?: number | undefined;
     /**`id` for tooltip. */
     tooltipId?: string | undefined;
-} & PickedHTMLAttributes & React.RefAttributes<HTMLDivElement>>;
+} & PickedHTMLAttributes & {
+    htmlProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children"> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,11 +1,9 @@
 import { TooltipProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver"> | undefined;
-    } & Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
         text: string;
-        placement?: import("../../hooks").Placement | undefined;
+        placement?: import("../..").Placement | undefined;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;
         delay?: number | undefined;
         tooltipId?: string | undefined;
@@ -13,6 +11,8 @@ declare const _default: {
         style?: import("react").CSSProperties | undefined;
         onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    } & {
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver"> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         text: {

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

@@ -0,0 +1,10 @@
+import { BaseComponentPropsWithChildren } from '../../../types';
+import { BaseTypographyProps } from '../Typography';
+export declare type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
+export declare const Caption: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
+    withMargins?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
+    htmlProps?: import("react").HTMLAttributes<HTMLTableCaptionElement> | undefined;
+} & import("react").RefAttributes<HTMLTableCaptionElement>>;