@altinn/altinn-components 0.57.3 → 0.58.1

package/dist/components/Dropdown/index.js

@@ -1,22 +1,20 @@
 import { DropdownBase as e } from "./DropdownBase.js";
-import { g as t } from "../../Section-xbt3ft20.js";
+import { g as t } from "../../Section-DvBigBR1.js";
 import { Backdrop as f } from "./Backdrop.js";
-import { DrawerBase as w } from "./DrawerBase.js";
+import { DrawerBase as x } from "./DrawerBase.js";
 import { DrawerHeader as D } from "./DrawerHeader.js";
 import { DrawerFooter as n } from "./DrawerFooter.js";
 import { DrawerButton as s } from "./DrawerButton.js";
 import { DrawerBody as F } from "./DrawerBody.js";
-import { DrawerOrDropdown as i } from "./DrawerOrDropdown.js";
-import { FloatingDropdown as l } from "./FloatingDropdown.js";
+import { FloatingDropdown as i } from "./FloatingDropdown.js";
 export {
   f as Backdrop,
-  w as DrawerBase,
+  x as DrawerBase,
   F as DrawerBody,
   s as DrawerButton,
   n as DrawerFooter,
   D as DrawerHeader,
-  i as DrawerOrDropdown,
   t as Dropdown,
   e as DropdownBase,
-  l as FloatingDropdown
+  i as FloatingDropdown
 };

package/dist/components/DsComponents/index.js

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

package/dist/components/Forms/Checkbox.js

@@ -4,14 +4,15 @@ import "react";
 import { Field as e } from "./Field.js";
 import { Label as c } from "./Label.js";
 import { Input as n } from "./Input.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const y = ({ size: t, color: m, label: r, ...i }) => /* @__PURE__ */ p(e, { size: t, color: m, children: [
+const C = ({ 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 {
-  y as Checkbox
+  C as Checkbox
 };

package/dist/components/Forms/CheckboxOptions.js

@@ -2,12 +2,13 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Checkbox as i } from "./Checkbox.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const C = ({ options: r = [], ...t }) => /* @__PURE__ */ o(e, { ...t, children: r.map((m, p) => /* @__PURE__ */ o(i, { ...m }, p)) });
+const O = ({ options: r = [], ...t }) => /* @__PURE__ */ o(e, { ...t, children: r.map((m, p) => /* @__PURE__ */ o(i, { ...m }, p)) });
 export {
-  C as CheckboxOptions
+  O as CheckboxOptions
 };

package/dist/components/Forms/FieldBase.js

@@ -3,11 +3,12 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "./Field.js";
 import "./Label.js";
-import { F as f } from "../../Section-xbt3ft20.js";
+import { F as l } from "../../Section-DvBigBR1.js";
 import "../Typography/Typography.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  f as FieldBase
+  l as FieldBase
 };

package/dist/components/Forms/FieldsetBase.js

@@ -3,14 +3,15 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Fieldset as p } from "./Fieldset.js";
 import { Legend as e } from "./Legend.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const F = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(p, { ...t, children: [
+const a = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(p, { ...t, children: [
   !!r && /* @__PURE__ */ m(e, { children: r }),
   o
 ] });
 export {
-  F as FieldsetBase
+  a as FieldsetBase
 };

package/dist/components/Forms/Radio.js

@@ -4,14 +4,15 @@ import "react";
 import { Field as e } from "./Field.js";
 import { Label as d } from "./Label.js";
 import { Input as n } from "./Input.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const F = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
+const I = ({ 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 {
-  F as Radio
+  I as Radio
 };

package/dist/components/Forms/RadioOptions.js

@@ -2,12 +2,13 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Radio as a } from "./Radio.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const j = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
+const l = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
 export {
-  j as RadioOptions
+  l as RadioOptions
 };

package/dist/components/Forms/SearchField.js

@@ -2,11 +2,12 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "./Input.js";
-import { z as f } from "../../Section-xbt3ft20.js";
+import { z as h } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/TypingIcon.js";
 export {
-  f as SearchField
+  h as SearchField
 };

package/dist/components/Forms/SelectField.js

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

package/dist/components/Forms/Switch.js

@@ -1,19 +1,20 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { c as e } from "../../index-p1eeF8LQ.js";
 import "react";
 import { Field as h } from "./Field.js";
 import { Label as n } from "./Label.js";
 import { Input as f } from "./Input.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Switch.css';const l = {
   switch: "_switch_en83f_1"
-}, F = ({ className: o, reverse: i, size: m, color: c, label: t, ...s }) => /* @__PURE__ */ p(h, { size: m, color: c, reverse: i, className: e(l.switch, o), children: [
-  /* @__PURE__ */ r(f, { ...s, type: "checkbox", role: "switch" }),
+}, I = ({ className: o, reverse: i, size: m, color: c, label: t, ...p }) => /* @__PURE__ */ s(h, { size: m, color: c, reverse: i, className: e(l.switch, o), children: [
+  /* @__PURE__ */ r(f, { ...p, type: "checkbox", role: "switch" }),
   !!t && /* @__PURE__ */ r(n, { children: t })
 ] });
 export {
-  F as Switch
+  I as Switch
 };

package/dist/components/Forms/SwitchOptions.js

@@ -2,12 +2,13 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Switch as e } from "./Switch.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { OptionsBase as n } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const d = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
+const j = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
 export {
-  d as SwitchOptions
+  j as SwitchOptions
 };

package/dist/components/Forms/TextField.js

@@ -2,11 +2,12 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Input as e } from "./Input.js";
-import { F as n } from "../../Section-xbt3ft20.js";
+import { F as n } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const u = ({ 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 h = ({ 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 {
-  u as TextField
+  h as TextField
 };

package/dist/components/Forms/TextFieldDropdown.js

@@ -4,9 +4,10 @@ import { useId as B, useState as f, useRef as x, useMemo as F, useEffect as _, u
 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 { F as K, I as U, J as z, K as G, q as H } from "../../Section-DvBigBR1.js";
 import "../../index-p1eeF8LQ.js";
 import { Input as P } from "./Input.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -18,7 +19,7 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   badge: Z,
   dropdownTrigger: ee,
   dropdown: oe
-}, ge = ({
+}, ve = ({
   label: O,
   helperText: M,
   value: u = "",
@@ -117,5 +118,5 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   ] }) });
 };
 export {
-  ge as TextFieldDropdown
+  ve as TextFieldDropdown
 };

package/dist/components/Forms/TextareaField.js

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

package/dist/components/Forms/index.js

@@ -8,7 +8,7 @@ import { Select as c } from "./Select.js";
 import { Radio as h } from "./Radio.js";
 import { Checkbox as O } from "./Checkbox.js";
 import { Switch as b } from "./Switch.js";
-import { F as B, z as k } from "../../Section-xbt3ft20.js";
+import { F as B, z as k } from "../../Section-DvBigBR1.js";
 import { TextField as L } from "./TextField.js";
 import { TextareaField as g } from "./TextareaField.js";
 import { SelectField as z } from "./SelectField.js";

package/dist/components/GlobalHeader/GlobalAccountButton.js

@@ -2,8 +2,9 @@
 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 f } from "../Avatar/Avatar.js";
-import { x as _, E as h, K as y } from "../../Section-xbt3ft20.js";
+import { Avatar as p } from "../Avatar/Avatar.js";
+import { x as _, E as h, K as y } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { Button as g } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -33,7 +34,7 @@ const N = v((t, a) => {
   avatar: E,
   title: I,
   description: L
-}, T = ({
+}, X = ({
   className: t,
   currentAccount: a,
   expanded: n = !1,
@@ -41,7 +42,7 @@ const N = v((t, a) => {
   loading: i = !1,
   ...r
 }) => {
-  const { languageCode: p } = _(), c = C(p);
+  const { languageCode: f } = _(), c = C(f);
   if (i)
     return /* @__PURE__ */ l(
       g,
@@ -54,7 +55,7 @@ const N = v((t, a) => {
         className: d(o.accountButton, o.loading, t),
         disabled: !0,
         "aria-label": "loading",
-        children: /* @__PURE__ */ l(f, { name: "loading", loading: !0, className: o.avatar })
+        children: /* @__PURE__ */ l(p, { name: "loading", loading: !0, className: o.avatar })
       }
     );
   if (a) {
@@ -71,7 +72,7 @@ const N = v((t, a) => {
         "aria-label": n ? c.close : a.name,
         "aria-expanded": n,
         children: [
-          /* @__PURE__ */ l(f, { ...a?.icon, className: o.avatar }),
+          /* @__PURE__ */ l(p, { ...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 })
@@ -121,5 +122,5 @@ const N = v((t, a) => {
   }
 };
 export {
-  T as GlobalAccountButton
+  X as GlobalAccountButton
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -5,9 +5,10 @@ import { useIsDesktop as A } from "../../hooks/useIsDesktop.js";
 import { AccountSelector as C } from "../AccountSelector/AccountSelector.js";
 import { GlobalMenu as b } from "../GlobalMenu/GlobalMenu.js";
 import "../../index-p1eeF8LQ.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { x as j } from "../../Section-xbt3ft20.js";
+import { x as j } from "../../Section-DvBigBR1.js";
 import { GlobalMenuButton as k } from "./GlobalMenuButton.js";
 import { GlobalAccountButton as D } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";
@@ -18,7 +19,7 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
   header: w,
   container: y,
   nav: B
-}, W = ({
+}, X = ({
   globalMenu: r,
   desktopMenu: d,
   mobileMenu: m,
@@ -28,11 +29,11 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
   badge: f,
   onLoginClick: h
 }) => {
-  const { currentId: o, toggleId: l, closeAll: c } = j(), g = () => {
-    l("account");
+  const { currentId: o, toggleId: i, closeAll: c } = j(), g = () => {
+    i("account");
   }, x = () => {
-    l("menu");
-  }, i = o === "account" || e?.forceOpenFullScreen || !1, [s, v] = F(!1), O = A();
+    i("menu");
+  }, l = 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: [
@@ -42,7 +43,7 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
           {
             currentAccount: e.accountMenu?.currentAccount,
             onClick: e.accountMenu?.currentAccount ? g : h,
-            expanded: i,
+            expanded: l,
             loading: e.loading,
             disabled: e.forceOpenFullScreen
           }
@@ -51,7 +52,7 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
           G,
           {
             id: "header-account",
-            open: i,
+            open: l,
             onClose: c,
             closedBy: e?.forceOpenFullScreen ? "none" : "any",
             expanded: e?.forceOpenFullScreen || s,
@@ -91,5 +92,5 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
   ] }) });
 };
 export {
-  W as GlobalHeader
+  X as GlobalHeader
 };

package/dist/components/GlobalHeader/GlobalMenuButton.js

@@ -2,7 +2,8 @@ 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 { x as _, E as d } from "../../Section-xbt3ft20.js";
+import { x as _, E as d } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { Button as g } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -27,7 +28,7 @@ import '../../assets/GlobalMenuButton.css';const N = "_button_e58u8_3", h = "_ic
         close: "Lukk Meny"
       };
   }
-}, H = ({
+}, R = ({
   className: n,
   as: M = "button",
   color: r = "company",
@@ -59,5 +60,5 @@ import '../../assets/GlobalMenuButton.css';const N = "_button_e58u8_3", h = "_ic
   );
 };
 export {
-  H as GlobalMenuButton
+  R as GlobalMenuButton
 };

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -1,8 +1,9 @@
 import { jsxs as c, Fragment as f, jsx as r } from "react/jsx-runtime";
-import { useRef as D, useEffect as p } from "react";
+import { useRef as D, useEffect as v } from "react";
 import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { x as S, J as z, K as j } from "../../Section-xbt3ft20.js";
+import { x as S, J as z, K as j } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 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 = {
@@ -11,7 +12,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
   footer: R,
   body: F,
   toggleButton: K
-}, Y = ({
+}, G = ({
   id: l,
   open: i,
   onClose: a,
@@ -21,9 +22,9 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
   children: _
 }) => {
   const { languageCode: w } = S(), m = V(w), d = D(null);
-  p(() => {
+  v(() => {
     const e = d.current, s = (n) => {
-      const { clientY: h, clientX: v, target: y } = n;
+      const { clientY: h, clientX: p, target: y } = n;
       if (n instanceof KeyboardEvent && n.key === "Escape") {
         if (o === "none") {
           n.preventDefault();
@@ -34,7 +35,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
       }
       if (!window.getSelection()?.toString() && e && y === e && o === "any") {
         const { top: E, left: x, right: C, bottom: N } = e.getBoundingClientRect();
-        E <= h && h <= N && x <= v && v <= C || e?.close();
+        E <= h && h <= N && x <= p && p <= C || e?.close();
       }
     }, g = () => {
       const n = e?.querySelector("[autofocus]");
@@ -43,7 +44,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
     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]), p(() => {
+  }, [o, a]), v(() => {
     const e = d.current;
     e && (i ? e.open || e.showModal() : e.open && e.close());
   }, [i]);
@@ -97,5 +98,5 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
   }
 };
 export {
-  Y as HeaderDrawer
+  G as HeaderDrawer
 };

package/dist/components/GlobalHeader/HeaderDropdown.js

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

package/dist/components/GlobalHeader/HeaderLogo.js

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