@altinn/altinn-components 0.48.1 → 0.48.3

package/dist/assets/AccountListVirtual.css

@@ -1 +1 @@
-._virtualScrollRef_rixtf_1{height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 .5rem;margin:0 -.5rem}._virtualList_rixtf_9{list-style-type:none;padding:0;margin:0}._virtualListItem_rixtf_15{position:absolute;top:0;left:0;width:100%;z-index:1}._virtualListItem_rixtf_15:focus-within,._virtualListItem_rixtf_15:has([data-state=open]){z-index:20}._virtualListItem_rixtf_15>*{margin:0}._lastChild_rixtf_32{padding-bottom:1rem}._virtualTitleItem_rixtf_36{position:absolute;top:0;left:0;width:100%;padding-top:1rem;padding-bottom:1rem}._virtualTitleItem_rixtf_36:first-child{padding-top:0}
+._virtualScrollRef_188ep_1{height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 .5rem;margin:0 -.5rem}._virtualList_188ep_9{list-style-type:none;padding:0;margin:0}._virtualListItem_188ep_15{position:absolute;top:0;left:0;width:100%}._virtualListItem_188ep_15:focus-within,._virtualListItem_188ep_15:has([data-expanded=true]){z-index:20}._virtualListItem_188ep_15>*{margin:0}._lastChild_188ep_31{padding-bottom:1rem}._virtualTitleItem_188ep_35{position:absolute;top:0;left:0;width:100%;padding-top:1rem;padding-bottom:1rem}._virtualTitleItem_188ep_35:first-child{padding-top:0}

package/dist/components/Account/AccountListVirtual.js

