@altinn/altinn-components 0.31.0 → 0.32.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 p } from "./components/Attachment/AttachmentList.js";
-import { Avatar as f, isAvatarProps as s } from "./components/Avatar/Avatar.js";
+import { Avatar as f, isAvatarProps as i } from "./components/Avatar/Avatar.js";
 import { AvatarGroup as n, isAvatarGroupProps as c } from "./components/Avatar/AvatarGroup.js";
 import { AccountMenu as u } from "./components/Account/AccountMenu.js";
-import { AccountListItem as L } from "./components/Account/AccountListItem.js";
-import { AccountList as d } from "./components/Account/AccountList.js";
+import { AccountListItem as d } from "./components/Account/AccountListItem.js";
+import { AccountList as g } from "./components/Account/AccountList.js";
 import { Badge as I } from "./components/Badge/Badge.js";
 import { Banner as b, BannerColorEnum as A } from "./components/Banner/Banner.js";
-import { BookmarksListItem as M } from "./components/Bookmarks/BookmarksListItem.js";
+import { BookmarksListItem as T } from "./components/Bookmarks/BookmarksListItem.js";
 import { EditableBookmark as k } from "./components/Bookmarks/EditableBookmark.js";
 import { BookmarksSection as C } from "./components/Bookmarks/BookmarksSection.js";
 import { ButtonBase as H } from "./components/Button/ButtonBase.js";
@@ -27,15 +27,15 @@ import { DialogTabs as ro } from "./components/Dialog/DialogTabs.js";
 import { DialogSection as to } from "./components/Dialog/DialogSection.js";
 import { DialogContact as ao } from "./components/Dialog/DialogContact.js";
 import { DialogHistory as xo } from "./components/Dialog/DialogHistory.js";
-import { DialogHistorySegment as so } from "./components/Dialog/DialogHistorySegment.js";
+import { DialogHistorySegment as io } from "./components/Dialog/DialogHistorySegment.js";
 import { DialogHistoryItem as no } from "./components/Dialog/DialogHistoryItem.js";
 import { DialogList as lo } from "./components/Dialog/DialogList.js";
 import { DialogListGroup as Do } from "./components/Dialog/DialogListGroup.js";
 import { DialogListItem as go } from "./components/Dialog/DialogListItem.js";
 import { DialogMetadata as Io } from "./components/Dialog/DialogMetadata.js";
 import { DialogByline as bo } from "./components/Dialog/DialogByline.js";
-import { DialogActions as To } from "./components/Dialog/DialogActions.js";
-import { D as yo } from "./DialogActivityLog-BoPREh7Y.js";
+import { DialogActions as Mo } from "./components/Dialog/DialogActions.js";
+import { DialogActivityLog as yo } from "./components/Dialog/DialogActivityLog.js";
 import { DialogSeenBy as ho } from "./components/Dialog/DialogSeenBy.js";
 import { DialogSelect as Po } from "./components/Dialog/DialogSelect.js";
 import { DialogStatus as Fo, DialogStatusEnum as vo } from "./components/Dialog/DialogStatus.js";
@@ -53,15 +53,15 @@ import { DrawerBody as rr } from "./components/Dropdown/DrawerBody.js";
 import { DrawerOrDropdown as tr } from "./components/Dropdown/DrawerOrDropdown.js";
 import { Footer as ar } from "./components/Footer/Footer.js";
 import { CurrentAccount as xr } from "./components/GlobalMenu/CurrentAccount.js";
-import { BackButton as sr } from "./components/GlobalMenu/BackButton.js";
+import { BackButton as ir } from "./components/GlobalMenu/BackButton.js";
 import { LogoutButton as nr } from "./components/GlobalMenu/LogoutButton.js";
 import { EndUserLabel as lr } from "./components/GlobalMenu/EndUserLabel.js";
 import { GlobalMenu as Dr } from "./components/GlobalMenu/GlobalMenu.js";
-import { GlobalMenuButton as gr } from "./components/GlobalMenu/GlobalMenuButton.js";
+import { GlobalMenuButton as Lr } from "./components/GlobalMenu/GlobalMenuButton.js";
 import { Header as Br } from "./components/Header/Header.js";
 import { HeaderBase as Sr } from "./components/Header/HeaderBase.js";
 import { HeaderLogo as Ar } from "./components/Header/HeaderLogo.js";
