@altinn/altinn-components 0.6.8 → 0.6.10

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/dist/components/Footer/FooterBase.js

@@ -1,12 +1,12 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
-import '../../assets/FooterBase.css';const i = "_footer_z2xgm_1", m = "_grid_z2xgm_13", o = {
-  footer: i,
-  grid: m
-}, n = ({ className: r, children: s }) => /* @__PURE__ */ t("footer", { className: c(o.footer, r), children: /* @__PURE__ */ e("div", { className: o.grid, children: [
+import '../../assets/FooterBase.css';const d = "_footer_1d8fg_1", f = "_grid_1d8fg_14", o = {
+  footer: d,
+  grid: f
+}, a = ({ className: r, children: s }) => /* @__PURE__ */ t("footer", { className: c(o.footer, r), children: /* @__PURE__ */ e("div", { className: o.grid, children: [
   s,
   " "
 ] }) });
 export {
-  n as FooterBase
+  a as FooterBase
 };

package/dist/components/Footer/FooterMenu.js

@@ -1,16 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import { MenuBase as m } from "../Menu/MenuBase.js";
-import '../../assets/FooterMenu.css';const l = "_menu_3o631_1", c = "_list_3o631_7", _ = "_item_3o631_28", a = "_link_3o631_32", i = {
-  menu: l,
-  list: c,
-  item: _,
-  link: a
-}, p = ({ as: t, className: e, title: o, ...r }) => /* @__PURE__ */ n(t || "a", { className: s(i.link, e), ...r, children: o }), C = ({ className: t, items: e = [] }) => /* @__PURE__ */ n(m, { className: s(i.menu, t), children: /* @__PURE__ */ n("ul", { className: i.list, children: e.map((o) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(p, { ...o }) }, o.id)) }) });
+import { c as i } from "../../index-L8X2o7IH.js";
+import '../../assets/FooterMenu.css';const c = "_menu_3o631_1", r = "_list_3o631_7", m = "_item_3o631_28", _ = "_link_3o631_32", s = {
+  menu: c,
+  list: r,
+  item: m,
+  link: _
+}, a = ({ as: t, className: e, title: o, ...l }) => /* @__PURE__ */ n(t || "a", { className: i(s.link, e), ...l, children: o }), k = ({ className: t, items: e = [] }) => /* @__PURE__ */ n("nav", { className: i(s.menu, t), children: /* @__PURE__ */ n("ul", { className: s.list, children: e.map((o) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(a, { ...o }) }, o.id)) }) });
 export {
-  p as FooterLink,
-  C as FooterMenu
+  a as FooterLink,
+  k as FooterMenu
 };

package/dist/components/GlobalMenu/AccountMenu.js

@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { Menu as b } from "../Menu/Menu.js";
-const v = (r) => `${r} hits`, R = ({
+const v = (r) => `${r} hits`, k = ({
   accounts: r = [],
   accountGroups: f = {},
   accountSearch: s,
@@ -29,11 +29,11 @@ const v = (r) => `${r} hits`, R = ({
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : p, h = i ? {
+  })) : p, I = i ? {
     search: {
       title: ((m = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : m.call(s, l.length)) ?? v(l.length)
     }
-  } : f, I = {
+  } : f, h = {
     name: "account-search",
     value: i,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
@@ -41,8 +41,16 @@ const v = (r) => `${r} hits`, R = ({
   }, C = [
     ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ L(b, { theme: "global", search: I, groups: h, items: C });
+  return /* @__PURE__ */ L(
+    b,
+    {
+      theme: "global",
+      search: s && h,
+      groups: I,
+      items: C
+    }
+  );
 };
 export {
-  R as AccountMenu
+  k as AccountMenu
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,58 +1,64 @@
 "use client";
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { useState as k } from "react";
+import { jsxs as n, jsx as o, Fragment as x } from "react/jsx-runtime";
+import { useState as G } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { AccountMenu as B } from "./AccountMenu.js";
-import { Menu as p } from "../Menu/Menu.js";
-import { AccountButton as x } from "./AccountButton.js";
-import { BackButton as G } from "./BackButton.js";
-import { GlobalMenuBase as i, GlobalMenuHeader as C, GlobalMenuFooter as j } from "./GlobalMenuBase.js";
-import { LogoutButton as A } from "./LogoutButton.js";
-const I = ({
-  accounts: l = [],
-  accountGroups: s = {},
-  accountSearch: f,
-  items: m = [],
+import { AccountMenu as v } from "./AccountMenu.js";
+import { MenuListItem as l } from "../Menu/MenuBase.js";
+import { Menu as d } from "../Menu/Menu.js";
+import { AccountButton as C } from "./AccountButton.js";
+import { BackButton as j } from "./BackButton.js";
+import { GlobalMenuBase as m, GlobalMenuHeader as f, GlobalMenuFooter as A } from "./GlobalMenuBase.js";
+import { LogoutButton as F } from "./LogoutButton.js";
+const N = ({
+  accounts: a = [],
+  accountGroups: h = {},
+  accountSearch: s,
+  items: p = [],
   groups: c,
-  changeLabel: h = "Change",
-  backLabel: d = "Back",
-  currentAccount: t,
+  changeLabel: M = "Change",
+  backLabel: g = "Back",
+  currentAccount: r,
   onSelectAccount: e,
-  logoutButton: a
+  logoutButton: u
 }) => {
-  const [M, b] = k(!1), r = () => {
-    b((n) => !n);
-  }, g = (n) => {
-    r(), e == null || e(n);
+  const [b, k] = G(!1), t = () => {
+    k((i) => !i);
+  }, B = (i) => {
+    t(), e == null || e(i);
   };
-  return M ? /* @__PURE__ */ u(i, { children: [
-    /* @__PURE__ */ o(G, { onClick: r, label: d }),
+  return b ? /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(j, { onClick: t, label: g }) }),
+    !s && /* @__PURE__ */ o(l, { as: "div", role: "separator" }),
     /* @__PURE__ */ o(
-      B,
+      v,
       {
-        currentAccount: t,
-        accounts: l,
-        accountGroups: s,
-        accountSearch: f,
-        onSelectAccount: g
+        currentAccount: r,
+        accounts: a,
+        accountGroups: h,
+        accountSearch: s,
+        onSelectAccount: B
       }
     )
-  ] }) : t ? /* @__PURE__ */ u(i, { children: [
-    /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
-      x,
+  ] }) : r ? /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(
+      C,
       {
-        account: t,
-        linkText: h,
-        multipleAccounts: l.length > 1,
-        onClick: r
+        account: r,
+        linkText: M,
+        multipleAccounts: a.length > 1,
+        onClick: t
       }
     ) }),
-    /* @__PURE__ */ o(p, { groups: c, items: m }),
-    a && /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(A, { ...a }) })
-  ] }) : /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(p, { groups: c, items: m }) });
+    /* @__PURE__ */ o(l, { as: "div", role: "separator" }),
+    /* @__PURE__ */ o(d, { groups: c, items: p }),
+    u && /* @__PURE__ */ n(x, { children: [
+      /* @__PURE__ */ o(l, { as: "div", role: "separator" }),
+      /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(F, { ...u }) })
+    ] })
+  ] }) : /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(d, { groups: c, items: p }) });
 };
 export {
-  I as GlobalMenu
+  N as GlobalMenu
 };

