@altinn/altinn-components 0.6.8 → 0.6.9

package/dist/assets/AvatarGroup.css

@@ -1 +1 @@
-._group_1k49o_1{display:flex}._reset_1k49o_5{margin:0;padding:0;text-indent:0;list-style-type:none}._item_1k49o_12{position:relative}._xs_1k49o_16{width:32px}._xs_1k49o_16[data-count="2"] *+*{margin-left:-8px}._xs_1k49o_16[data-count="3"] *+*{margin-left:-14px}._xs_1k49o_16[data-count="4"] *+*{margin-left:-16px}._sm_1k49o_32{width:42px}._sm_1k49o_32[data-count="2"] *+*{margin-left:-6px}._sm_1k49o_32[data-count="3"] *+*{margin-left:-15px}._sm_1k49o_32[data-count="4"] *+*{margin-left:-18px}._md_1k49o_48{width:54px}._md_1k49o_48[data-count="2"] *+*{margin-left:-6px}._md_1k49o_48[data-count="3"] *+*{margin-left:-18px}._md_1k49o_48[data-count="4"] *+*{margin-left:-22px}._lg_1k49o_64{width:66px}._lg_1k49o_64[data-count="2"] *+*{margin-left:-6px}._lg_1k49o_64[data-count="3"] *+*{margin-left:-21px}._lg_1k49o_64[data-count="4"] *+*{margin-left:-26px}
+._group_1xzlf_1{display:flex}._reset_1xzlf_5{margin:0;padding:0;text-indent:0;list-style-type:none}._item_1xzlf_12{position:relative}._xs_1xzlf_16{width:32px}._xs_1xzlf_16[data-count="1"]{width:20px}._xs_1xzlf_16[data-count="2"] *+*{margin-left:-8px}._xs_1xzlf_16[data-count="3"] *+*{margin-left:-14px}._xs_1xzlf_16[data-count="4"] *+*{margin-left:-16px}._sm_1xzlf_36{width:42px}._sm_1xzlf_36[data-count="1"]{width:24px}._sm_1xzlf_36[data-count="2"] *+*{margin-left:-6px}._sm_1xzlf_36[data-count="3"] *+*{margin-left:-15px}._sm_1xzlf_36[data-count="4"] *+*{margin-left:-18px}._md_1xzlf_56{width:54px}._md_1xzlf_56[data-count="1"]{width:30px}._md_1xzlf_56[data-count="2"] *+*{margin-left:-6px}._md_1xzlf_56[data-count="3"] *+*{margin-left:-18px}._md_1xzlf_56[data-count="4"] *+*{margin-left:-22px}._lg_1xzlf_76{width:66px}._lg_1xzlf_76[data-count="1"]{width:36px}._lg_1xzlf_76[data-count="2"] *+*{margin-left:-6px}._lg_1xzlf_76[data-count="3"] *+*{margin-left:-21px}._lg_1xzlf_76[data-count="4"] *+*{margin-left:-26px}

package/dist/assets/ButtonBase.css

