@altinn/altinn-components 0.20.2 → 0.21.0

package/dist/index.js

@@ -1,14 +1,14 @@
 import { SizeEnum as e } from "./types/size.js";
 import { AttachmentLink as m } from "./components/Attachment/AttachmentLink.js";
 import { AttachmentList as x } from "./components/Attachment/AttachmentList.js";
-import { Avatar as f } from "./components/Avatar/Avatar.js";
+import { Avatar as a } from "./components/Avatar/Avatar.js";
 import { AvatarGroup as n } from "./components/Avatar/AvatarGroup.js";
 import { Badge as c } from "./components/Badge/Badge.js";
 import { BookmarksListItem as l } from "./components/Bookmarks/BookmarksListItem.js";
 import { EditableBookmark as B } from "./components/Bookmarks/EditableBookmark.js";
 import { BookmarksSection as I } from "./components/Bookmarks/BookmarksSection.js";
 import { ButtonBase as D } from "./components/Button/ButtonBase.js";
-import { ButtonLabel as b } from "./components/Button/ButtonLabel.js";
+import { ButtonLabel as S } from "./components/Button/ButtonLabel.js";
 import { ButtonIcon as A } from "./components/Button/ButtonIcon.js";
 import { Button as k } from "./components/Button/Button.js";
 import { ComboButton as H } from "./components/Button/ComboButton.js";
@@ -28,13 +28,13 @@ import { DialogActivityLog as oo } from "./components/Dialog/DialogActivityLog.j
 import { DialogSection as eo } from "./components/Dialog/DialogSection.js";
 import { DialogSeenBy as mo } from "./components/Dialog/DialogSeenBy.js";
 import { DialogSelect as xo } from "./components/Dialog/DialogSelect.js";
-import { DialogStatus as fo, DialogStatusEnum as io } from "./components/Dialog/DialogStatus.js";
+import { DialogStatus as ao, DialogStatusEnum as io } from "./components/Dialog/DialogStatus.js";
 import { DialogHeading as so } from "./components/Dialog/DialogHeading.js";
 import { DialogTouchedBy as uo } from "./components/Dialog/DialogTouchedBy.js";
 import { DialogLabel as Lo } from "./components/Dialog/DialogLabel.js";
 import { DialogAttachments as go } from "./components/Dialog/DialogAttachments.js";
 import { DialogHistory as Do } from "./components/Dialog/DialogHistory.js";
-import { DialogActivity as bo } from "./components/Dialog/DialogActivity.js";
+import { DialogActivity as So } from "./components/Dialog/DialogActivity.js";
 import { SeenByLog as Ao } from "./components/Dialog/SeenByLog.js";
 import { DropdownBase as ko } from "./components/Dropdown/DropdownBase.js";
 import { Backdrop as Ho } from "./components/Dropdown/Backdrop.js";
@@ -54,14 +54,14 @@ import { Header as or } from "./components/Header/Header.js";
 import { HeaderBase as er } from "./components/Header/HeaderBase.js";
 import { HeaderLogo as mr } from "./components/Header/HeaderLogo.js";
 import { HeaderButton as xr } from "./components/Header/HeaderButton.js";
-import { Icon as fr } from "./components/Icon/Icon.js";
+import { Icon as ar } from "./components/Icon/Icon.js";
 import { CheckboxIcon as nr } from "./components/Icon/CheckboxIcon.js";
 import { RadioIcon as cr } from "./components/Icon/RadioIcon.js";
 import { ProgressIcon as lr } from "./components/Icon/ProgressIcon.js";
 import { IconOrAvatar as Br } from "./components/Icon/IconOrAvatar.js";
 import { LayoutBase as Ir } from "./components/Layout/LayoutBase.js";
 import { LayoutBody as Dr } from "./components/Layout/LayoutBody.js";
-import { LayoutContent as br } from "./components/Layout/LayoutContent.js";
+import { LayoutContent as Sr } from "./components/Layout/LayoutContent.js";
 import { LayoutSidebar as Ar } from "./components/Layout/LayoutSidebar.js";
 import { Layout as kr } from "./components/Layout/Layout.js";
 import { ActionHeader as Hr } from "./components/LayoutAction/ActionHeader.js";
