@altinn/altinn-components 0.61.1 → 0.61.3

package/dist/assets/HeaderLogo.css

@@ -1 +1 @@
-._logo_mt7vd_1{display:flex;align-items:center;color:currentColor;text-decoration:none}._symbol_mt7vd_8{width:2rem;height:2rem;margin:0}@media(min-width:1024px){._symbol_mt7vd_8{margin:6px}}._riksSymbol_mt7vd_20{width:2.5rem;height:2.5rem;margin:0}._text_mt7vd_26{font-size:1.5rem;font-weight:500;padding:4px}
+._logo_1yxnd_1{display:flex;align-items:center;color:currentColor;text-decoration:none;height:3.25rem;min-width:3.25rem;padding:0 .5rem;-webkit-user-select:none;user-select:none}._logo_1yxnd_1:hover{background-color:transparent}._logomark_1yxnd_16{color:#0062b8;width:2rem;height:2rem;margin:0!important}._text_1yxnd_23{font-size:2rem;font-weight:400}

package/dist/assets/ItemLink.css

@@ -1 +1 @@
-._link_eet0n_1{position:static;padding:0;border:0;margin:0;background-color:transparent;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;text-align:left;appearance:none;-webkit-user-select:none;user-select:none}._link_eet0n_1[aria-disabled=true]{pointer-events:none}._link_eet0n_1[data-interactive=true]{cursor:pointer}._link_eet0n_1:focus-visible{outline:none}._linkFocus_eet0n_26{position:absolute;inset:0}._link_eet0n_1:focus-visible ._linkFocus_eet0n_26{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._link_eet0n_1:focus-visible ._linkFocus_eet0n_26 *{--_ds--focus: }
+._link_1pvv7_1{position:static;padding:0;border:0;margin:0;background-color:transparent;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;text-align:left;appearance:none;-webkit-user-select:none;user-select:none}._link_1pvv7_1[aria-disabled=true]{pointer-events:none}._link_1pvv7_1[data-interactive=true]{cursor:pointer}._link_1pvv7_1[data-disabled=true]{opacity:.5}._link_1pvv7_1:focus-visible{outline:none}._linkFocus_1pvv7_30{position:absolute;inset:0}._link_1pvv7_1:focus-visible ._linkFocus_1pvv7_30{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._link_1pvv7_1:focus-visible ._linkFocus_1pvv7_30 *{--_ds--focus: }

package/dist/assets/LayoutBase.css

@@ -1 +1 @@
-._base_1m3p1_1{position:relative;display:flex;flex-direction:column;min-height:100vh;background-color:var(--altinn-layout-background)}._base_1m3p1_1[data-theme=default]{--altinn-layout-background: var(--ds-color-background-default)}._base_1m3p1_1[data-theme=subtle]{--altinn-layout-background: var(--ds-color-background-tinted)}._base_1m3p1_1[data-theme=neutral]{--altinn-layout-background: var(--ds-color-neutral-background-tinted)}._base_1m3p1_1[data-theme=inbox]{--altinn-layout-background: var(--ds-color-background-tinted)}._base_1m3p1_1[data-theme=inbox][data-color=person]{--altinn-layout-background: var(--ds-color-neutral-background-tinted)}
+._base_k5ay7_1{position:relative;display:flex;flex-direction:column;min-height:100vh;background-color:var(--altinn-layout-background)}._base_k5ay7_1[data-theme=default]{--altinn-layout-background: var(--ds-color-background-default)}._base_k5ay7_1[data-theme=subtle]{--altinn-layout-background: var(--ds-color-background-tinted)}._base_k5ay7_1[data-theme=neutral]{--altinn-layout-background: var(--ds-color-neutral-background-tinted)}._base_k5ay7_1[data-theme=inbox]{--altinn-layout-background: var(--ds-color-background-tinted)}._base_k5ay7_1[data-theme=inbox][data-color=person],._base_k5ay7_1[data-theme=settings]{--altinn-layout-background: var(--ds-color-neutral-background-tinted)}

package/dist/assets/SettingsItemBase.css

@@ -1 +1 @@
-._item_1xpqe_1{position:relative;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;margin:0 -.5rem;--dsc-item-background--hover: var(--ds-color-surface-tinted)}._item_1xpqe_1:has(a):hover,._item_1xpqe_1:has(button):hover{background-color:var(--dsc-item-background--hover)}._item_1xpqe_1+[aria-hidden]{margin-block:0}._item_1xpqe_1+._item_1xpqe_1{margin-top:.5em}._media_1xpqe_24{pointer-events:none;position:relative;flex-shrink:0;font-size:2em;display:flex;align-items:center;justify-content:center}._media_1xpqe_24 svg{font-size:1.5rem}._link_1xpqe_38{font-size:1rem;flex-grow:1;display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}._linkIcon_1xpqe_48{font-size:1.5rem;width:1em;height:1em}._label_1xpqe_54{flex-grow:1;min-height:2.5rem;display:flex;flex-direction:column;justify-content:center}._label_1xpqe_54 mark{background-color:transparent;text-decoration:underline}._controls_1xpqe_67{flex-grow:0}
+._listItem_1p24v_1{padding-top:.375rem;padding-bottom:.375rem}._listItem_1p24v_1+._listItem_1p24v_1{border-top:1px solid var(--ds-color-border-subtle)}._listItem_1p24v_1[data-collapsible=true][data-expanded=true]{margin:0 -1em;padding:1em;background-color:var(--ds-color-background-default);border-radius:1rem;border:1px solid var(--ds-color-border-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;gap:1rem}._summary_1p24v_23{padding:.5rem}._item_1p24v_27{position:relative;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;--dsc-item-background--hover: var(--ds-color-surface-tinted)}._item_1p24v_27:has(>a):hover,._item_1p24v_27:has(>button):not(disabled):hover{background-color:var(--dsc-item-background--hover)}._item_1p24v_27+[aria-hidden]{margin-block:0}._media_1p24v_45{pointer-events:none;position:relative;flex-shrink:0;font-size:2em;display:flex;align-items:center;justify-content:center}._media_1p24v_45 svg{font-size:1.5rem}._link_1p24v_59{font-size:1rem;flex-grow:1;display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}._linkIcon_1p24v_69{font-size:1.5rem;width:1em;height:1em}._label_1p24v_75{flex-grow:1;min-height:2.5rem;display:flex;flex-direction:column;justify-content:center}._label_1p24v_75 mark{background-color:transparent;text-decoration:underline}._controls_1p24v_88{position:relative;flex-grow:0}._linkIcon_1p24v_69{margin-right:.25rem}

package/dist/assets/SettingsSection.css

@@ -1 +1 @@
-._section_13ero_1{padding:.5rem 1rem;border-radius:.5rem}
+._section_1ccux_1{padding:1rem .5rem;border-radius:1rem}

package/dist/assets/settlingsList.css

@@ -0,0 +1 @@
+._section_ncfus_1{display:flex;flex-direction:column}._section_ncfus_1[data-variant=default]{row-gap:1.5rem}._section_ncfus_1[data-variant=menu]{row-gap:.5rem}._group_ncfus_14{background-color:var(--ds-color-surface-default);border-radius:1rem;padding:.375rem .5rem;box-shadow:var(--ds-shadow-xs)}._list_ncfus_21{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}

package/dist/components/Bookmarks/BookmarkSettingsList.js

@@ -1,55 +1,49 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Fragment as n, createElement as f } from "react";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { Fragment as h, createElement as f } from "react";
 import "../../index-p1eeF8LQ.js";
-import { useMenu as u } from "../../hooks/useMenu.js";
-import { H as k } from "../../ToolbarSearch-56Sm2j7P.js";
+import { useMenu as k } from "../../hooks/useMenu.js";
+import { H as y } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
-import { BookmarkSettingsItem as y } from "./BookmarkSettingsItem.js";
+import { BookmarkSettingsItem as v } from "./BookmarkSettingsItem.js";
 import "react-dom";
-import { Divider as S } from "../Divider/Divider.js";
-import { List as v } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as B } from "../Page/Flex.js";
-import { SettingsSection as j } from "../Settings/SettingsSection.js";
-const w = ({
-  loading: p,
-  highlightWords: l,
-  items: t,
-  groups: g = {},
+import { s as o } from "../../settlingsList.module-So3_AYgj.js";
+const z = ({
+  loading: m,
+  highlightWords: n,
+  items: r,
+  groups: l = {},
   sortGroupBy: a
 }) => {
-  if (!t || t.length < 1)
+  if (!r || r.length < 1)
     return null;
-  const { menu: c } = u({
-    items: t,
-    groups: g,
+  const { menu: p } = k({
+    items: r,
+    groups: l,
     groupByKey: "groupId",
     keyboardEvents: !1,
     sortGroupBy: a
   });
-  return /* @__PURE__ */ r(B, { as: "div", spacing: "page", direction: "col", children: c?.map((e, d) => {
-    const m = e.props || {};
-    return /* @__PURE__ */ s(n, { children: [
-      m?.title && /* @__PURE__ */ r(k, { size: "lg", children: m.title }),
-      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(v, { size: "sm", children: e?.items.map((h, i) => {
-        const o = h.props || {};
-        return /* @__PURE__ */ s(n, { children: [
-          i > 0 && /* @__PURE__ */ r(S, { as: "li" }),
-          /* @__PURE__ */ f(
-            y,
-            {
-              ...o,
-              key: "settings-list-item" + i,
-              highlightWords: l || o?.highlightWords,
-              loading: p || o?.loading
-            }
-          )
-        ] }, i);
+  return /* @__PURE__ */ t("div", { className: o.section, "data-variant": "default", children: p?.map((i, g) => {
+    const s = i.props || {};
+    return /* @__PURE__ */ u(h, { children: [
+      s?.title && /* @__PURE__ */ t(y, { size: "lg", children: s.title }),
+      /* @__PURE__ */ t("section", { className: o.group, children: /* @__PURE__ */ t("ul", { className: o.list, children: i?.items.map((c, d) => {
+        const e = c.props || {};
+        return /* @__PURE__ */ f(
+          v,
+          {
+            ...e,
+            key: "settings-list-item" + d,
+            highlightWords: n || e?.highlightWords,
+            loading: m || e?.loading
+          }
+        );
       }) }) })
-    ] }, d);
+    ] }, g);
   }) });
 };
 export {
-  w as BookmarkSettingsList
+  z as BookmarkSettingsList
 };

package/dist/components/Footer/FooterLogo.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { c as i } from "../../index-p1eeF8LQ.js";
-import { DigdirLogomark as t } from "../Header/DigdirLogomark.js";
+import { DigdirLogomark as t } from "../Logo/DigdirLogomark.js";
 import '../../assets/FooterLogo.css';const c = "_logo_127g0_1", e = "_symbol_127g0_9", s = {
   logo: c,
   symbol: e

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -7,7 +7,7 @@ import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { DigdirLogomark as x } from "./DigdirLogomark.js";
-import '../../assets/HeaderLogo2.css';const d = "_logo_1yxnd_1", _ = "_logomark_1yxnd_16", f = "_text_1yxnd_23", t = {
+import '../../assets/HeaderLogo.css';const d = "_logo_1yxnd_1", _ = "_logomark_1yxnd_16", f = "_text_1yxnd_23", t = {
   logo: d,
   logomark: _,
   text: f

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,63 +1,80 @@
 "use client";
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { useState as d, useCallback as L, useEffect as C, useMemo as G } from "react";
-import { M as S } from "../../ToolbarSearch-56Sm2j7P.js";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import s, { forwardRef as y, useState as M, useCallback as k, useEffect as I, useMemo as O } from "react";
+import { M as w } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { LocaleSwitcher as v } from "./LocaleSwitcher.js";
+import { LocaleSwitcher as j } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuListItem as x } from "../Menu/MenuListItem.js";
-import { GlobalMenuBase as u, GlobalMenuFooter as I } from "./GlobalMenuBase.js";
-import { LogoutButton as T } from "./LogoutButton.js";
-import { S as h } from "../../Globe-BcPkcH4E.js";
-const N = ({
-  menu: e,
-  backLabel: g = "Back",
-  onClose: s,
-  logoutButton: a,
-  ariaLabel: n = "Menu",
-  localeSwitcher: r,
-  isOpen: m = !1
+import { GlobalMenuBase as g, GlobalMenuFooter as S } from "./GlobalMenuBase.js";
+import { LogoutButton as _ } from "./LogoutButton.js";
+import { u as C } from "../../useId-BVFxCjkq.js";
+var E = function(t, i) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, e = Object.getOwnPropertySymbols(t); o < e.length; o++)
+      i.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
+  return r;
+};
+const L = y((t, i) => {
+  var { title: r, titleId: e } = t, o = E(t, ["title", "titleId"]);
+  let l = C();
+  return l = r ? e || "title-" + l : void 0, s.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, o),
+    r ? s.createElement("title", { id: l }, r) : null,
+    s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
+  );
+}), K = ({
+  menu: t,
+  backLabel: i = "Back",
+  onClose: r,
+  logoutButton: e,
+  ariaLabel: o = "Menu",
+  localeSwitcher: l,
+  isOpen: f = !1
 }) => {
-  const [k, c] = d(!1), l = L(() => {
-    c((t) => !t);
+  const [b, p] = M(!1), m = k(() => {
+    p((n) => !n);
   }, []);
-  C(() => {
-    m || c(!1);
-  }, [m]);
-  const M = G(() => {
-    const t = (e?.items ?? []).map((i) => ({
-      ...i,
+  I(() => {
+    f || p(!1);
+  }, [f]);
+  const h = O(() => {
+    const n = (t?.items ?? []).map((c) => ({
+      ...c,
       onClick: () => {
-        i.onClick?.(), s?.();
+        c.onClick?.(), r?.();
       },
-      items: Array.isArray(i.items) ? i.items.map((p) => ({
-        ...p,
+      items: Array.isArray(c.items) ? c.items.map((u) => ({
+        ...u,
         onClick: () => {
-          p.onClick?.(), s?.();
+          u.onClick?.(), r?.();
         }
       })) : void 0
     }));
-    if (!r) return t;
-    const b = {
+    if (!l) return n;
+    const v = {
       title: "Språk/language",
-      icon: h,
+      icon: L,
       size: "sm",
-      onClick: l,
+      onClick: m,
       linkIcon: !0
     };
-    return [...t, b];
-  }, [e, s, r, l]);
-  return k ? /* @__PURE__ */ f(u, { "aria-label": n, children: [
-    r && /* @__PURE__ */ o(v, { ...r, backLabel: g, onToggle: l }),
-    /* @__PURE__ */ o(x, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ f(u, { "aria-label": n, children: [
-    e && /* @__PURE__ */ o(S, { ...e, items: M }),
-    a && /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(T, { ...a }) })
+    return [...n, v];
+  }, [t, r, l, m]);
+  return b ? /* @__PURE__ */ d(g, { "aria-label": o, children: [
+    l && /* @__PURE__ */ a(j, { ...l, backLabel: i, onToggle: m }),
+    /* @__PURE__ */ a(x, { as: "div", role: "separator" })
+  ] }) : /* @__PURE__ */ d(g, { "aria-label": o, children: [
+    t && /* @__PURE__ */ a(w, { ...t, items: h }),
+    e && /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(_, { ...e }) })
   ] });
 };
 export {
-  N as GlobalMenu
+  K as GlobalMenu
 };

package/dist/components/Item/ItemLink.js

@@ -1,49 +1,49 @@
-import { jsx as k, jsxs as f } from "react/jsx-runtime";
+import { jsx as k, jsxs as j } from "react/jsx-runtime";
 import { c as u } from "../../index-p1eeF8LQ.js";
-import '../../assets/ItemLink.css';const j = "_link_eet0n_1", A = "_linkFocus_eet0n_26", e = {
-  link: j,
-  linkFocus: A
+import '../../assets/ItemLink.css';const A = "_link_1pvv7_1", I = "_linkFocus_1pvv7_30", a = {
+  link: A,
+  linkFocus: I
 }, h = ({
-  as: m,
+  as: d,
   loading: t,
-  disabled: n,
-  selected: v,
-  href: s,
-  onClick: a,
+  disabled: s,
+  selected: m,
+  href: n,
+  onClick: e,
   onKeyPress: p,
-  className: o,
+  className: r,
   active: _,
-  ariaLabel: r,
+  ariaLabel: o,
   children: c,
   tabIndex: x = 0,
   expanded: l,
   collapsible: y,
   ariaControlsId: F
 }) => {
-  const i = m || "div";
-  if (i === "div")
-    return /* @__PURE__ */ k("div", { className: u(e.link, o), children: c });
-  const b = !t && s || i !== "a" && r;
-  return /* @__PURE__ */ f(
+  const i = d || "div";
+  if (i === "div" || s || t)
+    return /* @__PURE__ */ k("div", { className: u(a.link, r), "data-disabled": s || t, children: c });
+  const f = !t && n || i !== "a" && o;
+  return /* @__PURE__ */ j(
     i,
     {
-      className: u(e.link, o),
-      href: s,
-      onKeyPress: (d) => {
-        d.key === "Enter" && a?.(), p?.(d);
+      className: u(a.link, r),
+      href: n,
+      onKeyPress: (v) => {
+        v.key === "Enter" && e?.(), p?.(v);
       },
-      onClick: a,
+      onClick: e,
       "data-interactive": "true",
-      "aria-disabled": t || n,
-      "aria-selected": v,
+      "aria-disabled": t || s,
+      "aria-selected": m,
       "aria-expanded": y ? l : void 0,
       "aria-controls": l ? F : void 0,
-      ...b && { "aria-label": r },
+      ...f && { "aria-label": o },
       "data-active": _,
-      tabIndex: t || n ? -1 : x,
+      tabIndex: t || s ? -1 : x,
       children: [
         c,
-        /* @__PURE__ */ k("div", { className: e.linkFocus, "aria-hidden": "true" })
+        /* @__PURE__ */ k("div", { className: a.linkFocus, "aria-hidden": "true" })
       ]
     }
   );

package/dist/components/Layout/Layout.js

@@ -1,60 +1,58 @@
 "use client";
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { LayoutBase as d } from "./LayoutBase.js";
-import { LayoutGrid as L } from "./LayoutGrid.js";
-import { LayoutBody as a } from "./LayoutBody.js";
-import { LayoutContent as h } from "./LayoutContent.js";
-import { LayoutSidebar as s } from "./LayoutSidebar.js";
-import { Breadcrumbs as x } from "../Breadcrumbs/Breadcrumbs.js";
+import { LayoutBase as y } from "./LayoutBase.js";
+import { LayoutGrid as d } from "./LayoutGrid.js";
+import { LayoutBody as h } from "./LayoutBody.js";
+import { LayoutContent as L } from "./LayoutContent.js";
+import { LayoutSidebar as a } from "./LayoutSidebar.js";
+import { Breadcrumbs as s } from "../Breadcrumbs/Breadcrumbs.js";
 import "../../index-p1eeF8LQ.js";
-import { Footer as B } from "../Footer/Footer.js";
-import { GlobalHeader as j } from "../GlobalHeader/GlobalHeader.js";
+import { Footer as x } from "../Footer/Footer.js";
+import { GlobalHeader as B } from "../GlobalHeader/GlobalHeader.js";
 import "react";
-import { u as k, M as C } from "../../ToolbarSearch-56Sm2j7P.js";
+import { u as j, M as k } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { Header as G } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";
-import { SkipLink as H } from "../SkipLink/SkipLink.js";
-const Q = ({
+import { SkipLink as C } from "../SkipLink/SkipLink.js";
+const N = ({
   color: c,
   theme: u = "subtle",
-  header: m,
+  header: i,
   footer: n,
   sidebar: o,
-  content: f = {},
-  children: l,
+  content: l = {},
+  children: f,
   skipLink: p,
-  breadcrumbs: e,
-  useGlobalHeader: y = !0
+  breadcrumbs: e
 }) => {
-  const { currentId: i } = k();
-  return /* @__PURE__ */ r(d, { color: c, theme: u, currentId: i, children: [
-    p && /* @__PURE__ */ t(H, { ...p }),
-    m && (y ? /* @__PURE__ */ t(j, { ...m }) : /* @__PURE__ */ t(G, { ...m })),
-    /* @__PURE__ */ r(L, { currentId: i, children: [
-      e && /* @__PURE__ */ t(x, { ...e }),
-      /* @__PURE__ */ r(a, { currentId: i, children: [
+  const { currentId: m } = j();
+  return /* @__PURE__ */ r(y, { color: c, theme: u, currentId: m, children: [
+    p && /* @__PURE__ */ t(C, { ...p }),
+    i && /* @__PURE__ */ t(B, { ...i }),
+    /* @__PURE__ */ r(d, { currentId: m, children: [
+      e && /* @__PURE__ */ t(s, { ...e }),
+      /* @__PURE__ */ r(h, { currentId: m, children: [
         o && /* @__PURE__ */ r(
-          s,
+          a,
           {
             sticky: o?.sticky,
             hidden: o?.hidden,
             color: o?.color,
             footer: o?.footer,
             children: [
-              o?.menu && /* @__PURE__ */ t(C, { ...o?.menu }),
+              o?.menu && /* @__PURE__ */ t(k, { ...o?.menu }),
               o?.children
             ]
           }
         ),
-        /* @__PURE__ */ t(h, { color: f?.color, id: "main-content", children: l })
+        /* @__PURE__ */ t(L, { color: l?.color, id: "main-content", children: f })
       ] })
     ] }),
-    n && /* @__PURE__ */ t(B, { ...n })
+    n && /* @__PURE__ */ t(x, { ...n })
   ] });
 };
 export {
-  Q as Layout
+  N as Layout
 };

package/dist/components/Layout/LayoutBase.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import '../../assets/LayoutBase.css';const r = "_base_1m3p1_1", c = {
+import '../../assets/LayoutBase.css';const r = "_base_k5ay7_1", c = {
   base: r
-}, m = ({ currentId: a, color: s, theme: t, children: e }) => /* @__PURE__ */ o("div", { className: c.base, "data-color": s, "data-theme": t, "data-current-id": a, children: e });
+}, n = ({ currentId: a, color: s, theme: t, children: e }) => /* @__PURE__ */ o("div", { className: c.base, "data-color": s, "data-theme": t, "data-current-id": a, children: e });
 export {
-  m as LayoutBase
+  n as LayoutBase
 };

package/dist/components/Logo/index.js

@@ -0,0 +1,4 @@
+import { DigdirLogomark as g } from "./DigdirLogomark.js";
+export {
+  g as DigdirLogomark
+};

package/dist/components/Settings/SettingsItem.js

@@ -1,38 +1,40 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { useState as g } from "react";
-import { Input as b } from "../Forms/Input.js";
+import { useState as b } from "react";
+import { Input as P } from "../Forms/Input.js";
 import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { SettingsItemBase as n } from "./SettingsItemBase.js";
-import { SettingsModal as x } from "./SettingsModal.js";
-const M = ({
-  loading: c,
-  variant: m = "default",
-  id: d = "settings",
-  name: h,
+import { SettingsItemBase as r } from "./SettingsItemBase.js";
+import { SettingsModal as w } from "./SettingsModal.js";
+const O = ({
+  loading: d,
+  variant: h = "default",
+  id: u = "settings",
+  name: p,
   title: e,
-  value: r,
+  value: n,
   description: s,
-  checked: p,
-  onChange: u,
+  checked: f,
+  onChange: g,
   modalProps: o,
-  children: f,
+  expanded: a,
+  children: c,
   ...i
 }) => {
-  const [l, a] = g(!1);
-  if (c)
-    return /* @__PURE__ */ t(n, { icon: i?.icon, titleProps: { children: e }, loading: !0 });
-  switch (m) {
+  const [l, m] = b(!1);
+  if (d)
+    return /* @__PURE__ */ t(r, { icon: i?.icon, titleProps: { children: e }, loading: !0 });
+  switch (h) {
     case "link":
       return /* @__PURE__ */ t(
-        n,
+        r,
         {
           ...i,
           titleProps: {
+            size: "md",
             children: e
           },
           descriptionProps: {
@@ -45,7 +47,7 @@ const M = ({
       );
     case "switch":
       return /* @__PURE__ */ t(
-        n,
+        r,
         {
           ...i,
           as: "div",
@@ -59,27 +61,48 @@ const M = ({
             children: s
           },
           controls: /* @__PURE__ */ t(
-            b,
+            P,
             {
               type: "checkbox",
               role: "switch",
-              "aria-labelledby": d,
-              name: h,
-              value: r,
-              checked: p,
-              onChange: u,
+              "aria-labelledby": u,
+              name: p,
+              value: n,
+              checked: f,
+              onChange: g,
               style: { marginRight: "0.5em" }
             }
           )
         }
       );
+    case "accordion":
+      return /* @__PURE__ */ t(
+        r,
+        {
+          ...i,
+          as: "button",
+          linkIcon: !0,
+          collapsible: !0,
+          expanded: a,
+          titleProps: {
+            children: e
+          },
+          descriptionProps: {
+            size: "xs",
+            weight: "normal",
+            variant: "subtle",
+            children: s
+          },
+          children: a && /* @__PURE__ */ t("div", { children: c })
+        }
+      );
     case "modal":
       return /* @__PURE__ */ t(
-        n,
+        r,
         {
           ...i,
           titleProps: {
-            size: r ? "xs" : "sm",
+            size: n ? "xs" : "sm",
             variant: "subtle",
             weight: "normal",
             children: e
@@ -87,32 +110,32 @@ const M = ({
           descriptionProps: {
             size: "sm",
             variant: "default",
-            children: s || r
+            children: s || n
           },
           as: "button",
           linkIcon: !0,
-          onClick: () => a(!0),
+          onClick: () => m(!0),
           expanded: l,
           children: l && /* @__PURE__ */ t(
-            x,
+            w,
             {
               ...o,
               icon: o?.icon || i?.icon,
               title: o?.title || e,
               open: l,
-              onClose: () => a(!1),
-              children: f
+              onClose: () => m(!1),
+              children: c
             }
           )
         }
       );
     default:
       return /* @__PURE__ */ t(
-        n,
+        r,
         {
           ...i,
           titleProps: {
-            size: r ? "xs" : "sm",
+            size: n ? "xs" : "sm",
             variant: "subtle",
             weight: "normal",
             children: e
@@ -120,12 +143,12 @@ const M = ({
           descriptionProps: {
             size: "sm",
             variant: "default",
-            children: s || r
+            children: s || n
           }
         }
       );
   }
 };
 export {
-  M as SettingsItem
+  O as SettingsItem
 };