npm - @norges-domstoler/dds-components - Versions diffs - 2.1.0 → 2.3.1 - Mend

@norges-domstoler/dds-components 2.1.0 → 2.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (249) hide show

package/dist/{components → src/components}/Spinner/Spinner.d.ts RENAMED Viewed

@@ -1,8 +1,10 @@
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 import { TextColor } from '../Typography';
 export declare type SpinnerProps = {
+    /**Farge på spinneren. */
     color?: TextColor | string;
-    size?: CSS.Property.Width<string>;
+    /**Størrelse; Setter høyde og bredde på spinneren. */
+    size?: Property.Width<string>;
 } & HTMLAttributes<SVGElement>;
 export declare function Spinner({ size, color, ...rest }: SpinnerProps): JSX.Element;

package/dist/src/components/Spinner/Spinner.stories.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { Spinner, SpinnerProps } from '.';
+declare const _default: {
+    title: string;
+    component: typeof Spinner;
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: SpinnerProps) => JSX.Element;

package/dist/{components → src/components}/Spinner/Spinner.tokens.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Spinner/index.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Table/Body.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Table/Cell.d.ts RENAMED Viewed

@@ -2,7 +2,9 @@ import { ThHTMLAttributes, TdHTMLAttributes } from 'react';
 export declare type TableCellType = 'data' | 'head';
 export declare type TableCellLayout = 'left' | 'right' | 'center' | 'text and icon';
 export declare type TableCellProps = {
+    /**Type celle. Returnerer enten `<td>` eller `<th>`. */
     type?: TableCellType;
+    /**Layout av innholdet i cellen. 'tekst and icon' legger margin mellom første barnet og andre barnet i cellen, og skal hovedsakelig brukes når innholdet er tekst og ikon; tekst må bli wrappet i `<span>` hvis det er det første barnet.  */
     layout?: TableCellLayout;
 } & (TdHTMLAttributes<HTMLTableCellElement> | ThHTMLAttributes<HTMLTableCellElement>);
 export declare const Cell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist/{components → src/components}/Table/Cell.tokens.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Table/Foot.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Table/Head.d.ts RENAMED Viewed

File without changes

package/dist/src/components/Table/Row.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'react';
+export declare type TableRowType = 'body' | 'head';
+export declare type RowMode = 'normal' | 'sum';
+export declare type TableRowProps = {
+    /**Spesifiserer om raden skal brukes i `<head>` eller `<body>`-seksjonen. */
+    type?: TableRowType;
+    /**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling. Ved bruk av sum må `<Cell>` med tall i høyrestilles vha layout prop.  */
+    mode?: RowMode;
+    /**Spesifiserer om raden har blitt valgt/markert. */
+    selected?: boolean;
+    /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på klikkbare rader. */
+    hoverable?: boolean;
+} & HTMLAttributes<HTMLTableRowElement>;
+export declare const Row: import("react").ForwardRefExoticComponent<{
+    /**Spesifiserer om raden skal brukes i `<head>` eller `<body>`-seksjonen. */
+    type?: TableRowType | undefined;
+    /**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling. Ved bruk av sum må `<Cell>` med tall i høyrestilles vha layout prop.  */
+    mode?: RowMode | undefined;
+    /**Spesifiserer om raden har blitt valgt/markert. */
+    selected?: boolean | undefined;
+    /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på klikkbare rader. */
+    hoverable?: boolean | undefined;
+} & HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;

package/dist/{components → src/components}/Table/Row.tokens.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Table/SortCell.d.ts RENAMED Viewed

@@ -2,12 +2,18 @@ import { MouseEvent } from 'react';
 import { TableCellProps } from './Cell';
 export declare type SortOrder = 'ascending' | 'descending';
 export declare type SortCellProps = {
+    /**Spesifiserer om kolonnen er sortert. */
     isSorted?: boolean;
+    /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
     sortOrder?: SortOrder;
+    /**onClick-funksjon for sortering og annen logikk. */
     onClick: (event: MouseEvent<HTMLButtonElement>) => void;
 } & Omit<TableCellProps, 'type'>;
 export declare const SortCell: import("react").ForwardRefExoticComponent<{
+    /**Spesifiserer om kolonnen er sortert. */
     isSorted?: boolean | undefined;
+    /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
     sortOrder?: SortOrder | undefined;
+    /**onClick-funksjon for sortering og annen logikk. */
     onClick: (event: MouseEvent<HTMLButtonElement>) => void;
 } & Omit<TableCellProps, "type"> & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist/{components → src/components}/Table/Table.d.ts RENAMED Viewed

