@altinn/altinn-components 0.52.7 → 0.53.1

package/dist/components/DsComponents/index.js

@@ -1,34 +1,33 @@
 import { A as o } from "../../alert-BzifOfXl.js";
-import { B as D, C as r, a as t, b as i, D as p, L as n, c as x, d as f, P as m, e as g, f as d, S, g as l, T as P, u as b } from "../../textfield-B_OMMEbF.js";
-import { B as c } from "../../button-MzZgmHyA.js";
-import { D as C } from "../../index-Q0EA2XB0.js";
-import { H as k } from "../../heading-C_XYsUfi.js";
-import { P as T } from "../../paragraph-BRiIBpbY.js";
-import { S as H } from "../../index-Dg71_7ad.js";
-import { S as v } from "../../spinner-0Qe_jRGB.js";
-import { V as I } from "../../index-z82sbSVU.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-DAuYWtUj.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-DttADHE1.js";
+import { V as w } from "../../index-z82sbSVU.js";
 export {
   o as DsAlert,
   D as DsBadge,
-  c as DsButton,
+  h as DsButton,
   r as DsCheckbox,
   t as DsChip,
   i as DsCombobox,
-  C as DsDetails,
-  p as DsDialog,
-  k as DsHeading,
-  n as DsLink,
+  u as DsDetails,
+  n as DsDialog,
+  C as DsHeading,
+  p as DsLink,
   x as DsListItem,
   f as DsListUnordered,
   m as DsPagination,
-  T as DsParagraph,
-  g as DsPopover,
-  H as DsSearch,
+  A as DsParagraph,
+  S as DsPopover,
+  V as DsSearch,
   d as DsSkeleton,
-  v as DsSpinner,
-  S as DsSwitch,
-  l as DsTabs,
-  P as DsTextfield,
-  I as DsValidationMessage,
-  b as useDsPagination
+  c as DsSpinner,
+  L as DsSwitch,
+  g as DsTabs,
+  l as DsTextfield,
+  w as DsValidationMessage,
+  P as useDsPagination
 };

package/dist/components/Forms/Checkbox.js

@@ -1,15 +1,16 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Field as e } from "./Field.js";
 import { Label as c } from "./Label.js";
 import { Input as n } from "./Input.js";
 import "../Snackbar/useSnackbar.js";
