@altinn/altinn-components 0.56.20 → 0.56.21

package/dist/assets/AccountSelector.css

@@ -1 +1 @@
-._accountSelector_lyp2e_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_lyp2e_11{margin-bottom:1rem;width:100%;padding:.3rem var(--horizontal-padding)}._searchSection_lyp2e_17{width:100%;padding:0 var(--horizontal-padding);display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}._searchField_lyp2e_26{width:50%}._accountMenu_lyp2e_30{height:40vh;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_lyp2e_30._fullScreen_lyp2e_38{height:fit-content}._accountMenu_lyp2e_30._virtualized_lyp2e_42{overflow-y:hidden}._btnIcon_lyp2e_46{font-size:1.5rem}._spinner_lyp2e_50{margin:auto;width:100%;overflow:hidden}@media(max-width:1023px){._accountSelector_lyp2e_1{--horizontal-padding: .1rem}._searchField_lyp2e_26{width:100%}._searchSection_lyp2e_17{flex-direction:column;align-items:stretch;gap:.5rem}}
+._accountSelector_139de_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_139de_11{margin-bottom:1rem;width:100%;padding:.3rem var(--horizontal-padding)}._searchSection_139de_17{width:100%;padding:0 var(--horizontal-padding);display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}._searchField_139de_26{width:50%}._accountMenu_139de_30{height:fit-content;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_139de_30._virtualized_139de_38{overflow-y:hidden}._btnIcon_139de_43{font-size:1.5rem}._spinner_139de_47{margin:auto;width:100%;overflow:hidden}@media(max-width:1023px){._accountSelector_139de_1{--horizontal-padding: .1rem}._searchField_139de_26{width:100%}._searchSection_139de_17{flex-direction:column;align-items:stretch;gap:.5rem}}

package/dist/assets/AccountSelectorButton.css

@@ -0,0 +1 @@
+._button_18gkt_3{flex-shrink:0;position:relative;display:inline-flex;align-items:center;height:3.25rem;min-width:3.25rem;padding:0 .5rem}._loginButton_18gkt_13{padding:0 .75rem}._avatar_18gkt_17{font-size:2.25rem}._loginIcon_18gkt_21{width:2.25rem;height:2.25rem;background-color:#e0e2e4;border-radius:50%;color:#000;display:flex;justify-content:center;align-items:center}._label_18gkt_32{display:flex;flex-direction:column}._title_18gkt_37{font-size:1rem;line-height:1.2;font-weight:500;color:var(--ds-color-neutral-text-default)}._description_18gkt_44{font-size:.875rem;font-weight:400;color:var(--ds-color-neutral-text-subtle)}._icon_18gkt_50{display:block;font-size:1.5rem;margin:0!important}._badge_18gkt_56{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}

package/dist/assets/Dropdown.css

@@ -1 +1 @@
-._dropdown_15prw_1{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._dropdown_15prw_1:focus{outline:none}._content_15prw_17{flex-grow:1}._dropdown_15prw_1[data-size=sm]{--var-width: 16rem;--var-min-width: 16rem;--var-max-width: 20rem}._dropdown_15prw_1[data-size=md]{--var-width: 20rem;--var-min-width: 20rem;--var-max-width: 24rem}._dropdown_15prw_1[data-size=lg]{--var-width: 24rem;--var-min-width: 24rem;--var-max-width: 28rem}._dropdown_15prw_1[aria-hidden=true]{display:none}._backdrop_15prw_47{z-index:1;background-color:#111d4640;position:fixed;inset:0;width:100%;height:100%}._backdrop_15prw_47[aria-hidden=true]{display:none}._dropdown_15prw_1{position:absolute;margin-top:.5rem;margin-bottom:.5rem;border-radius:.375rem}._dropdown_15prw_1[data-variant=dropdown] ._header_15prw_72,._dropdown_15prw_1[data-variant=dropdown] ._footer_15prw_73{display:none}._dropdown_15prw_1[data-variant=dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_15prw_1[data-variant=drawer]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}@media(max-width:1023px){._dropdown_15prw_1[data-variant=drawer-dropdown]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}}@media(min-width:1024px){._dropdown_15prw_1[data-variant=drawer-dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_15prw_1[data-variant=drawer-dropdown] ._header_15prw_72,._dropdown_15prw_1[data-variant=drawer-dropdown] ._footer_15prw_73{display:none}}._header_15prw_72{position:sticky;top:0;left:0;right:0;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--ds-color-background-default);border-bottom:1px solid var(--ds-color-border-subtle);z-index:999}._title_15prw_146{font-size:1.125rem;font-weight:500;margin:0}._footer_15prw_73{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_15prw_73>*{margin:1rem auto}
+._dropdown_1mtdm_1{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._dropdown_1mtdm_1:focus{outline:none}._content_1mtdm_17{flex-grow:1}._dropdown_1mtdm_1[data-size=sm]{--var-width: 16rem;--var-min-width: 16rem;--var-max-width: 20rem}._dropdown_1mtdm_1[data-size=md]{--var-width: 20rem;--var-min-width: 20rem;--var-max-width: 24rem}._dropdown_1mtdm_1[data-size=lg]{--var-width: 24rem;--var-min-width: 24rem;--var-max-width: 28rem}._dropdown_1mtdm_1[aria-hidden=true],._backdrop_1mtdm_47,._backdrop_1mtdm_47[aria-hidden=true]{display:none}@media(min-width:1024px){._backdrop_1mtdm_47{display:block;z-index:1;background-color:#111d4640;position:fixed;inset:0;width:100%;height:100%}}._dropdown_1mtdm_1{position:absolute;margin-top:.5rem;margin-bottom:.5rem;border-radius:.375rem}._dropdown_1mtdm_1[data-variant=dropdown] ._header_1mtdm_76,._dropdown_1mtdm_1[data-variant=dropdown] ._footer_1mtdm_77{display:none}._dropdown_1mtdm_1[data-variant=dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_1mtdm_1[data-variant=drawer]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:0;margin-bottom:0;border-radius:0;padding-top:0}@media(max-width:1023px){._dropdown_1mtdm_1[data-variant=drawer-dropdown]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:0;margin-bottom:0;border-radius:0;padding-top:0}}@media(min-width:1024px){._dropdown_1mtdm_1[data-variant=drawer-dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_1mtdm_1[data-variant=drawer-dropdown] ._header_1mtdm_76,._dropdown_1mtdm_1[data-variant=drawer-dropdown] ._footer_1mtdm_77{display:none}}._header_1mtdm_76{position:sticky;top:0;left:0;right:0;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--ds-color-background-default);border-bottom:1px solid var(--ds-color-border-subtle);z-index:999}._title_1mtdm_148{font-size:1.125rem;font-weight:500;margin:0}._footer_1mtdm_77{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_1mtdm_77>*{margin:1rem auto}

package/dist/assets/GlobalHeader.css

@@ -1 +1 @@
-._logo_i35in_1:focus-visible{outline:3px solid black}._drawer_i35in_4[data-expanded=true]{display:block;width:100%}._dropdown_i35in_9[data-expanded=true]{display:none}@media(min-width:1024px){._dropdown_i35in_9[data-expanded=true][data-layout=desktop]{display:block}._drawer_i35in_4[data-expanded=true][data-layout=mobile]{display:none}}._relative_i35in_22{position:relative}
+._header_1urgv_1{z-index:1;background-color:#fff;width:100%}._container_1urgv_7{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.625rem;width:100%;max-width:1512px;margin:0 auto}._backdrop_1urgv_19{display:none}._header_1urgv_1[data-current-id=menu],._header_1urgv_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_1urgv_1[data-current-id=menu] ._backdrop_1urgv_19,._header_1urgv_1[data-current-id=locale] ._backdrop_1urgv_19{display:block}}@media(max-width:1023px){._header_1urgv_1{gap:0}}._header_1urgv_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._nav_1urgv_53{position:relative;display:flex;align-items:center;justify-content:end;column-gap:.5rem}._dropdown_1urgv_63 header{display:none}._dropdown_1urgv_63[data-variant=drawer],._dropdown_1urgv_63[data-variant=drawer-dropdown]{margin-top:4.5rem}@media(min-width:1024px){._dropdown_1urgv_63[data-variant=drawer-dropdown]{margin-top:.5rem}}

package/dist/assets/GlobalMenuButton2.css

@@ -1 +1 @@
-._button_rhdbs_1{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_rhdbs_13{font-size:1.125rem;font-weight:500;padding:.25rem}._avatar_rhdbs_19{font-size:2.25rem;width:2.25rem;height:2.25rem}._icon_rhdbs_25{font-size:1.5rem;width:1.5rem;height:1.5rem}._iconMobile_rhdbs_31{font-size:1.5rem;width:3.55rem;height:1.5rem}._badge_rhdbs_37{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
+._button_1ssrq_3{flex-shrink:0;position:relative;display:flex;align-items:center;border:none;height:3.25rem;min-width:3.25rem;padding:0 .75rem}._icon_1ssrq_14{display:block;font-size:1.5rem;width:1.5rem;height:1.5rem;margin:0!important}._label_1ssrq_22{font-size:1.125rem;font-weight:500;margin-right:.25rem}._badge_1ssrq_28{position:absolute;top:-.5rem;right:-.5rem}@media(max-width:360px){._label_1ssrq_22{display:none}}

package/dist/assets/HeaderLogo2.css

@@ -1 +1 @@
-._logo_1d6ig_1{display:flex;align-items:center;color:currentColor;text-decoration:none}._riksSymbol_1d6ig_8{width:2.5rem;height:2.5rem;margin:0}._text_1d6ig_14{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/LayoutGrid.css

@@ -1 +1 @@
-._grid_6h47e_1{flex-grow:1;width:100%;padding:0 1rem;margin:0 auto;display:flex;flex-direction:column}._grid_6h47e_1[data-current-id=accountFullscreen]{display:none}@media(max-width:1023px){._grid_6h47e_1[data-current-id=menu]{display:none}}
+._grid_1869r_1{flex-grow:1;width:100%;max-width:1512px;padding:0 1rem;margin:0 auto;display:flex;flex-direction:column}._grid_1869r_1[data-current-id=accountFullscreen]{display:none}@media(max-width:1023px){._grid_1869r_1[data-current-id=menu]{display:none}}

package/dist/assets/ModalBase.css

@@ -1 +1 @@
-._modal_4vfmr_1{padding:0;width:100%;max-width:450px;border:none;background-color:#fff;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._modal_4vfmr_1[data-backdrop-color=inherit]::backdrop{background-color:#111d4640}._modal_4vfmr_1[data-backdrop-color=transparent]::backdrop{background-color:transparent}._modal_4vfmr_1[data-variant=default]{max-width:640px;margin:auto}._modal_4vfmr_1[data-variant=content]{max-width:988px;margin:auto}._modal_4vfmr_1[data-variant=full]{width:100%;max-width:none;height:100%;min-height:unset}._content_4vfmr_35{position:relative}
+._modal_3d5cx_1{padding:0;width:100%;max-width:450px;border:none;background-color:#fff;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._modal_3d5cx_1[data-backdrop-color=inherit]::backdrop{background-color:#111d4640}._modal_3d5cx_1[data-backdrop-color=transparent]::backdrop{background-color:transparent}._modal_3d5cx_1[data-variant=default]{max-width:640px;margin:auto}._modal_3d5cx_1[data-variant=content]{max-width:988px;margin:auto}._modal_3d5cx_1[data-height=full]{min-height:unset;height:100%}._modal_3d5cx_1[data-variant=full]{width:100%;max-width:none;height:100%;min-height:unset}._content_3d5cx_41{position:relative}

package/dist/assets/ModalFooter.css

@@ -0,0 +1 @@
+._footer_1rs1j_1{width:100%;padding:1.5em;display:flex;align-items:center;justify-content:space-between}._sticky_1rs1j_9{background-color:var(--ds-color-background-default);position:sticky;z-index:2;left:0;right:0;bottom:0}

package/dist/assets/SettingsSection.css

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

package/dist/components/Account/AccountMenu.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as C } from "react/jsx-runtime";
-import { useState as M, useEffect as w, useMemo as L } from "react";
+import { jsx as A } from "react/jsx-runtime";
+import { useState as L, useEffect as M, useMemo as S } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { M as S } from "../../SearchField-QTfebYdU.js";
+import { M as F } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
-const F = (n) => `${n} hits`, G = ({
+const b = (n) => `${n} hits`, G = ({
   items: n = [],
-  groups: s = {},
+  groups: u = {},
   search: t,
   filterAccount: i,
   onSelectAccount: d,
@@ -28,13 +28,13 @@ const F = (n) => `${n} hits`, G = ({
     onClick: () => {
       !e.disabled && d?.(e.id);
     }
-  })), [o, l] = M("");
-  w(() => {
-    t?.value !== void 0 && l(t.value);
+  })), [o, a] = L("");
+  M(() => {
+    t?.value !== void 0 && a(t.value);
   }, [t?.value]);
-  const a = i || ((e, u) => e?.name?.toLowerCase().includes(u.toLowerCase()) || e?.description?.toString()?.toLowerCase().includes(u.toLowerCase())), r = L(() => o ? Array.from(
+  const s = i || ((e, l) => e?.name?.toLowerCase().includes(l.toLowerCase()) || e?.description?.toString()?.toLowerCase().includes(l.toLowerCase()) || e?.searchWords?.some((w) => w.toLowerCase().includes(l.toLowerCase()))), r = S(() => o ? Array.from(
     new Map(
-      c.filter((e) => a(e, o)).map((e) => [
+      c.filter((e) => s(e, o)).map((e) => [
         e.id,
         {
           ...e,
@@ -44,27 +44,27 @@ const F = (n) => `${n} hits`, G = ({
         }
       ])
     ).values()
-  ) : c, [c, o, a]), v = o ? {
+  ) : c, [c, o, s]), v = o ? {
     search: {
-      title: t?.getResultsLabel?.(r.length) ?? F(r.length)
+      title: t?.getResultsLabel?.(r.length) ?? b(r.length)
     }
-  } : s, m = {
+  } : u, C = {
     name: "account-search",
     value: o,
     placeholder: t?.placeholder ?? "Find account",
-    onChange: (e) => l(e.target.value),
-    onClear: () => l("")
-  }, A = [
+    onChange: (e) => a(e.target.value),
+    onClear: () => a("")
+  }, m = [
     ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ C(
-    S,
+  return /* @__PURE__ */ A(
+    F,
     {
       variant: "default",
       size: "md",
-      search: t && !t.hidden ? m : void 0,
+      search: t && !t.hidden ? C : void 0,
       groups: v,
-      items: A,
+      items: m,
       virtualized: f,
       keyboardEvents: g,
       scrollRefStyles: h

package/dist/components/Bookmarks/BookmarkSettingsList.js

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

package/dist/components/Dropdown/Dropdown.js

@@ -6,7 +6,7 @@ import { Button as H } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as Q } from "../../XMark-tKk6aExO.js";
-import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_15prw_17", P = "_backdrop_15prw_47", tt = "_header_15prw_72", et = "_footer_15prw_73", rt = "_title_15prw_146", m = {
+import '../../assets/Dropdown.css';const V = "_dropdown_1mtdm_1", Z = "_content_1mtdm_17", P = "_backdrop_1mtdm_47", tt = "_header_1mtdm_76", et = "_footer_1mtdm_77", rt = "_title_1mtdm_148", m = {
   dropdown: V,
   content: Z,
   backdrop: P,
@@ -42,7 +42,7 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
   trigger: N,
   children: B,
   open: r,
-  onClose: w,
+  onClose: g,
   onSubmit: I,
   activeDescendantId: T,
   useFixedPosition: l = !1
@@ -57,7 +57,7 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
     maxHeight: 300
   }), f = $(() => {
     if (r && b.current && u.current) {
-      const t = b.current.getBoundingClientRect(), s = u.current.getBoundingClientRect(), o = window.innerHeight, e = window.innerWidth, i = 16, d = o - t.bottom, g = t.top, y = e - t.right - s.width, A = d < 250 && g > d, j = A ? "top" : "bottom", q = (A ? g : d) - i, K = y < i ? "right" : "left";
+      const t = b.current.getBoundingClientRect(), s = u.current.getBoundingClientRect(), o = window.innerHeight, e = window.innerWidth, i = 16, d = o - t.bottom, w = t.top, y = e - t.right - s.width, A = d < 250 && w > d, j = A ? "top" : "bottom", q = (A ? w : d) - i, K = y < i ? "right" : "left";
       X((U) => ({
         ...U,
         yDir: j,
@@ -91,15 +91,15 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
     return () => cancelAnimationFrame(t);
   }, [r]), D(() => {
     const t = (o) => {
-      o.key === "Escape" && w();
+      o.key === "Escape" && g();
     }, s = (o) => {
       const e = o.target, i = b.current?.contains(e), d = u.current?.contains(e);
-      !i && !d && w();
+      !i && !d && g();
     };
     return r && (document.addEventListener("mousedown", s), document.addEventListener("keydown", t)), () => {
       document.removeEventListener("mousedown", s), document.removeEventListener("keydown", t);
     };
-  }, [r, w]), D(() => {
+  }, [r, g]), D(() => {
     if (!r) return;
     const t = u.current;
     if (!t) return;
@@ -115,8 +115,8 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
         e.preventDefault(), t.focus?.({ preventScroll: !0 });
         return;
       }
-      const d = i[0], g = i[i.length - 1], y = document.activeElement;
-      e.shiftKey ? y === d && (e.preventDefault(), g.focus({ preventScroll: !0 })) : y === g && (e.preventDefault(), d.focus({ preventScroll: !0 }));
+      const d = i[0], w = i[i.length - 1], y = document.activeElement;
+      e.shiftKey ? y === d && (e.preventDefault(), w.focus({ preventScroll: !0 })) : y === w && (e.preventDefault(), d.focus({ preventScroll: !0 }));
     };
     return document.addEventListener("focusin", s), document.addEventListener("keydown", o), () => {
       document.removeEventListener("focusin", s), document.removeEventListener("keydown", o);
@@ -154,10 +154,10 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
       children: [
         /* @__PURE__ */ x("header", { className: m.header, children: [
           /* @__PURE__ */ a("h2", { className: m.title, children: C }),
-          /* @__PURE__ */ a(H, { size: "sm", variant: "outline", onClick: w, "aria-label": F, children: /* @__PURE__ */ a(Q, {}) })
+          /* @__PURE__ */ a(H, { size: "sm", variant: "outline", onClick: g, "aria-label": F, children: /* @__PURE__ */ a(Q, {}) })
         ] }),
         /* @__PURE__ */ a("div", { className: m.content, children: B }),
-        k && /* @__PURE__ */ a("footer", { className: m.footer, children: /* @__PURE__ */ a(H, { size: "lg", variant: "solid", onClick: I || w, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: k }) }) })
+        k && /* @__PURE__ */ a("footer", { className: m.footer, children: /* @__PURE__ */ a(H, { size: "lg", variant: "solid", onClick: I || g, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: k }) }) })
       ]
     }
   );

package/dist/components/DsComponents/index.js

@@ -1,33 +1,32 @@
 import { A as o } from "../../alert-BzifOfXl.js";
-import { B as D, C as r, a as t, b as i, D as n, L as p, c as x, d as f, P as m, e as S, S as d, f as g, T as l, u as P } from "../../textfield-Drdr9bio.js";
-import { B as h, S as c } from "../../button-BB5sYVKY.js";
-import { H as C, S as L } from "../../switch-Cemfhx0H.js";
-import { D as u } from "../../index-Q0EA2XB0.js";
-import { P as A } from "../../paragraph-BRiIBpbY.js";
-import { S as V } from "../../index--jNxJmA8.js";
-import { V as w } from "../../index-z82sbSVU.js";
+import { B as e, C as r, a as t, b as i, D as n, L as p, c as x, d as f, P as m, e as g, S as d, f as S, g as l, T as P, u as b } from "../../textfield-CNXt-27J.js";
+import { B as c, S as B } from "../../button-BB5sYVKY.js";
+import { H as L, S as k } from "../../switch-Cemfhx0H.js";
+import { D as T } from "../../index-Q0EA2XB0.js";
+import { P as H } from "../../paragraph-BRiIBpbY.js";
+import { V as v } from "../../index-z82sbSVU.js";
 export {
   o as DsAlert,
-  D as DsBadge,
-  h as DsButton,
+  e as DsBadge,
+  c as DsButton,
   r as DsCheckbox,
   t as DsChip,
   i as DsCombobox,
-  u as DsDetails,
+  T as DsDetails,
   n as DsDialog,
-  C as DsHeading,
+  L as DsHeading,
   p as DsLink,
   x as DsListItem,
   f as DsListUnordered,
   m as DsPagination,
-  A as DsParagraph,
-  S as DsPopover,
-  V as DsSearch,
-  d as DsSkeleton,
-  c as DsSpinner,
-  L as DsSwitch,
-  g as DsTabs,
-  l as DsTextfield,
-  w as DsValidationMessage,
-  P as useDsPagination
+  H as DsParagraph,
+  g as DsPopover,
+  d as DsSearch,
+  S as DsSkeleton,
+  B as DsSpinner,
+  k as DsSwitch,
+  l as DsTabs,
+  P as DsTextfield,
+  v as DsValidationMessage,
+  b as useDsPagination
 };

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,138 +1,78 @@
-"use client";
-import { jsx as a, jsxs as m, Fragment as w } from "react/jsx-runtime";
-import { c as x } from "../../index-p1eeF8LQ.js";
-import u, { forwardRef as z, useState as I, useEffect as O } from "react";
-import { useIsDesktop as R } from "../../hooks/useIsDesktop.js";
-import { AccountMenu as L } from "../Account/AccountMenu.js";
-import { Button as A } from "../Button/Button.js";
+import { jsx as c, jsxs as f } from "react/jsx-runtime";
+import { c as p } from "../../index-p1eeF8LQ.js";
+import { useState as _, useEffect as g } from "react";
+import { AccountMenu as w } from "../Account/AccountMenu.js";
+import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as P } from "../RootProvider/RootProvider.js";
+import { useRootContext as N } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as H } from "../../SearchField-QTfebYdU.js";
-import { S as T } from "../../button-BB5sYVKY.js";
-import { H as V, S as B } from "../../switch-Cemfhx0H.js";
-import { u as j } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountSelector.css';var $ = function(e, l) {
-  var n = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
-      l.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
-  return n;
-};
-const D = z((e, l) => {
-  var { title: n, titleId: t } = e, r = $(e, ["title", "titleId"]);
-  let c = j();
-  return c = n ? t || "title-" + c : void 0, u.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: l, "aria-labelledby": c }, r),
-    n ? u.createElement("title", { id: c }, n) : null,
-    u.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m4.03 9.28-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 .53-1.28h7a.75.75 0 0 1 .53 1.28m-2.34.22h-3.38L12 13.44z", clipRule: "evenodd" })
-  );
-});
-var K = function(e, l) {
-  var n = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
-      l.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
-  return n;
-};
-const W = z((e, l) => {
-  var { title: n, titleId: t } = e, r = K(e, ["title", "titleId"]);
-  let c = j();
-  return c = n ? t || "title-" + c : void 0, u.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: l, "aria-labelledby": c }, r),
-    n ? u.createElement("title", { id: c }, n) : null,
-    u.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m.53 6.72a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 .53 1.28h7a.75.75 0 0 0 .53-1.28zM12 10.56l1.69 1.69h-3.38z", clipRule: "evenodd" })
-  );
-}), q = "_accountSelector_lyp2e_1", G = "_heading_lyp2e_11", J = "_searchSection_lyp2e_17", Q = "_searchField_lyp2e_26", U = "_accountMenu_lyp2e_30", X = "_fullScreen_lyp2e_38", Y = "_virtualized_lyp2e_42", Z = "_btnIcon_lyp2e_46", ee = "_spinner_lyp2e_50", i = {
-  accountSelector: q,
-  heading: G,
-  searchSection: J,
-  searchField: Q,
-  accountMenu: U,
-  fullScreen: X,
-  virtualized: Y,
-  btnIcon: Z,
-  spinner: ee
-}, ge = ({
+import { S as A } from "../../SearchField-QTfebYdU.js";
+import { S as L } from "../../button-BB5sYVKY.js";
+import { H as M, S as F } from "../../switch-Cemfhx0H.js";
+import '../../assets/AccountSelector.css';const T = "_accountSelector_139de_1", j = "_heading_139de_11", C = "_searchSection_139de_17", H = "_searchField_139de_26", V = "_accountMenu_139de_30", y = "_virtualized_139de_38", E = "_spinner_139de_47", r = {
+  accountSelector: T,
+  heading: j,
+  searchSection: C,
+  searchField: H,
+  accountMenu: V,
+  virtualized: y,
+  spinner: E
+}, Z = ({
   accountMenu: e,
-  forceOpenFullScreen: l,
-  className: n,
-  loading: t,
-  showDeletedUnits: r,
-  onShowDeletedUnitsChange: c
+  forceOpenFullScreen: t,
+  className: i,
+  loading: v,
+  showDeletedUnits: s,
+  onShowDeletedUnitsChange: x
 }) => {
-  const { currentId: h, openId: d, closeAll: g, languageCode: v } = P(), p = R(), o = h === "accountFullscreen", [S, _] = I(""), [f, b] = I(l);
-  O(() => {
-    !l && f && o && g(), b(l);
-  }, [l]), O(() => {
-    (f === !0 && !o || !p && h === "account") && d("accountFullscreen");
-  }, [f, o, p, h, d]);
-  const { minimize: k, fullscreen: C, searchText: y, heading: E, switchLabel: F } = te(v), M = () => {
-    d(o ? "account" : "accountFullscreen");
-  }, N = (s) => {
-    e.onSelectAccount?.(s), g(), b(!1);
+  const { openId: o, closeAll: l, languageCode: d } = N(), [u, h] = _(""), [a, m] = _(t);
+  g(() => {
+    !t && a && l(), m(t);
+  }, [t]), g(() => {
+    a === !0 && o("account");
+  }, [a, o]);
+  const { searchText: S, heading: z, switchLabel: b } = I(d), k = (n) => {
+    e.onSelectAccount?.(n), l(), m(!1);
   };
-  return t ? /* @__PURE__ */ a(T, { "aria-hidden": !0, "data-color": "neutral", className: i.spinner }) : /* @__PURE__ */ m("div", { className: x(n, i.accountSelector), children: [
-    /* @__PURE__ */ a(V, { "data-size": "sm", level: 2, className: i.heading, children: E }),
-    /* @__PURE__ */ m("div", { className: i.searchSection, children: [
-      /* @__PURE__ */ a(
-        H,
+  return v ? /* @__PURE__ */ c(L, { "aria-hidden": !0, "data-color": "neutral", className: r.spinner }) : /* @__PURE__ */ f("div", { className: p(i, r.accountSelector), children: [
+    /* @__PURE__ */ c(M, { "data-size": "sm", level: 2, className: r.heading, children: z }),
+    /* @__PURE__ */ f("div", { className: r.searchSection, children: [
+      /* @__PURE__ */ c(
+        A,
         {
-          name: y,
-          placeholder: y,
-          value: S,
-          onChange: (s) => _(s.target.value),
-          onClear: () => _(""),
-          className: i.searchField
+          name: S,
+          placeholder: S,
+          value: u,
+          onChange: (n) => h(n.target.value),
+          onClear: () => h(""),
+          className: r.searchField
         }
       ),
-      r !== void 0 && /* @__PURE__ */ a(
-        B,
+      s !== void 0 && /* @__PURE__ */ c(
+        F,
         {
-          checked: r,
-          onChange: (s) => c?.(s.target.checked),
-          label: F
+          checked: s,
+          onChange: (n) => x?.(n.target.checked),
+          label: b
         }
       )
     ] }),
-    /* @__PURE__ */ a(
-      "div",
+    /* @__PURE__ */ c("div", { className: p(r.accountMenu, e.virtualized && r.virtualized), children: /* @__PURE__ */ c(
+      w,
       {
-        className: x(
-          i.accountMenu,
-          o && i.fullScreen,
-          e.virtualized && i.virtualized
-        ),
-        children: /* @__PURE__ */ a(
-          L,
-          {
-            ...e,
-            onSelectAccount: N,
-            keyboardEvents: !1,
-            search: {
-              hidden: !0,
-              name: "",
-              value: S,
-              getResultsLabel: (s) => ne(s, v)
-            },
-            scrollRefStyles: !o && e.virtualized ? { maxHeight: "calc(40vh)" } : void 0
-          }
-        )
+        ...e,
+        onSelectAccount: k,
+        keyboardEvents: !1,
+        search: {
+          hidden: !0,
+          name: "",
+          value: u,
+          getResultsLabel: (n) => R(n, d)
+        }
       }
-    ),
-    f !== !0 && p && /* @__PURE__ */ a(A, { variant: "ghost", onClick: M, children: o ? /* @__PURE__ */ m(w, { children: [
-      /* @__PURE__ */ a(W, { className: i.btnIcon, "aria-hidden": "true" }),
-      k
-    ] }) : /* @__PURE__ */ m(w, { children: [
-      /* @__PURE__ */ a(D, { className: i.btnIcon, "aria-hidden": "true" }),
-      C
-    ] }) })
+    ) })
   ] });
-}, te = (e) => {
+}, I = (e) => {
   switch (e) {
     case "nn":
       return {
@@ -159,10 +99,10 @@ const W = z((e, l) => {
         switchLabel: "Vis slettede"
       };
   }
-}, ne = (e, l) => {
-  const n = l === "nb" || l === "nn";
-  return e === 0 ? n ? "Ingen treff" : "No hits" : n ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
+}, R = (e, t) => {
+  const i = t === "nb" || t === "nn";
+  return e === 0 ? i ? "Ingen treff" : "No hits" : i ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
 };
 export {
-  ge as AccountSelector
+  Z as AccountSelector
 };