@@ -1,10 +1,14 @@
 import { HTMLAttributes } from 'react';
 export declare type TableDensity = 'normal' | 'compact';
 export declare type TableProps = {
+    /**Spesifiserer hvor romslige cellene i tabellen skal være. */
     density?: TableDensity;
+    /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
     stickyHeader?: boolean;
 } & HTMLAttributes<HTMLTableElement>;
 export declare const Table: import("react").ForwardRefExoticComponent<{
+    /**Spesifiserer hvor romslige cellene i tabellen skal være. */
     density?: TableDensity | undefined;
+    /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
     stickyHeader?: boolean | undefined;
 } & HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;

package/dist/src/components/Table/Table.stories.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { TableProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        density?: import("./Table").TableDensity | undefined;
+        stickyHeader?: boolean | undefined;
+    } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;
+    argTypes: {
+        stickyHeader: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: TableProps) => JSX.Element;
+export declare const Focusable: (args: TableProps) => JSX.Element;
+export declare const Compact: (args: TableProps) => JSX.Element;
+export declare const StickyHeader: (args: TableProps) => JSX.Element;
+export declare const Hoverable: (args: TableProps) => JSX.Element;
+export declare const WithButtonAndIcons: (args: TableProps) => JSX.Element;
+export declare const WithSum: (args: TableProps) => JSX.Element;
+export declare const WithCheckbox: (args: TableProps) => JSX.Element;
+export declare const Complex: (args: TableProps) => JSX.Element;
+export declare const Sortable: (args: TableProps) => JSX.Element;
+export declare const ColumnAndRowHeaders: (args: TableProps) => JSX.Element;

package/dist/{components → src/components}/Table/TableWrapper.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Table/index.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Table/tableData.d.ts RENAMED Viewed

File without changes

