@altinn/altinn-components 0.30.3 → 0.32.0

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/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Color, Theme } from '..';
 export type BadgeColor = Color;
-export type BadgeVariant = 'tinted' | 'base' | 'text';
+export type BadgeVariant = 'subtle' | 'outline' | 'tinted' | 'base' | 'text';
 /** Theme is deprecated, use variant instead */
 export type BadgeTheme = Theme;
 export type BadgeSize = 'sm' | 'xs';

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,11 +1,19 @@
-import { DialogStatusProps } from '..';
-export interface DialogHeaderProps {
+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 */
+    draftsLabel?: string;
+    /** Number of submissions sent */
+    sentCount?: number;
+    /** Number of received transmissions */
+    receivedCount?: number;
     /** Updated date time */
     updatedAt?: string;
     /** Updated label */
@@ -15,4 +23,4 @@ export interface DialogHeaderProps {
     /** Due date label */
     dueAtLabel?: string;
 }
-export declare const DialogHeader: ({ loading, title, status, 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, 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.d.ts

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

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

@@ -1,21 +1,15 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ items, collapsible, expanded, expandLabel, collapseLabel, }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ items, maxItems, expandLabel, collapseLabel, }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {};
     args: {
         expandLabel: string;
         collapseLabel: string;
-        items: import('./DialogHistorySegment').DialogHistorySegmentProps[];
-        collapsible?: boolean;
-        expanded?: boolean;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const CollapsibleExpanded: Story;
-export declare const ItemExpanded: Story;
-export declare const EverythingExpanded: Story;
-export declare const ActivityLog: Story;
+export declare const Transmissions: Story;

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

@@ -1,12 +1,9 @@
 import { ReactNode } from 'react';
-import { TimelineLinkProps } from '../Timeline';
-import { TransmissionProps } from '../Transmission';
-export interface DialogHistoryItemProps extends Omit<TransmissionProps, 'variant'> {
-    variant?: 'transmission' | 'activity';
+export interface DialogHistoryItemProps {
+    id?: string;
     byline?: string;
     datetime?: string;
     children?: ReactNode;
-    items?: DialogHistoryItemProps[];
-    link?: TimelineLinkProps;
+    summary?: ReactNode;
 }
-export declare const DialogHistoryItem: ({ variant, byline, datetime, children, link, ...props }: DialogHistoryItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHistoryItem: ({ byline, datetime, children, summary, ...props }: DialogHistoryItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,11 @@
 import { ReactNode } from 'react';
-import { DialogHistoryItemProps, TransmissionProps } from '../index.ts';
-export interface DialogHistorySegmentProps extends TransmissionProps {
-    items: DialogHistoryItemProps[];
+import { DialogHistoryItemProps } from '../index.ts';
+export interface DialogHistorySegmentProps {
+    id?: string;
+    items?: DialogHistoryItemProps[];
     datetime?: string;
     byline?: string;
-    collapsible?: boolean;
-    expanded?: boolean;
-    expandLabel?: string | ReactNode;
-    collapseLabel?: string | ReactNode;
+    children?: ReactNode;
+    summary?: ReactNode;
 }
-export declare const DialogHistorySegment: ({ items, datetime, byline, collapsible, expanded, expandLabel, collapseLabel, id, }: DialogHistorySegmentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHistorySegment: ({ id, items, datetime, byline, children, summary }: DialogHistorySegmentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,20 @@
-import { AvatarProps, BadgeProps, Color, DialogSeenByProps, DialogStatusProps, ListItemProps, SeenByLogProps } from '..';
+import { AvatarProps, BadgeProps, Color, DialogMetadataProps, DialogSeenByProps, ListItemProps, SeenByLogProps } from '..';
 export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type DialogListItemState = 'normal' | 'trashed' | 'archived';
 export type DialogListItemTheme = 'default' | 'subtle' | 'transparent';
-export interface DialogListItemProps extends ListItemProps {
+export interface DialogListItemProps extends ListItemProps, DialogMetadataProps {
     /** Dialog title */
     title: string;
     /** Dialog id */
     id?: string;
     /** Dialog sender */
     sender?: AvatarProps;
+    /** Dialog Recipient  */
+    recipient?: AvatarProps;
+    /** Dialog Recipient  */
+    recipientLabel?: string;
+    /** Group recipient, show both sender and recipient avatars */
+    grouped?: boolean;
     /** Dialog description */
     description?: string;
     /** Dialog summary (will override description) */
@@ -21,48 +27,20 @@ export interface DialogListItemProps extends ListItemProps {
     selected?: boolean;
     /** Dialog state */
     state?: DialogListItemState;
-    /** Dialog status */
-    status?: DialogStatusProps;
-    /** Drafts label */
-    draftsLabel?: string;
-    /** Number of submissions sent */
-    sentCount?: number;
-    /** Number of received transmissions */
-    receivedCount?: number;
-    /** Dialog Recipient  */
-    recipient?: AvatarProps;
-    /** Dialog Recipient  */
-    recipientLabel?: string;
-    /** Group recipient, show both sender and recipient avatars */
-    grouped?: boolean;
-    /** Updated datetime */
-    updatedAt?: string;
-    /** Updated at label */
-    updatedAtLabel?: string;
-    /** Dialog due date */
-    dueAt?: string;
-    /** Dialog due date label */
-    dueAtLabel?: string;
-    /** Archived date time */
-    archivedAt?: string;
-    /** Archived label */
-    archivedAtLabel?: string;
-    /** Deleted at date time */
-    trashedAt?: string;
-    /** Deleted label */
-    trashedAtLabel?: string;
     /** Tab index */
     tabIndex?: number;
     /** Custom badge */
     badge?: BadgeProps;
-    /** Dialog has been seen */
-    seen?: boolean;
+    /** Dialog has not been opened or is marked as unread */
+    unread?: boolean;
     /** Dialog is seen by the user */
     seenBy?: DialogSeenByProps;
     /** Seen by log */
     seenByLog?: SeenByLogProps;
     /** Number of attachments */
     attachmentsCount?: number;
+    /** Attachments label */
+    attachmentsLabel?: string;
     /** Group id */
     groupId?: string;
     /** Theme */
@@ -75,4 +53,4 @@ export interface DialogListItemProps extends ListItemProps {
  * 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, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, title, description, summary, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, seenBy, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, title, description, summary, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,8 @@
-import { AvatarProps, DialogActivityLogProps, DialogSeenByProps, DialogStatusProps } from '..';
+import { AvatarProps, DialogSeenByProps, DialogStatusProps } from '..';
+interface DialogMetadataButtonProps {
+    label: string;
+    onClick?: () => void;
+}
 export type DialogMetadataProps = {
     className?: string;
     /** Metadata is loading */
@@ -15,34 +19,37 @@ export type DialogMetadataProps = {
     dueAt?: string;
     /** Due date label */
     dueAtLabel?: string;
+    /** Dialog is moved to archive */
+    archived?: boolean;
     /** Archived date time */
     archivedAt?: string;
     /** Archived label */
     archivedAtLabel?: string;
+    /** Dialog is moved to trash */
+    trashed?: boolean;
     /** Deleted at date time */
     trashedAt?: string;
     /** Deleted label */
     trashedAtLabel?: string;
     /** Who have seen the dialog after latest update */
     seenBy?: DialogSeenByProps;
-    /** Number of attachments */
-    attachmentsCount?: number;
     /** Drafts label */
     draftsLabel?: string;
     /** Number of submissions sent */
     sentCount?: number;
     /** Number of received transmissions */
     receivedCount?: number;
+    /** Attachments count */
+    attachmentsCount?: number;
     /** Attachments label */
     attachmentsLabel?: string;
     /** Transmissions label */
     transmissionsLabel?: string;
     /** Activity Log */
-    activityLog?: DialogActivityLogProps;
-    /** Clickable items */
-    onClick?: () => void;
+    activityLog?: DialogMetadataButtonProps;
 };
 /**
  * Metadata for a dialog in list view.
  */
-export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, seenBy, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, seenBy, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -12,12 +12,9 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Draft: Story;
-export declare const Sent: 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 RequiresAttention: Story;
+export declare const InProgress: Story;
+export declare const Completed: Story;
+export declare const NotApplicable: Story;
+export declare const Transmissions: Story;
 export declare const ActivityLog: Story;
-export declare const SentAndReceivedCount: Story;

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

@@ -18,7 +18,6 @@ export * from './DialogActivityLog';
 export * from './DialogSeenBy';
 export * from './DialogSelect';
 export * from './DialogStatus';
-export * from './DialogHeading';
 export * from './DialogAttachments';
 export * from './SeenByLog';
 export * from './SeenByLogButton';

package/dist/types/lib/components/Dropdown/DrawerBase.d.ts

@@ -1,12 +1,10 @@
 import { ReactNode } from 'react';
 export type DrawerPlacement = 'inline' | 'bottom';
-export type DrawerLayout = 'mobile' | 'desktop';
 export interface DrawerBaseProps {
     placement?: DrawerPlacement;
-    layout?: DrawerLayout;
     open?: boolean;
     className?: string;
     children?: ReactNode;
     as?: 'nav' | 'div';
 }
-export declare const DrawerBase: ({ layout, placement, open, className, children, as, }: DrawerBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerBase: ({ placement, open, className, children, as, }: DrawerBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Radio.stories.d.ts

@@ -13,3 +13,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Checked: Story;

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

@@ -14,5 +14,6 @@ export interface GlobalMenuProps {
     currentEndUserLabel?: string;
     onSelectAccount?: (id: string) => void;
     onClose?: () => void;
+    ariaLabel?: string;
 }
-export declare const GlobalMenu: ({ accountMenu, items, groups, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenu: ({ accountMenu, items, groups, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, ariaLabel, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { Account } from '..';
 import { GlobalMenuProps } from './GlobalMenu';
 declare const meta: {
     title: string;
-    component: ({ accountMenu, items, groups, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ accountMenu, items, groups, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, ariaLabel, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -19,6 +19,7 @@ declare const meta: {
         currentEndUserLabel?: string;
         onSelectAccount?: (id: string) => void;
         onClose?: () => void;
+        ariaLabel?: string;
     };
 };
 export default meta;

package/dist/types/lib/components/GlobalMenu/GlobalMenuBase.d.ts

@@ -1,15 +1,15 @@
 import { ReactNode } from 'react';
 import { Color } from '../';
-export interface GlobalMenuBaseProps {
+export type GlobalMenuBaseProps = {
     color?: Color;
     children: ReactNode;
-}
+} & React.HTMLAttributes<HTMLElement>;
 export interface GlobalMenuHeaderProps {
     children: ReactNode;
 }
 export interface GlobalMenuFooterProps {
     children: ReactNode;
 }
-export declare const GlobalMenuBase: ({ color, children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuBase: ({ color, children, ...rest }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GlobalMenuHeader: ({ children }: GlobalMenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GlobalMenuFooter: ({ children }: GlobalMenuFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Modal/ModalBase.d.ts

@@ -0,0 +1,11 @@
+import { BackdropColor } from '../';
+export interface ModalBaseProps {
+    open: boolean;
+    onClose: () => void;
+    children?: React.ReactNode;
+    backdropColor?: BackdropColor;
+    variant?: 'default' | 'content' | 'full';
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    color?: 'default' | 'primary' | 'secondary' | 'tertiary' | 'inherit';
+}
+export declare const ModalBase: ({ open, onClose, children, backdropColor, size, color, variant, }: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Modal/ModalBase.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ModalBase } from './';
+declare const meta: Meta<typeof ModalBase>;
+export default meta;
+type Story = StoryObj<typeof ModalBase>;
+export declare const Default: Story;
+export declare const NoContent: Story;
+export declare const Content: Story;
+export declare const Full: Story;

package/dist/types/lib/components/Modal/ModalBody.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { SectionProps } from '../';
+export interface ModalBodyProps extends SectionProps {
+    children?: ReactNode;
+}
+export declare const ModalBody: ({ children, ...props }: ModalBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Modal/ModalHeader.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface ModalHeaderProps {
+    title: string;
+    closeTitle?: string;
+    onClose?: () => void;
+    children?: ReactNode;
+    sticky?: boolean;
+}
+export declare const ModalHeader: ({ title, onClose, closeTitle, children }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from './ModalBase';
+export * from './ModalHeader';
+export * from './ModalBody';

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

@@ -1,18 +1,21 @@
 import { ReactElement, ReactNode } from 'react';
-import { AttachmentListProps, AvatarProps, BadgeProps, ListItemProps } from '..';
-export type TransmissionType = 'submission' | 'acceptance' | 'rejection' | 'request' | 'alert' | 'decision' | 'correction';
+import { AttachmentListProps, AvatarProps, BadgeProps, ListItemProps, SeenByLogProps } from '..';
+import { TransmissionTypeProps } from './TransmissionType';
 export interface TransmissionProps extends Omit<ListItemProps, 'children'> {
     id: string;
+    type?: TransmissionTypeProps;
+    unread?: boolean;
+    badge?: BadgeProps;
     datetime?: string;
     byline?: ReactNode;
-    badge?: BadgeProps;
     createdAt?: string;
     createdAtLabel?: string;
     sender?: AvatarProps;
     title?: string;
     summary?: string;
     attachments?: AttachmentListProps;
-    type?: TransmissionType;
+    /** Transmission is seen by the end user or others */
+    seenByLog?: SeenByLogProps;
     children?: ReactNode | (() => ReactElement);
 }
-export declare const Transmission: ({ size, variant, color, title, createdAt, createdAtLabel, badge, sender, summary, attachments, type, children, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Transmission: ({ type, unread, size, color, title, createdAt, createdAtLabel, badge, sender, summary, attachments, children, seenByLog, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;