-import { HeaderButton as Mr } from "./components/Header/HeaderButton.js";
+import { HeaderButton as Tr } from "./components/Header/HeaderButton.js";
 import { LocaleButton as kr } from "./components/Header/LocaleButton.js";
 import { LocaleSwitcher as Cr } from "./components/Header/LocaleSwitcher.js";
 import { Icon as Hr, isIconProps as Fr } from "./components/Icon/Icon.js";
@@ -80,14 +80,14 @@ import { LayoutAction as ee } from "./components/LayoutAction/LayoutAction.js";
 import { ListItemBase as me } from "./components/List/ListItemBase.js";
 import { ListItemLink as pe } from "./components/List/ListItemLink.js";
 import { ListItemHeader as fe } from "./components/List/ListItemHeader.js";
-import { ListItemLabel as ie } from "./components/List/ListItemLabel.js";
+import { ListItemLabel as se } from "./components/List/ListItemLabel.js";
 import { ListItemIcon as ce } from "./components/List/ListItemIcon.js";
 import { ListItemControls as ue } from "./components/List/ListItemControls.js";
-import { ListItemSelect as Le } from "./components/List/ListItemSelect.js";
-import { ListItem as de } from "./components/List/ListItem.js";
+import { ListItemSelect as de } from "./components/List/ListItemSelect.js";
+import { ListItem as ge } from "./components/List/ListItem.js";
 import { List as Ie } from "./components/List/List.js";
 import { MenuItemBase as be } from "./components/Menu/MenuItemBase.js";
-import { MenuItemLabel as Te, getAriaLabelFromTitle as Me } from "./components/Menu/MenuItemLabel.js";
+import { MenuItemLabel as Me, getAriaLabelFromTitle as Te } from "./components/Menu/MenuItemLabel.js";
 import { MenuItemIcon as ke } from "./components/Menu/MenuItemIcon.js";
 import { MenuItem as Ce } from "./components/Menu/MenuItem.js";
 import { MenuInputField as He } from "./components/Menu/MenuInputField.js";
@@ -105,14 +105,14 @@ import { MetaItem as rt } from "./components/Metadata/MetaItem.js";
 import { MetaProgress as tt } from "./components/Metadata/MetaProgress.js";
 import { MetaTimestamp as at } from "./components/Metadata/MetaTimestamp.js";
 import { MetaListItem as xt, Metadata as ft } from "./components/Metadata/Metadata.js";
-import { RootProvider as it, useRootContext as nt } from "./components/RootProvider/RootProvider.js";
+import { RootProvider as st, useRootContext as nt } from "./components/RootProvider/RootProvider.js";
 import { SearchItem as lt } from "./components/Search/SearchItem.js";
 import { Searchbar as Dt } from "./components/Searchbar/Searchbar.js";
-import { SearchbarBase as gt } from "./components/Searchbar/SearchbarBase.js";
+import { SearchbarBase as Lt } from "./components/Searchbar/SearchbarBase.js";
 import { SearchbarField as Bt } from "./components/Searchbar/SearchbarField.js";
 import { AutocompleteBase as St } from "./components/Searchbar/AutocompleteBase.js";
 import { AutocompleteGroup as At } from "./components/Searchbar/AutocompleteGroup.js";
-import { Autocomplete as Mt } from "./components/Searchbar/Autocomplete.js";
+import { Autocomplete as Tt } from "./components/Searchbar/Autocomplete.js";
 import { AutocompleteItem as kt } from "./components/Searchbar/AutocompleteItem.js";
 import { ScopeListItem as Ct } from "./components/Searchbar/ScopeListItem.js";
 import { SuggestListItem as Ht } from "./components/Searchbar/SuggestListItem.js";
@@ -129,15 +129,15 @@ import { TimelineSection as rm } from "./components/Timeline/TimelineSection.js"
 import { TimelineHeader as tm } from "./components/Timeline/TimelineHeader.js";
 import { TimelineFooter as am } from "./components/Timeline/TimelineFooter.js";
 import { TimelineIcon as xm } from "./components/Timeline/TimelineIcon.js";
-import { TimelineLink as sm } from "./components/Timeline/TimelineLink.js";
+import { TimelineLink as im } from "./components/Timeline/TimelineLink.js";
 import { ToolbarBase as nm } from "./components/Toolbar/ToolbarBase.js";
 import { ToolbarButton as lm } from "./components/Toolbar/ToolbarButton.js";
 import { Toolbar as Dm } from "./components/Toolbar/Toolbar.js";