package/dist/src/components/Tabs/Tab.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import { SvgIconTypeMap } from '@mui/material';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
+import { Property } from 'csstype';
+export declare type TabProps = {
+    /**Spesifiserer om fanen er aktiv. */
+    active?: boolean;
+    /** Ikon. */
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    /** 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.*/
+    setFocus?: Dispatch<SetStateAction<number>>;
+    /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
+    index?: number;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const Tab: import("react").ForwardRefExoticComponent<{
+    /**Spesifiserer om fanen er aktiv. */
+    active?: boolean | undefined;
+    /** Ikon. */
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | 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.*/
+    setFocus?: Dispatch<SetStateAction<number>> | undefined;
+    /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
+    index?: number | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/src/components/Tabs/TabList.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type TabListProps = HTMLAttributes<HTMLDivElement>;
+export declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/Tabs/TabPanel.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export declare type TabPanelProps = {
+    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
+    active?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const TabPanel: import("react").ForwardRefExoticComponent<{
+    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
+    active?: boolean | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/Tabs/TabPanels.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type TabPanelsProps = HTMLAttributes<HTMLDivElement>;
+export declare const TabPanels: import("react").ForwardRefExoticComponent<TabPanelsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/Tabs/Tabs.context.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+import { Direction } from '../../../typings';
+import { Property } from 'csstype';
+declare type Tabs = {
+    activeTab: number;
+    tabsId: string;
+    handleTabChange: (index: number) => void;
+    tabListRef: RefObject<HTMLDivElement> | null;
+    tabPanelsRef: RefObject<HTMLDivElement> | null;
+    hasTabFocus: boolean;
+    setHasTabFocus: (hasFocus: boolean) => void;
+    tabContentDirection: Direction;
+    tabWidth: Property.Width;
+};
+export declare const TabsContext: import("react").Context<Tabs>;
+export declare const useTabsContext: () => Tabs;
+export {};

package/dist/src/components/Tabs/Tabs.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'react';
+import { Direction } from '../../../typings';
+import { Property } from 'csstype';
+export declare type TabsProps = {
+    /** Indeksen til den aktive fanen. */
+    activeTab?: number;
+    /** Ekstra logikk ved endring av aktiv fane. */
+    onChange?: (index: number) => void;
+    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
+    tabContentDirection?: Direction;
+    /**Custom bredde lik for alle `<Tab />`. */
+    tabWidth?: Property.Width;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
+export declare const Tabs: import("react").ForwardRefExoticComponent<{
+    /** Indeksen til den aktive fanen. */
+    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;
+} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/Tabs/Tabs.stories.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { TabsProps } from '.';
+import { Story, Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+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 ManyTabs: Story<TabsProps>;

package/dist/src/components/Tabs/Tabs.tokens.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import { CSSObject } from 'styled-components';
+export declare const tabsTokens: {
+    tabList: {
+        base: CSSObject;
+        focus: {
+            base: CSSObject;
+        };
+    };
+    tab: {
+        base: CSSObject;
+        direction: {
+            row: {
+                base: CSSObject;
+            };
+            column: {
+                base: CSSObject;
+            };
+        };
+        active: {
+            base: CSSObject;
+        };
+        hover: {
+            base: CSSObject;
+            active: {
+                base: CSSObject;
+            };
+        };
+        focus: {
+            base: CSSObject;
+        };
+    };
+    panel: {
+        base: CSSObject;
+    };
+};

package/dist/src/components/Tabs/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export * from './Tabs';
+export * from './Tab';
+export * from './TabList';
+export * from './TabPanel';
+export * from './TabPanels';

package/dist/{components → src/components}/TextInput/CharCounter.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/TextInput/CharCounter.tokens.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/TextInput/TextInput.d.ts RENAMED Viewed

@@ -1,8 +1,6 @@
 import React from 'react';
 export declare const TextInput: React.ForwardRefExoticComponent<{
     multiline?: boolean | undefined;
-    className?: string | undefined;
-    style?: React.CSSProperties | undefined;
 } & {
     label?: string | undefined;
     width?: import("csstype").Property.Width<string> | undefined;

package/dist/src/components/TextInput/TextInput.stories.d.ts ADDED Viewed

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+import { TextInputProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        multiline?: boolean | undefined;
+    } & {
+        label?: string | 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>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        tip: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+        multiline: {
+            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 TextInputOverview: (args: TextInputProps) => 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/{components → src/components}/TextInput/TextInput.styles.d.ts RENAMED Viewed

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import { TextInputProps } from './TextInput.types';
-export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, Pick<import("../../helpers/Input").InputProps, "label" | "readOnly" | "disabled"> & {
+export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, Pick<import("../../helpers").InputProps, "readOnly" | "disabled"> & {
     hasErrorMessage: boolean;
+    hasLabel: boolean;
 }, never>;
 export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type LabelProps = Pick<TextInputProps, 'multiline' | 'disabled' | 'readOnly'>;
-export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, import("../../helpers/Input").StyledLabelProps & LabelProps, never>;
+export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, import("../../helpers").StyledLabelProps & LabelProps, never>;
 declare type InputContainerProps = Pick<TextInputProps, 'multiline' | 'label'>;
 export declare const InputContainer: import("styled-components").StyledComponent<"div", any, InputContainerProps, never>;
 export {};

package/dist/{components → src/components}/TextInput/TextInput.tokens.d.ts RENAMED Viewed

@@ -1,5 +1,5 @@
 import { CSSObject } from 'styled-components';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare const textInputTokens: {
     general: {
         input: {
@@ -50,7 +50,7 @@ export declare const textInputTokens: {
         };
     };
     wrapper: {
-        defaultWidth: CSS.Property.Width<string>;
+        defaultWidth: Property.Width<string>;
     };
     container: {
         multiline: {

package/dist/src/components/TextInput/TextInput.types.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes } from 'react';
+import { InputProps } from '../../helpers';
+export declare type TextInputProps = {
+    /**Gjør inputfeltet om til `<textarea>`. */
+    multiline?: boolean;
+} & InputProps & InputHTMLAttributes<HTMLTextAreaElement>;

package/dist/{components → src/components}/TextInput/index.d.ts RENAMED Viewed

File without changes

package/dist/src/components/ToggleButton/ToggelButtonGroup.stories.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ToggleButtonGroupProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ children, direction, label, labelId, ...props }: ToggleButtonGroupProps) => JSX.Element;
+};
+export default _default;
+export declare const Default: (args: ToggleButtonGroupProps) => JSX.Element;
+export declare const WithLabel: (args: ToggleButtonGroupProps) => JSX.Element;

package/dist/src/components/ToggleButton/ToggleButton.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { SvgIconTypeMap } from '@mui/material';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { InputHTMLAttributes } from 'react';
+export declare type ToggleButtonProps = {
+    /**Ledetekst for inputelementet. */
+    label?: string;
+    /** Ikon. */
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<{
+    /**Ledetekst for inputelementet. */
+    label?: string | undefined;
+    /** Ikon. */
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/src/components/ToggleButton/ToggleButton.stories.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ToggleButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        label?: string | undefined;
+        Icon?: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export declare const Default: (args: ToggleButtonProps) => JSX.Element;
+export declare const WithIcon: (args: ToggleButtonProps) => JSX.Element;

package/dist/src/components/ToggleButton/ToggleButton.tokens.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { CSSObject } from 'styled-components';
+export declare const toggleButtonTokens: {
+    base: CSSObject;
+    hover: {
+        base: CSSObject;
+    };
+    focus: {
+        base: CSSObject;
+    };
+    checked: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+    };
+    group: {
+        base: CSSObject;
+    };
+    container: {
+        base: CSSObject;
+    };
+};

package/dist/src/components/ToggleButton/ToggleButtonGroup.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+declare type Direction = 'row' | 'column';
+export declare type ToggleButtonGroupProps = {
+    /** Ledetekst for gruppen. */
+    label?: string;
+    /**Retningen barna legger seg i. */
+    direction?: Direction;
+    /** Custom `id` for ledetekst. Blir generert som default for å knytte ledetekst til gruppen.  */
+    labelId?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const ToggleButtonGroup: ({ children, direction, label, labelId, ...props }: ToggleButtonGroupProps) => JSX.Element;
+export {};

package/dist/src/components/ToggleButton/index.d.ts ADDED Viewed

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

package/dist/src/components/Tooltip/Tooltip.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import React, { HTMLAttributes } from 'react';
+import { Placement } from '../../hooks';
+declare type AnchorElement = React.ReactElement & React.RefAttributes<HTMLElement>;
+export declare type TooltipProps = {
+    /**Innhold i tooltip. */
+    text: string;
+    /**Plassering i forhold til anchor-elementet. */
+    placement?: Placement;
+    /**Anchor-elementet. */
+    children: AnchorElement;
+    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
+    delay?: number;
+    /**`id` for tooltip. */
+    tooltipId?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export declare const Tooltip: React.ForwardRefExoticComponent<{
+    /**Innhold i tooltip. */
+    text: string;
+    /**Plassering i forhold til anchor-elementet. */
+    placement?: Placement | undefined;
+    /**Anchor-elementet. */
+    children: AnchorElement;
+    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
+    delay?: number | undefined;
+    /**`id` for tooltip. */
+    tooltipId?: string | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Tooltip/Tooltip.stories.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { TooltipProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        text: string;
+        placement?: import("../../hooks").Placement | undefined;
+        children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;
+        delay?: number | undefined;
+        tooltipId?: string | undefined;
+    } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        text: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: TooltipProps) => JSX.Element;
+export declare const Centered: (args: TooltipProps) => JSX.Element;
+export declare const TextButton: (args: TooltipProps) => JSX.Element;

package/dist/{components → src/components}/Tooltip/Tooltip.styles.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Tooltip/Tooltip.tokens.d.ts RENAMED Viewed

File without changes

package/dist/{components → src/components}/Tooltip/index.d.ts RENAMED Viewed

File without changes

package/dist/src/components/Typography/Body.stories.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const Body: () => JSX.Element;
+export declare const Headings: () => JSX.Element;
+export declare const Leads: () => JSX.Element;
+export declare const Supporting: () => JSX.Element;
+export declare const Link: () => JSX.Element;

package/dist/src/components/Typography/Examples.stories.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const Article: () => JSX.Element;
+export declare const Link: () => JSX.Element;