@altinn/altinn-components 0.8.3 → 0.9.1

package/dist/components/Dialog/DialogContent.stories.js

@@ -1,5 +1,5 @@
 import { DialogContent as t } from "./DialogContent.js";
-const o = {
+const a = {
   title: "Dialog/Sections/DialogContent",
   component: t,
   tags: ["autodocs"],
@@ -10,13 +10,8 @@ const o = {
   }
 }, e = {
   args: {}
-}, n = {
-  args: {
-    updatedByName: "Ole Gunnar Solskjær"
-  }
 };
 export {
   e as Default,
-  n as UpdatedByName,
-  o as default
+  a as default
 };

package/dist/components/Dialog/DialogGroup.js

@@ -3,18 +3,18 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Heading as t } from "../Typography/Heading.js";
 import "react";
-import { Button as e } from "../Button/Button.js";
+import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as n } from "../List/ListBase.js";
-import "../Searchbar/AutocompleteBase.js";
+import { ListBase as e } from "../List/ListBase.js";
+import { Button as n } from "../Button/Button.js";
 import { SectionBase as p } from "../Page/SectionBase.js";
 import { SectionHeader as a } from "../Page/SectionHeader.js";
 const k = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
   i && /* @__PURE__ */ o(a, { padding: !0, margin: !0, children: [
     /* @__PURE__ */ r(t, { children: i }),
-    /* @__PURE__ */ r(e, { variant: "text", icon: "checkmark", size: "sm", children: "Velg alle" })
+    /* @__PURE__ */ r(n, { variant: "text", icon: "checkmark", size: "sm", children: "Velg alle" })
   ] }),