-import { ToolbarSearch as gm } from "./components/Toolbar/ToolbarSearch.js";
+import { ToolbarSearch as Lm } from "./components/Toolbar/ToolbarSearch.js";
 import { ToolbarFilter as Bm } from "./components/Toolbar/ToolbarFilter.js";
 import { ToolbarDaterange as Sm } from "./components/Toolbar/ToolbarDaterange.js";
 import { PageBase as Am } from "./components/Page/PageBase.js";
-import { PageNav as Mm } from "./components/Page/PageNav.js";
+import { PageNav as Tm } from "./components/Page/PageNav.js";
 import { PageMenu as km } from "./components/Page/PageMenu.js";
 import { PageTabs as Cm } from "./components/Page/PageTabs.js";
 import { PageDetails as Hm } from "./components/Page/PageDetails.js";
@@ -156,14 +156,14 @@ import { Typography as ea } from "./components/Typography/Typography.js";
 import { Heading as ma } from "./components/Typography/Heading.js";
 import { ResourceList as pa } from "./components/ResourceList/ResourceList.js";
 import { ResourceListItem as fa } from "./components/ResourceList/ResourceListItem.js";
-import { AccessAreaListItem as ia } from "./components/AccessAreaList/AccessAreaListItem.js";
+import { AccessAreaListItem as sa } from "./components/AccessAreaList/AccessAreaListItem.js";
 import { AccessAreaList as ca } from "./components/AccessAreaList/AccessAreaList.js";
 import { AccessPackageListItem as ua } from "./components/AccessPackageList/AccessPackageListItem.js";
-import { AccessPackageList as La } from "./components/AccessPackageList/AccessPackageList.js";
-import { Field as da } from "./components/Forms/Field.js";
+import { AccessPackageList as da } from "./components/AccessPackageList/AccessPackageList.js";
+import { Field as ga } from "./components/Forms/Field.js";
 import { Fieldset as Ia } from "./components/Forms/Fieldset.js";
 import { Legend as ba } from "./components/Forms/Legend.js";
-import { Label as Ta } from "./components/Forms/Label.js";
+import { Label as Ma } from "./components/Forms/Label.js";
 import { Input as ya } from "./components/Forms/Input.js";
 import { Textarea as ha } from "./components/Forms/Textarea.js";
 import { Select as Pa } from "./components/Forms/Select.js";
@@ -183,51 +183,56 @@ import { CheckboxOptions as ep } from "./components/Forms/CheckboxOptions.js";
 import { SettingsSection as mp } from "./components/Settings/SettingsSection.js";
 import { SettingsItem as pp } from "./components/Settings/SettingsItem.js";
 import { SettingsList as fp } from "./components/Settings/SettingsList.js";
-import { DashboardHeader as ip } from "./components/Dashboard/DashboardHeader.js";
+import { DashboardHeader as sp } from "./components/Dashboard/DashboardHeader.js";
 import { DashboardCard as cp } from "./components/Dashboard/DashboardCard.js";
 import { DashboardIcon as up } from "./components/Dashboard/DashboardIcon.js";