@@ -81,15 +81,15 @@ import { MenuItemBase as oe } from "./components/Menu/MenuItemBase.js";
 import { MenuItemLabel as ee } from "./components/Menu/MenuItemLabel.js";
 import { MenuItemIcon as me } from "./components/Menu/MenuItemIcon.js";
 import { MenuItem as xe } from "./components/Menu/MenuItem.js";
-import { MenuInputField as fe } from "./components/Menu/MenuInputField.js";
+import { MenuInputField as ae } from "./components/Menu/MenuInputField.js";
 import { MenuOption as ne } from "./components/Menu/MenuOption.js";
 import { MenuSearch as ce } from "./components/Menu/MenuSearch.js";
 import { MenuHeader as le } from "./components/Menu/MenuHeader.js";
 import { MenuItems as Be } from "./components/Menu/MenuItems.js";
 import { MenuBase as Ie, MenuList as de, MenuListItem as De } from "./components/Menu/MenuBase.js";
-import { Menu as be } from "./components/Menu/Menu.js";
+import { Menu as Se } from "./components/Menu/Menu.js";
 import { MetaBase as Ae } from "./components/Meta/MetaBase.js";
-import { MetaList as ke, MetaListItem as Te } from "./components/Meta/MetaList.js";
+import { MetaList as ke, MetaListItem as ye } from "./components/Meta/MetaList.js";
 import { MetaItemBase as he } from "./components/Meta/MetaItemBase.js";
 import { MetaItemMedia as Fe } from "./components/Meta/MetaItemMedia.js";
 import { MetaItemLabel as Ce } from "./components/Meta/MetaItemLabel.js";
@@ -106,89 +106,92 @@ import { Autocomplete as ot } from "./components/Search/Autocomplete.js";
 import { AutocompleteItem as et } from "./components/Search/AutocompleteItem.js";
 import { ScopeListItem as mt } from "./components/Search/ScopeListItem.js";
 import { SuggestListItem as xt } from "./components/Search/SuggestListItem.js";
-import { QueryItem as ft, QueryLabel as it } from "./components/Search/QueryLabel.js";
+import { QueryItem as at, QueryLabel as it } from "./components/Search/QueryLabel.js";
 import { Snackbar as st } from "./components/Snackbar/Snackbar.js";
 import { SnackbarColorEnum as ut, SnackbarItem as lt } from "./components/Snackbar/SnackbarItem.js";
 import { SnackbarDuration as Bt, SnackbarProvider as gt, useSnackbar as It } from "./components/Snackbar/useSnackbar.js";
 import { Skeleton as Dt } from "./components/Skeleton/Skeleton.js";
-import { Timeline as bt } from "./components/Timeline/Timeline.js";
+import { Timeline as St } from "./components/Timeline/Timeline.js";
 import { TimelineSegment as At } from "./components/Timeline/TimelineSegment.js";
 import { TimelineActivity as kt } from "./components/Timeline/TimelineActivity.js";
 import { TimelineBase as Ht } from "./components/Timeline/TimelineBase.js";
 import { TimelineSection as Pt } from "./components/Timeline/TimelineSection.js";
 import { TimelineHeader as vt } from "./components/Timeline/TimelineHeader.js";
 import { TimelineFooter as wt } from "./components/Timeline/TimelineFooter.js";