package/dist/components/GlobalMenu/GlobalMenu.stories.js

@@ -1,7 +1,7 @@
-import { GlobalMenu as r } from "./GlobalMenu.js";
-const t = {
+import { GlobalMenu as t } from "./GlobalMenu.js";
+const r = {
   title: "GlobalMenu/GlobalMenu",
-  component: r,
+  component: t,
   tags: ["autodocs"],
   parameters: {},
   args: {
@@ -14,10 +14,14 @@ const t = {
       }
     },
     currentAccount: {
+      id: "party:mathias",
       type: "person",
       name: "Mathias Dyngeland",
       description: "Fødselsnr. 07101995 XXXXXX"
     },
+    logoutButton: {
+      label: "Logg ut"
+    },
     accounts: [
       {
         id: "party:mathias",
@@ -148,6 +152,12 @@ const t = {
     }
   }
 }, l = {
+  args: {
+    accountSearch: {
+      placeholder: "Finn konto"
+    }
+  }
+}, s = {
   args: {
     logoutLabel: "Logg ut",
     menuLabel: "Meny",
@@ -161,9 +171,10 @@ const t = {
   }
 };
 export {
+  l as AccountSearch,
   i as Company,
-  l as CustomLabels,
+  s as CustomLabels,
   o as Default,
   n as Login,
-  t as default
+  r as default
 };

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

@@ -2,6 +2,12 @@ import { ReactNode } from 'react';
 export interface GlobalMenuBaseProps {
     children: ReactNode;
 }
+export interface GlobalMenuHeaderProps {
+    children: ReactNode;
+}
+export interface GlobalMenuFooterProps {
+    children: ReactNode;
+}
 export declare const GlobalMenuBase: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GlobalMenuHeader: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GlobalMenuFooter: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuHeader: ({ children }: GlobalMenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuFooter: ({ children }: GlobalMenuFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GlobalMenu/GlobalMenuBase.js

@@ -1,13 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/GlobalMenuBase.css';const a = "_nav_gzloq_1", n = "_header_gzloq_8", t = "_footer_gzloq_12", s = "_drawer_gzloq_20", l = "_dropdown_gzloq_26", r = {
-  nav: a,
-  header: n,
-  footer: t,
-  drawer: s,
-  dropdown: l
-}, _ = ({ children: o }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "global", children: o }), c = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), f = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
+import '../../assets/GlobalMenuBase.css';const n = "_nav_1mnmu_1", a = "_footer_1mnmu_8", t = "_drawer_1mnmu_16", s = "_dropdown_1mnmu_22", r = {
+  nav: n,
+  footer: a,
+  drawer: t,
+  dropdown: s
+}, d = ({ children: o }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "global", children: o }), l = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), _ = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
 export {
-  _ as GlobalMenuBase,
-  f as GlobalMenuFooter,
-  c as GlobalMenuHeader
+  d as GlobalMenuBase,
+  _ as GlobalMenuFooter,
+  l as GlobalMenuHeader
 };