@@ -1 +1 @@
-._button_1pg7d_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._button_1pg7d_1:disabled{opacity:.5;pointer-events:none}._button_1pg7d_1:focus{border-color:var(--theme-base-active)}._button_1pg7d_1:hover{border-color:var(--theme-base-hover)}._button_1pg7d_1:active{border-color:var(--theme-base-active)}._button_1pg7d_1[data-size=sm]{height:2.25rem}._button_1pg7d_1[data-size=md]{height:2.75rem}._button_1pg7d_1[data-size=lg]{height:3.5rem}._button_1pg7d_1[data-variant=solid]{border-color:var(--theme-base-default);background-color:var(--theme-base-default);color:#fff}._button_1pg7d_1[data-variant=solid]:hover{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover)}._button_1pg7d_1[data-variant=solid]:active{border-color:var(--theme-base-active);background-color:var(--theme-base-active)}._button_1pg7d_1[data-variant=outline],._button_1pg7d_1[data-variant=dotted]{border-color:var(--theme-base-default)}._button_1pg7d_1[data-variant=outline]{border-style:solid}._button_1pg7d_1[data-variant=dotted]{border-style:dotted}._button_1pg7d_1[data-variant=text]{border-color:transparent}._button_1pg7d_1[data-variant=outline]:hover,._button_1pg7d_1[data-variant=dotted]:hover,._button_1pg7d_1[data-variant=text]:hover{background-color:var(--theme-surface-default)}._button_1pg7d_1[data-variant=outline]:active,._button_1pg7d_1[data-variant=dotted]:active,._button_1pg7d_1[data-variant=text]:active{background-color:var(--theme-surface-active)}._button_1pg7d_1[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._button_1pg7d_1[data-color=secondary]{color:var(--theme-text-subtle)}._button_1pg7d_1[data-color=secondary]:hover{border-color:var(--theme-surface-hover)}._button_1pg7d_1[data-color=secondary][data-variant=solid]{border-color:var(--theme-surface-default);background-color:var(--theme-surface-default)}._button_1pg7d_1[data-color=secondary][data-variant=solid]:hover{border-color:var(--theme-surface-hover);background-color:var(--theme-surface-hover)}._button_1pg7d_1[data-color=secondary][data-variant=solid]:active,._button_1pg7d_1[data-color=secondary][data-variant=outline]:active,._button_1pg7d_1[data-color=secondary][data-variant=dotted]:active,._button_1pg7d_1[data-color=secondary][data-variant=text]:active{border-color:var(--theme-surface-active);background-color:var(--theme-surface-active)}
+._button_1p2ap_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._button_1p2ap_1:disabled{opacity:.5;pointer-events:none}._button_1p2ap_1:focus{border-color:var(--theme-base-active)}._button_1p2ap_1:hover{border-color:var(--theme-base-hover)}._button_1p2ap_1:active{border-color:var(--theme-base-active)}._button_1p2ap_1[data-size=sm]{height:2.25rem}._button_1p2ap_1[data-size=md]{height:2.75rem}._button_1p2ap_1[data-size=lg]{height:3.5rem}._button_1p2ap_1[data-variant=solid]{border-color:var(--theme-base-default);background-color:var(--theme-base-default);color:#fff}._button_1p2ap_1[data-variant=solid]:hover{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover)}._button_1p2ap_1[data-variant=solid]:active{border-color:var(--theme-base-active);background-color:var(--theme-base-active)}._button_1p2ap_1[data-variant=outline],._button_1p2ap_1[data-variant=dotted]{border-color:var(--theme-base-default)}._button_1p2ap_1[data-variant=outline]{border-style:solid}._button_1p2ap_1[data-variant=dotted]{border-style:dotted}._button_1p2ap_1[data-variant=text]{border-color:transparent}._button_1p2ap_1[data-variant=outline]:hover,._button_1p2ap_1[data-variant=dotted]:hover,._button_1p2ap_1[data-variant=text]:hover{background-color:var(--theme-surface-default)}._button_1p2ap_1[data-variant=outline]:active,._button_1p2ap_1[data-variant=dotted]:active,._button_1p2ap_1[data-variant=text]:active{background-color:var(--theme-surface-active)}._button_1p2ap_1[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._button_1p2ap_1[data-color=secondary]{color:var(--theme-text-subtle)}._button_1p2ap_1[data-color=secondary]:hover{border-color:var(--theme-surface-hover)}._button_1p2ap_1[data-color=secondary][data-variant=solid]{border-color:var(--theme-surface-default);background-color:var(--theme-surface-default)}._button_1p2ap_1[data-color=secondary][data-variant=solid]:hover{border-color:var(--theme-surface-hover);background-color:var(--theme-surface-hover)}._button_1p2ap_1[data-color=secondary][data-variant=solid]:active,._button_1p2ap_1[data-color=secondary][data-variant=outline]:active,._button_1p2ap_1[data-color=secondary][data-variant=dotted]:active,._button_1p2ap_1[data-color=secondary][data-variant=text]:active{border-color:var(--theme-surface-active);background-color:var(--theme-surface-active)}

package/dist/assets/DialogListItemBase.css

@@ -1 +1 @@
-._item_1ate4_1{background-color:var(--theme-background-default);position:relative;box-shadow:var(--ds-shadow-xs)}._item_1ate4_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._link_1ate4_13{display:flex;padding:1rem}._item_1ate4_1[aria-selected=false] ._link_1ate4_13:hover{outline:2px solid;outline-color:var(--global-base-default)}._select_1ate4_23{position:absolute;top:0;right:0;margin:.375rem}
+._item_1uvy5_1{background-color:var(--theme-background-default);position:relative;box-shadow:var(--ds-shadow-xs)}._item_1uvy5_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._link_1uvy5_13{margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:1rem}._item_1uvy5_1[aria-selected=false] ._link_1uvy5_13:hover{outline:2px solid;outline-color:var(--global-base-default)}._select_1uvy5_46{position:absolute;top:0;right:0;margin:.375rem}

package/dist/components/Avatar/AvatarGroup.js

@@ -1,38 +1,38 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { c as n } from "../../index-L8X2o7IH.js";
 import { useMemo as p } from "react";
-import { Avatar as d } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const k = "_group_1k49o_1", h = "_reset_1k49o_5", f = "_item_1k49o_12", A = "_xs_1k49o_16", U = "_sm_1k49o_32", x = "_md_1k49o_48", y = "_lg_1k49o_64", t = {
-  group: k,
-  reset: h,
-  item: f,
-  xs: A,
-  sm: U,
-  md: x,
+import { Avatar as f } from "./Avatar.js";
+import '../../assets/AvatarGroup.css';const x = "_group_1xzlf_1", d = "_reset_1xzlf_5", h = "_item_1xzlf_12", z = "_xs_1xzlf_16", A = "_sm_1xzlf_36", U = "_md_1xzlf_56", y = "_lg_1xzlf_76", o = {
+  group: x,
+  reset: d,
+  item: h,
+  xs: z,
+  sm: A,
+  md: U,
   lg: y
 }, a = ({
-  items: e = [],
-  maxItemsCount: l = 4,
+  items: l = [],
+  maxItemsCount: s = 4,
   defaultType: _,
   size: c = "sm",
   className: m
 }) => {
-  const r = p(() => e.slice(0, l), [e, l]);
-  return (e == null ? void 0 : e.length) === 0 ? /* @__PURE__ */ s("div", { className: t.avatarGroup }) : /* @__PURE__ */ s("ul", { className: n(t.reset, t.group, t[c], m), "data-count": r == null ? void 0 : r.length, children: r.map((o, g) => {
-    const u = g === l - 1, i = o.customLabel || u ? e.length.toString() : void 0;
-    return /* @__PURE__ */ s("li", { className: n(t.reset, t.item), children: /* @__PURE__ */ s(
-      d,
+  const t = p(() => l.slice(0, s), [l, s]);
+  return (l == null ? void 0 : l.length) === 0 ? /* @__PURE__ */ r("div", { className: o.avatarGroup }) : /* @__PURE__ */ r("ul", { className: n(o.reset, o.group, o[c], m), "data-count": t == null ? void 0 : t.length, children: t.map((e, g) => {
+    const u = g === s - 1, i = e.customLabel || u ? l.length.toString() : void 0;
+    return /* @__PURE__ */ r("li", { className: n(o.reset, o.item), children: /* @__PURE__ */ r(
+      f,
       {
-        name: o.name,
+        name: e.name,
         customLabel: i,
-        imageUrl: o.imageUrl,
-        imageUrlAlt: o.imageUrlAlt,
-        type: (o == null ? void 0 : o.type) || _,
+        imageUrl: e.imageUrl,
+        imageUrlAlt: e.imageUrlAlt,
+        type: (e == null ? void 0 : e.type) || _,
         size: c,
         outline: !0
       }
-    ) }, o.name);
+    ) }, e.name);
   }) });
 };
 export {

package/dist/components/Button/ButtonBase.js

@@ -1,6 +1,6 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const b = "_button_1pg7d_1", d = {
+import { jsx as u } from "react/jsx-runtime";
+import { c as i } from "../../index-L8X2o7IH.js";
+import '../../assets/ButtonBase.css';const b = "_button_1p2ap_1", l = {
   button: b
 }, _ = ({
   as: o,
@@ -12,8 +12,8 @@ import '../../assets/ButtonBase.css';const b = "_button_1pg7d_1", d = {
   selected: r,
   variant: c,
   tabIndex: m = 0,
-  ...u
-}) => /* @__PURE__ */ i(
+  ...p
+}) => /* @__PURE__ */ u(
   o || "button",
   {
     tabIndex: m,
@@ -23,8 +23,8 @@ import '../../assets/ButtonBase.css';const b = "_button_1pg7d_1", d = {
     "aria-selected": r,
     "aria-disabled": t,
     disabled: t,
-    className: p(d.button, n),
-    ...u,
+    className: i(l.button, n),
+    ...p,
     children: s
   }
 );

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,8 +1,10 @@
 import { DropdownPlacement, MenuItemProps, MenuItemGroups } from '../';
+import { ContextMenuSize } from './ContextMenuBase';
 export interface ContextMenuProps {
     id: string;
     items: MenuItemProps[];
     placement?: DropdownPlacement;
+    size?: ContextMenuSize;
     groups?: MenuItemGroups;
 }
-export declare const ContextMenu: ({ id, placement, groups, items }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenu: ({ id, placement, size, groups, items, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenu.js

@@ -3,13 +3,19 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { MenuItems as p } from "../Menu/MenuItems.js";
-import { useRootContext as u } from "../RootProvider/RootProvider.js";
-import { ContextMenuBase as s } from "./ContextMenuBase.js";
-const I = ({ id: t = "context-menu", placement: e = "right", groups: r = {}, items: n }) => {
-  const { currentId: m, toggleId: i } = u();
-  return /* @__PURE__ */ o(s, { placement: e, expanded: m === t, onToggle: () => i(t), children: /* @__PURE__ */ o(p, { groups: r, items: n }) });
+import { MenuItems as u } from "../Menu/MenuItems.js";
+import { useRootContext as s } from "../RootProvider/RootProvider.js";
+import { ContextMenuBase as x } from "./ContextMenuBase.js";
+const M = ({
+  id: t = "context-menu",
+  placement: e = "right",
+  size: r,
+  groups: n = {},
+  items: m
+}) => {
+  const { currentId: i, toggleId: p } = s();
+  return /* @__PURE__ */ o(x, { size: r, placement: e, expanded: i === t, onToggle: () => p(t), children: /* @__PURE__ */ o(u, { groups: n, items: m }) });
 };
 export {
-  I as ContextMenu
+  M as ContextMenu
 };

package/dist/components/ContextMenu/ContextMenuBase.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
 import { DropdownPlacement } from '../';
+export type ContextMenuSize = 'sm' | 'md';
 export interface ContextMenuBaseProps {
     placement: DropdownPlacement;
     expanded: boolean;
+    size?: ContextMenuSize;
     onToggle?: () => void;
     children?: ReactNode;
 }
-export declare const ContextMenuBase: ({ placement, expanded, onToggle, children, }: ContextMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuBase: ({ size, placement, expanded, onToggle, children, }: ContextMenuBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenuBase.js

@@ -1,35 +1,36 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { IconButton as a } from "../Button/IconButton.js";
+import { IconButton as c } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { DropdownBase as c } from "../Dropdown/DropdownBase.js";
-import '../../assets/ContextMenuBase.css';const m = "_toggle_ya7jy_1", l = "_button_ya7jy_5", d = "_icon_ya7jy_14", p = "_dropdown_ya7jy_18", o = {
-  toggle: m,
-  button: l,
-  icon: d,
-  dropdown: p
-}, b = ({
-  placement: n = "right",
+import { DropdownBase as m } from "../Dropdown/DropdownBase.js";
+import '../../assets/ContextMenuBase.css';const l = "_toggle_ya7jy_1", d = "_button_ya7jy_5", p = "_icon_ya7jy_14", _ = "_dropdown_ya7jy_18", o = {
+  toggle: l,
+  button: d,
+  icon: p,
+  dropdown: _
+}, f = ({
+  size: n = "sm",
+  placement: r = "right",
   expanded: e = !1,
-  onToggle: r,
-  children: s
-}) => /* @__PURE__ */ i("div", { className: o.toggle, "data-theme": "neutral", children: [
+  onToggle: s,
+  children: i
+}) => /* @__PURE__ */ a("div", { className: o.toggle, "data-theme": "neutral", children: [
   /* @__PURE__ */ t(
-    a,
+    c,
     {
       className: o.button,
-      size: "sm",
+      size: n,
       icon: "menu-elipsis-horizontal",
       iconSize: "md",
       variant: "text",
       color: "secondary",
-      onClick: r
+      onClick: s
     }
   ),
-  /* @__PURE__ */ t(c, { className: o.dropdown, placement: n, expanded: e, children: s })
+  /* @__PURE__ */ t(m, { className: o.dropdown, placement: r, expanded: e, children: i })
 ] });
 export {
-  b as ContextMenuBase
+  f as ContextMenuBase
 };

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

@@ -44,7 +44,7 @@ export interface DialogProps {
     /** Activity Log */
     activityLog?: DialogActivityLogProps;
     /** More information about the dialog, process, etc. */
-    additionalInfo?: string;
+    additionalInfo?: ReactNode;
     /** History */
     history?: DialogHistoryProps;
 }

package/dist/components/Dialog/Dialog.js

@@ -1,64 +1,55 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { MetaBase as j } from "../Meta/MetaBase.js";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { MetaBase as c } from "../Meta/MetaBase.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { DialogActivityLog as v } from "./DialogActivityLog.js";
-import { DialogArticleBase as H } from "./DialogArticleBase.js";
-import { DialogAttachments as S } from "./DialogAttachments.js";
-import { DialogBase as B } from "./DialogBase.js";
-import { DialogBodyBase as C } from "./DialogBodyBase.js";
-import { DialogContent as E } from "./DialogContent.js";
+import { DialogActivityLog as j } from "./DialogActivityLog.js";
+import { DialogArticleBase as v } from "./DialogArticleBase.js";
+import { DialogAttachments as y } from "./DialogAttachments.js";
+import { DialogBase as H } from "./DialogBase.js";
+import { DialogBodyBase as S } from "./DialogBodyBase.js";
+import { DialogContent as C } from "./DialogContent.js";
 import { DialogFooter as F } from "./DialogFooter.js";
 import { DialogHeader as M } from "./DialogHeader.js";
 import { DialogSeenBy as N } from "./DialogSeenBy.js";
-import { DialogActions as U } from "./DialogActions.js";
-import { DialogHistory as b } from "./DialogHistory.js";
-import { DialogNav as k } from "./DialogNav.js";
-const Z = ({
-  backButton: e,
+import { DialogActions as b } from "./DialogActions.js";
+import { DialogHistory as k } from "./DialogHistory.js";
+import { DialogNav as q } from "./DialogNav.js";
+const Y = ({
+  backButton: a,
   menu: f,
   updatedAt: g,
   updatedAtLabel: D,
-  dueAt: d,
-  dueAtLabel: h,
-  status: A,
-  title: n,
-  sender: s,
-  recipient: u,
-  summary: x = "Summary.",
-  body: c,
-  actions: m = [],
-  attachments: t,
-  history: l,
-  seenBy: o,
-  activityLog: p,
-  additionalInfo: a
-}) => /* @__PURE__ */ i(B, { children: [
-  /* @__PURE__ */ r(k, { status: A, dueAt: d, dueAtLabel: h, backButton: e, menu: f }),
-  /* @__PURE__ */ i(H, { children: [
-    /* @__PURE__ */ r(
-      M,
-      {
-        title: n,
-        sender: s,
-        recipient: u,
-        seen: (o == null ? void 0 : o.seenByEndUser) ?? !1,
-        variant: "neutral"
-      }
-    ),
-    /* @__PURE__ */ i(C, { children: [
-      /* @__PURE__ */ r(E, { updatedAt: g, updatedAtLabel: D, summary: x, body: c }),
-      t && /* @__PURE__ */ r(S, { ...t }),
-      (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ r(U, { items: m }),
-      /* @__PURE__ */ i(j, { children: [
-        o && /* @__PURE__ */ r(N, { ...o }),
-        p && /* @__PURE__ */ r(v, { ...p })
+  dueAt: n,
+  dueAtLabel: s,
+  status: B,
+  title: d,
+  sender: h,
+  recipient: A,
+  summary: u = "Summary.",
+  body: x,
+  actions: r = [],
+  attachments: i,
+  history: t,
+  seenBy: e,
+  activityLog: l,
+  additionalInfo: p
+}) => /* @__PURE__ */ m(H, { children: [
+  /* @__PURE__ */ o(q, { status: B, dueAt: n, dueAtLabel: s, backButton: a, menu: f }),
+  /* @__PURE__ */ m(v, { children: [
+    /* @__PURE__ */ o(M, { title: d, sender: h, recipient: A, seen: !1, variant: "neutral" }),
+    /* @__PURE__ */ m(S, { children: [
+      /* @__PURE__ */ o(C, { updatedAt: g, updatedAtLabel: D, summary: u, body: x }),
+      i && /* @__PURE__ */ o(y, { ...i }),
+      (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ o(b, { items: r }),
+      /* @__PURE__ */ m(c, { children: [
+        e && /* @__PURE__ */ o(N, { ...e }),
+        l && /* @__PURE__ */ o(j, { ...l })
       ] })
     ] }),
-    a && /* @__PURE__ */ r(F, { additionalInfo: a }),
-    l && /* @__PURE__ */ r(b, { ...l })
+    p && /* @__PURE__ */ o(F, { additionalInfo: p }),
+    t && /* @__PURE__ */ o(k, { ...t })
   ] })
 ] });
 export {
-  Z as Dialog
+  Y as Dialog
 };

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

@@ -1,43 +1,80 @@
-import { Dialog as e } from "./Dialog.js";
-const n = {
+import { jsxs as t, Fragment as r, jsx as e } from "react/jsx-runtime";
+import { Dialog as a } from "./Dialog.js";
+const d = {
   title: "Dialog/Dialog",
-  component: e,
+  component: a,
   tags: ["autodocs"],
   parameters: {},
   argTypes: { body: { control: "text" } },
   args: {
+    seenBy: {
+      as: "a",
+      href: "#",
+      label: "Sett av deg + 2",
+      seenByEndUser: !0,
+      seenByOthersCount: 24
+    },
+    activityLog: {
+      as: "a",
+      href: "#",
+      label: "Aktivitetslogg"
+    },
     menu: {
       id: "context-menu",
       items: [
         {
-          label: "Fjern",
-          id: "remove"
+          groupId: "1",
+          id: "1",
+          icon: "arrow-redo",
+          title: "Del og gi tilgang"
+        },
+        {
+          groupId: "1",
+          id: "2",
+          icon: "eye",
+          title: "Marker som lest"
+        },
+        {
+          groupId: "2",
+          id: "3",
+          icon: "archive",
+          title: "Flytt til arkiv"
+        },
+        {
+          groupId: "2",
+          id: "4",
+          icon: "trash",
+          title: "Flytt til papirkurv"
+        },
+        {
+          groupId: "3",
+          id: "4",
+          icon: "clock-dashed",
+          title: "Aktivitetslogg"
         }
       ]
     },
-    updatedAt: "1999-05-26",
-    updatedAtLabel: "26. mai 1999",
+    updatedAt: "2024-11-25 15:30",
+    updatedAtLabel: "25. november 1999 kl 15.30",
     title: "Title",
     summary: "Summary"
   }
-}, i = {
+}, o = {
   args: {
-    body: `## Body
-
-Body will be loaded async.
-
-### Syntax
-
-body supporters basic headings from h2 -> h4 + lists.
-
-- List 1
-- List 2
-- List 3
-`
+    body: /* @__PURE__ */ t(r, { children: [
+      /* @__PURE__ */ e("h2", { children: "Heading 2" }),
+      /* @__PURE__ */ e("p", { children: "Body can be displayed using HTML." }),
+      /* @__PURE__ */ t("ul", { children: [
+        /* @__PURE__ */ e("li", { children: "List item 1" }),
+        /* @__PURE__ */ e("li", { children: "List item 2" }),
+        /* @__PURE__ */ e("li", { children: "List item 3" })
+      ] })
+    ] })
   }
-}, s = {
+}, m = {
   args: {
     attachments: {
+      title: "2 vedlegg",
       items: [
         {
           label: "Dokument 1.pdf",
@@ -50,36 +87,24 @@ body supporters basic headings from h2 -> h4 + lists.
       ]
     }
   }
-}, t = {
+}, p = {
   args: {
-    action: [
+    actions: [
       {
+        id: "1",
+        priority: "primary",
         label: "Primary"
       },
       {
+        id: "2",
+        priority: "secondary",
         label: "Secondary"
       }
     ]
   }
-}, o = {
-  args: {
-    ...t.args,
-    seenBy: {
-      as: "a",
-      href: "#",
-      label: "Sett av deg + 24",
-      seenByEndUser: !0,
-      seenByOthersCount: 24
-    },
-    activityLog: {
-      as: "a",
-      href: "#",
-      label: "Aktivitetslogg"
-    }
-  }
-}, l = {
+}, i = {
   args: {
-    status: { value: "requires-attention" },
+    status: { label: "Krever handling", value: "requires-attention" },
     sender: {
       name: "Statistisk sentralbyrå",
       imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png"
@@ -88,14 +113,22 @@ body supporters basic headings from h2 -> h4 + lists.
       name: "Bergen Bar"
     },
     title: "Rapportering av bedriftsdata",
-    summary: "Du må levere bedriftsdata innen 31. oktober.",
-    additionalInfo: "Din bedrift er pålagt å rapportere inn bedriftsdata innen **31. oktober**. Vi bruker svarene dine kun til å utarbeide statistikk, og enkeltsvar vil aldri bli offentliggjort. Du kan når som helst kontakte oss og kreve av opplysningene om deg blir slettet.",
-    action: [
+    summary: "Du må levere bedriftsdata innen 1. januar.",
+    additionalInfo: /* @__PURE__ */ t("p", { children: [
+      "Din bedrift er en av 8.000 virksomheter som har opplysningsplikt i 2024. Statistikken er viktig for samfunnet og det er ikke valgfritt å delta. Hvis dere ikke sender opplysningene innen fristen, vil foretaket kunne få tvangsmulkt. ",
+      /* @__PURE__ */ e("a", { href: "https://www.ssb.no/innrapportering/ledige-stillinger", children: "Les mer på SSB.no" })
+    ] }),
+    actions: [
       {
+        id: "1",
+        priority: "primary",
         label: "Rapporter bedriftsdata"
       }
     ],
+    dueAt: "2025-01-01",
+    dueAtLabel: "Frist: 1. januar 2025",
     attachments: {
+      title: "1 vedlegg",
       items: [
         {
           label: "Vedtak om innlevering av bedriftsdata.pdf",
@@ -104,118 +137,70 @@ body supporters basic headings from h2 -> h4 + lists.
       ]
     }
   }
-}, d = {
-  args: {
-    status: { value: "requires-attention" },
-    sender: {
-      name: "Statistisk sentralbyrå",
-      imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png"
-    },
-    recipient: {
-      name: "Bergen Bar"
-    },
-    title: "Rapportering av bedriftsdata",
-    summary: "Innrapporteringen inneholder feil. Se over og lever på nytt.",
-    additionalInfo: "Din bedrift er pålagt å rapportere inn bedriftsdata innen **31. oktober**. Vi bruker svarene dine kun til å utarbeide statistikk, og enkeltsvar vil aldri bli offentliggjort. Du kan når som helst kontakte oss og kreve av opplysningene om deg blir slettet.",
-    action: [
-      {
-        label: "Rapporter bedriftsdata"
-      }
-    ],
-    attachments: {
-      items: [
-        {
-          label: "Feilliste.pdf"
-        }
-      ]
-    },
-    history: [
-      {
-        createdAt: "2004-01-01 13:34",
-        createdBy: {
-          name: "Eirik Horneland"
-        },
-        summary: "Rapportering ble sendt inn.",
-        attachments: [
-          {
-            label: "Kvittering.pdf"
-          }
-        ]
-      },
-      {
-        createdAt: "2004-01-01 13:34",
-        createdBy: {
-          imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png",
-          name: "Statistisk sentralbyrå"
-        },
-        summary: "Du må levere bedriftsdata innen 31. oktober.",
-        attachments: [
-          {
-            label: "Vedtak om innlevering av bedriftsdata.pdf"
-          }
-        ]
-      }
-    ],
-    contactInfo: `Kontakt oss på svar@ssb.no eller ring 62 88 56 08.
-
-Svartjenesten er åpen alle hverdager fra kl. 9-21 og lørdager fra kl. 10-16.`
-  }
-}, m = {
+}, g = {
   args: {
-    status: { value: "requires-attention" },
-    sender: {
-      name: "Statistisk sentralbyrå",
-      imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png"
-    },
-    recipient: {
-      name: "Bergen Bar"
-    },
-    title: "Registrere enkeltmannsforetak",
-    summary: "Skjema er klar til signering.",
-    additionalInfo: "Din bedrift er pålagt å rapportere inn bedriftsdata innen **31. oktober**. Vi bruker svarene dine kun til å utarbeide statistikk, og enkeltsvar vil aldri bli offentliggjort. Du kan når som helst kontakte oss og kreve av opplysningene om deg blir slettet.",
-    action: [
-      {
-        label: "Gå til signering"
-      }
-    ],
+    ...i.args,
+    status: { value: "in-progress", label: "Under arbeid" },
+    dueAt: null,
+    dueAtLabel: null,
+    updatedAtLabel: "27. november 2024 kl 10.30",
+    summary: "Saken er sendt til manuell behandling. Forventet behandlingstid: 2 uker.",
+    body: /* @__PURE__ */ t(r, { children: [
+      /* @__PURE__ */ e("h2", { children: "Hva skjer nå?" }),
+      /* @__PURE__ */ e("p", { children: "Saken din har fått saksbehandler og blir behandlet manuelt." }),
+      /* @__PURE__ */ t("ul", { children: [
+        /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ e("strong", { children: "Din saksbehandler:" }),
+          " Siri Saksbehander"
+        ] }),
+        /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ e("strong", { children: "Ditt saksnummer:" }),
+          " XRT0987"
+        ] })
+      ] }),
+      /* @__PURE__ */ e("p", { children: "Oppgi saksnummer ved kontakt." })
+    ] }),
+    actions: null,
     attachments: {},
+    additionalInfo: /* @__PURE__ */ t("p", { children: [
+      "Din bedrift er en av 8.000 virksomheter som har opplysningsplikt i 2024. Statistikken er viktig for samfunnet og det er ikke valgfritt å delta. Hvis dere ikke sender opplysningene innen fristen, vil foretaket kunne få tvangsmulkt. ",
+      /* @__PURE__ */ e("a", { href: "https://www.ssb.no/innrapportering/ledige-stillinger", children: "Les mer på SSB.no" })
+    ] }),
     history: {
+      title: "Hva har skjedd?",
       items: [
         {
-          updatedAt: "2004-01-01 13:34",
-          updatedBy: {
-            name: "Eirik Horneland"
+          createdBy: {
+            type: "person",
+            name: "Ola Nordmann"
           },
-          summary: "Rapportering ble sendt inn.",
-          attachments: [
-            {
-              label: "Kvittering.pdf"
-            }
-          ]
+          createdAtLabel: "27. november 2024 kl 10.24",
+          summary: "Bedriftsdata ble levert."
         },
         {
-          updatedAt: "2004-01-01 13:34",
-          updatedBy: {
-            imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png",
-            name: "Statistisk sentralbyrå"
+          createdBy: {
+            type: "company",
+            name: "Statistisk sentralbyrå",
+            imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png"
           },
-          summary: "Du må levere bedriftsdata innen 31. oktober.",
-          attachments: [
-            {
-              label: "Vedtak om innlevering av bedriftsdata.pdf"
-            }
-          ]
+          createdAtLabel: "24. november 2024 kl 15.30",
+          summary: "Du må levere bedriftsdata innen 1. januar.",
+          attachments: {
+            title: "1 vedlegg",
+            items: [
+              {
+                label: "Vedtak om innlevering av bedriftsdata.pdf",
+                href: ""
+              }
+            ]
+          }
         }
       ]
-    },
-    contact: {
-      title: "Ta kontakt",
-      body: "Ta kontakt for mer informasjon på telefon 99 00 00 00."
     }
   }
-}, a = {
+}, n = {
   args: {
-    status: { value: "draft" },
+    status: { value: "draft", label: "Utkast" },
     sender: {
       name: "Statistisk sentralbyrå",
       imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png"
@@ -225,71 +210,44 @@ Svartjenesten er åpen alle hverdager fra kl. 9-21 og lørdager fra kl. 10-16.`
     },
     title: "Registrere enkeltmannsforetak",
     summary: "Skjema er opprettet.",
-    action: [
+    actions: [
       {
+        id: "1",
+        priority: "primary",
         label: "Gå til skjema"
       },
       {
+        id: "2",
+        priority: "secondary",
         label: "Forkast"
       }
     ],
-    attachments: {},
-    additionalInfo: "Enkeltpersonforetak må registreres i Enhetsregisteret for å få et organisasjonsnummer. Enkelte må også registreres i Foretaksregisteret."
+    attachments: {}
   }
-}, p = {
+}, c = {
   args: {
-    ...a.args,
-    status: { value: "requires-attention" },
-    summary: "Skjema er klar til signering.",
-    action: [
-      {
-        label: "Til signering"
-      },
-      {
-        label: "Avslå signering"
-      }
-    ],
-    history: {
+    ...n.args,
+    status: { value: "sent", label: "Sendt" },
+    actions: null,
+    summary: "Skjema er sendt inn.",
+    attachments: {
+      title: "1 vedlegg",
       items: [
         {
-          createdAt: "2004-01-01 13:34",
-          createdBy: {
-            type: "person",
-            name: "Eirik Horneland"
-          },
-          summary: "Rapportering ble sendt inn.",
-          attachments: [
-            {
-              label: "Kvittering.pdf"
-            }
-          ]
-        },
-        {
-          createdAt: "2004-01-01 13:34",
-          createdBy: {
-            imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png",
-            name: "Statistisk sentralbyrå"
-          },
-          summary: "Du må levere bedriftsdata innen 31. oktober.",
-          attachments: [
-            {
-              label: "Vedtak om innlevering av bedriftsdata.pdf"
-            }
-          ]
+          href: "#",
+          label: "Kvittering på innsendt skjema.pdf"
         }
       ]
     }
   }
 };
 export {
-  t as Action,
-  s as Attachments,
-  i as Body,
-  a as BrregDraft,
-  p as BrregSign,
-  l as Example,
-  d as HistoryContact,
-  o as SeenBy,
-  m as Signering,
-  n as default
+  p as Actions,
+  m as Attachments,
+  o as Body,
+  n as Draft,
+  g as InProgress,
+  i as RequiresAttention,
+  c as Sent,
+  d as default
 };

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

@@ -1,4 +1,5 @@
+import { ReactNode } from 'react';
 export interface DialogFooterProps {
-    additionalInfo?: string;
+    additionalInfo?: ReactNode;
 }
 export declare const DialogFooter: ({ additionalInfo }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,14 @@
-import { jsx as s, jsxs as n } from "react/jsx-runtime";
-import { useState as f, Fragment as o } from "react";
-import { DialogListItem as l } from "./DialogListItem.js";
-import { DialogStatusEnum as b } from "./DialogStatus.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Fragment as u, useState as y } from "react";
+import { DialogListItem as r } from "./DialogListItem.js";
+import { DialogStatusEnum as g } from "./DialogStatus.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { MetaItem as u } from "../Meta/MetaItem.js";
+import { MetaItem as i } from "../Meta/MetaItem.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as d } from "../List/ListBase.js";
-const y = (r) => {
-  switch (r) {
+import { ListBase as s } from "../List/ListBase.js";
+const f = (t) => {
+  switch (t) {
     case "draft":
       return "Utkast";
     case "sent":
@@ -22,16 +22,18 @@ const y = (r) => {
     default:
       return "";
   }
-}, i = ["lg", "md", "sm", "xs"];
-var g;
-const c = (g = Object.keys(b)) == null ? void 0 : g.map((r) => ({
-  value: r,
-  label: y(r)
-})), T = {
+}, d = ["lg", "md", "sm", "xs"];
+var p;
+const o = (p = Object.keys(g)) == null ? void 0 : p.map((t) => ({
+  value: t,
+  label: f(t)
+})), I = {
   title: "Dialog/DialogListItem",
-  component: l,
+  component: r,
   tags: ["autodocs"],
-  parameters: {},
+  parameters: {
+    theme: "company"
+  },
   argTypes: {},
   args: {
     title: "Title",
@@ -44,87 +46,74 @@ const c = (g = Object.keys(b)) == null ? void 0 : g.map((r) => ({
       type: "person",
       name: "Recipient name"
     },
-    status: {
-      value: "completed"
-    }
-  }
-}, j = {
-  args: {
-    select: {
-      checked: !1
-    }
+    updatedAt: "2024-11-25 15:30",
+    updatedAtLabel: "25. november 2024 kl 15.30",
+    status: {}
   }
-}, q = {
-  args: {
-    selected: !0,
-    select: {
-      checked: !0
-    }
-  }
-}, x = {
-  args: {
-    seenByEndUser: !0
-  }
-}, A = {
-  args: {
-    touchedBy: [
-      {
-        name: "Lars"
-      },
-      {
-        name: "Trine"
-      }
-    ]
-  }
-}, E = {
-  args: {
-    status: {
-      value: "draft"
+}, O = (t) => /* @__PURE__ */ e(s, { children: o == null ? void 0 : o.map((a) => /* @__PURE__ */ l(u, { children: [
+  /* @__PURE__ */ e(r, { ...t, status: a }),
+  /* @__PURE__ */ e(i, { children: a == null ? void 0 : a.value })
+] }, a == null ? void 0 : a.value)) }), j = (t) => /* @__PURE__ */ l(s, { children: [
+  /* @__PURE__ */ e(
+    r,
+    {
+      ...t,
+      status: { label: "Krever handling", value: "requires-attention" },
+      dueAt: "2025-01-01",
+      dueAtLabel: "Frist: 1. januar 2025"
     }
-  }
-}, M = {
-  args: {
-    status: {
-      value: "sent"
+  ),
+  /* @__PURE__ */ e(i, { children: "Dialog requires action wihtin a spesific due date." })
+] }), x = (t) => /* @__PURE__ */ l(s, { children: [
+  /* @__PURE__ */ e(r, { ...t, attachmentsCount: 2 }),
+  /* @__PURE__ */ e(i, { children: "Dialog has attachments." })
+] }), K = (t) => /* @__PURE__ */ l(s, { children: [
+  /* @__PURE__ */ e(r, { ...t, seen: !0, seenBy: { seenByEndUser: !0, label: "Sett av deg" } }),
+  /* @__PURE__ */ e(i, { children: "Seen by end user. Dialog is marked as seen." }),
+  /* @__PURE__ */ e(r, { ...t, seenBy: { seenByOthersCount: 4, label: "Sett av 4" } }),
+  /* @__PURE__ */ e(i, { children: "Seen by others. Dialog is not marked as seen." }),
+  /* @__PURE__ */ e(
+    r,
+    {
+      ...t,
+      seen: !0,
+      seenBy: { seenByOthersCount: 4, seenByEndUser: !0, label: "Sett av deg + 4" }
     }
-  }
-}, U = {
-  args: {
-    status: {
-      value: "requires-attention"
+  ),
+  /* @__PURE__ */ e(i, { children: "Seen by end user and others. Dialog is marked as seen." })
+] }), q = (t) => /* @__PURE__ */ l(s, { children: [
+  /* @__PURE__ */ e(r, { ...t, touchedBy: [{ name: "Kari Nordmann" }] }),
+  /* @__PURE__ */ e(i, { children: "Dialog has been touched by a single actor." }),
+  /* @__PURE__ */ e(r, { ...t, touchedBy: [{ name: "Kari Nordmann" }, { name: "Ola Nordmann" }] }),
+  /* @__PURE__ */ e(i, { children: "Dialog has been touched by two actors." }),
+  /* @__PURE__ */ e(
+    r,
+    {
+      ...t,
+      touchedBy: [{ name: "Kari Nordmann" }, { name: "Ola Nordmann" }, { name: "Per Nordmann" }]
     }
-  }
-}, w = {
-  args: {
-    status: {
-      value: "in-progress"
+  ),
+  /* @__PURE__ */ e(i, { children: "Dialog has been touched by a multiple actors." })
+] }), E = (t) => /* @__PURE__ */ l(s, { children: [
+  /* @__PURE__ */ e(
+    r,
+    {
+      ...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."
     }
-  }
-}, O = {
-  args: {
-    status: {
-      value: "completed"
+  ),
+  /* @__PURE__ */ e(i, { children: "Long title" }),
+  /* @__PURE__ */ e(
+    r,
+    {
+      ...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."
     }
-  }
-}, P = {
-  args: {
-    grouped: !0
-  }
-}, R = {
-  args: {
-    title: "Long summary",
-    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.
-
-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.`
-  }
-}, F = {
-  args: {
-    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.",
-    summary: "Short summary."
-  }
-}, G = (r) => {
-  var p;
-  const [t, h] = f({
+  ),
+  /* @__PURE__ */ e(i, { children: "Long summary" })
+] }), M = (t) => {
+  var h;
+  const [a, b] = y({
     1: {
       id: "1",
       title: "Item 1",
@@ -140,53 +129,43 @@ Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, co
       title: "Item 2",
       selected: !1
     }
-  }), m = ({ id: e }) => {
-    h((a) => ({
-      ...a,
-      [e]: {
-        ...a[e],
-        selected: !a[e].selected
+  }), m = ({ id: n }) => {
+    b((c) => ({
+      ...c,
+      [n]: {
+        ...c[n],
+        selected: !c[n].selected
       }
     }));
   };
-  return /* @__PURE__ */ s(d, { children: (p = Object.values(t)) == null ? void 0 : p.map((e) => /* @__PURE__ */ n(o, { children: [
-    /* @__PURE__ */ s(
-      l,
+  return /* @__PURE__ */ e(s, { children: (h = Object.values(a)) == null ? void 0 : h.map((n) => /* @__PURE__ */ l(u, { children: [
+    /* @__PURE__ */ e(
+      r,
       {
-        ...r,
-        title: e.title,
-        onClick: e.selected ? () => m(e) : null,
-        selected: e.selected,
-        select: { checked: e == null ? void 0 : e.selected, onChange: () => m(e) }
+        ...t,
+        title: n.title,
+        onClick: n.selected ? () => m(n) : null,
+        selected: n.selected,
+        select: { checked: n == null ? void 0 : n.selected, onChange: () => m(n) }
       }
     ),
-    /* @__PURE__ */ n(u, { children: [
+    /* @__PURE__ */ l(i, { children: [
       "selected:",
-      e.selected ? "true" : "false"
+      n.selected ? "true" : "false"
     ] })
-  ] }, e == null ? void 0 : e.id)) });
-}, K = (r) => /* @__PURE__ */ s(d, { children: c == null ? void 0 : c.map((t) => /* @__PURE__ */ n(o, { children: [
-  /* @__PURE__ */ s(l, { ...r, status: t }),
-  /* @__PURE__ */ s(u, { children: t == null ? void 0 : t.value })
-] }, t == null ? void 0 : t.value)) }), V = (r) => /* @__PURE__ */ s(d, { children: i == null ? void 0 : i.map((t) => /* @__PURE__ */ n(o, { children: [
-  /* @__PURE__ */ s(l, { ...r, size: t }),
-  /* @__PURE__ */ s(u, { children: t })
-] }, t)) });
+  ] }, n == null ? void 0 : n.id)) });
+}, T = (t) => /* @__PURE__ */ e(s, { children: d == null ? void 0 : d.map((a) => /* @__PURE__ */ l(u, { children: [
+  /* @__PURE__ */ e(r, { ...t, size: a }),
+  /* @__PURE__ */ e(i, { children: a })
+] }, a)) });
 export {
-  O as Completed,
-  E as Draft,
-  P as GroupedView,
-  w as InProgress,
-  R as LongSummary,
-  F as LongTitle,
-  U as RequiresAttention,
-  G as SelectableSelected,
-  M as Sent,
-  V as Sizes,
-  K as Statuses,
-  A as TouchedBy,
-  T as default,
-  x as seenByEndUser,
-  j as selectable,
-  q as selected
+  x as Attachments,
+  j as DueAt,
+  K as SeenBy,
+  M as Selectable,
+  T as Sizes,
+  O as Statuses,
+  E as TextLength,
+  q as TouchedBy,
+  I as default
 };

package/dist/components/Dialog/DialogListItemBase.js

@@ -1,10 +1,10 @@
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
 import { DialogSelect as _ } from "./DialogSelect.js";
-import '../../assets/DialogListItemBase.css';const d = "_item_1ate4_1", k = "_link_1ate4_13", p = "_select_1ate4_23", t = {
+import '../../assets/DialogListItemBase.css';const d = "_item_1uvy5_1", u = "_link_1uvy5_13", k = "_select_1uvy5_46", t = {
   item: d,
-  link: k,
-  select: p
-}, b = ({
+  link: u,
+  select: k
+}, y = ({
   as: i = "a",
   size: e,
   href: l,
@@ -20,5 +20,5 @@ import '../../assets/DialogListItemBase.css';const d = "_item_1ate4_1", k = "_li
   ] });
 };
 export {
-  b as DialogListItemBase
+  y as DialogListItemBase
 };

package/dist/components/Dialog/DialogNav.js

@@ -1,34 +1,34 @@
 "use client";
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Button as l } from "../Button/Button.js";
-import { ContextMenu as c } from "../ContextMenu/ContextMenu.js";
+import { Button as c } from "../Button/Button.js";
+import { ContextMenu as l } from "../ContextMenu/ContextMenu.js";
 import { MetaTimestamp as p } from "../Meta/MetaTimestamp.js";
 import { DialogStatus as v } from "./DialogStatus.js";
-import { DialogTouchedBy as f } from "./DialogTouchedBy.js";
-import '../../assets/DialogNav.css';const x = "_nav_678a5_1", _ = "_action_678a5_8", m = {
-  nav: x,
-  action: _
-}, T = ({
-  backButton: o = {
+import { DialogTouchedBy as d } from "./DialogTouchedBy.js";
+import '../../assets/DialogNav.css';const f = "_nav_678a5_1", x = "_action_678a5_8", m = {
+  nav: f,
+  action: x
+}, M = ({
+  backButton: r = {
     as: "a",
     label: "Back"
   },
-  status: a,
-  dueAt: i,
+  status: i,
+  dueAt: a,
   dueAtLabel: e,
-  touchedBy: t,
+  touchedBy: s,
   menu: n
-}) => /* @__PURE__ */ s("nav", { className: m.nav, children: [
-  /* @__PURE__ */ r(l, { ...o, variant: "text", color: "secondary", icon: "arrow-left", reverse: !0, children: (o == null ? void 0 : o.label) || "Back" }),
-  /* @__PURE__ */ s("div", { className: m.action, children: [
-    i && e && /* @__PURE__ */ r(p, { datetime: i, size: "xs", children: e }),
-    a && /* @__PURE__ */ r(v, { ...a }),
-    t && /* @__PURE__ */ r(f, { touchedBy: t }),
-    n && /* @__PURE__ */ r(c, { ...n })
+}) => /* @__PURE__ */ t("nav", { className: m.nav, children: [
+  /* @__PURE__ */ o(c, { ...r, variant: "text", color: "secondary", icon: "arrow-left", reverse: !0, children: (r == null ? void 0 : r.label) || "Back" }),
+  /* @__PURE__ */ t("div", { className: m.action, children: [
+    a && e && /* @__PURE__ */ o(p, { datetime: a, icon: "clock-dashed", size: "xs", children: e }),
+    i && /* @__PURE__ */ o(v, { ...i }),
+    s && /* @__PURE__ */ o(d, { touchedBy: s }),
+    n && /* @__PURE__ */ o(l, { ...n, size: "md" })
   ] })
 ] });
 export {
-  T as DialogNav
+  M as DialogNav
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [