@altinn/altinn-components 0.56.34 → 0.57.3

package/dist/components/Forms/TextFieldDropdown.js

@@ -1,84 +1,79 @@
 "use client";
 import { jsx as r, jsxs as V } from "react/jsx-runtime";
 import { useId as B, useState as f, useRef as x, useMemo as F, useEffect as _, useCallback as I } from "react";
-import { useClickOutside as A } from "../../hooks/useClickOutside.js";
-import { Badge as U } from "../Badge/Badge.js";
-import { DropdownBase as q } from "../Dropdown/DropdownBase.js";
-import { Icon as z } from "../Icon/Icon.js";
+import { useClickOutside as q } from "../../hooks/useClickOutside.js";
+import { Badge as A } from "../Badge/Badge.js";
+import { DropdownBase as J } from "../Dropdown/DropdownBase.js";
+import { F as K, I as U, J as z, K as G, q as H } from "../../Section-xbt3ft20.js";
 import "../../index-p1eeF8LQ.js";
-import { Input as G } from "./Input.js";
-import { FieldBase as H } from "./FieldBase.js";
-import "../RootProvider/RootProvider.js";
+import { Input as P } from "./Input.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { MenuItem as J } from "../Menu/MenuItem.js";
-import { MenuList as K } from "../Menu/MenuList.js";
-import { MenuListItem as P } from "../Menu/MenuListItem.js";
-import { S as Q } from "../../ChevronUp-hn05LboH.js";
-import { S as W } from "../../ChevronDown-D_a7nb-G.js";
+import { MenuList as Q } from "../Menu/MenuList.js";
+import { MenuListItem as W } from "../Menu/MenuListItem.js";
 import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y = "_input_8jcxe_7", Z = "_badge_8jcxe_15", ee = "_dropdownTrigger_8jcxe_36", oe = "_dropdown_8jcxe_36", d = {
   container: X,
   input: Y,
   badge: Z,
   dropdownTrigger: ee,
   dropdown: oe
-}, xe = ({
+}, ge = ({
   label: O,
-  helperText: S,
-  value: p = "",
-  onChange: u,
+  helperText: M,
+  value: u = "",
+  onChange: p,
   options: g,
   validate: v,
-  badge: s,
-  disabled: i,
+  badge: i,
+  disabled: s,
   size: C,
-  color: M,
-  className: N,
-  ...$
+  color: N,
+  className: $,
+  ...k
 }) => {
-  const c = B(), [t, l] = f(!1), [n, w] = f(p), [h, b] = f(-1), [m, k] = f(null), T = x(null), j = x(null), y = x(null);
-  A(T, () => {
-    t && (l(!1), b(-1));
+  const c = B(), [t, a] = f(!1), [n, w] = f(u), [h, b] = f(-1), [m, y] = f(null), T = x(null), j = x(null), D = x(null);
+  q(T, () => {
+    t && (a(!1), b(-1));
   });
-  const a = F(() => n ? g.filter((e) => e.label.toLowerCase().includes(n.toLowerCase())) : g, [n, g]);
+  const l = F(() => n ? g.filter((e) => e.label.toLowerCase().includes(n.toLowerCase())) : g, [n, g]);
   _(() => {
-    w(p);
-  }, [p]), _(() => {
+    w(u);
+  }, [u]), _(() => {
     if (!v) return;
     const e = setTimeout(() => {
       const o = v(n);
-      k(typeof o == "string" ? o : o ? null : "Invalid value");
+      y(typeof o == "string" ? o : o ? null : "Invalid value");
     }, 300);
     return () => clearTimeout(e);
   }, [n, v]), _(() => {
-    if (i || !n) return;
-    const e = a.some((o) => o.label.toLowerCase() === n.toLowerCase());
-    a.length > 0 && !e && !t ? l(!0) : t && a.length === 0 && l(!1);
-  }, [n, a, t, i]);
-  const D = I(
+    if (s || !n) return;
+    const e = l.some((o) => o.label.toLowerCase() === n.toLowerCase());
+    l.length > 0 && !e && !t ? a(!0) : t && l.length === 0 && a(!1);
+  }, [n, l, t, s]);
+  const E = I(
     (e) => {
       const o = e.target.value;
-      w(o), u?.(o);
+      w(o), p?.(o);
     },
-    [u]
-  ), E = I(
+    [p]
+  ), R = I(
     (e) => {
-      w(e.label), u?.(e.value), l(!1), b(-1), j.current?.focus();
+      w(e.label), p?.(e.value), a(!1), b(-1), j.current?.focus();
     },
-    [u]
-  ), R = I(() => {
-    i || (t ? (l(!1), b(-1)) : a.length > 0 && l(!0));
-  }, [i, t, a.length]), L = m ? "danger" : M;
-  return /* @__PURE__ */ r(H, { size: C, color: L, label: O, helperText: m || S, className: N, children: /* @__PURE__ */ V("div", { className: d.container, ref: T, children: [
+    [p]
+  ), S = I(() => {
+    s || (t ? (a(!1), b(-1)) : l.length > 0 && a(!0));
+  }, [s, t, l.length]), L = m ? "danger" : N;
+  return /* @__PURE__ */ r(K, { size: C, color: L, label: O, helperText: m || M, className: $, children: /* @__PURE__ */ V("div", { className: d.container, ref: T, children: [
     /* @__PURE__ */ r(
-      G,
+      P,
       {
-        ...$,
+        ...k,
         ref: j,
         value: n,
-        onChange: D,
-        disabled: i,
+        onChange: E,
+        disabled: s,
         size: C,
         color: L,
         className: d.input,
@@ -89,30 +84,30 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
         "aria-activedescendant": h >= 0 ? `${c}-option-${h}` : void 0,
         "aria-invalid": !!m,
         "aria-describedby": m ? `${c}-error` : void 0,
-        "data-has-badge": !!s
+        "data-has-badge": !!i
       }
     ),
-    s && /* @__PURE__ */ r("span", { className: d.badge, children: /* @__PURE__ */ r(U, { label: s.label, color: s.color, variant: s.variant || "subtle", size: "sm" }) }),
+    i && /* @__PURE__ */ r("span", { className: d.badge, children: /* @__PURE__ */ r(A, { label: i.label, color: i.color, variant: i.variant || "subtle", size: "sm" }) }),
     /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: d.dropdownTrigger,
-        onClick: R,
-        disabled: i,
+        onClick: S,
+        disabled: s,
         "aria-label": t ? "Close dropdown" : "Open dropdown",
         tabIndex: -1,
-        children: /* @__PURE__ */ r(z, { svgElement: t ? Q : W })
+        children: /* @__PURE__ */ r(U, { svgElement: t ? z : G })
       }
     ),
-    /* @__PURE__ */ r(q, { open: t, onClose: () => l(!1), as: "div", className: d.dropdown, children: /* @__PURE__ */ r("div", { id: c, ref: y, role: "listbox", children: /* @__PURE__ */ r(K, { role: "group", children: a.map((e, o) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
-      J,
+    /* @__PURE__ */ r(J, { open: t, onClose: () => a(!1), as: "div", className: d.dropdown, children: /* @__PURE__ */ r("div", { id: c, ref: D, role: "listbox", children: /* @__PURE__ */ r(Q, { role: "group", children: l.map((e, o) => /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(
+      H,
       {
         id: `${c}-option-${o}`,
         role: "option",
-        "aria-selected": e.value === p,
+        "aria-selected": e.value === u,
         "data-active": h === o,
-        onClick: () => !e.disabled && E(e),
+        onClick: () => !e.disabled && R(e),
         disabled: e.disabled,
         as: "div",
         title: e.label,
@@ -122,5 +117,5 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   ] }) });
 };
 export {
-  xe as TextFieldDropdown
+  ge as TextFieldDropdown
 };

package/dist/components/Forms/TextareaField.js

@@ -2,12 +2,11 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Textarea as p } from "./Textarea.js";
-import { FieldBase as a } from "./FieldBase.js";
-import "../RootProvider/RootProvider.js";
+import { F as a } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const h = ({ 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 }) });
+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 {
-  h as TextareaField
+  T as TextareaField
 };

package/dist/components/Forms/index.js

@@ -2,43 +2,42 @@ import { Field as r } from "./Field.js";
 import { Fieldset as p } from "./Fieldset.js";
 import { Legend as f } from "./Legend.js";
 import { Label as i } from "./Label.js";
-import { Input as a } from "./Input.js";
+import { Input as d } from "./Input.js";
 import { Textarea as s } from "./Textarea.js";
 import { Select as c } from "./Select.js";
-import { Radio as S } from "./Radio.js";
+import { Radio as h } from "./Radio.js";
 import { Checkbox as O } from "./Checkbox.js";
 import { Switch as b } from "./Switch.js";
-import { FieldBase as B } from "./FieldBase.js";
-import { TextField as C } from "./TextField.js";
-import { TextareaField as R } from "./TextareaField.js";
-import { SelectField as u } from "./SelectField.js";
-import { S as I } from "../../SearchField-BU7Imhpe.js";
-import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
-import { FieldsetBase as y } from "./FieldsetBase.js";
-import { OptionsBase as A } from "./OptionsBase.js";
-import { RadioOptions as G } from "./RadioOptions.js";
-import { SwitchOptions as J } from "./SwitchOptions.js";
-import { CheckboxOptions as M } from "./CheckboxOptions.js";
+import { F as B, z as k } from "../../Section-xbt3ft20.js";
+import { TextField as L } from "./TextField.js";
+import { TextareaField as g } from "./TextareaField.js";
+import { SelectField as z } from "./SelectField.js";
+import { TextFieldDropdown as I } from "./TextFieldDropdown.js";
+import { FieldsetBase as q } from "./FieldsetBase.js";
+import { OptionsBase as y } from "./OptionsBase.js";
+import { RadioOptions as E } from "./RadioOptions.js";
+import { SwitchOptions as H } from "./SwitchOptions.js";
+import { CheckboxOptions as K } from "./CheckboxOptions.js";
 export {
   O as Checkbox,
-  M as CheckboxOptions,
+  K as CheckboxOptions,
   r as Field,
   B as FieldBase,
   p as Fieldset,
-  y as FieldsetBase,
-  a as Input,
+  q as FieldsetBase,
+  d as Input,
   i as Label,
   f as Legend,
-  A as OptionsBase,
-  S as Radio,
-  G as RadioOptions,
-  I as SearchField,
+  y as OptionsBase,
+  h as Radio,
+  E as RadioOptions,
+  k as SearchField,
   c as Select,
-  u as SelectField,
+  z as SelectField,
   b as Switch,
-  J as SwitchOptions,
-  C as TextField,
-  q as TextFieldDropdown,
+  H as SwitchOptions,
+  L as TextField,
+  I as TextFieldDropdown,
   s as Textarea,
-  R as TextareaField
+  g as TextareaField
 };

package/dist/components/GlobalHeader/GlobalAccountButton.js

@@ -2,13 +2,11 @@
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { c as d } from "../../index-p1eeF8LQ.js";
 import m, { forwardRef as v, isValidElement as b } from "react";
-import { Avatar as p } from "../Avatar/Avatar.js";
-import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { Button as f } from "../Button/Button.js";
+import { Avatar as f } from "../Avatar/Avatar.js";
+import { x as _, E as h, K as y } from "../../Section-xbt3ft20.js";
+import { Button as g } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as h } from "../../XMark-tKk6aExO.js";
-import { S as y } from "../../ChevronDown-D_a7nb-G.js";
 import { u as w } from "../../useId-BVFxCjkq.js";
 import '../../assets/GlobalAccountButton.css';var B = function(t, a) {
   var n = {};
@@ -27,15 +25,15 @@ const N = v((t, a) => {
     n ? m.createElement("title", { id: r }, n) : null,
     m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.5 3.25a.75.75 0 0 0 0 1.5H19a.25.25 0 0 1 .25.25v14a.25.25 0 0 1-.25.25h-3.5a.75.75 0 0 0 0 1.5H19A1.75 1.75 0 0 0 20.75 19V5A1.75 1.75 0 0 0 19 3.25zM9.97 6.97a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H3.5a.75.75 0 0 1 0-1.5h9.69L9.97 8.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
   );
-}), O = "_accountButton_tirvd_3", x = "_loginButton_tirvd_4", j = "_label_tirvd_27", k = "_icon_tirvd_37", S = "_avatar_tirvd_48", E = "_title_tirvd_68", I = "_description_tirvd_75", o = {
-  accountButton: O,
-  loginButton: x,
+}), x = "_accountButton_tirvd_3", O = "_loginButton_tirvd_4", j = "_label_tirvd_27", k = "_icon_tirvd_37", E = "_avatar_tirvd_48", I = "_title_tirvd_68", L = "_description_tirvd_75", o = {
+  accountButton: x,
+  loginButton: O,
   label: j,
   icon: k,
-  avatar: S,
-  title: E,
-  description: I
-}, z = ({
+  avatar: E,
+  title: I,
+  description: L
+}, T = ({
   className: t,
   currentAccount: a,
   expanded: n = !1,
@@ -43,10 +41,10 @@ const N = v((t, a) => {
   loading: i = !1,
   ...r
 }) => {
-  const { languageCode: g } = _(), c = L(g);
+  const { languageCode: p } = _(), c = C(p);
   if (i)
     return /* @__PURE__ */ l(
-      f,
+      g,
       {
         ...r,
         as: "button",
@@ -56,13 +54,13 @@ const N = v((t, a) => {
         className: d(o.accountButton, o.loading, t),
         disabled: !0,
         "aria-label": "loading",
-        children: /* @__PURE__ */ l(p, { name: "loading", loading: !0, className: o.avatar })
+        children: /* @__PURE__ */ l(f, { name: "loading", loading: !0, className: o.avatar })
       }
     );
   if (a) {
     let s = a.description;
     return a.role === "subunit" && typeof s == "string" && s && (s = `${s.split(",")[0]}, ${c.subunit}`), /* @__PURE__ */ u(
-      f,
+      g,
       {
         ...r,
         as: "button",
@@ -73,7 +71,7 @@ const N = v((t, a) => {
         "aria-label": n ? c.close : a.name,
         "aria-expanded": n,
         children: [
-          /* @__PURE__ */ l(p, { ...a?.icon, className: o.avatar }),
+          /* @__PURE__ */ l(f, { ...a?.icon, className: o.avatar }),
           !e && /* @__PURE__ */ u("div", { className: o.label, children: [
             /* @__PURE__ */ l("span", { className: o.title, children: a.name }),
             /* @__PURE__ */ l("span", { className: o.description, children: typeof s == "string" || b(s) ? s : null })
@@ -84,7 +82,7 @@ const N = v((t, a) => {
     );
   }
   return n ? null : /* @__PURE__ */ u(
-    f,
+    g,
     {
       ...r,
       as: "button",
@@ -100,7 +98,7 @@ const N = v((t, a) => {
       ]
     }
   );
-}, L = (t) => {
+}, C = (t) => {
   switch (t) {
     case "nn":
       return {
@@ -123,5 +121,5 @@ const N = v((t, a) => {
   }
 };
 export {
-  z as GlobalAccountButton
+  T as GlobalAccountButton
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -7,7 +7,7 @@ import { GlobalMenu as b } from "../GlobalMenu/GlobalMenu.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as j } from "../RootProvider/RootProvider.js";
+import { x as j } from "../../Section-xbt3ft20.js";
 import { GlobalMenuButton as k } from "./GlobalMenuButton.js";
 import { GlobalAccountButton as D } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";
@@ -30,9 +30,9 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
 }) => {
   const { currentId: o, toggleId: l, closeAll: c } = j(), g = () => {
     l("account");
-  }, v = () => {
+  }, x = () => {
     l("menu");
-  }, i = o === "account" || e?.forceOpenFullScreen || !1, [s, x] = F(!1), O = A();
+  }, i = o === "account" || e?.forceOpenFullScreen || !1, [s, v] = F(!1), O = A();
   return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ a("div", { className: t.container, children: [
     /* @__PURE__ */ n(N, { ...u, badge: f, className: t.logo }),
     /* @__PURE__ */ a("nav", { className: t.nav, children: [
@@ -55,7 +55,7 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
             onClose: c,
             closedBy: e?.forceOpenFullScreen ? "none" : "any",
             expanded: e?.forceOpenFullScreen || s,
-            onToggle: () => x(!s),
+            onToggle: () => v(!s),
             children: /* @__PURE__ */ n(C, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
           }
         )
@@ -69,7 +69,7 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
           trigger: /* @__PURE__ */ n(
             k,
             {
-              onClick: v,
+              onClick: x,
               expanded: o === "menu",
               disabled: e?.forceOpenFullScreen,
               label: r?.menuLabel

package/dist/components/GlobalHeader/GlobalMenuButton.js

@@ -2,18 +2,17 @@ import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { Badge as p } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { Button as d } from "../Button/Button.js";
+import { x as _, E as d } from "../../Section-xbt3ft20.js";
+import { Button as g } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as g } from "../../XMark-tKk6aExO.js";
 import { S as f } from "../../MenuHamburger-YjDC-ncP.js";
-import '../../assets/GlobalMenuButton.css';const N = "_button_e58u8_3", h = "_icon_e58u8_14", k = "_label_e58u8_22", y = "_badge_e58u8_28", t = {
+import '../../assets/GlobalMenuButton.css';const N = "_button_e58u8_3", h = "_icon_e58u8_14", k = "_label_e58u8_22", x = "_badge_e58u8_28", t = {
   button: N,
   icon: h,
   label: k,
-  badge: y
-}, M = (n) => {
+  badge: x
+}, y = (n) => {
   switch (n) {
     case "nn":
       return {
@@ -28,9 +27,9 @@ import '../../assets/GlobalMenuButton.css';const N = "_button_e58u8_3", h = "_ic
         close: "Lukk Meny"
       };
   }
-}, T = ({
+}, H = ({
   className: n,
-  as: x = "button",
+  as: M = "button",
   color: r = "company",
   variant: c = "solid",
   onClick: u,
@@ -39,20 +38,20 @@ import '../../assets/GlobalMenuButton.css';const N = "_button_e58u8_3", h = "_ic
   badge: a,
   ...l
 }) => {
-  const { languageCode: m } = _(), { close: i } = M(m);
+  const { languageCode: i } = _(), { close: m } = y(i);
   return /* @__PURE__ */ b(
-    d,
+    g,
     {
       ...l,
       type: "button",
-      title: o ? i : s,
+      title: o ? m : s,
       onClick: u,
       color: r,
       variant: c,
       className: t.button,
       "aria-expanded": o,
       children: [
-        o ? /* @__PURE__ */ e(g, { className: t.icon, "aria-hidden": "true" }) : /* @__PURE__ */ e(f, { className: t.icon, "aria-hidden": "true" }),
+        o ? /* @__PURE__ */ e(d, { className: t.icon, "aria-hidden": "true" }) : /* @__PURE__ */ e(f, { className: t.icon, "aria-hidden": "true" }),
         /* @__PURE__ */ e("span", { className: t.label, children: s }),
         a && /* @__PURE__ */ e(p, { ...a, className: t.badge })
       ]
@@ -60,5 +59,5 @@ import '../../assets/GlobalMenuButton.css';const N = "_button_e58u8_3", h = "_ic
   );
 };
 export {
-  T as GlobalMenuButton
+  H as GlobalMenuButton
 };

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -1,51 +1,49 @@
 import { jsxs as c, Fragment as f, jsx as r } from "react/jsx-runtime";
-import { useRef as N, useEffect as v } from "react";
-import { Button as D } from "../Button/Button.js";
+import { useRef as D, useEffect as p } from "react";
+import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { useRootContext as L } from "../RootProvider/RootProvider.js";
+import { x as S, J as z, K as j } from "../../Section-xbt3ft20.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as z } from "../../ChevronUp-hn05LboH.js";
-import { S as j } from "../../ChevronDown-D_a7nb-G.js";
-import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_drawer_1f6gf_28", R = "_footer_1f6gf_60", F = "_body_1f6gf_64", V = "_toggleButton_1f6gf_94", n = {
+import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_drawer_1f6gf_28", R = "_footer_1f6gf_60", F = "_body_1f6gf_64", K = "_toggleButton_1f6gf_94", t = {
   backdrop: I,
   drawer: M,
   footer: R,
   body: F,
-  toggleButton: V
-}, O = ({
+  toggleButton: K
+}, Y = ({
   id: l,
   open: i,
   onClose: a,
   closedBy: o = "any",
-  expanded: m,
+  expanded: u,
   onToggle: b,
   children: _
 }) => {
-  const { languageCode: w } = L(), u = q(w), d = N(null);
-  v(() => {
-    const e = d.current, s = (t) => {
-      const { clientY: p, clientX: h, target: y } = t;
-      if (t instanceof KeyboardEvent && t.key === "Escape") {
+  const { languageCode: w } = S(), m = V(w), d = D(null);
+  p(() => {
+    const e = d.current, s = (n) => {
+      const { clientY: h, clientX: v, target: y } = n;
+      if (n instanceof KeyboardEvent && n.key === "Escape") {
         if (o === "none") {
-          t.preventDefault();
+          n.preventDefault();
           return;
         }
         a();
         return;
       }
       if (!window.getSelection()?.toString() && e && y === e && o === "any") {
-        const { top: E, left: S, right: x, bottom: C } = e.getBoundingClientRect();
-        E <= p && p <= C && S <= h && h <= x || e?.close();
+        const { top: E, left: x, right: C, bottom: N } = e.getBoundingClientRect();
+        E <= h && h <= N && x <= v && v <= C || e?.close();
       }
     }, g = () => {
-      const t = e?.querySelector("[autofocus]");
-      document.activeElement !== t && t?.focus();
+      const n = e?.querySelector("[autofocus]");
+      document.activeElement !== n && n?.focus();
     };
     return e?.addEventListener("animationend", g), e?.addEventListener("click", s), e?.addEventListener("keydown", s), () => {
       e?.removeEventListener("animationend", g), e?.removeEventListener("click", s), e?.removeEventListener("keydown", s);
     };
-  }, [o, a]), v(() => {
+  }, [o, a]), p(() => {
     const e = d.current;
     e && (i ? e.open || e.showModal() : e.open && e.close());
   }, [i]);
@@ -53,7 +51,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
     e.preventDefault(), o === "any" && a();
   };
   return /* @__PURE__ */ c(f, { children: [
-    /* @__PURE__ */ r("div", { className: n.backdrop, "aria-hidden": !i }),
+    /* @__PURE__ */ r("div", { className: t.backdrop, "aria-hidden": !i }),
     /* @__PURE__ */ c(
       "dialog",
       {
@@ -62,24 +60,24 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
         "aria-modal": "true",
         "aria-labelledby": "modal-title",
         "data-open": i,
-        "data-expanded": m,
+        "data-expanded": u,
         onCancel: k,
-        className: n.drawer,
+        className: t.drawer,
         onClose: o !== "none" ? a : void 0,
         children: [
-          /* @__PURE__ */ r("div", { className: n.body, children: _ }),
-          o !== "none" && /* @__PURE__ */ r("footer", { className: n.footer, children: /* @__PURE__ */ r(D, { className: n.toggleButton, variant: "outline", onClick: b, children: m ? /* @__PURE__ */ c(f, { children: [
-            /* @__PURE__ */ r(z, { className: n.btnIcon, "aria-hidden": "true" }),
-            u.minimize
+          /* @__PURE__ */ r("div", { className: t.body, children: _ }),
+          o !== "none" && /* @__PURE__ */ r("footer", { className: t.footer, children: /* @__PURE__ */ r(L, { className: t.toggleButton, variant: "outline", onClick: b, children: u ? /* @__PURE__ */ c(f, { children: [
+            /* @__PURE__ */ r(z, { className: t.btnIcon, "aria-hidden": "true" }),
+            m.minimize
           ] }) : /* @__PURE__ */ c(f, { children: [
-            /* @__PURE__ */ r(j, { className: n.btnIcon, "aria-hidden": "true" }),
-            u.fullscreen
+            /* @__PURE__ */ r(j, { className: t.btnIcon, "aria-hidden": "true" }),
+            m.fullscreen
           ] }) }) })
         ]
       }
     )
   ] });
-}, q = (l) => {
+}, V = (l) => {
   switch (l) {
     case "nn":
       return {
@@ -99,5 +97,5 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
   }
 };
 export {
-  O as HeaderDrawer
+  Y as HeaderDrawer
 };

package/dist/components/GlobalHeader/HeaderDropdown.js

@@ -1,16 +1,15 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { g as m } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "../Snackbar/useSnackbar.js";
-import { Dropdown as m } from "../Dropdown/Dropdown.js";
-import '../../assets/HeaderDropdown.css';const e = "_dropdown_cdjbb_3", i = {
+import '../../assets/HeaderDropdown.css';const e = "_dropdown_cdjbb_3", s = {
   dropdown: e
-}, f = ({ id: o, open: r, onClose: d, trigger: p, children: t }) => /* @__PURE__ */ n(
+}, b = ({ id: o, open: r, onClose: d, trigger: p, children: t }) => /* @__PURE__ */ n(
   m,
   {
-    className: i.dropdown,
+    className: s.dropdown,
     id: o,
     open: r,
     trigger: p,
@@ -22,5 +21,5 @@ import '../../assets/HeaderDropdown.css';const e = "_dropdown_cdjbb_3", i = {
   }
 );
 export {
-  f as HeaderDropdown
+  b as HeaderDropdown
 };

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -3,10 +3,10 @@ import { c as l } from "../../index-p1eeF8LQ.js";
 import { Badge as c } from "../Badge/Badge.js";
 import { Button as g } from "../Button/Button.js";
 import "react";
-import { useRootContext as p } from "../RootProvider/RootProvider.js";
+import { x } from "../../Section-xbt3ft20.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { DigdirLogomark as x } from "./DigdirLogomark.js";
+import { DigdirLogomark as p } from "./DigdirLogomark.js";
 import '../../assets/HeaderLogo2.css';const d = "_logo_1yxnd_1", _ = "_logomark_1yxnd_16", f = "_text_1yxnd_23", t = {
   logo: d,
   logomark: _,
@@ -14,10 +14,10 @@ import '../../assets/HeaderLogo2.css';const d = "_logo_1yxnd_1", _ = "_logomark_
 }, k = {
   nn: "Gå til framsida",
   en: "Go to homepage"
-}, C = ({ className: m, as: n = "a", href: s = "/", badge: r }) => {
-  const { languageCode: e } = p(), a = k[e ?? ""] ?? "Gå til forsiden";
-  return /* @__PURE__ */ i(g, { variant: "ghost", as: n, className: l(t.logo, m), href: s, title: a, children: [
-    /* @__PURE__ */ o(x, { className: t.logomark }),
+}, C = ({ className: s, as: m = "a", href: n = "/", badge: r }) => {
+  const { languageCode: a } = x(), e = k[a ?? ""] ?? "Gå til forsiden";
+  return /* @__PURE__ */ i(g, { variant: "ghost", as: m, className: l(t.logo, s), href: n, title: e, children: [
+    /* @__PURE__ */ o(p, { className: t.logomark }),
     /* @__PURE__ */ o("span", { className: t.text, children: "Altinn" }),
     r && /* @__PURE__ */ o(c, { ...r })
   ] });