@altinn/altinn-components 0.10.0 → 0.10.2

package/dist/components/Dialog/DialogListItem.js

@@ -1,107 +1,100 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { DialogMetadata as y } from "./DialogMetadata.js";
-import { DialogByline as C } from "./DialogByline.js";
-import { Skeleton as E } from "../Skeleton/Skeleton.js";
-import { DialogBorder as N } from "./DialogBorder.js";
-import { DialogSelect as F } from "./DialogSelect.js";
-import { DialogHeading as G } from "./DialogHeading.js";
+import { DialogByline as w } from "./DialogByline.js";
+import { Skeleton as C } from "../Skeleton/Skeleton.js";
+import { DialogSelect as E } from "./DialogSelect.js";
+import { DialogHeading as F } from "./DialogHeading.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemBase as u } from "../List/ListItemBase.js";
-import { ListItemHeader as B } from "../List/ListItemHeader.js";
-import { ListItemLabel as J } from "../List/ListItemLabel.js";
-import '../../assets/DialogListItem.css';const K = "_border_1676z_14", O = "_select_1676z_40", P = "_header_1676z_47", Q = "_summary_1676z_59", R = "_footer_1676z_87", T = "_touchedBy_1676z_91", t = {
+import { ListItemBase as j } from "../List/ListItemBase.js";
+import { ListItemLink as N } from "../List/ListItemLink.js";
+import { ListItemLabel as G } from "../List/ListItemLabel.js";
+import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border_1j8q5_22", O = "_select_1j8q5_61", P = "_header_1j8q5_68", Q = "_summary_1j8q5_80", R = "_footer_1j8q5_108", T = "_touchedBy_1j8q5_112", o = {
+  link: J,
   border: K,
   select: O,
   header: P,
   summary: Q,
   footer: R,
   touchedBy: T
-}, cr = ({
+}, mr = ({
   size: r = "xl",
-  variant: b = "normal",
-  loading: e,
+  state: u = "normal",
+  loading: t,
   select: s,
-  status: x,
+  status: k,
   sender: l,
-  recipient: D,
-  recipientLabel: I = "to",
-  recipientGroup: L = !1,
+  recipient: q,
+  recipientLabel: B = "to",
+  recipientGroup: b = !1,
   updatedAt: i,
-  updatedAtLabel: h,
-  archivedAt: d,
-  archivedAtLabel: j,
+  updatedAtLabel: d,
+  archivedAt: n,
+  archivedAtLabel: x,
   trashedAt: _,
-  trashedAtLabel: H,
-  label: S,
-  dueAt: k,
-  dueAtLabel: v,
-  seen: m = !1,
-  seenBy: M,
-  touchedBy: V,
-  attachmentsCount: q,
-  title: f,
-  description: p,
-  summary: n,
+  trashedAtLabel: D,
+  label: L,
+  dueAt: I,
+  dueAtLabel: S,
+  seen: c = !1,
+  seenBy: v,
+  touchedBy: g,
+  attachmentsCount: H,
+  title: h,
+  description: f,
+  summary: p,
   ...a
 }) => {
-  const w = _ ? "trashed" : d ? "archived" : b;
-  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ o(u, { ...a, size: r, children: /* @__PURE__ */ o(B, { ...a, loading: e, size: r, className: t.item, children: /* @__PURE__ */ c(N, { className: t.border, size: r, seen: m, loading: e, children: [
-    /* @__PURE__ */ o(J, { loading: e, size: r, title: f, description: n || p }),
-    /* @__PURE__ */ o(y, { loading: e, sender: l, updatedAt: i, updatedAtLabel: h })
-  ] }) }) }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(
-    B,
-    {
-      ...a,
-      loading: e,
-      size: r,
-      className: t.item,
-      controls: s && /* @__PURE__ */ o(F, { className: t.select, ...s }),
-      children: /* @__PURE__ */ c(N, { className: t.border, size: r, seen: m, loading: e, children: [
-        /* @__PURE__ */ c("header", { className: t.header, "data-size": r, children: [
-          /* @__PURE__ */ o(G, { loading: e, size: r, variant: w, label: S, seen: m, children: f }),
-          /* @__PURE__ */ o(
-            C,
-            {
-              size: "xs",
-              loading: e,
-              sender: l,
-              recipient: D,
-              recipientLabel: I,
-              recipientGroup: L
-            }
-          ),
-          /* @__PURE__ */ o("p", { "data-size": r, className: t.summary, children: /* @__PURE__ */ o(E, { loading: e, children: n || p }) })
-        ] }),
-        /* @__PURE__ */ o(
-          y,
+  const M = _ ? "trashed" : n ? "archived" : u;
+  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ e(j, { ...a, size: r, children: /* @__PURE__ */ e(N, { ...a, size: r, className: o.link, children: /* @__PURE__ */ m("div", { className: o.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
+    /* @__PURE__ */ e(G, { loading: t, size: r, title: h, description: p || f }),
+    /* @__PURE__ */ e(y, { loading: t, sender: l, updatedAt: i, updatedAtLabel: d })
+  ] }) }) }) : /* @__PURE__ */ m(j, { ...a, size: r, children: [
+    /* @__PURE__ */ e(N, { ...a, size: r, className: o.link, children: /* @__PURE__ */ m("div", { className: o.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
+      /* @__PURE__ */ m("header", { className: o.header, "data-size": r, children: [
+        /* @__PURE__ */ e(F, { loading: t, size: r, state: M, label: L, seen: c, children: h }),
+        /* @__PURE__ */ e(
+          w,
           {
-            className: t.footer,
-            loading: e,
-            status: x,
-            updatedAt: i,
-            updatedAtLabel: h,
-            archivedAt: d,
-            archivedAtLabel: j,
-            trashedAt: _,
-            trashedAtLabel: H,
-            dueAt: k,
-            dueAtLabel: v,
-            attachmentsCount: q,
-            seenBy: M,
-            touchedBy: {
-              touchedBy: V,
-              className: t.touchedBy
-            }
+            size: "xs",
+            loading: t,
+            sender: l,
+            recipient: q,
+            recipientLabel: B,
+            recipientGroup: b
           }
-        )
-      ] })
-    }
-  ) });
+        ),
+        /* @__PURE__ */ e("p", { "data-size": r, className: o.summary, children: /* @__PURE__ */ e(C, { loading: t, children: p || f }) })
+      ] }),
+      /* @__PURE__ */ e(
+        y,
+        {
+          className: o.footer,
+          loading: t,
+          status: k,
+          updatedAt: i,
+          updatedAtLabel: d,
+          archivedAt: n,
+          archivedAtLabel: x,
+          trashedAt: _,
+          trashedAtLabel: D,
+          dueAt: I,
+          dueAtLabel: S,
+          attachmentsCount: H,
+          seenBy: v,
+          touchedBy: {
+            touchedBy: g,
+            className: o.touchedBy
+          }
+        }
+      )
+    ] }) }),
+    s && /* @__PURE__ */ e(E, { className: o.select, ...s })
+  ] });
 };
 export {
-  cr as DialogListItem
+  mr as DialogListItem
 };

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

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { withThemeByDataAttribute as p } from "@storybook/addon-themes";
-import { Fragment as c, useState as y } from "react";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { withThemeByDataAttribute as b } from "@storybook/addon-themes";
+import { Fragment as u, useState as p } from "react";
 import { DialogListItem as n } from "./DialogListItem.js";