@@ -9,15 +9,15 @@ import { Heading as L } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as S } from "../Page/Section.js";
-import '../../assets/AccountListVirtual.css';const $ = "_virtualScrollRef_rixtf_1", C = "_virtualList_rixtf_9", P = "_virtualListItem_rixtf_15", E = "_lastChild_rixtf_32", z = "_virtualTitleItem_rixtf_36", o = {
+import '../../assets/AccountListVirtual.css';const $ = "_virtualScrollRef_188ep_1", C = "_virtualList_188ep_9", P = "_virtualListItem_188ep_15", E = "_lastChild_188ep_31", z = "_virtualTitleItem_188ep_35", o = {
   virtualScrollRef: $,
   virtualList: C,
   virtualListItem: P,
   lastChild: E,
   virtualTitleItem: z
-}, j = ({ items: p, groups: d = {}, sortGroupBy: f }) => {
+}, j = ({ items: u, groups: d = {}, sortGroupBy: f }) => {
   const n = I(null), { menu: y } = _({
-    items: p,
+    items: u,
     groups: d,
     groupByKey: "groupId",
     keyboardEvents: !1,
@@ -43,14 +43,14 @@ import '../../assets/AccountListVirtual.css';const $ = "_virtualScrollRef_rixtf_
       return (r == null ? void 0 : r.parentId) && (!i || i.type === "title" || i.type === "item" && !((c = i.itemProps) != null && c.parentId)) ? 96 : 80;
     },
     getScrollElement: () => n.current
-  }), u = m.getVirtualItems();
+  }), p = m.getVirtualItems();
   return h(() => {
     var t, e, i;
-    for (const r of u) {
+    for (const r of p) {
       const s = ((t = n.current) == null ? void 0 : t.querySelector(`[data-index="${r.index}"]`)) ?? ((e = n.current) == null ? void 0 : e.querySelector(`[dataindex="${r.index}"]`)) ?? ((i = n.current) == null ? void 0 : i.querySelector(`[dataIndex="${r.index}"]`));
       s && m.measureElement(s);
     }
-  }, [u]), /* @__PURE__ */ l(S, { spacing: 6, children: /* @__PURE__ */ l("div", { ref: n, className: o.virtualScrollRef, children: /* @__PURE__ */ l(
+  }, [p]), /* @__PURE__ */ l(S, { spacing: 6, children: /* @__PURE__ */ l("div", { ref: n, className: o.virtualScrollRef, children: /* @__PURE__ */ l(
     "ul",
     {
       className: o.virtualList,
@@ -58,7 +58,7 @@ import '../../assets/AccountListVirtual.css';const $ = "_virtualScrollRef_rixtf_
         position: "relative",
         height: `${m.getTotalSize()}px`
       },
-      children: u.map((t) => {
+      children: p.map((t) => {
         var i, r;
         const e = a[t.index];
         if (!e) return null;

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,117 +1,118 @@
 "use client";
-import { jsx as o, jsxs as E } from "react/jsx-runtime";
-import { c as S } from "../../index-L8X2o7IH.js";
-import s, { forwardRef as y, useState as _, useEffect as b } from "react";
-import { AccountMenu as F } from "../Account/AccountMenu.js";
-import { Button as k } from "../Button/Button.js";
-import { useRootContext as N } from "../RootProvider/RootProvider.js";
+import { jsx as a, jsxs as k } from "react/jsx-runtime";
+import { c as _ } from "../../index-L8X2o7IH.js";
+import s, { forwardRef as w, useState as b, useEffect as y } from "react";
+import { useIsDesktop as F } from "../../hooks/useIsDesktop.js";
+import { AccountMenu as N } from "../Account/AccountMenu.js";
+import { Button as R } from "../Button/Button.js";
+import { useRootContext as A } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { SearchField as R } from "../Forms/SearchField.js";
-import { S as A } from "../../Spinner-BDXfwXIh.js";
-import { H as M } from "../../Heading-By5DKz2H.js";
-import { u as w } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountSelector.css';var P = function(e, l) {
+import { SearchField as M } from "../Forms/SearchField.js";
+import { S as P } from "../../Spinner-BDXfwXIh.js";
+import { H as T } from "../../Heading-By5DKz2H.js";
+import { u as x } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountSelector.css';var H = function(e, i) {
   var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
   return r;
 };
-const T = y((e, l) => {
-  var { title: r, titleId: t } = e, n = P(e, ["title", "titleId"]);
-  let i = w();
-  return i = r ? t || "title-" + i : void 0, s.createElement(
+const V = w((e, i) => {
+  var { title: r, titleId: t } = e, n = H(e, ["title", "titleId"]);
+  let l = x();
+  return l = r ? t || "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: l, "aria-labelledby": i }, n),
-    r ? s.createElement("title", { id: i }, r) : null,
+    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 }, n),
+    r ? s.createElement("title", { id: l }, r) : null,
     s.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 H = function(e, l) {
+var B = function(e, i) {
   var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
   return r;
 };
-const V = y((e, l) => {
-  var { title: r, titleId: t } = e, n = H(e, ["title", "titleId"]);
-  let i = w();
-  return i = r ? t || "title-" + i : void 0, s.createElement(
+const D = w((e, i) => {
+  var { title: r, titleId: t } = e, n = B(e, ["title", "titleId"]);
+  let l = x();
+  return l = r ? t || "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: l, "aria-labelledby": i }, n),
-    r ? s.createElement("title", { id: i }, r) : null,
+    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 }, n),
+    r ? s.createElement("title", { id: l }, r) : null,
     s.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" })
   );
-}), B = "_accountSelector_1f74n_1", D = "_heading_1f74n_11", K = "_searchSection_1f74n_17", L = "_searchField_1f74n_22", U = "_accountMenu_1f74n_26", W = "_fullScreen_1f74n_34", $ = "_virtualized_1f74n_38", q = "_btnIcon_1f74n_42", G = "_spinner_1f74n_46", c = {
-  accountSelector: B,
-  heading: D,
-  searchSection: K,
-  searchField: L,
-  accountMenu: U,
-  fullScreen: W,
-  virtualized: $,
-  btnIcon: q,
-  spinner: G
-}, ae = ({ accountMenu: e, forceOpenFullScreen: l, className: r, loading: t }) => {
-  const { currentId: n, openId: i, closeAll: f, languageCode: x } = N(), a = n === "accountFullscreen", [m, h] = _(""), [d, p] = _(l);
-  b(() => {
-    !l && d && a && f(), p(l);
-  }, [l]), b(() => {
-    d === !0 && !a && i("accountFullscreen");
-  }, [d, a, i]);
-  const { minimize: O, fullscreen: I, searchText: v, heading: z } = J(x), j = () => {
-    i(a ? "account" : "accountFullscreen");
-  }, C = (u) => {
-    var g;
-    (g = e.onSelectAccount) == null || g.call(e, u), f(), p(!1);
+}), K = "_accountSelector_1f74n_1", L = "_heading_1f74n_11", U = "_searchSection_1f74n_17", W = "_searchField_1f74n_22", $ = "_accountMenu_1f74n_26", q = "_fullScreen_1f74n_34", G = "_virtualized_1f74n_38", J = "_btnIcon_1f74n_42", Q = "_spinner_1f74n_46", c = {
+  accountSelector: K,
+  heading: L,
+  searchSection: U,
+  searchField: W,
+  accountMenu: $,
+  fullScreen: q,
+  virtualized: G,
+  btnIcon: J,
+  spinner: Q
+}, de = ({ accountMenu: e, forceOpenFullScreen: i, className: r, loading: t }) => {
+  const { currentId: n, openId: l, closeAll: m, languageCode: I } = A(), u = F(), o = n === "accountFullscreen", [h, p] = b(""), [d, v] = b(i);
+  y(() => {
+    !i && d && o && m(), v(i);
+  }, [i]), y(() => {
+    (d === !0 && !o || !u && n === "account") && l("accountFullscreen");
+  }, [d, o, u, n, l]);
+  const { minimize: O, fullscreen: z, searchText: g, heading: j } = X(I), C = () => {
+    l(o ? "account" : "accountFullscreen");
+  }, E = (f) => {
+    var S;
+    (S = e.onSelectAccount) == null || S.call(e, f), m(), v(!1);
   };
-  return t ? /* @__PURE__ */ o(A, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ E("div", { className: S(r, c.accountSelector), children: [
-    a && /* @__PURE__ */ o(M, { "data-size": "md", level: 2, className: c.heading, children: z }),
-    /* @__PURE__ */ o("div", { className: c.searchSection, children: /* @__PURE__ */ o(
-      R,
+  return t ? /* @__PURE__ */ a(P, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ k("div", { className: _(r, c.accountSelector), children: [
+    o && /* @__PURE__ */ a(T, { "data-size": "md", level: 2, className: c.heading, children: j }),
+    /* @__PURE__ */ a("div", { className: c.searchSection, children: /* @__PURE__ */ a(
+      M,
       {
-        name: v,
-        placeholder: v,
-        value: m,
-        onChange: (u) => h(u.target.value),
-        onClear: () => h(""),
+        name: g,
+        placeholder: g,
+        value: h,
+        onChange: (f) => p(f.target.value),
+        onClear: () => p(""),
         className: c.searchField
       }
     ) }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       "div",
       {
-        className: S(
+        className: _(
           c.accountMenu,
-          a && c.fullScreen,
+          o && c.fullScreen,
           e.isVirtualized && c.virtualized
         ),
-        children: /* @__PURE__ */ o(
-          F,
+        children: /* @__PURE__ */ a(
+          N,
           {
             ...e,
-            onSelectAccount: C,
+            onSelectAccount: E,
             keyboardEvents: !1,
-            search: { hidden: !0, name: "", value: m },
-            scrollRefStyles: !a && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
+            search: { hidden: !0, name: "", value: h },
+            scrollRefStyles: !o && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
           }
         )
       }
     ),
-    d !== !0 && /* @__PURE__ */ o(
-      k,
+    d !== !0 && u && /* @__PURE__ */ a(
+      R,
       {
-        icon: a ? /* @__PURE__ */ o(V, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(T, { className: c.btnIcon, "aria-hidden": "true" }),
+        icon: o ? /* @__PURE__ */ a(D, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ a(V, { className: c.btnIcon, "aria-hidden": "true" }),
         variant: "text",
-        onClick: j,
-        children: a ? O : I
+        onClick: C,
+        children: o ? O : z
       }
     )
   ] });
-}, J = (e) => {
+}, X = (e) => {
   switch (e) {
     case "nn":
       return {
@@ -137,5 +138,5 @@ const V = y((e, l) => {
   }
 };
 export {
-  ae as AccountSelector
+  de as AccountSelector
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { useIsDesktop as O } from "../../hooks/useIsDesktop.js";
-import { AccountMenuButton as F } from "../Account/AccountMenuButton.js";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { useIsDesktop as N } from "../../hooks/useIsDesktop.js";
+import { AccountMenuButton as v } from "../Account/AccountMenuButton.js";
 import { DropdownBase as y } from "../Dropdown/DropdownBase.js";
 import { c as h } from "../../index-L8X2o7IH.js";
-import { DrawerBase as p } from "../Dropdown/DrawerBase.js";
+import { DrawerBase as t } from "../Dropdown/DrawerBase.js";
 import "react";
 import { useRootContext as D } from "../RootProvider/RootProvider.js";
 import { GlobalHeaderBase as H } from "./GlobalHeaderBase.js";
@@ -16,104 +16,114 @@ import { GlobalSearch as T } from "./GlobalSearch.js";
 import { GlobalSearchButton as j } from "./GlobalSearchButton.js";
 import { HeaderGroup as z } from "./HeaderGroup.js";
 import { HeaderLogo as R } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const q = "_drawer_1r5ak_1", E = "_dropdown_1r5ak_6", J = "_relative_1r5ak_19", t = {
+import '../../assets/GlobalHeader.css';const q = "_drawer_1r5ak_1", E = "_dropdown_1r5ak_6", J = "_relative_1r5ak_19", s = {
   drawer: q,
   dropdown: E,
   relative: J
-}, ne = ({
-  globalMenu: e,
+}, oe = ({
+  globalMenu: r,
   desktopMenu: k,
-  mobileMenu: _,
-  globalSearch: i,
+  mobileMenu: O,
+  globalSearch: d,
   locale: a,
-  accountSelector: n,
-  logo: x = {},
-  badge: B,
-  onLoginClick: A
+  accountSelector: e,
+  logo: _ = {},
+  badge: x,
+  onLoginClick: B
 }) => {
-  var f, l;
-  const { currentId: r, toggleId: u, openId: C, closeAll: m } = D(), G = () => {
-    u("search");
-  }, v = () => {
-    r === "account" || r === "accountFullscreen" ? m() : C("account");
-  }, N = () => {
-    u("menu");
-  }, c = r === "account" || r === "accountFullscreen" || (n == null ? void 0 : n.forceOpenFullScreen), s = O();
-  return /* @__PURE__ */ d(H, { currentId: r, openBackdrop: r === "menu", onCloseBackdrop: m, children: [
-    /* @__PURE__ */ o(R, { ...x, badge: B, className: t.logo }),
-    /* @__PURE__ */ d(z, { children: [
-      n && /* @__PURE__ */ o(
-        F,
+  var l, u;
+  const { currentId: n, toggleId: c, openId: F, closeAll: m } = D(), A = () => {
+    c("search");
+  }, C = () => {
+    n === "account" || n === "accountFullscreen" ? m() : F("account");
+  }, G = () => {
+    c("menu");
+  }, f = n === "account" || n === "accountFullscreen" || (e == null ? void 0 : e.forceOpenFullScreen), i = N();
+  return /* @__PURE__ */ p(H, { currentId: n, openBackdrop: n === "menu", onCloseBackdrop: m, children: [
+    /* @__PURE__ */ o(R, { ..._, badge: x, className: s.logo }),
+    /* @__PURE__ */ p(z, { children: [
+      e && /* @__PURE__ */ o(
+        v,
         {
-          currentAccount: (f = n.accountMenu) == null ? void 0 : f.currentAccount,
-          minimized: !s,
-          onClick: (l = n.accountMenu) != null && l.currentAccount ? v : A,
-          expanded: c,
-          loading: n.loading
+          currentAccount: (l = e.accountMenu) == null ? void 0 : l.currentAccount,
+          minimized: !i,
+          onClick: (u = e.accountMenu) != null && u.currentAccount ? C : B,
+          expanded: f,
+          loading: e.loading,
+          disabled: e.forceOpenFullScreen
         }
       ),
-      i && /* @__PURE__ */ o(j, { onClick: G, expanded: r === "search" }),
-      /* @__PURE__ */ d("div", { className: t.relative, children: [
-        /* @__PURE__ */ o(I, { onClick: N, expanded: r === "menu", label: e == null ? void 0 : e.menuLabel }),
-        e && /* @__PURE__ */ o(
+      d && /* @__PURE__ */ o(
+        j,
+        {
+          onClick: A,
+          expanded: n === "search",
+          disabled: e == null ? void 0 : e.forceOpenFullScreen
+        }
+      ),
+      /* @__PURE__ */ p("div", { className: s.relative, children: [
+        /* @__PURE__ */ o(
+          I,
+          {
+            onClick: G,
+            expanded: n === "menu",
+            disabled: e == null ? void 0 : e.forceOpenFullScreen,
+            label: r == null ? void 0 : r.menuLabel
+          }
+        ),
+        r && /* @__PURE__ */ o(
           y,
           {
             layout: "desktop",
             padding: !0,
             size: "lg",
             placement: "right",
-            open: r === "menu",
-            className: t.dropdown,
+            open: n === "menu",
+            className: s.dropdown,
             children: /* @__PURE__ */ o(
               w,
               {
-                ...e,
-                menu: k || (e == null ? void 0 : e.menu),
+                ...r,
+                menu: k || (r == null ? void 0 : r.menu),
                 onClose: m,
                 localeSwitcher: a,
-                isOpen: r === "menu"
+                isOpen: n === "menu"
               }
             )
           }
         )
       ] })
     ] }),
-    e && /* @__PURE__ */ o(p, { open: r === "menu", className: t.drawer, children: /* @__PURE__ */ o(
+    r && /* @__PURE__ */ o(t, { open: n === "menu", className: s.drawer, children: /* @__PURE__ */ o(
       w,
       {
-        ...e,
-        menu: _ || (e == null ? void 0 : e.menu),
+        ...r,
+        menu: O || (r == null ? void 0 : r.menu),
         onClose: m,
         localeSwitcher: a,
-        isOpen: r === "menu"
+        isOpen: n === "menu"
       }
     ) }),
-    n && /* @__PURE__ */ o(
-      p,
+    e && /* @__PURE__ */ o(
+      t,
       {
-        open: c,
-        className: h(t.drawer),
-        dataLayout: s ? "desktop" : "mobile",
-        children: /* @__PURE__ */ o(
-          L,
-          {
-            ...n,
-            forceOpenFullScreen: n.forceOpenFullScreen || !s ? c : void 0
-          }
-        )
+        open: f,
+        className: h(s.drawer),
+        dataLayout: i ? "desktop" : "mobile",
+        children: /* @__PURE__ */ o(L, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
       }
     ),
-    i && /* @__PURE__ */ o(
-      p,
+    d && /* @__PURE__ */ o(
+      t,
       {
-        open: r === "search",
-        className: h(t.drawer),
-        dataLayout: s ? "desktop" : "mobile",
-        children: /* @__PURE__ */ o(T, { ...i })
+        open: n === "search",
+        className: h(s.drawer),
+        dataLayout: i ? "desktop" : "mobile",
+        children: /* @__PURE__ */ o(T, { ...d })
       }
     )
   ] });
 };
 export {
-  ne as GlobalHeader
+  oe as GlobalHeader
 };

package/dist/components/GlobalHeader/GlobalSearchButton.js

@@ -1,35 +1,33 @@
 "use client";
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { useIsDesktop as i } from "../../hooks/useIsDesktop.js";
-import { useRootContext as l } from "../RootProvider/RootProvider.js";
-import { s as u } from "../../globalSearch.module-Ejp7X0dO.js";
+import { useIsDesktop as l } from "../../hooks/useIsDesktop.js";
+import { useRootContext as u } from "../RootProvider/RootProvider.js";
+import { s as m } from "../../globalSearch.module-Ejp7X0dO.js";
 import "../Snackbar/useSnackbar.js";
-import { B as m } from "../../Button-B0t0vz2h.js";
-import { S as p } from "../../XMark-tKk6aExO.js";
-import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";
-const v = ({
-  onClick: t,
-  expanded: o
-}) => {
-  const { languageCode: a } = l(), { search: r, close: n } = f(a), e = i();
-  return /* @__PURE__ */ c(
-    m,
+import { B as p } from "../../Button-B0t0vz2h.js";
+import { S as h } from "../../XMark-tKk6aExO.js";
+import { S as f } from "../../MagnifyingGlass-bwVhw07z.js";
+const D = ({ onClick: t, expanded: o, ...a }) => {
+  const { languageCode: n } = u(), { search: r, close: c } = k(n), e = l();
+  return /* @__PURE__ */ i(
+    p,
     {
+      ...a,
       type: "button",
       icon: !e,
-      title: o ? n : r,
+      title: o ? c : r,
       onClick: t,
       "data-color": "neutral",
-      className: u.searchButton,
+      className: m.searchButton,
       children: [
-        o ? /* @__PURE__ */ s(p, { "aria-hidden": "true" }) : /* @__PURE__ */ s(h, { "aria-hidden": "true" }),
+        o ? /* @__PURE__ */ s(h, { "aria-hidden": "true" }) : /* @__PURE__ */ s(f, { "aria-hidden": "true" }),
         e ? r : null
       ]
     }
   );
-}, f = (t) => {
+}, k = (t) => {
   switch (t) {
     case "nn":
       return {
@@ -49,5 +47,5 @@ const v = ({
   }
 };
 export {
-  v as GlobalSearchButton
+  D as GlobalSearchButton
 };

package/dist/types/lib/components/GlobalHeader/GlobalSearchButton.d.ts

@@ -1,4 +1,6 @@
-export declare const GlobalSearchButton: ({ onClick, expanded, }: {
+import { DsButtonProps } from '../';
+export interface GlobalSearchButtonProps extends DsButtonProps {
     onClick: () => void;
     expanded: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}
+export declare const GlobalSearchButton: ({ onClick, expanded, ...buttonProps }: GlobalSearchButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/stories/Profile.stories.d.ts

@@ -9,6 +9,7 @@ declare const meta: {
 export default meta;
 export declare const DashboardPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountsPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountsPageVirtualized: () => import("react/jsx-runtime").JSX.Element;
 export declare const AlertsPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const SettingsPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const ActivityLogPage: () => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.48.1",
+  "version": "0.48.3",
   "main": "dist/index.js",
   "files": [
     "dist/",