-import { ActivityLog as Lp } from "./components/ActivityLog/ActivityLog.js";
-import { ActivityLogItem as dp } from "./components/ActivityLog/ActivityLogItem.js";
-import { ArticleHeader as Ip } from "./components/Article/ArticleHeader.js";
-import { ArticleContact as bp } from "./components/Article/ArticleContact.js";
-import { Article as Tp } from "./components/Article/Article.js";
-import { useClickOutside as yp } from "./hooks/useClickOutside.js";
-import { useEscapeKey as hp } from "./hooks/useEscapeKey.js";
-import { useMenu as Pp } from "./hooks/useMenu.js";
-import { A as Fp, B as vp, a as wp, C as Ep, b as Op, c as Gp, D as Rp, H as Qp, L as Up, d as Vp, e as jp, P as zp, f as Kp, g as Np, h as qp, i as Jp, S as Wp, j as Xp, T as Yp, u as Zp } from "./usePagination-D247OF6_.js";
-import { D as $p } from "./index-D3Rt9ate.js";
-import { P as rx } from "./Paragraph-Bm-eoPYv.js";
-import { V as tx } from "./index-CnWc2FNH.js";
+import { ActivityLog as dp } from "./components/ActivityLog/ActivityLog.js";
+import { ActivityLogSegment as gp } from "./components/ActivityLog/ActivityLogSegment.js";
+import { ActivityLogItem as Ip } from "./components/ActivityLog/ActivityLogItem.js";
+import { ArticleHeader as bp } from "./components/Article/ArticleHeader.js";
+import { ArticleContact as Mp } from "./components/Article/ArticleContact.js";
+import { Article as yp } from "./components/Article/Article.js";
+import { ModalBase as hp } from "./components/Modal/ModalBase.js";
+import { ModalHeader as Pp } from "./components/Modal/ModalHeader.js";
+import { ModalBody as Fp } from "./components/Modal/ModalBody.js";
+import { useClickOutside as wp } from "./hooks/useClickOutside.js";
+import { useEscapeKey as Op } from "./hooks/useEscapeKey.js";
+import { useMenu as Rp } from "./hooks/useMenu.js";
+import { A as Up, B as Vp, a as jp, C as zp, b as Kp, c as Np, D as qp, H as Jp, L as Wp, d as Xp, e as Yp, P as Zp, f as _p, g as $p, h as ox, i as rx, S as ex, j as tx, T as mx, u as ax } from "./usePagination-D247OF6_.js";
+import { D as xx } from "./index-D3Rt9ate.js";
+import { P as ix } from "./Paragraph-Bm-eoPYv.js";
+import { V as nx } from "./index-CnWc2FNH.js";
 export {
   ca as AccessAreaList,
-  ia as AccessAreaListItem,
-  La as AccessPackageList,
+  sa as AccessAreaListItem,
+  da as AccessPackageList,
   ua as AccessPackageListItem,
   Jm as AccordionSection,
-  d as AccountList,
-  L as AccountListItem,
+  g as AccountList,
+  d as AccountListItem,
   u as AccountMenu,
   oe as ActionFooter,
   _r as ActionHeader,
-  Lp as ActivityLog,
-  dp as ActivityLogItem,
-  Tp as Article,
-  bp as ArticleContact,
-  Ip as ArticleHeader,
+  dp as ActivityLog,
+  Ip as ActivityLogItem,
+  gp as ActivityLogSegment,
+  yp as Article,
+  Mp as ArticleContact,
+  bp as ArticleHeader,
   m as AttachmentLink,
   p as AttachmentList,
-  Mt as Autocomplete,
+  Tt as Autocomplete,
   St as AutocompleteBase,
   At as AutocompleteGroup,
   kt as AutocompleteItem,
   f as Avatar,
   n as AvatarGroup,
-  sr as BackButton,
+  ir as BackButton,
   No as Backdrop,
   I as Badge,
   b as Banner,
   A as BannerColorEnum,
-  M as BookmarksListItem,
+  T as BookmarksListItem,
   C as BookmarksSection,
   Gm as Breadcrumbs,
   Qm as BreadcrumbsLink,
@@ -245,10 +250,10 @@ export {
   N as ContextMenu,
   xr as CurrentAccount,
   cp as DashboardCard,
-  ip as DashboardHeader,
+  sp as DashboardHeader,
   up as DashboardIcon,
   J as Dialog,
-  To as DialogActions,
+  Mo as DialogActions,
   yo as DialogActivityLog,
   Eo as DialogAttachments,
   $ as DialogBody,
@@ -257,7 +262,7 @@ export {
   Z as DialogHeader,
   xo as DialogHistory,
   no as DialogHistoryItem,
-  so as DialogHistorySegment,
+  io as DialogHistorySegment,
   X as DialogLayout,
   lo as DialogList,
   Do as DialogListGroup,
@@ -277,49 +282,49 @@ export {
   Xo as DrawerHeader,
   tr as DrawerOrDropdown,
   zo as DropdownBase,
-  Fp as DsAlert,
-  vp as DsBadge,
-  wp as DsButton,
-  Ep as DsCheckbox,
-  Op as DsChip,
-  Gp as DsCombobox,
-  $p as DsDetails,
-  Rp as DsDialog,
-  Qp as DsHeading,
-  Up as DsLink,
-  Vp as DsListItem,
-  jp as DsListUnordered,
-  zp as DsPagination,
-  rx as DsParagraph,
-  Kp as DsPopover,
-  Np as DsSearch,
-  qp as DsSkeleton,
-  Jp as DsSpinner,
-  Wp as DsSwitch,
-  Xp as DsTabs,
-  Yp as DsTextfield,
-  tx as DsValidationMessage,
+  Up as DsAlert,
+  Vp as DsBadge,
+  jp as DsButton,
+  zp as DsCheckbox,
+  Kp as DsChip,
+  Np as DsCombobox,
+  xx as DsDetails,
+  qp as DsDialog,
+  Jp as DsHeading,
+  Wp as DsLink,
+  Xp as DsListItem,
+  Yp as DsListUnordered,
+  Zp as DsPagination,
+  ix as DsParagraph,
+  _p as DsPopover,
+  $p as DsSearch,
+  ox as DsSkeleton,
+  rx as DsSpinner,
+  ex as DsSwitch,
+  tx as DsTabs,
+  mx as DsTextfield,
+  nx as DsValidationMessage,
   k as EditableBookmark,
   lr as EndUserLabel,
-  da as Field,
+  ga as Field,
   Ra as FieldBase,
   Ia as Fieldset,
   Wa as FieldsetBase,
   vm as Flex,
   ar as Footer,
   Dr as GlobalMenu,
-  gr as GlobalMenuButton,
+  Lr as GlobalMenuButton,
   Em as Grid,
   Br as Header,
   Sr as HeaderBase,
-  Mr as HeaderButton,
+  Tr as HeaderButton,
   Ar as HeaderLogo,
   ma as Heading,
   Hr as Icon,
   V as IconButton,
   Ur as IconOrAvatar,
   ya as Input,
-  Ta as Label,
+  Ma as Label,
   Yr as Layout,
   ee as LayoutAction,
   jr as LayoutBase,
@@ -328,14 +333,14 @@ export {
   Wr as LayoutSidebar,
   ba as Legend,
   Ie as List,
-  de as ListItem,
+  ge as ListItem,
   me as ListItemBase,
   ue as ListItemControls,
   fe as ListItemHeader,
   ce as ListItemIcon,
-  ie as ListItemLabel,
+  se as ListItemLabel,
   pe as ListItemLink,
-  Le as ListItemSelect,
+  de as ListItemSelect,
   kr as LocaleButton,
   Cr as LocaleSwitcher,
   nr as LogoutButton,
@@ -346,7 +351,7 @@ export {
   Ce as MenuItem,
   be as MenuItemBase,
   ke as MenuItemIcon,
-  Te as MenuItemLabel,
+  Me as MenuItemLabel,
   Qe as MenuItems,
   je as MenuList,
   ze as MenuListItem,
@@ -361,11 +366,14 @@ export {
   tt as MetaProgress,
   at as MetaTimestamp,
   ft as Metadata,
+  hp as ModalBase,
+  Fp as ModalBody,
+  Pp as ModalHeader,
   Ya as OptionsBase,
   Am as PageBase,
   Hm as PageDetails,
   km as PageMenu,
-  Mm as PageNav,
+  Tm as PageNav,
   Cm as PageTabs,
   Rr as ProgressIcon,
   vt as QueryItem,
@@ -375,12 +383,12 @@ export {
   _a as RadioOptions,
   pa as ResourceList,
   fa as ResourceListItem,
-  it as RootProvider,
+  st as RootProvider,
   Ct as ScopeListItem,
   qa as SearchField,
   lt as SearchItem,
   Dt as Searchbar,
-  gt as SearchbarBase,
+  Lt as SearchbarBase,
   Bt as SearchbarField,
   Vm as Section,
   Go as SeenByLog,
@@ -409,7 +417,7 @@ export {
   am as TimelineFooter,
   tm as TimelineHeader,
   xm as TimelineIcon,
-  sm as TimelineLink,
+  im as TimelineLink,
   rm as TimelineSection,
   Xt as TimelineSegment,
   Dm as Toolbar,
@@ -417,20 +425,20 @@ export {
   lm as ToolbarButton,
   Sm as ToolbarDaterange,
   Bm as ToolbarFilter,
-  gm as ToolbarSearch,
+  Lm as ToolbarSearch,
   Xm as Transmission,
   oa as TransmissionList,
   Zm as TransmissionType,
   _m as TransmissionTypeEnum,
   ea as Typography,
-  Me as getAriaLabelFromTitle,
+  Te as getAriaLabelFromTitle,
   c as isAvatarGroupProps,
-  s as isAvatarProps,
+  i as isAvatarProps,
   Fr as isIconProps,
-  yp as useClickOutside,
-  Zp as useDsPagination,
-  hp as useEscapeKey,
-  Pp as useMenu,
+  wp as useClickOutside,
+  ax as useDsPagination,
+  Op as useEscapeKey,
+  Rp as useMenu,
   nt as useRootContext,
   zt as useSnackbar
 };

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

@@ -1,5 +1,10 @@
-import { ActivityLogItemProps } from '..';
+import { ActivityLogSegmentProps } from '..';
 export interface ActivityLogProps {
-    items: ActivityLogItemProps[];
+    items: ActivityLogSegmentProps[];
+    maxItems?: number;
+    collapsible?: boolean;
+    expanded?: boolean;
+    expandLabel?: string;
+    collapseLabel?: string;
 }
-export declare function ActivityLog({ items }: ActivityLogProps): import("react/jsx-runtime").JSX.Element;
+export declare const ActivityLog: ({ items, maxItems, expandLabel, collapseLabel, }: ActivityLogProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -7,3 +7,4 @@ declare const meta: {
 export default meta;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 export declare const Controlled: () => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/ActivityLog/ActivityLogItem.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
 export interface ActivityLogItemProps {
-    id: string;
+    id?: string;
     byline?: string;
     datetime?: string;
     children?: ReactNode;
+    summary?: ReactNode;
 }
-export declare const ActivityLogItem: ({ byline, datetime, children }: ActivityLogItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActivityLogItem: ({ byline, datetime, children, summary, ...props }: ActivityLogItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/ActivityLog/ActivityLogSegment.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { ActivityLogItemProps } from '../';
+export interface ActivityLogSegmentProps {
+    id?: string;
+    items?: ActivityLogItemProps[];
+    datetime?: string;
+    byline?: string;
+    children?: ReactNode;
+    summary?: ReactNode;
+}
+export declare const ActivityLogSegment: ({ id, items, datetime, byline, children, summary }: ActivityLogSegmentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,3 @@
 export * from './ActivityLog';
+export * from './ActivityLogSegment';
 export * from './ActivityLogItem';

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

@@ -2,7 +2,6 @@ import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ variant, color, size, selected, icon, iconSize, href, label, labelSize, children, className, loading, ariaLabel, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
     parameters: {};
     args: {
         children: string;

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

@@ -1,18 +1,20 @@
 import { ReactNode } from 'react';
-import { DialogBodyProps, DialogHeaderProps, DialogLayoutProps, DialogTabsProps } from '..';
-export interface DialogProps extends DialogLayoutProps {
+import { DialogBodyProps, DialogContactProps, DialogHeaderProps, DialogHistoryProps, DialogLayoutProps, DialogSectionProps } from '..';
+export interface DialogProps extends DialogLayoutProps, DialogHeaderProps, DialogBodyProps {
     /** Dialog is loading */
     loading?: boolean;
-    /** Dialog header */
-    header?: DialogHeaderProps;
-    /** Dialog body */
-    body?: DialogBodyProps;
-    /** Tabs */
-    tabs?: DialogTabsProps;
-    /** Tabpanel */
+    /** Dialog title */
+    title: string;
+    /** Dialog history */
+    history?: DialogHistoryProps;
+    /** Dialog history */
+    additionalInfo?: DialogSectionProps;
+    /** Dialog history */
+    contact?: DialogContactProps;
+    /** Content */
     children?: ReactNode;
 }
 /**
- * Full representation of a dialog, including attachments, actions and history,
+ * Full representation of a dialog, including attachments, actions, history, additional information, and contact information.
  */
-export declare const Dialog: ({ loading, backButton, contextMenu, pageMenu, header, body, tabs, children }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ loading, backButton, contextMenu, pageMenu, sender, title, history, additionalInfo, contact, children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,8 @@ declare const meta: Meta<typeof Dialog>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const ActivityLog: Story;
-export declare const AdditionalInfo: Story;
-export declare const Contact: Story;
+export declare const RequiresAttention: Story;
+export declare const InProgress: Story;
+export declare const Completed: Story;
+export declare const Transmissions: Story;
+export declare const ActivityLog: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogActivityLog.d.ts

@@ -1,11 +1,8 @@
-import { ElementType, MouseEventHandler } from 'react';
-import { MetaItemSize } from '../Metadata';
-export interface DialogActivityLogProps {
-    loading?: boolean;
-    size?: MetaItemSize;
-    label?: string;
-    as?: ElementType;
-    onClick?: MouseEventHandler;
-    href?: string;
+import { ActivityLogProps, ToolbarProps } from '../';
+export interface DialogActivityLogProps extends ActivityLogProps {
+    title: string;
+    toolbar?: ToolbarProps;
+    open: boolean;
+    onClose: () => void;
 }
-export declare const DialogActivityLog: ({ size, label, onClick, ...rest }: DialogActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogActivityLog: ({ title, items, open, onClose }: DialogActivityLogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogBody.d.ts

@@ -1,32 +1,20 @@
 import { ReactNode } from 'react';
-import { AvatarProps, DialogActivityLogProps, SeenByLogProps } from '..';
+import { AvatarProps, SeenByLogProps } from '..';
 export interface DialogBodyProps {
+    /** Loading */
+    loading?: boolean;
     /** Sender */
-    sender: AvatarProps;
+    sender?: AvatarProps;
     /** Recipient  */
     recipient?: AvatarProps;
-    /** Loading */
-    loading?: boolean;
-    /** Loading text */
-    loadingText?: string;
-    /** Updated date time */
-    updatedAt?: string;
-    /** Updated label */
-    updatedAtLabel?: string;
-    /** Due date */
-    dueAt?: string;
-    /** Due at label */
-    dueAtLabel?: string;
     /** Recipient label (prefix) */
     recipientLabel?: string;
     /** Group recipient, show both sender and recipient avatars */
     recipientGroup?: boolean;
     /** Dialog is seen by the end user or others */
     seenByLog?: SeenByLogProps;
-    /** Activity Log */
-    activityLog?: DialogActivityLogProps;
     /** Content */
     children?: ReactNode;
 }
 /** DialogBody represents the body, or main part of a dialog, including sender and recipient.  */
-export declare const DialogBody: ({ loading, sender, recipient, recipientLabel, updatedAt, updatedAtLabel, children, seenByLog, }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogBody: ({ loading, sender, recipient, recipientLabel, children, seenByLog }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, sender, recipient, recipientLabel, updatedAt, updatedAtLabel, children, seenByLog, }: import('./DialogBody').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, sender, recipient, recipientLabel, children, seenByLog }: import('./DialogBody').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     args: {
         sender: {
@@ -14,8 +14,6 @@ declare const meta: {
             type: "person";
             name: string;
         };
-        updatedAt: string;
-        updatedAtLabel: string;
         children: import("react/jsx-runtime").JSX.Element;
         seenByLog: {
             collapsible: true;

package/dist/types/lib/components/Dialog/DialogHeader.d.ts

@@ -1,9 +1,11 @@
-import { DialogMetadataProps, DialogStatusProps } from '..';
+import { BadgeProps, DialogMetadataProps, DialogStatusProps } from '..';
 export interface DialogHeaderProps extends DialogMetadataProps {
     /** Loading state */
     loading?: boolean;
     /** Dialog title */
-    title?: string;
+    title: string;
+    /** Badge */
+    badge?: BadgeProps;
     /** Dialog status */
     status?: DialogStatusProps;
     /** Drafts label */
@@ -21,4 +23,4 @@ export interface DialogHeaderProps extends DialogMetadataProps {
     /** Due date label */
     dueAtLabel?: string;
 }
-export declare const DialogHeader: ({ loading, title, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, dueAt, dueAtLabel, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ loading, title, badge, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, dueAt, dueAtLabel, activityLog, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogHeader.stories.d.ts

@@ -1,11 +1,13 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, title, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, dueAt, dueAtLabel, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, badge, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, dueAt, dueAtLabel, activityLog, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
         title: string;
+        updatedAt: string;
+        updatedAtLabel: string;
         status: {
             value: "requires-attention";
             label: string;

package/dist/types/lib/components/Dialog/DialogHistory.stories.d.ts

@@ -12,6 +12,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const MultipleActivities: Story;
 export declare const Transmissions: Story;
-export declare const ActivityLog: Story;