-import { ToolbarBase as Gt } from "./components/Toolbar/ToolbarBase.js";
-import { ToolbarButton as Ot } from "./components/Toolbar/ToolbarButton.js";
-import { Toolbar as zt } from "./components/Toolbar/Toolbar.js";
-import { ToolbarSearch as Nt } from "./components/Toolbar/ToolbarSearch.js";
-import { ToolbarFilter as qt } from "./components/Toolbar/ToolbarFilter.js";
-import { ToolbarDaterange as Ut } from "./components/Toolbar/ToolbarDaterange.js";
-import { PageBase as Wt } from "./components/Page/PageBase.js";
-import { PageNav as Yt } from "./components/Page/PageNav.js";
-import { PageMenu as _t } from "./components/Page/PageMenu.js";
-import { PageTabs as om } from "./components/Page/PageTabs.js";
-import { PageHeader as em } from "./components/Page/PageHeader.js";
-import { Article as mm } from "./components/Page/Article.js";
-import { Section as xm } from "./components/Page/Section.js";
-import { Flex as fm } from "./components/Page/Flex.js";
-import { Grid as nm } from "./components/Page/Grid.js";
-import { Breadcrumbs as cm } from "./components/Page/Breadcrumbs.js";
-import { BreadcrumbsLink as lm } from "./components/Page/BreadcrumbsLink.js";
-import { ContactSection as Bm } from "./components/Page/ContactSection.js";
-import { Transmission as Im } from "./components/Transmission/Transmission.js";
-import { TransmissionList as Dm } from "./components/Transmission/TransmissionList.js";
-import { Typography as bm } from "./components/Typography/Typography.js";
-import { Heading as Am } from "./components/Typography/Heading.js";
-import { ResourceList as km } from "./components/ResourceList/ResourceList.js";
-import { ResourceListItem as Hm } from "./components/ResourceList/ResourceListItem.js";
-import { AccessAreaListItem as Pm } from "./components/AccessAreaList/AccessAreaListItem.js";
-import { AccessAreaList as vm } from "./components/AccessAreaList/AccessAreaList.js";
-import { AccessPackageListItem as wm } from "./components/AccessPackageList/AccessPackageListItem.js";
-import { AccessPackageList as Gm } from "./components/AccessPackageList/AccessPackageList.js";
-import { FieldBase as Om } from "./components/TextField/FieldBase.js";
-import { InputBase as zm } from "./components/TextField/InputBase.js";
-import { TextField as Nm } from "./components/TextField/TextField.js";
-import { useClickOutside as qm } from "./hooks/useClickOutside.js";
-import { useEscapeKey as Um } from "./hooks/useEscapeKey.js";
-import { useMenu as Wm } from "./hooks/useMenu.js";
+import { TimelineLink as Gt } from "./components/Timeline/TimelineLink.js";
+import { ToolbarBase as Ot } from "./components/Toolbar/ToolbarBase.js";
+import { ToolbarButton as zt } from "./components/Toolbar/ToolbarButton.js";
+import { Toolbar as Nt } from "./components/Toolbar/Toolbar.js";
+import { ToolbarSearch as qt } from "./components/Toolbar/ToolbarSearch.js";
+import { ToolbarFilter as Ut } from "./components/Toolbar/ToolbarFilter.js";
+import { ToolbarDaterange as Wt } from "./components/Toolbar/ToolbarDaterange.js";
+import { PageBase as Yt } from "./components/Page/PageBase.js";
+import { PageNav as _t } from "./components/Page/PageNav.js";
+import { PageMenu as om } from "./components/Page/PageMenu.js";
+import { PageTabs as em } from "./components/Page/PageTabs.js";
+import { PageHeader as mm } from "./components/Page/PageHeader.js";
+import { Article as xm } from "./components/Page/Article.js";
+import { Section as am } from "./components/Page/Section.js";
+import { Flex as nm } from "./components/Page/Flex.js";
+import { Grid as cm } from "./components/Page/Grid.js";
+import { Breadcrumbs as lm } from "./components/Page/Breadcrumbs.js";
+import { BreadcrumbsLink as Bm } from "./components/Page/BreadcrumbsLink.js";
+import { ContactSection as Im } from "./components/Page/ContactSection.js";
+import { Transmission as Dm } from "./components/Transmission/Transmission.js";
+import { TransmissionList as Sm } from "./components/Transmission/TransmissionList.js";
+import { TransmissionTimeline as Am } from "./components/Transmission/TransmissionTimeline.js";
+import { TransmissionTimelineSegment as km } from "./components/Transmission/TransmissionTimelineSegment.js";
+import { Typography as Hm } from "./components/Typography/Typography.js";
+import { Heading as Pm } from "./components/Typography/Heading.js";
+import { ResourceList as vm } from "./components/ResourceList/ResourceList.js";
+import { ResourceListItem as wm } from "./components/ResourceList/ResourceListItem.js";
+import { AccessAreaListItem as Gm } from "./components/AccessAreaList/AccessAreaListItem.js";
+import { AccessAreaList as Om } from "./components/AccessAreaList/AccessAreaList.js";
+import { AccessPackageListItem as zm } from "./components/AccessPackageList/AccessPackageListItem.js";
+import { AccessPackageList as Nm } from "./components/AccessPackageList/AccessPackageList.js";
+import { FieldBase as qm } from "./components/TextField/FieldBase.js";
+import { InputBase as Um } from "./components/TextField/InputBase.js";
+import { TextField as Wm } from "./components/TextField/TextField.js";
+import { useClickOutside as Ym } from "./hooks/useClickOutside.js";
+import { useEscapeKey as _m } from "./hooks/useEscapeKey.js";
+import { useMenu as op } from "./hooks/useMenu.js";
 export {
-  vm as AccessAreaList,
-  Pm as AccessAreaListItem,
-  Gm as AccessPackageList,
-  wm as AccessPackageListItem,
+  Om as AccessAreaList,
+  Gm as AccessAreaListItem,
+  Nm as AccessPackageList,
+  zm as AccessPackageListItem,
   Wo as AccountButton,
   qo as AccountMenu,
   Pr as ActionFooter,
   Hr as ActionHeader,
-  mm as Article,
+  xm as Article,
   m as AttachmentLink,
   x as AttachmentList,
   ot as Autocomplete,
   Ye as AutocompleteBase,
   _e as AutocompleteGroup,
   et as AutocompleteItem,
-  f as Avatar,
+  a as Avatar,
   n as AvatarGroup,
   Yo as BackButton,
   Ho as Backdrop,
   c as Badge,
   l as BookmarksListItem,
   I as BookmarksSection,
-  cm as Breadcrumbs,
-  lm as BreadcrumbsLink,
+  lm as Breadcrumbs,
+  Bm as BreadcrumbsLink,
   k as Button,
   D as ButtonBase,
   A as ButtonIcon,
-  b as ButtonLabel,
+  S as ButtonLabel,
   v as Byline,
   nr as CheckboxIcon,
   H as ComboButton,
-  Bm as ContactSection,
+  Im as ContactSection,
   w as ContextMenu,
   G as Dialog,
   _ as DialogActions,
-  bo as DialogActivity,
+  So as DialogActivity,
   oo as DialogActivityLog,
   go as DialogAttachments,
   z as DialogBody,
@@ -204,7 +207,7 @@ export {
   eo as DialogSection,
   mo as DialogSeenBy,
   xo as DialogSelect,
-  fo as DialogStatus,
+  ao as DialogStatus,
   io as DialogStatusEnum,
   uo as DialogTouchedBy,
   Po as DrawerBase,
@@ -215,25 +218,25 @@ export {
   zo as DrawerOrDropdown,
   ko as DropdownBase,
   B as EditableBookmark,
-  Om as FieldBase,
-  fm as Flex,
+  qm as FieldBase,
+  nm as Flex,
   No as Footer,
   Uo as GlobalMenu,
-  nm as Grid,
+  cm as Grid,
   or as Header,
   er as HeaderBase,
   xr as HeaderButton,
   mr as HeaderLogo,
-  Am as Heading,
-  fr as Icon,
+  Pm as Heading,
+  ar as Icon,
   P as IconButton,
   Br as IconOrAvatar,
-  zm as InputBase,
+  Um as InputBase,
   kr as Layout,
   vr as LayoutAction,
   Ir as LayoutBase,
   Dr as LayoutBody,
-  br as LayoutContent,
+  Sr as LayoutContent,
   Ar as LayoutSidebar,
   _r as List,
   Yr as ListBase,
@@ -246,10 +249,10 @@ export {
   Gr as ListItemLink,
   Ur as ListItemSelect,
   _o as LogoutButton,
-  be as Menu,
+  Se as Menu,
   Ie as MenuBase,
   le as MenuHeader,
-  fe as MenuInputField,
+  ae as MenuInputField,
   xe as MenuItem,
   oe as MenuItemBase,
   me as MenuItemIcon,
@@ -265,26 +268,26 @@ export {
   Ce as MetaItemLabel,
   Fe as MetaItemMedia,
   ke as MetaList,
-  Te as MetaListItem,
+  ye as MetaListItem,
   Re as MetaProgress,
   Qe as MetaTimestamp,
-  Wt as PageBase,
-  em as PageHeader,
-  _t as PageMenu,
-  Yt as PageNav,
-  om as PageTabs,
+  Yt as PageBase,
+  mm as PageHeader,
+  om as PageMenu,
+  _t as PageNav,
+  em as PageTabs,
   lr as ProgressIcon,
-  ft as QueryItem,
+  at as QueryItem,
   it as QueryLabel,
   cr as RadioIcon,
-  km as ResourceList,
-  Hm as ResourceListItem,
+  vm as ResourceList,
+  wm as ResourceListItem,
   Ke as RootProvider,
   mt as ScopeListItem,
   We as SearchField,
   qe as Searchbar,
   Ue as SearchbarBase,
-  xm as Section,
+  am as Section,
   Ao as SeenByLog,
   e as SizeEnum,
   Dt as Skeleton,
@@ -294,26 +297,29 @@ export {
   lt as SnackbarItem,
   gt as SnackbarProvider,
   xt as SuggestListItem,
-  Nm as TextField,
-  bt as Timeline,
+  Wm as TextField,
+  St as Timeline,
   kt as TimelineActivity,
   Ht as TimelineBase,
   wt as TimelineFooter,
   vt as TimelineHeader,
+  Gt as TimelineLink,
   Pt as TimelineSection,
   At as TimelineSegment,
-  zt as Toolbar,
-  Gt as ToolbarBase,
-  Ot as ToolbarButton,
-  Ut as ToolbarDaterange,
-  qt as ToolbarFilter,
-  Nt as ToolbarSearch,
-  Im as Transmission,
-  Dm as TransmissionList,
-  bm as Typography,
-  qm as useClickOutside,
-  Um as useEscapeKey,
-  Wm as useMenu,
+  Nt as Toolbar,
+  Ot as ToolbarBase,
+  zt as ToolbarButton,
+  Wt as ToolbarDaterange,
+  Ut as ToolbarFilter,
+  qt as ToolbarSearch,
+  Dm as Transmission,
+  Sm as TransmissionList,
+  Am as TransmissionTimeline,
+  km as TransmissionTimelineSegment,
+  Hm as Typography,
+  Ym as useClickOutside,
+  _m as useEscapeKey,
+  op as useMenu,
   Ne as useRootContext,
   It as useSnackbar
 };

package/dist/types/lib/components/Button/ButtonBase.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { Color } from '..';
-export type ButtonVariant = 'solid' | 'outline' | 'dotted' | 'text';
+export type ButtonVariant = 'solid' | 'outline' | 'dotted' | 'text' | 'link';
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
 export type ButtonColor = Color | 'inherit';
 export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement> {

package/dist/types/lib/components/Button/ButtonIcon.d.ts

@@ -2,7 +2,8 @@ import { SvgElement } from '../Icon';
 import { ButtonSize } from './ButtonBase';
 export interface ButtonIconProps {
     icon: SvgElement;
-    iconAltText?: string;
     size: ButtonSize;
+    iconAltText?: string;
+    className?: string;
 }
-export declare const ButtonIcon: ({ size, icon, iconAltText }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonIcon: ({ className, size, icon, iconAltText }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Byline/Byline.d.ts

@@ -13,4 +13,4 @@ export interface BylineProps {
     children?: ReactNode;
 }
 /** Byline, possible avatar/avatarGroup, name and more info */
-export declare const Byline: ({ loading, color, size, avatar, avatarGroup, datetime, children, as, }: BylineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Byline: ({ loading, color, size, avatar, avatarGroup, datetime, children, as, ...props }: BylineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Byline/Byline.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ loading, color, size, avatar, avatarGroup, datetime, children, as, }: import('./Byline').BylineProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, color, size, avatar, avatarGroup, datetime, children, as, ...props }: import('./Byline').BylineProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/List/ListItemLabel.d.ts

@@ -4,7 +4,8 @@ export interface ListItemLabelProps {
     loading?: boolean;
     size?: ListItemSize;
     title?: string;
+    weight?: 'bold' | 'normal';
     description?: string;
     children?: ReactNode;
 }
-export declare const ListItemLabel: ({ loading, size, title, description, children }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemLabel: ({ loading, size, title, weight, description, children, }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/Flex.d.ts

@@ -1,6 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, ElementType, ReactNode } from 'react';
 import { Color, Range, Shadow, Theme } from '..';
-export type FlexElement = 'div' | 'section' | 'article' | 'header' | 'footer' | 'nav' | 'ul';
 export type FlexDirection = 'col' | 'row';
 export type FlexAlign = 'initial' | 'start' | 'end' | 'center' | 'stretch';
 export type FlexJustify = 'initial' | 'start' | 'end' | 'center' | 'between';
@@ -8,7 +7,7 @@ export type FlexSpacing = 'page' | 'xs' | Range<11>;
 export type FlexPadding = 'page' | Range<11>;
 export type FlexMargin = 0 | 'page' | 'section' | 'bottom';
 export interface FlexProps {
-    as?: FlexElement;
+    as?: ElementType;
     shadow?: Shadow;
     color?: Color;
     theme?: Theme;

package/dist/types/lib/components/Timeline/TimelineBase.d.ts

@@ -1,11 +1,12 @@
-import { ReactNode } from 'react';
-import { AvatarProps, Color, FlexProps, SvgElement, Theme } from '..';
+import { ElementType, ReactNode } from 'react';
+import { AvatarProps, Color, SvgElement, Theme } from '..';
 export type TimelineTheme = 'base' | 'surface';
 export type TimelineBorder = 'strong' | 'solid' | 'dashed' | 'hidden';
 export type TimelineBorderWidth = 1 | 2;
 export interface TimelineBaseProps {
-    as?: FlexProps['as'];
+    as?: ElementType;
     loading?: boolean;
+    level?: number;
     border?: TimelineBorder;
     color?: Color;
     theme?: Theme;
@@ -14,4 +15,4 @@ export interface TimelineBaseProps {
     avatar?: AvatarProps;
     children?: ReactNode;
 }
-export declare const TimelineBase: ({ as, loading, border, color, icon, iconColor, avatar, children, }: TimelineBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimelineBase: ({ as, loading, border, level, color, icon, iconColor, avatar, children, ...props }: TimelineBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/TimelineLink.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ButtonBaseProps, SvgElement } from '..';
+export interface TimelineLinkProps extends Partial<ButtonBaseProps> {
+    icon?: SvgElement;
+    reverse?: boolean;
+    label?: string | ReactNode;
+    children?: ReactNode;
+}
+export declare const TimelineLink: ({ size, color, icon, reverse, label, children, ...rest }: TimelineLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/TimelineSection.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 import { SectionProps, TimelineBaseProps, TypographyProps } from '..';
 export interface TimelineSectionProps {
     loading?: boolean;
@@ -11,5 +11,6 @@ export interface TimelineSectionProps {
     byline?: ReactNode;
     children?: ReactNode;
     footer?: ReactNode;
+    as?: ElementType;
 }
-export declare const TimelineSection: ({ loading, margin, spacing, border, color, typographyProps, datetime, byline, children, footer, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimelineSection: ({ loading, margin, spacing, as, border, color, typographyProps, datetime, byline, children, footer, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/TimelineSection.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ loading, margin, spacing, border, color, typographyProps, datetime, byline, children, footer, }: import('./TimelineSection').TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, margin, spacing, as, border, color, typographyProps, datetime, byline, children, footer, }: import('./TimelineSection').TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Timeline/TimelineSegment.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SectionProps, SvgElement, TimelineBaseProps, TimelineBorder, TypographyProps } from '..';
+import { FlexMargin, FlexSpacing, SvgElement, TimelineBaseProps, TimelineBorder, TypographyProps } from '..';
 export interface TimelineSegmentProps extends TimelineBaseProps {
     loading?: boolean;
     icon?: SvgElement;
@@ -9,7 +9,7 @@ export interface TimelineSegmentProps extends TimelineBaseProps {
     children?: ReactNode;
     footer?: ReactNode;
     typographyProps?: TypographyProps;
-    margin?: SectionProps['margin'];
-    spacing?: SectionProps['spacing'];
+    margin?: FlexMargin;
+    spacing?: FlexSpacing;
 }
 export declare const TimelineSegment: ({ loading, datetime, byline, icon, color, spacing, margin, children, footer, ...props }: TimelineSegmentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/index.d.ts

@@ -5,3 +5,4 @@ export * from './TimelineBase';
 export * from './TimelineSection';
 export * from './TimelineHeader';
 export * from './TimelineFooter';
+export * from './TimelineLink';

package/dist/types/lib/components/Transmission/Transmission.d.ts

@@ -1,14 +1,10 @@
 import { ReactNode } from 'react';
 import { AttachmentListProps, AvatarProps, BadgeProps, ListItemProps } from '..';
-export interface TransmissionType {
-    value: string;
-    label: string;
-}
 export interface TransmissionProps extends ListItemProps {
     id: string;
     datetime?: string;
     byline?: ReactNode;
-    type?: TransmissionType;
+    type?: string;
     badge?: BadgeProps;
     createdAt?: string;
     createdAtLabel?: string;
@@ -17,4 +13,4 @@ export interface TransmissionProps extends ListItemProps {
     summary?: string;
     attachments?: AttachmentListProps;
 }
-export declare const Transmission: ({ size, theme, color, type, createdAt, createdAtLabel, badge, sender, summary, attachments, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Transmission: ({ size, theme, color, type, title, createdAt, createdAtLabel, badge, sender, summary, attachments, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Transmission/TransmissionTimeline.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TransmissionTimelineSegmentProps } from '..';
+export interface TransmissionTimelineProps {
+    items: TransmissionTimelineSegmentProps[];
+    collapsible?: boolean;
+    expandLabel?: string | ReactNode;
+    collapseLabel?: string | ReactNode;
+    className?: string;
+}
+export declare const TransmissionTimeline: ({ items, collapsible, expandLabel, collapseLabel }: TransmissionTimelineProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Transmission/TransmissionTimeline.stories.d.ts

@@ -0,0 +1,74 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, collapsible, expandLabel, collapseLabel }: import('./TransmissionTimeline').TransmissionTimelineProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: ({
+            id: string;
+            sender: import('..').AvatarProps;
+            byline: string;
+            title: string;
+            collapsible: false;
+            expandLabel: import("react/jsx-runtime").JSX.Element;
+            items: ({
+                id: string;
+                sender: import('..').AvatarProps;
+                createdAtLabel: string;
+                byline: string;
+                title: string;
+                type?: undefined;
+            } | {
+                id: string;
+                type: string;
+                sender: {
+                    type: "company";
+                    name: string;
+                };
+                createdAtLabel: string;
+                byline: string;
+                title: string;
+            })[];
+            createdAtLabel?: undefined;
+            type?: undefined;
+        } | {
+            id: string;
+            sender: import('..').AvatarProps;
+            createdAtLabel: string;
+            byline: string;
+            title: string;
+            expandLabel: import("react/jsx-runtime").JSX.Element;
+            items: {
+                id: string;
+                type: string;
+                sender: {
+                    type: "company";
+                    name: string;
+                };
+                byline: string;
+                title: string;
+            }[];
+            collapsible?: undefined;
+            type?: undefined;
+        } | {
+            id: string;
+            type: string;
+            sender: {
+                type: "person";
+                name: string;
+            };
+            createdAtLabel: string;
+            byline: string;
+            title: string;
+            collapsible?: undefined;
+            expandLabel?: undefined;
+            items?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Collapsible: Story;
+export declare const LinkedItems: Story;

package/dist/types/lib/components/Transmission/TransmissionTimelineSegment.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { TimelineLinkProps, TransmissionProps } from '..';
+export interface TransmissionTimelineItemProps extends TransmissionProps {
+    byline?: string;
+    datetime?: string;
+}
+export interface TransmissionTimelineSegmentProps extends TransmissionProps {
+    items?: TransmissionTimelineItemProps[];
+    collapsible?: boolean;
+    expandLabel?: string | ReactNode;
+    collapseLabel?: string | ReactNode;
+    link?: TimelineLinkProps;
+}
+export declare const TransmissionTimelineSegment: ({ collapsible, items, datetime, byline, expandLabel, collapseLabel, link, ...item }: TransmissionTimelineSegmentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Transmission/index.d.ts

@@ -1,2 +1,4 @@
 export * from './Transmission';
 export * from './TransmissionList';
+export * from './TransmissionTimeline';
+export * from './TransmissionTimelineSegment';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "dist/index.js",
   "files": [
     "dist/",