@altinn/altinn-components 0.15.1 → 0.15.3

package/dist/types/lib/components/Attachment/AttachmentLink.d.ts

@@ -1,5 +1,4 @@
 import { IconName } from '../Icon';
-import { TypographySize } from '../Typography';
 export interface AttachmentLinkProps {
     /** Link url */
     href: string;
@@ -7,7 +6,5 @@ export interface AttachmentLinkProps {
     label: string;
     /** Icon */
     icon?: IconName;
-    /** Size */
-    size?: TypographySize;
 }
-export declare const AttachmentLink: ({ size, icon, href, label }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachmentLink: ({ icon, href, label }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Attachment/AttachmentLink.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ size, icon, href, label }: import('./AttachmentLink').AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ icon, href, label }: import('./AttachmentLink').AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: import('./AttachmentLink').AttachmentLinkProps;

package/dist/types/lib/components/Attachment/AttachmentList.d.ts

@@ -1,7 +1,5 @@
-import { TypographySize } from '../Typography';
 import { AttachmentLinkProps } from './AttachmentLink';
 export interface AttachmentListProps {
     items: AttachmentLinkProps[];
-    size?: TypographySize;
 }
-export declare const AttachmentList: ({ size, items }: AttachmentListProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AttachmentList: ({ items }: AttachmentListProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Attachment/AttachmentList.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ size, items }: import('./AttachmentList').AttachmentListProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ items }: import('./AttachmentList').AttachmentListProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {
         layout: string;

package/dist/types/lib/components/Avatar/Examples.stories.d.ts

@@ -0,0 +1,18 @@
+declare const meta: {
+    title: string;
+    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) => JSX.Element;
+    parameters: {};
+    args: {};
+};
+export default meta;
+export declare const AvatarSizes: ({ type, name }: {
+    type?: string | undefined;
+    name?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PeopleAvatars: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyAvatars: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarGroups: ({ defaultType }: {
+    defaultType?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PeopleAvatarGroups: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyAvatarGroups: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts

@@ -1,5 +1,4 @@
-import { ListItemProps } from '..';
-import { QueryItemProps } from './QueryLabel';
+import { ListItemProps, QueryItemProps } from '..';
 export interface BookmarksListItemProps extends ListItemProps {
     /** Query params */
     params?: QueryItemProps[];

package/dist/types/lib/components/Bookmarks/EditableBookmark.d.ts

@@ -1,6 +1,4 @@
-import { ButtonProps, TextFieldProps } from '..';
-import { BookmarksListItemProps } from './BookmarksListItem';
-import { QueryItemProps } from './QueryLabel';
+import { ButtonProps, TextFieldProps, BookmarksListItemProps, QueryItemProps } from '..';
 export interface EditableBookmarkProps extends BookmarksListItemProps {
     id: string;
     /** Input value */

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

@@ -1,4 +1,3 @@
-export * from './QueryLabel';
 export * from './BookmarksListItem';
 export * from './EditableBookmark';
 export * from './BookmarksSection';

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { AvatarProps, DialogAttachmentsProps, DialogTransmissionsProps, TimelineSectionSize } from '../';
+export type ActivityItemType = 'information' | 'created' | 'closed' | 'opened';
+export interface ActivityItemProps {
+    type?: ActivityItemType;
+    size?: TimelineSectionSize;
+    createdAt?: string;
+    createdAtLabel?: string;
+    createdBy?: AvatarProps;
+    description?: string | ReactNode;
+    attachments?: DialogAttachmentsProps;
+    transmissions?: DialogTransmissionsProps;
+    collapsed?: boolean;
+    children?: ReactNode;
+}
+export declare const ActivityItem: ({ type, size, createdBy, createdAt, createdAtLabel, description, children, }: ActivityItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { DialogAttachmentsProps, DialogTransmissionsProps } from '../';
+export interface ActivityItemDetailsProps {
+    attachments?: DialogAttachmentsProps;
+    transmissions?: DialogTransmissionsProps;
+}
+export declare const ActivityItemDetails: ({ attachments, transmissions }: ActivityItemDetailsProps) => false | import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ActivityItemProps, ToolbarProps } from '..';
+export interface ActivityLogProps {
+    toolbar?: ToolbarProps;
+    items?: ActivityItemProps[];
+}
+export declare const ActivityLog: ({ toolbar, items }: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,39 @@
+import { StoryObj } from '@storybook/react';
+import { ActivityLog } from './ActivityLog';
+declare const meta: {
+    title: string;
+    component: ({ toolbar, items }: import('./ActivityLog').ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: ({
+            type: "created";
+            createdAt: string;
+            createdAtLabel: string;
+            description: string;
+            createdBy?: undefined;
+        } | {
+            type: "information";
+            createdBy: import('..').AvatarProps;
+            createdAt: string;
+            createdAtLabel: string;
+            description: string;
+        } | {
+            type: "opened";
+            createdAt: string;
+            createdAtLabel: string;
+            description: string;
+            createdBy?: undefined;
+        } | {
+            type: "closed";
+            createdAt: string;
+            createdAtLabel: string;
+            description: string;
+            createdBy?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithToolbar: (args: typeof ActivityLog) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,42 +1,22 @@
 import { ReactNode } from 'react';
-import { AvatarProps, BackButtonProps, ContextMenuProps, DialogActionButtonProps, DialogActivityLogProps, DialogAttachmentsProps, DialogHistoryProps, DialogSectionProps, DialogSeenByProps, DialogStatusProps, DialogTimelineProps } from '..';
-export interface DialogProps {
+import { BackButtonProps, ContactSectionProps, ContextMenuProps, DialogActionButtonProps, DialogAttachmentsProps, DialogBodyProps, DialogHeaderProps, DialogHistoryProps, DialogSectionProps, DialogTimelineProps, PageMenuProps } from '..';
+export interface DialogProps extends DialogHeaderProps, DialogBodyProps {
+    /** Dialog is loading */
+    loading?: boolean;
     /** Dialog id */
     id: string;
-    /** Title */
-    title: string;
-    /** Sender */
-    sender: AvatarProps;
-    /** Recipient  */
-    recipient?: AvatarProps;
     /** Back button */
     backButton?: BackButtonProps;
     /** Context menu */
-    menu?: ContextMenuProps;
-    /** Dialog status */
-    status?: DialogStatusProps;
-    /** 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;
+    contextMenu?: ContextMenuProps;
+    /** Page menu */
+    pageMenu?: PageMenuProps;
     /** Summary */
     summary?: string;
     /** Body (should be an output markdown/html rendered to React / HTML) */
     body?: ReactNode;
     /** List of action (buttons) */
     actions?: DialogActionButtonProps[];
-    /** Dialog is seen by the end user or others */
-    seenBy?: DialogSeenByProps;
-    /** Activity Log */
-    activityLog?: DialogActivityLogProps;
     /** Dialog attachments */
     attachments?: DialogAttachmentsProps;
     /** Dialog history */
@@ -46,9 +26,9 @@ export interface DialogProps {
     /** More information about the dialog, process, etc. */
     additionalInfo?: DialogSectionProps;
     /** Contact information. */
-    contactInfo?: DialogSectionProps;
+    contactInfo?: ContactSectionProps;
 }
 /**
  * Full representation of a dialog, including attachments, actions and history,
  */
-export declare const Dialog: ({ backButton, menu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, recipientLabel, recipientGroup, summary, body, actions, attachments, seenBy, activityLog, history, timeline, additionalInfo, contactInfo, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ loading, backButton, contextMenu, pageMenu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, recipientLabel, recipientGroup, summary, body, actions, attachments, seenBy, activityLog, history, timeline, additionalInfo, contactInfo, }: DialogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,13 +3,8 @@ import { Dialog } from './Dialog';
 declare const meta: Meta<typeof Dialog>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const SimpleLetter: Story;
-export declare const ExtendedLetter: Story;
-export declare const TypographyMetadata: Story;
-export declare const ReportingRequired: Story;
-export declare const ReportingDraft: Story;
-export declare const ReportingInProgress: Story;
-export declare const ReportingCompleted: Story;
-export declare const Transmissions: Story;
-export declare const TransmissionsInProgress: Story;
-export declare const TransmissionsCompleted: Story;
+export declare const Default: Story;
+export declare const ContactInfo: Story;
+export declare const RequiresAttention: Story;
+export declare const MultipleAttachments: Story;
+export declare const WithHistory: Story;

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

@@ -1,6 +1,7 @@
 import { ElementType, MouseEventHandler } from 'react';
 import { MetaItemSize } from '../Meta';
 export interface DialogActivityLogProps {
+    loading?: boolean;
     size?: MetaItemSize;
     label?: string;
     as?: ElementType;

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

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { AvatarProps, DialogActivityLogProps, DialogSeenByProps } from '..';
+export interface DialogBodyProps {
+    /** Sender */
+    sender: AvatarProps;
+    /** Recipient  */
+    recipient?: AvatarProps;
+    /** Loading */
+    loading?: boolean;
+    /** Loading text */
+    loadingText?: string;
+    /** Group sender and recipient */
+    grouped?: boolean;
+    /** 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 */
+    seenBy?: DialogSeenByProps;
+    /** 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, loadingText, grouped, sender, recipient, recipientLabel, updatedAt, updatedAtLabel, children, seenBy, activityLog, }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,37 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, loadingText, grouped, sender, recipient, recipientLabel, updatedAt, updatedAtLabel, children, seenBy, activityLog, }: import('./DialogBody').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        sender: {
+            type: "company";
+            name: string;
+            imageUrl: string;
+        };
+        recipientLabel: string;
+        recipient: {
+            type: "person";
+            name: string;
+        };
+        updatedAt: string;
+        updatedAtLabel: string;
+        children: import("react/jsx-runtime").JSX.Element;
+        seenBy: {
+            as: "button";
+            seenByEndUser: true;
+            label: string;
+        };
+        activityLog: {
+            as: "button";
+            label: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const ExtendedContent: Story;
+export declare const WithAttachments: Story;
+export declare const WithActions: Story;

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

@@ -3,9 +3,9 @@ export interface DialogBylineProps {
     sender?: AvatarProps;
     recipient?: AvatarProps;
     recipientLabel?: string;
-    recipientGroup?: boolean;
+    grouped?: boolean;
     loading?: boolean;
     size?: BylineSize;
 }
 /** Dialog byline */
-export declare const DialogByline: ({ sender, recipient, recipientLabel, recipientGroup, loading, size, }: DialogBylineProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DialogByline: ({ sender, recipient, recipientLabel, grouped, loading, size, }: DialogBylineProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ sender, recipient, recipientLabel, recipientGroup, loading, size, }: import('./DialogByline').DialogBylineProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ sender, recipient, recipientLabel, grouped, loading, size, }: import('./DialogByline').DialogBylineProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     args: {
         sender: import('..').AvatarProps;
@@ -14,4 +14,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Grouped: Story;
 export declare const Large: Story;

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

@@ -0,0 +1,14 @@
+import { DialogStatusProps } from '..';
+export interface DialogHeaderProps {
+    /** Loading state */
+    loading?: boolean;
+    /** Dialog title */
+    title?: string;
+    /** Dialog status */
+    status?: DialogStatusProps;
+    /** Due date */
+    dueAt?: string;
+    /** Due date label */
+    dueAtLabel?: string;
+}
+export declare const DialogHeader: ({ loading, title, status, dueAt, dueAtLabel }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, title, status, dueAt, dueAtLabel }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        title: string;
+        status: {
+            value: "requires-attention";
+            label: string;
+        };
+        dueAt: string;
+        dueAtLabel: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;

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

@@ -1,11 +1,10 @@
-import { DialogHistoryItemProps } from './DialogHistoryItem';
+import { ActivityItemProps } from '..';
 export interface DialogHistoryProps {
-    items?: DialogHistoryItemProps[];
-    summary?: string;
+    items?: ActivityItemProps[];
     updatedAt?: string;
     updatedAtLabel?: string;
     expandLabel?: string;
     collapseLabel?: string;
     collapsible?: boolean;
 }
-export declare const DialogHistory: ({ items, summary, updatedAt, updatedAtLabel, collapsible, expandLabel, collapseLabel, }: DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DialogHistory: ({ items, collapsible, expandLabel, collapseLabel, }: DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,11 +1,18 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ items, summary, updatedAt, updatedAtLabel, collapsible, expandLabel, collapseLabel, }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ items, collapsible, expandLabel, collapseLabel, }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {};
     args: {
-        items: import('./DialogHistoryItem').DialogHistoryItemProps[];
+        expandLabel: string;
+        collapseLabel: string;
+        items: {
+            createdBy: import('..').AvatarProps;
+            createdAt: string;
+            createdAtLabel: string;
+            description: string;
+        }[];
     };
 };
 export default meta;

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

@@ -12,5 +12,4 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
 export declare const Grouped: Story;

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

@@ -1,8 +1,8 @@
-import { AvatarProps, DialogSeenByProps, DialogSelectProps, DialogStatusProps, DialogTouchedByActor, ListItemBaseProps, ListItemLinkProps } from '..';
-export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+import { AvatarProps, DialogSeenByProps, DialogStatusProps, DialogTouchedByActor, ListItemProps, ListItemSelectProps } from '..';
+export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg';
 export type DialogListItemState = 'normal' | 'trashed' | 'archived';
 export type DialogListItemTheme = 'default' | 'subtle' | 'transparent';
-export interface DialogListItemProps extends ListItemBaseProps, ListItemLinkProps {
+export interface DialogListItemProps extends ListItemProps {
     /** Dialog title */
     title: string;
     /** Dialog id */
@@ -16,7 +16,7 @@ export interface DialogListItemProps extends ListItemBaseProps, ListItemLinkProp
     /** Dialog size */
     size?: DialogListItemSize;
     /** Select: Use to support batch operations */
-    select?: DialogSelectProps;
+    select?: ListItemSelectProps;
     /** Selected: Use to support batch operations */
     selected?: boolean;
     /** Dialog state */
@@ -28,7 +28,7 @@ export interface DialogListItemProps extends ListItemBaseProps, ListItemLinkProp
     /** Dialog Recipient  */
     recipientLabel?: string;
     /** Group recipient, show both sender and recipient avatars */
-    recipientGroup?: boolean;
+    grouped?: boolean;
     /** Updated datetime */
     updatedAt?: string;
     /** Updated at label */
@@ -67,4 +67,4 @@ export interface DialogListItemProps extends ListItemBaseProps, ListItemLinkProp
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: ({ size, state, loading, select, selected, status, sender, recipient, recipientLabel, recipientGroup, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, label, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, theme, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, state, loading, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, label, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, theme, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,12 +2,20 @@ import { Meta } from '@storybook/react';
 import { DialogListItem, DialogListItemProps } from './DialogListItem';
 declare const meta: Meta<typeof DialogListItem>;
 export default meta;
+export declare const Default: {
+    args: {};
+};
+export declare const GroupedAvatars: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeenVsUnseen: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeenBy: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InboxStatuses: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DraftAndSent: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArchivedAndTrashed: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Statuses: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Loading: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Variants: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DueAt: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Attachments: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SeenBy: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TouchedBy: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TextLength: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Selectable: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { AvatarProps, DialogSeenByProps, DialogStatusProps, DialogTouchedByProps } from '..';
+import { AvatarProps, DialogActivityLogProps, DialogSeenByProps, DialogStatusProps, DialogTouchedByProps } from '..';
 export type DialogMetadataProps = {
     className?: string;
     /** Metadata is loading */
@@ -33,10 +33,12 @@ export type DialogMetadataProps = {
     attachmentsLabel?: string;
     /** Transmissions label */
     transmissionsLabel?: string;
+    /** Activity Log */
+    activityLog?: DialogActivityLogProps;
     /** Clickable items */
     onClick?: () => void;
 };
 /**
  * Metadata for a dialog in list view.
  */
-export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, touchedBy, attachmentsCount, attachmentsLabel, transmissionsLabel, onClick, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, touchedBy, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, touchedBy, attachmentsCount, attachmentsLabel, transmissionsLabel, onClick, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, touchedBy, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -13,6 +13,10 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Draft: Story;
 export declare const Sent: Story;
-export declare const RequiresAttentionAndDueDate: Story;
-export declare const InProgressSeenByOthers: Story;
-export declare const CompletedSeenByEndUser: Story;
+export declare const DueDate: Story;
+export declare const SeenByEndUser: Story;
+export declare const SeenByOthers: Story;
+export declare const SeenByEndUserAndOthers: Story;
+export declare const SeenByAndActivityLog: Story;
+export declare const SeenByLog: Story;
+export declare const ActivityLog: Story;

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

@@ -1,6 +1,7 @@
 import { ElementType, MouseEventHandler } from 'react';
 import { MetaItemSize } from '../Meta';
 export interface DialogSeenByProps {
+    loading?: boolean;
     size?: MetaItemSize;
     /** Dialog has been seen by current end user */
     seenByEndUser?: boolean;

package/dist/types/lib/components/Dialog/{DraftDialog.stories.d.ts → Examples.stories.d.ts}

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { DraftDialog } from './DraftDialog';
-declare const meta: Meta<typeof DraftDialog>;
+import { Dialog } from '..';
+declare const meta: Meta<typeof Dialog>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const SimpleLetter: Story;
@@ -13,5 +13,3 @@ export declare const ReportingCompleted: Story;
 export declare const Transmissions: Story;
 export declare const TransmissionsInProgress: Story;
 export declare const TransmissionsCompleted: Story;
-export declare const Draft: Story;
-export declare const Sent: Story;

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

@@ -0,0 +1,18 @@
+import { AvatarProps } from '..';
+export interface SeenByActor extends AvatarProps {
+    isEndUser?: boolean;
+}
+export interface SeenByLogItem {
+    id: string;
+    seenAt: string;
+    seenAtLabel: string;
+    seenBy: SeenByActor;
+}
+export interface SeenByLogProps {
+    items: SeenByLogItem[];
+    endUserLabel: string;
+}
+/**
+ * SeenByLog
+ */
+export declare const SeenByLog: ({ items, endUserLabel }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, endUserLabel }: import('./SeenByLog').SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        endUserLabel: string;
+        items: ({
+            id: string;
+            seenBy: {
+                type: "person";
+                name: string;
+                isEndUser?: undefined;
+            };
+            seenAt: string;
+            seenAtLabel: string;
+        } | {
+            id: string;
+            seenBy: {
+                type: "person";
+                name: string;
+                isEndUser: true;
+            };
+            seenAt: string;
+            seenAtLabel: string;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -1,4 +1,6 @@
 export * from './Dialog';
+export * from './DialogHeader';
+export * from './DialogBody';
 export * from './DialogList';
 export * from './DialogListGroup';
 export * from './DialogListItem';
@@ -19,4 +21,6 @@ export * from './DialogTransmissions';
 export * from './DialogTimeline';
 export * from './DialogTimelineItem';
 export * from './DialogHistory';
-export * from './DialogHistoryItem';
+export * from './ActivityLog';
+export * from './ActivityItem';
+export * from './SeenByLog';