-const l = ({ size: t, color: m, label: r, ...i }) => /* @__PURE__ */ p(e, { size: t, color: m, children: [
+const u = ({ size: t, color: m, label: r, ...i }) => /* @__PURE__ */ p(e, { size: t, color: m, children: [
   /* @__PURE__ */ o(n, { ...i, type: "checkbox" }),
   !!r && /* @__PURE__ */ o(c, { children: r })
 ] });
 export {
-  l as Checkbox
+  u as Checkbox
 };

package/dist/components/Forms/CheckboxOptions.js

@@ -1,11 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Checkbox as i } from "./Checkbox.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Snackbar/useSnackbar.js";
-const b = ({ options: r = [], ...t }) => /* @__PURE__ */ o(e, { ...t, children: r.map((m, p) => /* @__PURE__ */ o(i, { ...m }, p)) });
+const k = ({ options: r = [], ...t }) => /* @__PURE__ */ o(e, { ...t, children: r.map((m, p) => /* @__PURE__ */ o(i, { ...m }, p)) });
 export {
-  b as CheckboxOptions
+  k as CheckboxOptions
 };

package/dist/components/Forms/FieldBase.js

@@ -2,15 +2,16 @@ import { jsxs as d, jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as e } from "../Typography/Typography.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Field as n } from "./Field.js";
 import { Label as c } from "./Label.js";
 import "../Snackbar/useSnackbar.js";
-const g = ({ size: r, color: p, label: o, helperText: i, children: t, ...s }) => /* @__PURE__ */ d(n, { size: r, color: p, ...s, children: [
+const u = ({ size: r, color: p, label: o, helperText: i, children: t, ...s }) => /* @__PURE__ */ d(n, { size: r, color: p, ...s, children: [
   o && /* @__PURE__ */ m(c, { size: r, children: o }),
   t,
   i && /* @__PURE__ */ m(e, { size: "xs", children: i })
 ] });
 export {
-  g as FieldBase
+  u as FieldBase
 };

package/dist/components/Forms/FieldsetBase.js

@@ -1,14 +1,15 @@
 import { jsxs as i, jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Fieldset as e } from "./Fieldset.js";
 import { Legend as p } from "./Legend.js";
 import "../Snackbar/useSnackbar.js";
-const h = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(e, { ...t, children: [
+const j = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(e, { ...t, children: [
   !!r && /* @__PURE__ */ m(p, { children: r }),
   o
 ] });
 export {
-  h as FieldsetBase
+  j as FieldsetBase
 };

package/dist/components/Forms/Radio.js

@@ -1,15 +1,16 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Field as e } from "./Field.js";
 import { Label as d } from "./Label.js";
 import { Input as n } from "./Input.js";
 import "../Snackbar/useSnackbar.js";
-const u = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
+const y = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
   /* @__PURE__ */ o(n, { ...m, type: "radio" }),
   !!r && /* @__PURE__ */ o(d, { children: r })
 ] });
 export {
-  u as Radio
+  y as Radio
 };

package/dist/components/Forms/RadioOptions.js

@@ -1,11 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Radio as a } from "./Radio.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Snackbar/useSnackbar.js";
-const R = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
+const h = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
 export {
-  R as RadioOptions
+  h as RadioOptions
 };

package/dist/components/Forms/SearchField.js

@@ -2,44 +2,43 @@ import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import { Icon as _ } from "../Icon/Icon.js";
 import "react";
-import { IconButton as u } from "../Button/IconButton.js";
+import { Button as u } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Input as d } from "./Input.js";
 import { FieldBase as f } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";
-import { S as z } from "../../XMark-tKk6aExO.js";
-import '../../assets/SearchField.css';const B = "_container_1lz5b_1", N = "_icon_1lz5b_5", b = "_input_1lz5b_19", g = "_clear_1lz5b_29", x = "_clearButton_1lz5b_40", t = {
+import { S as k } from "../../XMark-tKk6aExO.js";
+import '../../assets/SearchField.css';const B = "_container_1ikoa_1", N = "_icon_1ikoa_5", g = "_input_1ikoa_23", S = "_clear_1ikoa_33", v = "_clearButton_1ikoa_45", r = {
   container: B,
   icon: N,
-  input: b,
-  clear: g,
-  clearButton: x
-}, G = ({
-  className: c,
-  size: e,
-  color: i = "neutral",
-  label: a,
-  value: n,
-  onClear: r,
+  input: g,
+  clear: S,
+  clearButton: v
+}, q = ({
+  className: n,
+  size: i,
+  color: c = "neutral",
+  label: e,
+  value: t,
+  onClear: a,
   clearButtonAltText: s = "Clear search",
   ...l
-}) => /* @__PURE__ */ o(f, { size: e, color: i, label: a, className: p(t.field, c), children: /* @__PURE__ */ m("div", { className: t.container, children: [
-  /* @__PURE__ */ o(d, { ...l, type: "search", value: n, className: t.input }),
-  /* @__PURE__ */ o(_, { svgElement: h, className: t.icon }),
-  r && !!n && /* @__PURE__ */ o("span", { className: t.clear, children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o(f, { size: i, color: c, label: e, className: p(r.field, n), children: /* @__PURE__ */ m("div", { className: r.container, children: [
+  /* @__PURE__ */ o(d, { ...l, type: "search", value: t, className: r.input }),
+  /* @__PURE__ */ o(_, { svgElement: h, className: r.icon }),
+  a && !!t && /* @__PURE__ */ o("span", { className: r.clear, children: /* @__PURE__ */ o(
     u,
     {
-      size: "custom",
       rounded: !0,
-      icon: z,
       variant: "tinted",
-      className: t.clearButton,
-      onClick: r,
-      iconAltText: s
+      className: r.clearButton,
+      onClick: a,
+      "aria-label": s,
+      children: /* @__PURE__ */ o(k, {})
     }
   ) })
 ] }) });
 export {
-  G as SearchField
+  q as SearchField
 };

package/dist/components/Forms/SelectField.js

@@ -1,11 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { Select as i } from "./Select.js";
+import { Select as e } from "./Select.js";
 import { FieldBase as p } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
-const F = ({ size: r = "md", label: t, children: m, ...e }) => /* @__PURE__ */ o(p, { label: t, size: r, children: /* @__PURE__ */ o(i, { ...e, size: r, children: m }) });
+const S = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(p, { label: t, size: r, children: /* @__PURE__ */ o(e, { ...i, size: r, children: m }) });
 export {
-  F as SelectField
+  S as SelectField
 };

package/dist/components/Forms/Switch.js

@@ -1,15 +1,16 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Field as c } from "./Field.js";
 import { Label as h } from "./Label.js";
 import { Input as n } from "./Input.js";
 import "../Snackbar/useSnackbar.js";
-const b = ({ reverse: t, size: i, color: m, label: r, ...p }) => /* @__PURE__ */ e(c, { size: i, color: m, reverse: t, children: [
+const k = ({ reverse: t, size: i, color: m, label: r, ...p }) => /* @__PURE__ */ e(c, { size: i, color: m, reverse: t, children: [
   /* @__PURE__ */ o(n, { ...p, type: "checkbox", role: "switch" }),
   !!r && /* @__PURE__ */ o(h, { children: r })
 ] });
 export {
-  b as Switch
+  k as Switch
 };

package/dist/components/Forms/SwitchOptions.js

@@ -1,11 +1,12 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Switch as e } from "./Switch.js";
 import { OptionsBase as n } from "./OptionsBase.js";
 import "../Snackbar/useSnackbar.js";
-const O = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
+const S = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
 export {
-  O as SwitchOptions
+  S as SwitchOptions
 };

package/dist/components/Forms/TextField.js

@@ -1,11 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Input as e } from "./Input.js";
 import { FieldBase as n } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
-const F = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
+const a = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
 export {
-  F as TextField
+  a as TextField
 };

package/dist/components/Forms/TextareaField.js

@@ -1,11 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Textarea as p } from "./Textarea.js";
 import { FieldBase as a } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
-const F = ({ size: o, color: t, label: e, helperText: i, ...m }) => /* @__PURE__ */ r(a, { size: o, color: t, label: e, helperText: i, children: /* @__PURE__ */ r(p, { ...m }) });
+const T = ({ size: o, color: t, label: i, helperText: m, ...e }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(p, { ...e }) });
 export {
-  F as TextareaField
+  T as TextareaField
 };

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,149 +1,169 @@
 "use client";
-import { jsx as a, jsxs as k } from "react/jsx-runtime";
-import { c as _ } from "../../index-p1eeF8LQ.js";
-import s, { forwardRef as y, useState as b, useEffect as w } from "react";
-import { useIsDesktop as C } from "../../hooks/useIsDesktop.js";
-import { AccountMenu as F } from "../Account/AccountMenu.js";
-import { Button as M } from "../Button/Button.js";
-import { useRootContext as N } from "../RootProvider/RootProvider.js";
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+import { c as y } from "../../index-p1eeF8LQ.js";
+import u, { forwardRef as I, useState as j, useEffect as x } from "react";
+import { useIsDesktop as N } from "../../hooks/useIsDesktop.js";
+import { AccountMenu as q } from "../Account/AccountMenu.js";
+import { Button as R } from "../Button/Button.js";
+import { useRootContext as L } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { SearchField as R } from "../Forms/SearchField.js";
-import { S as A } from "../../spinner-0Qe_jRGB.js";
-import { H as P } from "../../heading-C_XYsUfi.js";
-import { u as x } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountSelector.css';var H = function(e, l) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+import { SearchField as A } from "../Forms/SearchField.js";
+import { S as P } from "../../button-BB5sYVKY.js";
+import { H as V, S as H } from "../../switch-Cemfhx0H.js";
+import { u as O } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountSelector.css';var T = 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 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]]);
-  return r;
+    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 T = y((e, l) => {
-  var { title: r, titleId: t } = e, n = H(e, ["title", "titleId"]);
-  let i = x();
-  return i = r ? t || "title-" + i : void 0, s.createElement(
+const B = I((e, l) => {
+  var { title: n, titleId: t } = e, r = T(e, ["title", "titleId"]);
+  let i = O();
+  return i = n ? t || "title-" + i : 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": i }, n),
-    r ? s.createElement("title", { id: i }, 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" })
+    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 }, r),
+    n ? u.createElement("title", { id: i }, 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 V = function(e, l) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+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 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]]);
-  return r;
+    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 B = y((e, l) => {
-  var { title: r, titleId: t } = e, n = V(e, ["title", "titleId"]);
-  let i = x();
-  return i = r ? t || "title-" + i : void 0, s.createElement(
+const D = I((e, l) => {
+  var { title: n, titleId: t } = e, r = $(e, ["title", "titleId"]);
+  let i = O();
+  return i = n ? t || "title-" + i : 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": i }, n),
-    r ? s.createElement("title", { id: i }, 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" })
+    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 }, r),
+    n ? u.createElement("title", { id: i }, 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" })
   );
-}), D = "_accountSelector_1f74n_1", L = "_heading_1f74n_11", $ = "_searchSection_1f74n_17", K = "_searchField_1f74n_22", U = "_accountMenu_1f74n_26", W = "_fullScreen_1f74n_34", q = "_virtualized_1f74n_38", G = "_btnIcon_1f74n_42", J = "_spinner_1f74n_46", c = {
-  accountSelector: D,
-  heading: L,
-  searchSection: $,
-  searchField: K,
-  accountMenu: U,
-  fullScreen: W,
-  virtualized: q,
-  btnIcon: G,
-  spinner: J
-}, ue = ({ accountMenu: e, forceOpenFullScreen: l, className: r, loading: t }) => {
-  const { currentId: n, openId: i, closeAll: m, languageCode: h } = N(), f = C(), o = n === "accountFullscreen", [p, g] = b(""), [d, v] = b(l);
-  w(() => {
-    !l && d && o && m(), v(l);
-  }, [l]), w(() => {
-    (d === !0 && !o || !f && n === "account") && i("accountFullscreen");
-  }, [d, o, f, n, i]);
-  const { minimize: I, fullscreen: O, searchText: S, heading: z } = Q(h), j = () => {
-    i(o ? "account" : "accountFullscreen");
-  }, E = (u) => {
-    e.onSelectAccount?.(u), m(), v(!1);
+}), K = "_accountSelector_qwjt5_1", W = "_heading_qwjt5_11", G = "_searchSection_qwjt5_17", J = "_searchField_qwjt5_25", Q = "_accountMenu_qwjt5_29", U = "_fullScreen_qwjt5_37", X = "_virtualized_qwjt5_41", Y = "_btnIcon_qwjt5_45", Z = "_spinner_qwjt5_49", c = {
+  accountSelector: K,
+  heading: W,
+  searchSection: G,
+  searchField: J,
+  accountMenu: Q,
+  fullScreen: U,
+  virtualized: X,
+  btnIcon: Y,
+  spinner: Z
+}, he = ({
+  accountMenu: e,
+  forceOpenFullScreen: l,
+  className: n,
+  loading: t,
+  showDeletedUnits: r,
+  onShowDeletedUnitsChange: i
+}) => {
+  const { currentId: m, openId: d, closeAll: p, languageCode: g } = L(), h = N(), a = m === "accountFullscreen", [v, S] = j(""), [f, w] = j(l);
+  x(() => {
+    !l && f && a && p(), w(l);
+  }, [l]), x(() => {
+    (f === !0 && !a || !h && m === "account") && d("accountFullscreen");
+  }, [f, a, h, m, d]);
+  const { minimize: z, fullscreen: k, searchText: _, heading: C, switchLabel: E } = ee(g), F = () => {
+    d(a ? "account" : "accountFullscreen");
+  }, M = (s) => {
+    e.onSelectAccount?.(s), p(), w(!1);
   };
-  return t ? /* @__PURE__ */ a(A, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ k("div", { className: _(r, c.accountSelector), children: [
-    o && /* @__PURE__ */ a(P, { "data-size": "md", level: 2, className: c.heading, children: z }),
-    /* @__PURE__ */ a("div", { className: c.searchSection, children: /* @__PURE__ */ a(
-      R,
-      {
-        name: S,
-        placeholder: S,
-        value: p,
-        onChange: (u) => g(u.target.value),
-        onClear: () => g(""),
-        className: c.searchField
-      }
-    ) }),
-    /* @__PURE__ */ a(
+  return t ? /* @__PURE__ */ o(P, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ b("div", { className: y(n, c.accountSelector), children: [
+    /* @__PURE__ */ o(V, { "data-size": "sm", level: 2, className: c.heading, children: C }),
+    /* @__PURE__ */ b("div", { className: c.searchSection, children: [
+      /* @__PURE__ */ o(
+        A,
+        {
+          name: _,
+          placeholder: _,
+          value: v,
+          onChange: (s) => S(s.target.value),
+          onClear: () => S(""),
+          className: c.searchField
+        }
+      ),
+      r !== void 0 && /* @__PURE__ */ o(
+        H,
+        {
+          checked: r,
+          onChange: (s) => i?.(s.target.checked),
+          label: E
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(
       "div",
       {
-        className: _(
+        className: y(
           c.accountMenu,
-          o && c.fullScreen,
+          a && c.fullScreen,
           e.isVirtualized && c.virtualized
         ),
-        children: /* @__PURE__ */ a(
-          F,
+        children: /* @__PURE__ */ o(
+          q,
           {
             ...e,
-            onSelectAccount: E,
+            onSelectAccount: M,
             keyboardEvents: !1,
             search: {
               hidden: !0,
               name: "",
-              value: p,
-              getResultsLabel: (u) => X(u, h)
+              value: v,
+              getResultsLabel: (s) => te(s, g)
             },
-            scrollRefStyles: !o && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
+            scrollRefStyles: !a && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
           }
         )
       }
     ),
-    d !== !0 && f && /* @__PURE__ */ a(
-      M,
+    f !== !0 && h && /* @__PURE__ */ o(
+      R,
       {
-        icon: o ? /* @__PURE__ */ a(B, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ a(T, { className: c.btnIcon, "aria-hidden": "true" }),
-        variant: "text",
-        onClick: j,
-        children: o ? I : O
+        icon: a ? /* @__PURE__ */ o(D, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(B, { className: c.btnIcon, "aria-hidden": "true" }),
+        variant: "ghost",
+        onClick: F,
+        children: a ? z : k
       }
     )
   ] });
-}, Q = (e) => {
+}, ee = (e) => {
   switch (e) {
     case "nn":
       return {
         minimize: "Minimer",
         fullscreen: "Vis i fullskjerm",
         searchText: "Søk i aktørar",
-        heading: "Kven vil du representere?"
+        heading: "Kven vil du representere?",
+        switchLabel: "Vis slettede"
       };
     case "en":
       return {
         minimize: "Minimize",
         fullscreen: "Show in fullscreen",
         searchText: "Search in actors",
-        heading: "Who do you want to represent?"
+        heading: "Who do you want to represent?",
+        switchLabel: "Show deleted"
       };
     default:
       return {
         minimize: "Minimer",
         fullscreen: "Vis i fullskjerm",
         searchText: "Søk i aktører",
-        heading: "Hvem vil du representere?"
+        heading: "Hvem vil du representere?",
+        switchLabel: "Vis slettede"
       };
   }
-}, X = (e, l) => {
-  const r = l === "nb" || l === "nn";
-  return e === 0 ? r ? "Ingen treff" : "No hits" : r ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
+}, te = (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`;
 };
 export {
-  ue as AccountSelector
+  he as AccountSelector
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -5,6 +5,7 @@ import { AccountMenuButton as C } from "../Account/AccountMenuButton.js";
 import { DropdownBase as G } from "../Dropdown/DropdownBase.js";
 import { c as u } from "../../index-p1eeF8LQ.js";
 import { DrawerBase as d } from "../Dropdown/DrawerBase.js";
+import "../Button/Button.js";
 import "react";
 import { useRootContext as N } from "../RootProvider/RootProvider.js";
 import { GlobalHeaderBase as b } from "./GlobalHeaderBase.js";
@@ -20,7 +21,7 @@ import '../../assets/GlobalHeader.css';const T = "_drawer_1r5ak_1", j = "_dropdo
   drawer: T,
   dropdown: j,
   relative: z
-}, oe = ({
+}, re = ({
   globalMenu: n,
   desktopMenu: h,
   mobileMenu: w,
@@ -124,5 +125,5 @@ import '../../assets/GlobalHeader.css';const T = "_drawer_1r5ak_1", j = "_dropdo
   ] });
 };
 export {
-  oe as GlobalHeader
+  re as GlobalHeader
 };