@altinn/altinn-components 0.6.9 → 0.6.11

package/dist/assets/Footer.css

@@ -0,0 +1 @@
+._address_5rd7f_1{display:flex;flex-direction:column;column-gap:.5rem}

package/dist/assets/GlobalMenuBase.css

@@ -1 +1 @@
-._nav_gzloq_1{background-color:#fff;display:flex;flex-direction:column;padding:0 .5rem}._header_gzloq_8{border-bottom:1px solid var(--theme-border-subtle)}._footer_gzloq_12{border-top:1px solid var(--theme-border-subtle);padding:1rem .5rem;display:flex;flex-direction:column;align-items:stretch}._drawer_gzloq_20[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_gzloq_26[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_gzloq_20[aria-expanded=true]{display:none}._dropdown_gzloq_26[aria-expanded=true]{display:block;z-index:2}}
+._nav_1mnmu_1{background-color:#fff;display:flex;flex-direction:column;padding:0 .5rem}._footer_1mnmu_8{padding:1rem .5rem;display:flex;width:100%;flex-direction:column;align-items:stretch}._drawer_1mnmu_16[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_1mnmu_22[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_1mnmu_16[aria-expanded=true]{display:none}._dropdown_1mnmu_22[aria-expanded=true]{display:block;z-index:2}}

package/dist/assets/ListItemAction.css

@@ -0,0 +1 @@
+._action_1lv65_3{display:flex;align-items:center;gap:.625rem;padding:.625rem}._linkText_1lv65_10{font-size:.875rem;white-space:nowrap}._linkIcon_1lv65_15{font-size:1.5rem}

package/dist/assets/ListItemBase.css

@@ -1 +1 @@
-._item_1cdyi_3{border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;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;position:relative;width:100%;display:flex;align-items:center}._item_1cdyi_3[data-size=xs]{min-height:36px}._item_1cdyi_3[data-size=sm]{min-height:44px}._item_1cdyi_3[data-size=md]{min-height:56px}._item_1cdyi_3[data-size=lg]{min-height:64px}._item_1cdyi_3[data-size=xl]{min-height:72px}._content_1cdyi_46{flex-grow:1;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem}._action_1cdyi_56{display:flex;align-items:center;gap:.625rem;padding:.625rem}._linkIcon_1cdyi_63{font-size:1.5rem}._item_1cdyi_3{background-color:var(--theme-background-default);box-shadow:var(--ds-shadow-xs)}._item_1cdyi_3:hover{outline:2px solid var(--theme-border-strong);z-index:2}._item_1cdyi_3:hover strong{text-decoration:underline}._item_1cdyi_3[data-active=true],._item_1cdyi_3[data-color=accent]{background-color:var(--theme-surface-default)}._item_1cdyi_3[data-color=accent]:hover{background-color:var(--theme-surface-hover)}
+._item_17cbe_3{border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;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;position:relative;width:100%;display:flex;align-items:center}._item_17cbe_3[data-size=xs]{min-height:36px}._item_17cbe_3[data-size=sm]{min-height:44px}._item_17cbe_3[data-size=md]{min-height:56px}._item_17cbe_3[data-size=lg]{min-height:64px}._item_17cbe_3[data-size=xl]{min-height:72px}._content_17cbe_46{flex-grow:1;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem}._action_17cbe_56{display:flex;align-items:center;gap:.625rem;padding:.625rem}._linkText_17cbe_63{font-size:.875rem;white-space:nowrap}._linkIcon_17cbe_68{font-size:1.5rem}._item_17cbe_3{background-color:var(--theme-background-default);box-shadow:var(--ds-shadow-xs)}._item_17cbe_3:hover{outline:2px solid var(--theme-border-strong);z-index:2}._item_17cbe_3:hover strong{text-decoration:underline}._item_17cbe_3[data-active=true],._item_17cbe_3[data-color=accent]{background-color:var(--theme-surface-default)}._item_17cbe_3[data-color=accent]:hover{background-color:var(--theme-surface-hover)}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_1m3xe_1{border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;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;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0}._item_1m3xe_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1m3xe_1[data-size=sm]{min-height:44px}._content_1m3xe_35{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1m3xe_43{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1m3xe_50{font-size:.875rem;white-space:nowrap}._linkIcon_1m3xe_55{font-size:1.5rem}._item_1m3xe_1{background-color:transparent;color:var(--theme-text-default)}._item_1m3xe_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_1m3xe_1:hover,._item_1m3xe_1:active{background-color:var(--theme-surface-hover)}._media_1m3xe_75[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_1m3xe_75[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}
+._item_16huj_1{padding:0;border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;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;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0}._item_16huj_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_16huj_1[data-size=sm]{min-height:44px}._content_16huj_36{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_16huj_44{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_16huj_51{font-size:.875rem;white-space:nowrap}._linkIcon_16huj_56{font-size:1.5rem}._item_16huj_1{background-color:transparent;color:var(--theme-text-default)}._item_16huj_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_16huj_1:hover,._item_16huj_1:active{background-color:var(--theme-surface-hover)}._media_16huj_76[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_16huj_76[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_1am63_1{padding-left:6px}._input_1am63_5{position:absolute;opacity:0}._icon_1am63_10{font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_1am63_10{color:var(--theme-base-default)}._icon_1am63_10 [data-hover=true]{opacity:0}._label_1am63_1:hover [data-hover=true]{opacity:1}
+._label_dg58p_1{padding-left:6px}._input_dg58p_5{position:absolute;opacity:0}._icon_dg58p_10{flex-shrink:0;font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_dg58p_10{color:var(--theme-base-default)}._icon_dg58p_10 [data-hover=true]{opacity:0}._label_dg58p_1:hover [data-hover=true]{opacity:1}

package/dist/components/Footer/Footer.d.ts

@@ -1,6 +1,7 @@
 import { FooterMenuProps } from './FooterMenu';
 export interface FooterProps {
     address: string;
+    address2?: string;
     menu: FooterMenuProps;
 }
-export declare const Footer: ({ address, menu }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ address, address2, menu }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Footer/Footer.js

@@ -1,14 +1,19 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { FooterAddress as m } from "./FooterAddress.js";
-import { FooterBase as i } from "./FooterBase.js";
-import { FooterLogo as s } from "./FooterLogo.js";
-import { FooterMenu as p } from "./FooterMenu.js";
-const x = ({ address: t, menu: e }) => /* @__PURE__ */ o(i, { children: [
-  /* @__PURE__ */ o(m, { children: [
-    /* @__PURE__ */ r(s, {}),
-    t
+import { FooterAddress as t } from "./FooterAddress.js";
+import { FooterBase as n } from "./FooterBase.js";
+import { FooterLogo as i } from "./FooterLogo.js";
+import { FooterMenu as m } from "./FooterMenu.js";
+import '../../assets/Footer.css';const a = "_address_5rd7f_1", c = {
+  address: a
+}, x = ({ address: s, address2: e, menu: d }) => /* @__PURE__ */ o(n, { children: [
+  /* @__PURE__ */ o(t, { children: [
+    /* @__PURE__ */ r(i, {}),
+    /* @__PURE__ */ o("div", { className: c.address, children: [
+      /* @__PURE__ */ r("span", { children: s }),
+      /* @__PURE__ */ r("span", { children: e })
+    ] })
   ] }),
-  /* @__PURE__ */ r(p, { ...e })
+  /* @__PURE__ */ r(m, { ...d })
 ] });
 export {
   x as Footer

package/dist/components/Footer/Footer.stories.js

@@ -3,9 +3,12 @@ const o = {
   title: "Footer/Footer",
   component: t,
   tags: ["autodocs"],
-  parameters: {},
+  parameters: {
+    layout: "fullscreen"
+  },
   args: {
     address: "Postboks 1382 Vika, 0114 Oslo.",
+    address2: "Org.nr. 991 825 827",
     menu: {
       items: [
         {
@@ -27,8 +30,8 @@ const o = {
       ]
     }
   }
-}, i = {};
+}, r = {};
 export {
-  i as Default,
+  r as Default,
   o as default
 };

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 { AccountMenu as v } from "./AccountMenu.js";
+import { AccountButton as C } from "./AccountButton.js";
+import { BackButton as j } from "./BackButton.js";
 import { LogoutButton as A } from "./LogoutButton.js";
-const I = ({
-  accounts: l = [],
-  accountGroups: s = {},
-  accountSearch: f,
-  items: m = [],
+import { MenuListItem as l } from "../Menu/MenuBase.js";
+import { Menu as d } from "../Menu/Menu.js";
+import { GlobalMenuBase as m, GlobalMenuHeader as f, GlobalMenuFooter as F } from "./GlobalMenuBase.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(F, { children: /* @__PURE__ */ o(A, { ...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
 };

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

@@ -1,2 +1,5 @@
 export * from './AccountMenu';
 export * from './GlobalMenu';
+export * from './AccountButton';
+export * from './BackButton';
+export * from './LogoutButton';

package/dist/components/GlobalMenu/index.js

@@ -1,6 +1,12 @@
 import { AccountMenu as r } from "./AccountMenu.js";
-import { GlobalMenu as t } from "./GlobalMenu.js";
+import { GlobalMenu as e } from "./GlobalMenu.js";
+import { AccountButton as c } from "./AccountButton.js";
+import { BackButton as m } from "./BackButton.js";
+import { LogoutButton as x } from "./LogoutButton.js";
 export {
+  c as AccountButton,
   r as AccountMenu,
-  t as GlobalMenu
+  m as BackButton,
+  e as GlobalMenu,
+  x as LogoutButton
 };

package/dist/components/Layout/Layout.stories.js

@@ -1,15 +1,15 @@
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { useState as g, createElement as I } from "react";
+import { jsx as n, jsxs as u, Fragment as I } from "react/jsx-runtime";
+import { useState as g, createElement as y } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { DialogListItem as y } from "../Dialog/DialogListItem.js";
-import { ListBase as A } from "../List/ListBase.js";
+import { DialogListItem as A } from "../Dialog/DialogListItem.js";
+import { ListBase as v } from "../List/ListBase.js";
 import { Layout as k } from "./Layout.js";
-import { ActionHeader as v } from "../LayoutAction/ActionHeader.js";
-import { ActionFooter as w } from "../LayoutAction/ActionFooter.js";
-import { ActionMenu as C } from "../LayoutAction/ActionMenu.js";
-import { Snackbar as L } from "../Snackbar/Snackbar.js";
+import { ActionHeader as w } from "../LayoutAction/ActionHeader.js";
+import { ActionFooter as C } from "../LayoutAction/ActionFooter.js";
+import { ActionMenu as L } from "../LayoutAction/ActionMenu.js";
+import { Snackbar as M } from "../Snackbar/Snackbar.js";
 const m = {
   search: {
     name: "search",
@@ -29,8 +29,9 @@ const m = {
       }
     ]
   }
-}, M = {
+}, x = {
   address: "Postboks 1382 Vika, 0114 Oslo.",
+  address2: "Org.nr. 991 825 827",
   menu: {
     items: [
       {
@@ -99,7 +100,7 @@ const m = {
       title: "Papirkurv"
     }
   ]
-}, H = {
+}, Q = {
   title: "Layout/Layout",
   component: k,
   tags: ["autodocs"],
@@ -109,14 +110,14 @@ const m = {
   args: {
     theme: "person",
     header: m,
-    footer: M,
+    footer: x,
     sidebar: {
       menu: f
     }
   }
-}, Q = {
+}, U = {
   args: {}
-}, U = (a) => {
+}, V = (a) => {
   const [r, s] = g(""), h = (t) => {
     s(t.target.value);
   }, p = [
@@ -173,7 +174,7 @@ const m = {
       }
     }
   );
-}, V = (a) => {
+}, $ = (a) => {
   const [r, s] = g([]), [h, p] = g({
     1: {
       id: "1",
@@ -237,9 +238,9 @@ const m = {
       sidebar: { hidden: i, menu: f },
       content: { theme: "neutral" },
       children: [
-        /* @__PURE__ */ n(v, { title: b, hidden: !i }),
-        /* @__PURE__ */ n(A, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ I(
-          y,
+        /* @__PURE__ */ n(w, { title: b, hidden: !i }),
+        /* @__PURE__ */ n(v, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ y(
+          A,
           {
             ...e,
             key: e == null ? void 0 : e.id,
@@ -249,17 +250,17 @@ const m = {
             select: { checked: e == null ? void 0 : e.selected, onChange: () => d(e) }
           }
         )) }),
-        /* @__PURE__ */ u(w, { children: [
-          i && /* @__PURE__ */ n(C, { items: c }),
-          r.length > 0 && (r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ n(L, { ...e }, o)))
-        ] })
+        /* @__PURE__ */ n(C, { hidden: !1, children: /* @__PURE__ */ u(I, { children: [
+          i && /* @__PURE__ */ n(L, { items: c, theme: "global-dark" }),
+          r.length > 0 && (r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ n(M, { ...e }, o)))
+        ] }) })
       ]
     }
   );
 };
 export {
-  U as ControlledStateSearch,
-  Q as Default,
-  V as InboxBulkMode,
-  H as default
+  V as ControlledStateSearch,
+  U as Default,
+  $ as InboxBulkMode,
+  Q as default
 };

package/dist/components/LayoutAction/ActionFooter.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 export interface ActionFooterProps {
-    hidden: boolean;
+    hidden?: boolean;
     children?: ReactElement;
 }
 export declare const ActionFooter: ({ hidden, children }: ActionFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItem.d.ts

@@ -1,6 +1,7 @@
 import { ElementType, ReactNode } from 'react';
 import { AvatarGroupProps, AvatarProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
+import { ContextMenuProps } from '../ContextMenu';
 import { IconName } from '../Icon';
 import { ListItemColor, ListItemSize } from './ListItemBase';
 export interface ListItemProps {
@@ -23,24 +24,32 @@ export interface ListItemProps {
     selected?: boolean;
     /** Item is disabled, should disable mouse events */
     disabled?: boolean;
-    /** Display an icon indicating behaviour */
-    linkIcon?: IconName;
     /** Size of list item */
     size?: ListItemSize;
     /** Title */
     title?: string;
     /** Optional description */
     description?: string;
-    /** Optional badge */
-    badge?: BadgeProps;
+    /** Use children to create a custom label, overriding title and description */
+    children?: ReactNode;
     /** List item icon */
     icon?: IconName;
     /** List item avatar */
     avatar?: AvatarProps;
     /** List item avatarGroup */
     avatarGroup?: AvatarGroupProps;
-    children?: ReactNode;
+    /** Optional text indicating behaviour */
+    linkText?: string;
+    /** Optional icon indicating behaviour */
+    linkIcon?: IconName;
+    /** Optional badge */
+    badge?: BadgeProps;
+    /** Optional context menu */
+    menu?: ContextMenuProps;
+    /** Custom action overrides linkText, linkIcon, badge and menu */
+    action?: ReactNode;
+    /** Child items */
     items?: ListItemProps[];
     className?: string;
 }
-export declare const ListItem: ({ as, color, children, selected, disabled, size, icon, avatar, avatarGroup, badge, title, description, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ as, color, selected, disabled, size, icon, avatar, avatarGroup, title, description, children, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItem.js

@@ -1,25 +1,24 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { ListItemBase as x } from "./ListItemBase.js";
-import { ListItemLabel as b } from "./ListItemLabel.js";
-import { ListItemMedia as j } from "./ListItemMedia.js";
-const M = ({
+import { jsxs as I, jsx as r } from "react/jsx-runtime";
+import { ListItemBase as n } from "./ListItemBase.js";
+import { ListItemLabel as x } from "./ListItemLabel.js";
+import { ListItemMedia as b } from "./ListItemMedia.js";
+const B = ({
   as: e = "a",
   color: m,
-  children: i,
-  selected: s,
-  disabled: l,
+  selected: i,
+  disabled: j,
   size: t = "sm",
-  icon: o,
-  avatar: a,
-  avatarGroup: p,
-  badge: L,
-  title: d,
-  description: f,
-  ...I
-}) => /* @__PURE__ */ n(x, { as: e, size: t, badge: L, color: m, selected: s, ...I, children: [
-  /* @__PURE__ */ r(j, { color: m, size: t, icon: o, avatar: a, avatarGroup: p }),
-  /* @__PURE__ */ r(b, { title: d, description: f, size: t, children: i })
+  icon: s,
+  avatar: o,
+  avatarGroup: a,
+  title: p,
+  description: L,
+  children: d,
+  ...f
+}) => /* @__PURE__ */ I(n, { as: e, size: t, color: m, selected: i, ...f, children: [
+  /* @__PURE__ */ r(b, { color: m, size: t, icon: s, avatar: o, avatarGroup: a }),
+  /* @__PURE__ */ r(x, { title: p, description: L, size: t, children: d })
 ] });
 export {
-  M as ListItem
+  B as ListItem
 };