-import { DialogStatusEnum as v } from "./DialogStatus.js";
+import { DialogStatusEnum as y } from "./DialogStatus.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { MetaItem as r } from "../Meta/MetaItem.js";
+import { MetaItem as a } from "../Meta/MetaItem.js";
 import "../RootProvider/RootProvider.js";
 import { ListBase as i } from "../List/ListBase.js";
-const g = (t) => {
+const v = (t) => {
   switch (t) {
     case "draft":
       return "Utkast";
@@ -24,17 +24,12 @@ const g = (t) => {
     default:
       return "";
   }
-}, o = ["xl", "lg", "md", "sm", "xs"];
-var h;
-const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
-  value: t,
-  label: g(t)
-})), C = {
+}, o = ["xl", "lg", "md", "sm", "xs"], O = {
   title: "Dialog/DialogListItem",
   component: n,
   tags: ["autodocs"],
   decorators: [
-    p({
+    b({
       themes: {
         company: "company",
         person: "person"
@@ -58,17 +53,26 @@ const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
     updatedAtLabel: "25. november 2024 kl 15.30",
     status: {}
   }
-}, E = (t) => /* @__PURE__ */ e(i, { children: f.map((l) => /* @__PURE__ */ s(c, { children: [
-  /* @__PURE__ */ e(n, { ...t, status: l }),
-  /* @__PURE__ */ e(r, { children: l == null ? void 0 : l.value })
-] }, l.value)) }), I = (t) => /* @__PURE__ */ s(i, { children: [
+}, j = (t) => /* @__PURE__ */ e(i, { children: Object.keys(y).map((s) => /* @__PURE__ */ l(u, { children: [
+  /* @__PURE__ */ e(
+    n,
+    {
+      ...t,
+      status: {
+        value: s,
+        label: v(s)
+      }
+    }
+  ),
+  /* @__PURE__ */ e(a, { children: s })
+] }, s)) }), C = (t) => /* @__PURE__ */ l(i, { children: [
   /* @__PURE__ */ e(n, { ...t, loading: !0, label: "Ulest" }),
-  /* @__PURE__ */ e(r, { children: "Loading" }),
+  /* @__PURE__ */ e(a, { children: "Loading" }),
   /* @__PURE__ */ e(n, { ...t, label: "Ulest" }),
-  /* @__PURE__ */ e(r, { children: "Loaded" })
-] }), q = (t) => /* @__PURE__ */ s(i, { children: [
+  /* @__PURE__ */ e(a, { children: "Loaded" })
+] }), E = (t) => /* @__PURE__ */ l(i, { children: [
   /* @__PURE__ */ e(n, { ...t, label: "Ulest", status: { value: "requires-attention", label: "Krever handling" } }),
-  /* @__PURE__ */ e(r, { children: "Dialog is new and has not been seen by anybody" }),
+  /* @__PURE__ */ e(a, { children: "Dialog is new and has not been seen by anybody" }),
   /* @__PURE__ */ e(
     n,
     {
@@ -78,7 +82,7 @@ const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
       status: { value: "requires-attention", label: "Krever handling" }
     }
   ),
-  /* @__PURE__ */ e(r, { children: "Dialog has been seen" }),
+  /* @__PURE__ */ e(a, { children: "Dialog has been seen" }),
   /* @__PURE__ */ e(
     n,
     {
@@ -91,7 +95,7 @@ const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
       archivedAtLabel: "Arkivert av Kjell Olsen, 27. nov 2024"
     }
   ),
-  /* @__PURE__ */ e(r, { children: "Dialog has been moved to archive" }),
+  /* @__PURE__ */ e(a, { children: "Dialog has been moved to archive" }),
   /* @__PURE__ */ e(
     n,
     {
@@ -104,8 +108,8 @@ const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
       trashedAtLabel: "Slettet av Kjell Olsen, 27. nov 2024"
     }
   ),
-  /* @__PURE__ */ e(r, { children: "Dialog has been moved to trash" })
-] }), x = (t) => /* @__PURE__ */ s(i, { children: [
+  /* @__PURE__ */ e(a, { children: "Dialog has been moved to trash" })
+] }), I = (t) => /* @__PURE__ */ l(i, { children: [
   /* @__PURE__ */ e(
     n,
     {
@@ -115,29 +119,22 @@ const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
       dueAtLabel: "Frist: 1. januar 2025"
     }
   ),
-  /* @__PURE__ */ e(r, { children: "Dialog requires action wihtin a spesific due date." })
-] }), T = (t) => /* @__PURE__ */ s(i, { children: [
+  /* @__PURE__ */ e(a, { children: "Dialog requires action wihtin a spesific due date." })
+] }), q = (t) => /* @__PURE__ */ l(i, { children: [
   /* @__PURE__ */ e(n, { ...t, attachmentsCount: 2 }),
-  /* @__PURE__ */ e(r, { children: "Dialog has attachments." })
-] }), w = (t) => /* @__PURE__ */ s(i, { children: [
+  /* @__PURE__ */ e(a, { children: "Dialog has attachments." })
+] }), x = (t) => /* @__PURE__ */ l(i, { children: [
   /* @__PURE__ */ e(n, { ...t, seen: !0, seenBy: { seenByEndUser: !0, label: "Sett av deg" } }),
-  /* @__PURE__ */ e(r, { children: "Seen by end user. Dialog is marked as seen." }),
+  /* @__PURE__ */ e(a, { children: "Seen by end user. Dialog is marked as seen." }),
   /* @__PURE__ */ e(n, { ...t, seenBy: { seenByOthersCount: 4, label: "Sett av 4" } }),
-  /* @__PURE__ */ e(r, { children: "Seen by others. Dialog is not marked as seen." }),
-  /* @__PURE__ */ e(
-    n,
-    {
-      ...t,
-      seen: !0,
-      seenBy: { seenByOthersCount: 4, seenByEndUser: !0, label: "Sett av deg + 4" }
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: "Seen by end user and others. Dialog is marked as seen." })
-] }), M = (t) => /* @__PURE__ */ s(i, { children: [
+  /* @__PURE__ */ e(a, { children: "Seen by others. Dialog is not marked as seen." }),
+  /* @__PURE__ */ e(n, { ...t, seen: !0, seenBy: { seenByOthersCount: 4, seenByEndUser: !0, label: "Sett av deg + 4" } }),
+  /* @__PURE__ */ e(a, { children: "Seen by end user and others. Dialog is marked as seen." })
+] }), T = (t) => /* @__PURE__ */ l(i, { children: [
   /* @__PURE__ */ e(n, { ...t, touchedBy: [{ name: "Kari Nordmann" }] }),
-  /* @__PURE__ */ e(r, { children: "Dialog has been touched by a single actor." }),
+  /* @__PURE__ */ e(a, { children: "Dialog has been touched by a single actor." }),
   /* @__PURE__ */ e(n, { ...t, touchedBy: [{ name: "Kari Nordmann" }, { name: "Ola Nordmann" }] }),
-  /* @__PURE__ */ e(r, { children: "Dialog has been touched by two actors." }),
+  /* @__PURE__ */ e(a, { children: "Dialog has been touched by two actors." }),
   /* @__PURE__ */ e(
     n,
     {
@@ -145,8 +142,8 @@ const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
       touchedBy: [{ name: "Kari Nordmann" }, { name: "Ola Nordmann" }, { name: "Per Nordmann" }]
     }
   ),
-  /* @__PURE__ */ e(r, { children: "Dialog has been touched by a multiple actors." })
-] }), P = (t) => /* @__PURE__ */ s(i, { children: [
+  /* @__PURE__ */ e(a, { children: "Dialog has been touched by a multiple actors." })
+] }), w = (t) => /* @__PURE__ */ l(i, { children: [
   /* @__PURE__ */ e(
     n,
     {
@@ -154,7 +151,7 @@ const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
       title: "Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit."
     }
   ),
-  /* @__PURE__ */ e(r, { children: "Long title" }),
+  /* @__PURE__ */ e(a, { children: "Long title" }),
   /* @__PURE__ */ e(
     n,
     {
@@ -162,10 +159,10 @@ const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
       summary: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Nullam id dolor id nibh ultricies vehicula ut id elit.\\n\\nCras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit."
     }
   ),
-  /* @__PURE__ */ e(r, { children: "Long summary" })
-] }), F = (t) => {
+  /* @__PURE__ */ e(a, { children: "Long summary" })
+] }), M = (t) => {
   var m;
-  const [l, b] = y({
+  const [s, h] = p({
     1: {
       id: "1",
       title: "Item 1",
@@ -181,45 +178,45 @@ const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
       title: "Item 2",
       selected: !1
     }
-  }), u = ({ id: a }) => {
-    b((d) => ({
+  }), c = ({ id: r }) => {
+    h((d) => ({
       ...d,
-      [a]: {
-        ...d[a],
-        selected: !d[a].selected
+      [r]: {
+        ...d[r],
+        selected: !d[r].selected
       }
     }));
   };
-  return /* @__PURE__ */ e(i, { children: (m = Object.values(l)) == null ? void 0 : m.map((a) => /* @__PURE__ */ s(c, { children: [
+  return /* @__PURE__ */ e(i, { children: (m = Object.values(s)) == null ? void 0 : m.map((r) => /* @__PURE__ */ l(u, { children: [
     /* @__PURE__ */ e(
       n,
       {
         ...t,
-        title: a.title,
-        onClick: a.selected ? () => u(a) : void 0,
-        selected: a.selected,
-        select: { checked: a == null ? void 0 : a.selected, onChange: () => u(a) }
+        title: r.title,
+        onClick: r.selected ? () => c(r) : void 0,
+        selected: r.selected,
+        select: { checked: r == null ? void 0 : r.selected, onChange: () => c(r) }
       }
     ),
-    /* @__PURE__ */ s(r, { children: [
+    /* @__PURE__ */ l(a, { children: [
       "selected:",
-      a.selected ? "true" : "false"
+      r.selected ? "true" : "false"
     ] })
-  ] }, a == null ? void 0 : a.id)) });
-}, R = (t) => /* @__PURE__ */ e(i, { children: o == null ? void 0 : o.map((l) => /* @__PURE__ */ s(c, { children: [
-  /* @__PURE__ */ e(n, { ...t, size: l, status: { value: "in-progress", label: "Under arbeid" } }),
-  /* @__PURE__ */ e(r, { children: l })
-] }, l)) });
+  ] }, r == null ? void 0 : r.id)) });
+}, P = (t) => /* @__PURE__ */ e(i, { children: o == null ? void 0 : o.map((s) => /* @__PURE__ */ l(u, { children: [
+  /* @__PURE__ */ e(n, { ...t, size: s, status: { value: "in-progress", label: "Under arbeid" } }),
+  /* @__PURE__ */ e(a, { children: s })
+] }, s)) });
 export {
-  T as Attachments,
-  x as DueAt,
-  I as Loading,
-  w as SeenBy,
-  F as Selectable,
-  R as Sizes,
-  E as Statuses,
-  P as TextLength,
-  M as TouchedBy,
-  q as Variants,
-  C as default
+  q as Attachments,
+  I as DueAt,
+  C as Loading,
+  x as SeenBy,
+  M as Selectable,
+  P as Sizes,
+  j as Statuses,
+  w as TextLength,
+  T as TouchedBy,
+  E as Variants,
+  O as default
 };

package/dist/components/Dialog/DraftDialog.js

@@ -2,67 +2,62 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Typography as g } from "../Typography/Typography.js";
-import { Heading as B } from "../Typography/Heading.js";
+import { Heading as w } from "../Typography/Heading.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { DialogMetadata as j } from "./DialogMetadata.js";
-import { DialogActions as w } from "./DialogActions.js";
-import { DialogSection as d } from "./DialogSection.js";
-import { Avatar as P } from "../Avatar/Avatar.js";
-import { DialogAttachments as G } from "./DialogAttachments.js";
+import { DialogMetadata as B } from "./DialogMetadata.js";
+import { DialogActions as P } from "./DialogActions.js";
+import { DialogSection as t } from "./DialogSection.js";
+import { Avatar as H } from "../Avatar/Avatar.js";
+import { DialogAttachments as M } from "./DialogAttachments.js";
 import "../RootProvider/RootProvider.js";
-import { Byline as H } from "../Byline/Byline.js";
-import { PageBase as L } from "../Page/PageBase.js";
-import { PageNav as M } from "../Page/PageNav.js";
+import { Byline as N } from "../Byline/Byline.js";
+import { PageBase as T } from "../Page/PageBase.js";
+import { PageNav as c } from "../Page/PageNav.js";
 import { Section as s } from "../Page/Section.js";
-import { Article as N } from "../Page/Article.js";
-const rr = ({
-  backButton: o,
-  menu: x,
+import { Article as k } from "../Page/Article.js";
+const $ = ({
+  backButton: x,
+  menu: o,
   updatedAt: y,
   updatedAtLabel: z,
   dueAt: D,
-  dueAtLabel: u,
-  status: A,
-  title: S,
+  dueAtLabel: A,
+  status: S,
+  title: b,
   sender: l,
   recipient: h,
-  recipientLabel: b = "to",
-  recipientGroup: T,
-  summary: c = "Summary.",
+  recipientLabel: u = "to",
+  summary: j = "Summary.",
   body: v,
   actions: p = [],
-  attachments: t,
-  seenBy: k,
-  activityLog: q,
-  history: C,
-  timeline: E,
-  additionalInfo: e,
-  contactInfo: m
-}) => /* @__PURE__ */ i(L, { color: "subtle", shadow: "xs", children: [
-  /* @__PURE__ */ r(M, { backButton: o, menu: x, children: /* @__PURE__ */ r(j, { status: A, dueAt: D, dueAtLabel: u }) }),
-  /* @__PURE__ */ i(N, { theme: "article", padding: "xl", spacing: "xl", children: [
+  attachments: d,
+  additionalInfo: m,
+  contactInfo: e
+}) => /* @__PURE__ */ i(T, { color: "subtle", shadow: "xs", children: [
+  /* @__PURE__ */ r(c, { backButton: x, menu: o, children: /* @__PURE__ */ r(B, { status: S, dueAt: D, dueAtLabel: A }) }),
+  /* @__PURE__ */ i(k, { theme: "article", padding: "xl", spacing: "xl", children: [
     /* @__PURE__ */ i(s, { as: "header", spacing: "md", children: [
       /* @__PURE__ */ i(s, { flex: "row", align: "center", spacing: "md", children: [
-        /* @__PURE__ */ r(P, { size: "lg", ...l }),
-        /* @__PURE__ */ r(B, { size: "lg", children: S })
+        /* @__PURE__ */ r(H, { size: "lg", ...l }),
+        /* @__PURE__ */ r(w, { size: "lg", children: b })
       ] }),
-      /* @__PURE__ */ i(H, { size: "md", datetime: y, children: [
+      /* @__PURE__ */ i(N, { size: "md", datetime: y, children: [
         /* @__PURE__ */ r("strong", { children: h == null ? void 0 : h.name }),
-        b + " " + (l == null ? void 0 : l.name) + ", ",
+        u + " " + (l == null ? void 0 : l.name) + ", ",
         z
       ] })
     ] }),
-    /* @__PURE__ */ r(s, { padding: "xl", spacing: "lg", color: "", style: { border: "1px solid", borderStyle: "dashed" }, children: /* @__PURE__ */ i(g, { size: "lg", children: [
-      /* @__PURE__ */ r("p", { children: c }),
+    /* @__PURE__ */ r(s, { padding: "xl", spacing: "lg", style: { border: "1px solid", borderStyle: "dashed" }, children: /* @__PURE__ */ i(g, { size: "lg", children: [
+      /* @__PURE__ */ r("p", { children: j }),
       v,
-      t && /* @__PURE__ */ r(G, { ...t }),
-      (p == null ? void 0 : p.length) > 0 && /* @__PURE__ */ r(w, { items: p })
+      d && /* @__PURE__ */ r(M, { ...d }),
+      (p == null ? void 0 : p.length) > 0 && /* @__PURE__ */ r(P, { items: p })
     ] }) }),
-    e && /* @__PURE__ */ r(d, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(g, { size: "md", children: e == null ? void 0 : e.children }) }),
-    m && /* @__PURE__ */ r(d, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(g, { size: "md", children: m == null ? void 0 : m.children }) })
+    m && /* @__PURE__ */ r(t, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(g, { size: "md", children: m == null ? void 0 : m.children }) }),
+    e && /* @__PURE__ */ r(t, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(g, { size: "md", children: e == null ? void 0 : e.children }) })
   ] })
 ] });
 export {
-  rr as DraftDialog
+  $ as DraftDialog
 };

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

@@ -84,6 +84,7 @@ const I = {
   args: g
 }, c = {
   args: {
+    id: "1",
     status: { value: "draft", label: "Utkast" },
     sender: {
       name: "Statistisk sentralbyrå",
@@ -112,7 +113,6 @@ const I = {
   args: {
     ...c.args,
     status: { value: "sent", label: "Sendt" },
-    actions: void 0,
     summary: "Skjema er sendt inn.",
     attachments: {
       title: "1 vedlegg",

package/dist/components/Dialog/index.js

@@ -6,44 +6,42 @@ import { DialogMetadata as D } from "./DialogMetadata.js";
 import { DialogByline as x } from "./DialogByline.js";
 import { DialogActions as s } from "./DialogActions.js";
 import { DialogActivityLog as y } from "./DialogActivityLog.js";
-import { DialogBorder as L } from "./DialogBorder.js";
-import { DialogContent as d } from "./DialogContent.js";
+import { DialogContent as L } from "./DialogContent.js";
 import { DialogSection as T } from "./DialogSection.js";
-import { DialogSeenBy as H } from "./DialogSeenBy.js";
-import { DialogSelect as h } from "./DialogSelect.js";
-import { DialogStatus as v, DialogStatusEnum as C } from "./DialogStatus.js";
-import { DialogHeading as G } from "./DialogHeading.js";
-import { DialogTouchedBy as j } from "./DialogTouchedBy.js";
-import { DialogLabel as q } from "./DialogLabel.js";
-import { DialogAttachments as z } from "./DialogAttachments.js";
-import { DialogTransmissions as J } from "./DialogTransmissions.js";
-import { DialogTimeline as N } from "./DialogTimeline.js";
-import { DialogTimelineItem as P } from "./DialogTimelineItem.js";
-import { DialogHistory as R } from "./DialogHistory.js";
-import { DialogHistoryItem as V } from "./DialogHistoryItem.js";
+import { DialogSeenBy as A } from "./DialogSeenBy.js";
+import { DialogSelect as H } from "./DialogSelect.js";
+import { DialogStatus as h, DialogStatusEnum as b } from "./DialogStatus.js";
+import { DialogHeading as C } from "./DialogHeading.js";
+import { DialogTouchedBy as G } from "./DialogTouchedBy.js";
+import { DialogLabel as j } from "./DialogLabel.js";
+import { DialogAttachments as q } from "./DialogAttachments.js";
+import { DialogTransmissions as z } from "./DialogTransmissions.js";
+import { DialogTimeline as J } from "./DialogTimeline.js";
+import { DialogTimelineItem as N } from "./DialogTimelineItem.js";
+import { DialogHistory as P } from "./DialogHistory.js";
+import { DialogHistoryItem as R } from "./DialogHistoryItem.js";
 export {
   t as Dialog,
   s as DialogActions,
   y as DialogActivityLog,
-  z as DialogAttachments,
-  L as DialogBorder,
+  q as DialogAttachments,
   x as DialogByline,
-  d as DialogContent,
-  G as DialogHeading,
-  R as DialogHistory,
-  V as DialogHistoryItem,
-  q as DialogLabel,
+  L as DialogContent,
+  C as DialogHeading,
+  P as DialogHistory,
+  R as DialogHistoryItem,
+  j as DialogLabel,
   i as DialogList,
   m as DialogListGroup,
   g as DialogListItem,
   D as DialogMetadata,
   T as DialogSection,
-  H as DialogSeenBy,
-  h as DialogSelect,
-  v as DialogStatus,
-  C as DialogStatusEnum,
-  N as DialogTimeline,
-  P as DialogTimelineItem,
-  j as DialogTouchedBy,
-  J as DialogTransmissions
+  A as DialogSeenBy,
+  H as DialogSelect,
+  h as DialogStatus,
+  b as DialogStatusEnum,
+  J as DialogTimeline,
+  N as DialogTimelineItem,
+  G as DialogTouchedBy,
+  z as DialogTransmissions
 };