-  /* @__PURE__ */ r(n, { spacing: "md", children: m })
+  /* @__PURE__ */ r(e, { spacing: "md", children: m })
 ] });
 export {
   k as DialogGroup

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

@@ -2,9 +2,9 @@ import { DialogRecipientProps, DialogSenderProps } from './DialogHeadings';
 import { DialogListItemVariant } from './DialogListItem.tsx';
 export interface DialogHeaderProps {
     title: string;
-    seen: boolean;
     variant: DialogListItemVariant;
     sender?: DialogSenderProps;
+    seen?: boolean;
     recipient?: DialogRecipientProps;
 }
 export declare const DialogHeader: ({ title, sender, recipient, seen, variant }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogHeader.js

@@ -1,11 +1,11 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { DialogHeaderBase as m } from "./DialogHeaderBase.js";
 import { DialogHeadings as t } from "./DialogHeadings.js";
 import { DialogTitle as x } from "./DialogTitle.js";
-const f = ({ title: r, sender: e, recipient: o, seen: l, variant: s }) => /* @__PURE__ */ a(m, { size: "xl", children: [
-  /* @__PURE__ */ i(x, { seen: l, size: "xl", variant: s, children: r }),
-  /* @__PURE__ */ i(t, { size: "xl", sender: e, recipient: o })
+const D = ({ title: e, sender: o, recipient: i, seen: l = !1, variant: a }) => /* @__PURE__ */ s(m, { size: "xl", children: [
+  /* @__PURE__ */ r(x, { seen: l, size: "xl", variant: a, children: e }),
+  o && i && /* @__PURE__ */ r(t, { size: "xl", sender: o, recipient: i })
 ] });
 export {
-  f as DialogHeader
+  D as DialogHeader
 };

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

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ title, sender, recipient, seen, variant }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        title: string;
+        variant: "neutral";
+        sender: {
+            name: string;
+            type: "company";
+        };
+        recipient: {
+            name: string;
+            type: "person";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Dialog/DialogHeader.stories.js

@@ -5,17 +5,20 @@ const a = {
   tags: ["autodocs"],
   args: {
     title: "Title",
+    variant: "neutral",
     sender: {
-      name: "Sender"
+      name: "Sender",
+      type: "company"
     },
     recipient: {
-      name: "Recipient"
+      name: "Recipient",
+      type: "person"
     }
   }
-}, o = {
+}, n = {
   args: {}
 };
 export {
-  o as Default,
+  n as Default,
   a as default
 };

package/dist/components/Dialog/DialogHeadings.d.ts

@@ -11,14 +11,14 @@ export interface DialogRecipientProps {
     name: string;
 }
 export interface DialogHeadingsProps {
-    size: DialogSize;
-    /** Group sender and recipient avatars */
-    grouped?: boolean;
     /** Sender */
-    sender?: DialogSenderProps;
+    sender: DialogSenderProps;
     /** Recipient */
-    recipient?: DialogRecipientProps;
+    recipient: DialogRecipientProps;
+    size?: DialogSize;
+    /** Group sender and recipient avatars */
+    grouped?: boolean;
     loading?: boolean;
 }
 /** Dialog headings for sender and recipient. Should present an avatar for the sender. */
-export declare const DialogHeadings: ({ loading, grouped, size, sender, recipient, }: DialogHeadingsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeadings: ({ loading, grouped, size, sender, recipient }: DialogHeadingsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogHeadings.js

@@ -1,12 +1,12 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import { Avatar as i } from "../Avatar/Avatar.js";
-import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
+import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
-import '../../assets/DialogHeadings.css';const d = "_headings_qkf0g_1", g = "_text_qkf0g_21", h = "_sender_qkf0g_28", x = "_recipient_qkf0g_33", s = {
-  headings: d,
-  text: g,
-  sender: h,
-  recipient: x
+import '../../assets/DialogHeadings.css';const g = "_headings_qkf0g_1", h = "_text_qkf0g_21", x = "_sender_qkf0g_28", _ = "_recipient_qkf0g_33", s = {
+  headings: g,
+  text: h,
+  sender: x,
+  recipient: _
 }, e = {
   avatar: {
     xs: "xs",
@@ -15,18 +15,12 @@ import '../../assets/DialogHeadings.css';const d = "_headings_qkf0g_1", g = "_te
     lg: "xs",
     xl: "lg"
   }
-}, N = ({
-  loading: c,
-  grouped: o,
-  size: m = "lg",
-  sender: t = { type: "company", name: "Sender" },
-  recipient: n = { type: "person", name: "Recipient" }
-}) => /* @__PURE__ */ r("div", { className: s.headings, "data-size": m, children: [
+}, k = ({ loading: c, grouped: o, size: r = "lg", sender: t, recipient: n }) => /* @__PURE__ */ m("div", { className: s.headings, "data-size": r, children: [
   /* @__PURE__ */ a(l, { variant: "circle", className: s.avatar, loading: c, children: o ? /* @__PURE__ */ a(
-    p,
+    d,
     {
       items: [{ ...t, type: "company" }, n],
-      size: e == null ? void 0 : e.avatar[m],
+      size: e == null ? void 0 : e.avatar[r],
       className: s.avatar
     }
   ) : /* @__PURE__ */ a(
@@ -35,21 +29,21 @@ import '../../assets/DialogHeadings.css';const d = "_headings_qkf0g_1", g = "_te
       type: "company",
       imageUrl: t == null ? void 0 : t.imageUrl,
       name: t.name,
-      size: e == null ? void 0 : e.avatar[m],
+      size: e == null ? void 0 : e.avatar[r],
       className: s.avatar
     }
   ) }),
-  /* @__PURE__ */ r("span", { "data-size": m, className: s.text, children: [
-    /* @__PURE__ */ r("span", { className: s.sender, children: [
+  /* @__PURE__ */ m("span", { "data-size": r, className: s.text, children: [
+    /* @__PURE__ */ m("span", { className: s.sender, children: [
       " ",
       /* @__PURE__ */ a(l, { loading: c, children: t.name })
     ] }),
-    (n == null ? void 0 : n.name) && /* @__PURE__ */ a("span", { className: s.recipient, children: /* @__PURE__ */ r(l, { loading: c, children: [
+    (n == null ? void 0 : n.name) && /* @__PURE__ */ a("span", { className: s.recipient, children: /* @__PURE__ */ m(l, { loading: c, children: [
       /* @__PURE__ */ a("span", { children: "til" }),
       /* @__PURE__ */ a("span", { children: n.name })
     ] }) })
   ] })
 ] });
 export {
-  N as DialogHeadings
+  k as DialogHeadings
 };

package/dist/components/Dialog/DialogHeadings.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, grouped, size, sender, recipient }: import('./DialogHeadings').DialogHeadingsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        sender: {
+            name: string;
+        };
+        recipient: {
+            type: "person";
+            name: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Company: Story;
+export declare const Grouped: Story;

package/dist/components/Dialog/DialogHistory.js

@@ -3,9 +3,9 @@ import { HistoryList as t } from "../History/HistoryList.js";
 import "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { DialogSectionBase as m } from "./DialogSectionBase.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 const u = ({ title: i = "History", items: r }) => r ? /* @__PURE__ */ o(m, { title: i, children: /* @__PURE__ */ o(t, { items: r }) }) : null;
 export {
   u as DialogHistory

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

@@ -0,0 +1,52 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ title, items }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: ({
+            createdBy: {
+                name: string;
+                type?: undefined;
+                imageUrl?: undefined;
+            };
+            createdAt: string;
+            summary: string;
+            attachments: {
+                title: string;
+                items: {
+                    label: string;
+                    href: string;
+                }[];
+            };
+        } | {
+            createdBy: {
+                type: "company";
+                name: string;
+                imageUrl: string;
+            };
+            createdAt: string;
+            summary: string;
+            attachments: {
+                title: string;
+                items: {
+                    label: string;
+                    href: string;
+                }[];
+            };
+        } | {
+            createdBy: {
+                type: "company";
+                name: string;
+                imageUrl: string;
+            };
+            createdAt: string;
+            summary: string;
+            attachments?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Dialog/DialogHistory.stories.js

@@ -12,11 +12,15 @@ const a = {
         },
         createdAt: "2023-03-11 08:00",
         summary: "Skattemeldingen ble levert.",
-        attachments: [
-          {
-            label: "Kvittering på innsendt skattemelding.pdf"
-          }
-        ]
+        attachments: {
+          title: "Vedlegg",
+          items: [
+            {
+              label: "Kvittering på innsendt skattemelding.pdf",
+              href: "kvittering.pdf"
+            }
+          ]
+        }
       },
       {
         createdBy: {
@@ -26,11 +30,15 @@ const a = {
         },
         createdAt: "2023-03-11 08:00",
         summary: "Vi har mottatt nye opplysninger og oppdatert skattemeldingen din.",
-        attachments: [
-          {
-            label: "Nye opplysninger til Skattemeldingen.pdf"
-          }
-        ]
+        attachments: {
+          title: "Vedlegg",
+          items: [
+            {
+              label: "Oppdatert skattemelding",
+              href: "kvittering_oppdatert.pdf"
+            }
+          ]
+        }
       },
       {
         createdBy: {
@@ -38,11 +46,15 @@ const a = {
         },
         createdAt: "2023-03-11 08:00",
         summary: "Skattemeldingen ble levert.",
-        attachments: [
-          {
-            label: "Kvittering på innsendt skattemelding.pdf"
-          }
-        ]
+        attachments: {
+          title: "Vedlegg",
+          items: [
+            {
+              label: "Kvittering på innsendt skattemelding.pdf",
+              href: "kvittering.pdf"
+            }
+          ]
+        }
       },
       {
         createdBy: {

package/dist/components/Dialog/DialogList.js

@@ -2,10 +2,10 @@ import { jsx as c } from "react/jsx-runtime";
 import { createElement as t } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import "../RootProvider/RootProvider.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
 import { DialogListItem as l } from "./DialogListItem.js";
-import "../Searchbar/AutocompleteBase.js";
 import { SectionBase as y } from "../Page/SectionBase.js";
 import { DialogGroup as d } from "./DialogGroup.js";
 const b = ({ items: m, groups: e = {} }) => {

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

@@ -0,0 +1,51 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, groups }: import('./DialogList').DialogListProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        items: ({
+            title: string;
+            summary: string;
+            status: {
+                value: "draft";
+            };
+            groupId: string;
+        } | {
+            title: string;
+            summary: string;
+            status: {
+                value: "sent";
+            };
+            groupId: string;
+        } | {
+            title: string;
+            summary: string;
+            status: {
+                value: "requires-attention";
+            };
+            groupId: string;
+        } | {
+            title: string;
+            summary: string;
+            status: {
+                value: "in-progress";
+            };
+            groupId: string;
+        } | {
+            title: string;
+            summary: string;
+            status: {
+                value: "completed";
+            };
+            groupId: string;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Grouped: Story;

package/dist/components/Dialog/DialogListItem.js

@@ -1,95 +1,96 @@
-import { jsx as m, jsxs as e } from "react/jsx-runtime";
+import { jsx as m, jsxs as c } from "react/jsx-runtime";
+import { ListItemBase as d } from "../List/ListItemBase.js";
+import { ListItemHeader as B } from "../List/ListItemHeader.js";
+import { ListItemLabel as q } from "../List/ListItemLabel.js";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
-import { DialogBorder as h } from "./DialogBorder.js";
-import { DialogMetadata as D } from "./DialogMetadata.js";
-import { DialogHeaderBase as V } from "./DialogHeaderBase.js";
-import { DialogHeadings as k } from "./DialogHeadings.js";
-import { DialogTitle as q } from "./DialogTitle.js";
+import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { DialogTouchedBy as w } from "./DialogTouchedBy.js";
-import { DialogSelect as C } from "./DialogSelect.js";
-import "../Searchbar/AutocompleteBase.js";
-import { ListItemLabel as E } from "../List/ListItemLabel.js";
-import { ListItem as d } from "../List/ListItem.js";
-import { DialogDescription as F } from "./DialogDescription.js";
-import '../../assets/DialogListItem.css';const G = "_item_6aymu_1", J = "_select_6aymu_6", K = "_summary_6aymu_13", O = "_footer_6aymu_34", P = "_touchedBy_6aymu_42", Q = "_border_6aymu_51", t = {
-  item: G,
-  select: J,
-  summary: K,
-  footer: O,
-  touchedBy: P,
-  border: Q
-}, sr = ({
+import { DialogBorder as N } from "./DialogBorder.js";
+import { DialogMetadata as b } from "./DialogMetadata.js";
+import { DialogHeaderBase as w } from "./DialogHeaderBase.js";
+import { DialogHeadings as C } from "./DialogHeadings.js";
+import { DialogTitle as E } from "./DialogTitle.js";
+import { DialogTouchedBy as F } from "./DialogTouchedBy.js";
+import { DialogSelect as G } from "./DialogSelect.js";
+import { DialogDescription as J } from "./DialogDescription.js";
+import '../../assets/DialogListItem.css';const K = "_item_6aymu_1", O = "_select_6aymu_6", P = "_summary_6aymu_13", Q = "_footer_6aymu_34", R = "_touchedBy_6aymu_42", U = "_border_6aymu_51", t = {
+  item: K,
+  select: O,
+  summary: P,
+  footer: Q,
+  touchedBy: R,
+  border: U
+}, lr = ({
   size: r = "lg",
-  variant: N = "neutral",
+  variant: x = "neutral",
   loading: o,
-  select: c,
-  status: b,
-  sender: B,
-  recipient: x,
-  grouped: I,
-  updatedAt: s,
-  updatedAtLabel: i,
-  archivedAt: l,
-  archivedAtLabel: L,
-  trashedAt: f,
+  select: s,
+  status: I,
+  sender: i,
+  recipient: l,
+  grouped: L,
+  updatedAt: f,
+  updatedAtLabel: p,
+  archivedAt: _,
+  archivedAtLabel: H,
+  trashedAt: h,
   trashedAtLabel: j,
-  label: H,
-  dueAt: T,
-  dueAtLabel: g,
+  label: T,
+  dueAt: v,
+  dueAtLabel: M,
   seen: a = !1,
-  seenBy: v,
-  touchedBy: p,
-  attachmentsCount: M,
-  title: _,
+  seenBy: S,
+  touchedBy: u,
+  attachmentsCount: V,
+  title: y,
   description: n,
-  summary: u,
-  ...y
+  summary: D,
+  ...e
 }) => {
-  const S = f ? "trashed" : l ? "archived" : N;
-  return r === "xs" || r === "sm" ? /* @__PURE__ */ m(d, { ...y, loading: o, size: r, className: t.item, children: /* @__PURE__ */ e(h, { className: t.border, size: r, seen: a, loading: o, children: [
-    /* @__PURE__ */ m(E, { loading: o, size: r, title: _, description: u || n }),
-    /* @__PURE__ */ m(D, { loading: o, updatedAt: s, updatedAtLabel: i })
-  ] }) }) : /* @__PURE__ */ m(
-    d,
+  const k = h ? "trashed" : _ ? "archived" : x;
+  return r === "xs" || r === "sm" ? /* @__PURE__ */ m(d, { ...e, loading: o, size: r, children: /* @__PURE__ */ m(B, { ...e, loading: o, size: r, className: t.item, children: /* @__PURE__ */ c(N, { className: t.border, size: r, seen: a, loading: o, children: [
+    /* @__PURE__ */ m(q, { loading: o, size: r, title: y, description: D || n }),
+    /* @__PURE__ */ m(b, { loading: o, updatedAt: f, updatedAtLabel: p })
+  ] }) }) }) : /* @__PURE__ */ m(d, { ...e, loading: o, size: r, children: /* @__PURE__ */ m(
+    B,
     {
-      ...y,
+      ...e,
       loading: o,
       size: r,
       className: t.item,
-      controls: c && /* @__PURE__ */ m(C, { className: t.select, ...c }),
-      children: /* @__PURE__ */ e(h, { className: t.border, size: r, seen: a, loading: o, children: [
-        /* @__PURE__ */ e(V, { size: r, children: [
-          /* @__PURE__ */ m(q, { loading: o, size: r, variant: S, label: H, seen: a, children: _ }),
-          /* @__PURE__ */ m(k, { loading: o, size: r, grouped: I, sender: B, recipient: x })
+      controls: s && /* @__PURE__ */ m(G, { className: t.select, ...s }),
+      children: /* @__PURE__ */ c(N, { className: t.border, size: r, seen: a, loading: o, children: [
+        /* @__PURE__ */ c(w, { size: r, children: [
+          /* @__PURE__ */ m(E, { loading: o, size: r, variant: k, label: T, seen: a, children: y }),
+          i && l && /* @__PURE__ */ m(C, { loading: o, size: r, grouped: L, sender: i, recipient: l })
         ] }),
-        /* @__PURE__ */ m(F, { loading: o, size: r, children: u || n }),
-        /* @__PURE__ */ e("footer", { "data-size": r, className: t.footer, children: [
+        /* @__PURE__ */ m(J, { loading: o, size: r, children: D || n }),
+        /* @__PURE__ */ c("footer", { "data-size": r, className: t.footer, children: [
           /* @__PURE__ */ m(
-            D,
+            b,
             {
               loading: o,
-              status: b,
-              updatedAt: s,
-              updatedAtLabel: i,
-              archivedAt: l,
-              archivedAtLabel: L,
-              trashedAt: f,
+              status: I,
+              updatedAt: f,
+              updatedAtLabel: p,
+              archivedAt: _,
+              archivedAtLabel: H,
+              trashedAt: h,
               trashedAtLabel: j,
-              dueAt: T,
-              dueAtLabel: g,
-              seenBy: v,
-              attachmentsCount: M
+              dueAt: v,
+              dueAtLabel: M,
+              seenBy: S,
+              attachmentsCount: V
             }
           ),
-          p && /* @__PURE__ */ m(w, { loading: o, size: "xs", touchedBy: p, className: t.touchedBy })
+          u && /* @__PURE__ */ m(F, { loading: o, size: "xs", touchedBy: u, className: t.touchedBy })
         ] })
       ] })
     }
-  );
+  ) });
 };
 export {
-  sr as DialogListItem
+  lr as DialogListItem
 };

package/dist/components/Dialog/DialogListItem.stories.js

@@ -5,9 +5,9 @@ import { DialogListItem as n } from "./DialogListItem.js";
 import { DialogStatusEnum as g } from "./DialogStatus.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { MetaItem as r } from "../Meta/MetaItem.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { ListBase as s } from "../List/ListBase.js";
 const f = (t) => {
   switch (t) {

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, status, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, attachmentsCount, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        updatedAt: string;
+        updatedAtLabel: string;
+    };
+};
+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;

package/dist/components/Dialog/DialogNav.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ backButton, status, dueAt, dueAtLabel, touchedBy, menu, }: import('./DialogNav').DialogNavProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Draft: Story;
+export declare const Sent: Story;
+export declare const RequiresAttention: Story;
+export declare const InProgress: Story;
+export declare const ContextMenu: Story;

package/dist/components/Dialog/DialogNav.stories.js

@@ -36,6 +36,7 @@ const e = {
 }, i = {
   args: {
     menu: {
+      id: "context-menu-1",
       items: [
         {
           id: "1",