@altinn/altinn-components 0.63.3 → 0.63.5

package/dist/components/Forms/Fieldset.js

@@ -1,28 +1,15 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { c as d } from "../../lite-1fxw3LjI.js";
-import { forwardRef as n } from "react";
-import { P as a } from "../../paragraph-BRiIBpbY.js";
-import { F as c } from "../../fieldset-legend-B6lDmp0N.js";
-const l = n(function({ className: e, ...t }, i) {
-  return r("fieldset", { className: d("ds-fieldset", e), ref: i, ...t });
-}), p = n(function(e, t) {
-  return r(a, { ref: t, ...e });
-}), o = Object.assign(l, {
-  Legend: c,
-  Description: p
-});
-o.Legend.displayName = "Fieldset.Legend";
-o.Description.displayName = "Fieldset.Description";
-const D = ({ size: s, color: e, children: t, ...i }) => /* @__PURE__ */ r(
-  o,
+import { jsx as i } from "react/jsx-runtime";
+import { o as m } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+const d = ({ size: o, color: t, children: r, ...e }) => /* @__PURE__ */ i(
+  m,
   {
-    ...i,
-    "data-size": s,
-    "data-color": e,
-    children: t
+    ...e,
+    "data-size": o,
+    "data-color": t,
+    children: r
   }
 );
 export {
-  D as Fieldset
+  d as Fieldset
 };

package/dist/components/Forms/FieldsetBase.js

@@ -1,18 +1,19 @@
 import { jsxs as i, jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Fieldset as p } from "./Fieldset.js";
 import { Legend as e } from "./Legend.js";
-import "../../ToolbarSearch-OLv6DjhT.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const u = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(p, { ...t, children: [
+const B = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(p, { ...t, children: [
   !!r && /* @__PURE__ */ m(e, { children: r }),
   o
 ] });
 export {
-  u as FieldsetBase
+  B as FieldsetBase
 };

package/dist/components/Forms/Input.js

@@ -1,15 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import { I as e } from "../../input-wBv_FkEV.js";
-const n = ({ inputSize: t, size: o, color: r, ref: a, ...p }) => /* @__PURE__ */ s(
-  e,
+import { jsx as i } from "react/jsx-runtime";
+import { I as m } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+const u = ({ inputSize: t, size: o, color: r, ref: p, ...a }) => /* @__PURE__ */ i(
+  m,
   {
-    ref: a,
+    ref: p,
     size: t,
     "data-color": r,
     "data-size": o,
-    ...p
+    ...a
   }
 );
 export {
-  n as Input
+  u as Input
 };

package/dist/components/Forms/Label.js

@@ -1,6 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { L as m } from "../../label-xTmTyPhk.js";
-const l = ({ size: o, color: r, children: a, ...t }) => /* @__PURE__ */ e(m, { ...t, "data-size": o, "data-color": r, children: a });
+import { q as m } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+const l = ({ size: o, color: r, children: t, ...a }) => /* @__PURE__ */ e(m, { ...a, "data-size": o, "data-color": r, children: t });
 export {
   l as Label
 };

package/dist/components/Forms/Legend.js

@@ -1,6 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-import { F as d } from "../../fieldset-legend-B6lDmp0N.js";
-const m = ({ size: e, color: o, children: r, ...t }) => /* @__PURE__ */ a(
+import { p as d } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+const s = ({ size: e, color: o, children: r, ...t }) => /* @__PURE__ */ a(
   d,
   {
     ...t,
@@ -10,5 +11,5 @@ const m = ({ size: e, color: o, children: r, ...t }) => /* @__PURE__ */ a(
   }
 );
 export {
-  m as Legend
+  s as Legend
 };

package/dist/components/Forms/Radio.js

@@ -1,19 +1,20 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Field as e } from "./Field.js";
 import { Label as d } from "./Label.js";
 import { Input as n } from "./Input.js";
-import "../../ToolbarSearch-OLv6DjhT.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const L = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
+const R = ({ 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 {
-  L as Radio
+  R as Radio
 };

package/dist/components/Forms/RadioOptions.js

@@ -1,15 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Radio as a } from "./Radio.js";
-import "../../ToolbarSearch-OLv6DjhT.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const u = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
+const B = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
 export {
-  u as RadioOptions
+  B as RadioOptions
 };

package/dist/components/Forms/SearchField.js

@@ -1,8 +1,9 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import "./Input.js";
-import { S as h } from "../../ToolbarSearch-OLv6DjhT.js";
+import { S as l } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -10,5 +11,5 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/TypingIcon.js";
 export {
-  h as SearchField
+  l as SearchField
 };

package/dist/components/Forms/Select.js

@@ -1,25 +1,7 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { c as f } from "../../lite-1fxw3LjI.js";
-import { forwardRef as l } from "react";
-import { S as s } from "../../index-D7FJjvrv.js";
-const m = l(function({ className: t, onKeyDown: o, onMouseDown: e, width: c, ...i }, u) {
-  return r("select", { className: f("ds-input", t), "data-width": c, ref: u, onKeyDown: (n) => {
-    n.key !== "Tab" && (i.readOnly && n.preventDefault(), o?.(n));
-  }, onMouseDown: (n) => {
-    i.readOnly && n.preventDefault(), e?.(n);
-  }, ...i });
-}), O = l(function({ asChild: t, ...o }, e) {
-  return r(t ? s : "optgroup", { ...o, ref: e });
-}), S = l(function({ asChild: t, ...o }, e) {
-  return r(t ? s : "option", { ...o, ref: e });
-}), a = Object.assign(m, {
-  Option: S,
-  Optgroup: O
-});
-a.Option.displayName = "Select.Option";
-a.Optgroup.displayName = "Select.Optgroup";
-const w = ({ size: p = "md", color: t, children: o, ...e }) => /* @__PURE__ */ r(a, { "data-color": t, "data-size": p, ...e, children: o });
+import { jsx as m } from "react/jsx-runtime";
+import { s as a } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+const i = ({ size: o = "md", color: t, children: r, ...e }) => /* @__PURE__ */ m(a, { "data-color": t, "data-size": o, ...e, children: r });
 export {
-  w as Select
+  i as Select
 };

package/dist/components/Forms/SelectField.js

@@ -1,14 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Select as p } from "./Select.js";
-import { F as e } from "../../ToolbarSearch-OLv6DjhT.js";
+import { F as e } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const h = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(e, { label: t, size: r, children: /* @__PURE__ */ o(p, { ...i, size: r, children: m }) });
+const j = ({ 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 {
-  h as SelectField
+  j as SelectField
 };

package/dist/components/Forms/Switch.js

@@ -1,10 +1,11 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { c as e } from "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Field as h } from "./Field.js";
 import { Label as n } from "./Label.js";
 import { Input as f } from "./Input.js";
-import "../../ToolbarSearch-OLv6DjhT.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -12,10 +13,10 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Switch.css';const l = {
   switch: "_switch_en83f_1"
-}, L = ({ className: o, reverse: i, size: m, color: p, label: t, ...c }) => /* @__PURE__ */ s(h, { size: m, color: p, reverse: i, className: e(l.switch, o), children: [
+}, N = ({ className: o, reverse: i, size: m, color: p, label: t, ...c }) => /* @__PURE__ */ s(h, { size: m, color: p, reverse: i, className: e(l.switch, o), children: [
   /* @__PURE__ */ r(f, { ...c, type: "checkbox", role: "switch" }),
   !!t && /* @__PURE__ */ r(n, { children: t })
 ] });
 export {
-  L as Switch
+  N as Switch
 };

package/dist/components/Forms/SwitchOptions.js

@@ -1,15 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Switch as e } from "./Switch.js";
-import "../../ToolbarSearch-OLv6DjhT.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import { OptionsBase as n } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const l = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
+const u = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
 export {
-  l as SwitchOptions
+  u as SwitchOptions
 };

package/dist/components/Forms/TextField.js

@@ -1,14 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Input as e } from "./Input.js";
-import { F as n } from "../../ToolbarSearch-OLv6DjhT.js";
+import { F as n } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const j = ({ 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 B = ({ 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 {
-  j as TextField
+  B as TextField
 };

package/dist/components/Forms/TextFieldDropdown.js

@@ -2,9 +2,10 @@
 import { jsx as r, jsxs as R } from "react/jsx-runtime";
 import { useId as V, 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 { F as U, B as q, I as z, k as G } from "../../ToolbarSearch-OLv6DjhT.js";
+import { F as U, B as q, I as z, k as G } from "../../ToolbarSearch-BQfKHZnX.js";
 import { DropdownBase as H } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
+import "../../tooltip-B5zQ3zF0.js";
 import { Input as J } from "./Input.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -21,7 +22,7 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   badge: Z,
   dropdownTrigger: ee,
   dropdown: oe
-}, he = ({
+}, be = ({
   label: O,
   helperText: S,
   value: u = "",
@@ -120,5 +121,5 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   ] }) });
 };
 export {
-  he as TextFieldDropdown
+  be as TextFieldDropdown
 };

package/dist/components/Forms/Textarea.js

@@ -1,6 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { T as e } from "../../textarea-BBstVlPT.js";
-const x = ({ size: r, color: a, ...t }) => /* @__PURE__ */ o(e, { ...t, "data-size": r, "data-color": a });
+import { r as e } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+const s = ({ size: r, color: t, ...a }) => /* @__PURE__ */ o(e, { ...a, "data-size": r, "data-color": t });
 export {
-  x as Textarea
+  s as Textarea
 };

package/dist/components/Forms/TextareaField.js

@@ -1,14 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Textarea as e } from "./Textarea.js";
-import { F as a } from "../../ToolbarSearch-OLv6DjhT.js";
+import { F as a } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const j = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
+const u = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
 export {
-  j as TextareaField
+  u as TextareaField
 };

package/dist/components/Forms/index.js

@@ -8,7 +8,7 @@ import { Select as c } from "./Select.js";
 import { Radio as S } from "./Radio.js";
 import { Checkbox as O } from "./Checkbox.js";
 import { Switch as b } from "./Switch.js";
-import { F as B, S as k } from "../../ToolbarSearch-OLv6DjhT.js";
+import { F as B, S as k } from "../../ToolbarSearch-BQfKHZnX.js";
 import { TextField as L } from "./TextField.js";
 import { TextareaField as g } from "./TextareaField.js";
 import { SelectField as D } from "./SelectField.js";

package/dist/components/GlobalHeader/GlobalAccountButton.js

@@ -3,7 +3,8 @@ 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 { u as _, s as h } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { u as _, s as h } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import { Button as p } from "../Button/Button.js";
 import "react-dom";
@@ -36,7 +37,7 @@ const N = v((t, a) => {
   avatar: E,
   title: I,
   description: L
-}, A = ({
+}, F = ({
   className: t,
   currentAccount: a,
   expanded: o = !1,
@@ -123,5 +124,5 @@ const N = v((t, a) => {
   }
 };
 export {
-  A as GlobalAccountButton
+  F as GlobalAccountButton
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,25 +1,26 @@
 "use client";
-import { jsx as n, jsxs as a, Fragment as _ } from "react/jsx-runtime";
+import { jsx as n, jsxs as i, Fragment as _ } from "react/jsx-runtime";
 import { useState as F } from "react";
 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 { AccountSelector as b } from "../AccountSelector/AccountSelector.js";
+import { GlobalMenu as C } from "../GlobalMenu/GlobalMenu.js";
 import "../../index-p1eeF8LQ.js";
+import "../../tooltip-B5zQ3zF0.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { u as j } from "../../ToolbarSearch-OLv6DjhT.js";
-import { GlobalMenuButton as k } from "./GlobalMenuButton.js";
-import { GlobalAccountButton as D } from "./GlobalAccountButton.js";
+import { u as j } from "../../ToolbarSearch-BQfKHZnX.js";
+import { GlobalMenuButton as w } from "./GlobalMenuButton.js";
+import { GlobalAccountButton as k } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";
-import { HeaderDrawer as G } from "./HeaderDrawer.js";
-import { HeaderDropdown as H } from "./HeaderDropdown.js";
-import { HeaderLogo as N } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_container_1iojv_7", B = "_nav_1iojv_53", t = {
-  header: w,
-  container: y,
-  nav: B
-}, X = ({
+import { HeaderDrawer as D } from "./HeaderDrawer.js";
+import { HeaderDropdown as G } from "./HeaderDropdown.js";
+import { HeaderLogo as H } from "./HeaderLogo.js";
+import '../../assets/GlobalHeader.css';const N = "_header_1iojv_1", T = "_container_1iojv_7", y = "_nav_1iojv_53", t = {
+  header: N,
+  container: T,
+  nav: y
+}, Y = ({
   globalMenu: r,
   desktopMenu: d,
   mobileMenu: m,
@@ -29,17 +30,17 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
   badge: f,
   onLoginClick: h
 }) => {
-  const { currentId: o, toggleId: i, closeAll: c } = j(), g = () => {
-    i("account");
+  const { currentId: o, toggleId: a, closeAll: c } = j(), g = () => {
+    o !== "account" && window.scrollTo({ top: 0, behavior: "instant" }), a("account");
   }, v = () => {
-    i("menu");
+    a("menu");
   }, l = o === "account" || e?.forceOpenFullScreen || !1, [s, x] = 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: [
-      e && /* @__PURE__ */ a(_, { children: [
+  return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ i("div", { className: t.container, children: [
+    /* @__PURE__ */ n(H, { ...u, badge: f, className: t.logo }),
+    /* @__PURE__ */ i("nav", { className: t.nav, children: [
+      e && /* @__PURE__ */ i(_, { children: [
         /* @__PURE__ */ n(
-          D,
+          k,
           {
             currentAccount: e.accountMenu?.currentAccount,
             onClick: e.accountMenu?.currentAccount ? g : h,
@@ -49,7 +50,7 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
           }
         ),
         /* @__PURE__ */ n(
-          G,
+          D,
           {
             id: "header-account",
             open: l,
@@ -57,18 +58,18 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
             closedBy: e?.forceOpenFullScreen ? "none" : "any",
             expanded: e?.forceOpenFullScreen || s,
             onToggle: () => x(!s),
-            children: /* @__PURE__ */ n(C, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
+            children: /* @__PURE__ */ n(b, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
           }
         )
       ] }),
       /* @__PURE__ */ n(
-        H,
+        G,
         {
           id: "header-menu",
           open: o === "menu",
           onClose: c,
           trigger: /* @__PURE__ */ n(
-            k,
+            w,
             {
               onClick: v,
               expanded: o === "menu",
@@ -77,7 +78,7 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
             }
           ),
           children: /* @__PURE__ */ n(
-            b,
+            C,
             {
               ...r,
               menu: O ? d || r?.menu : m || r?.menu,
@@ -92,5 +93,5 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
   ] }) });
 };
 export {
-  X as GlobalHeader
+  Y as GlobalHeader
 };

package/dist/components/GlobalHeader/GlobalMenuButton.js

@@ -1,7 +1,8 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { u as p, s as _, B as d } from "../../ToolbarSearch-OLv6DjhT.js";
+import { u as p, s as _, B as d } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import "../Typography/Link.js";
 import { Button as g } from "../Button/Button.js";
 import "react-dom";
@@ -28,7 +29,7 @@ import '../../assets/GlobalMenuButton.css';const f = "_button_e58u8_3", h = "_ic
         close: "Lukk Meny"
       };
   }
-}, T = ({
+}, X = ({
   className: s,
   as: x = "button",
   color: r = "company",
@@ -37,13 +38,13 @@ import '../../assets/GlobalMenuButton.css';const f = "_button_e58u8_3", h = "_ic
   expanded: o,
   label: n = "Menu",
   badge: a,
-  ...l
+  ...i
 }) => {
-  const { languageCode: i } = p(), { close: m } = M(i);
+  const { languageCode: l } = p(), { close: m } = M(l);
   return /* @__PURE__ */ b(
     g,
     {
-      ...l,
+      ...i,
       type: "button",
       title: o ? m : n,
       onClick: u,
@@ -60,5 +61,5 @@ import '../../assets/GlobalMenuButton.css';const f = "_button_e58u8_3", h = "_ic
   );
 };
 export {
-  T as GlobalMenuButton
+  X as GlobalMenuButton
 };

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -1,8 +1,9 @@
-import { jsxs as c, Fragment as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, Fragment as d, jsx as r } from "react/jsx-runtime";
 import { useRef as N, useEffect as h } from "react";
 import { Button as D } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { u as L } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { u as L } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
@@ -15,7 +16,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   footer: R,
   body: F,
   toggleButton: V
-}, Q = ({
+}, W = ({
   id: l,
   open: i,
   onClose: a,
@@ -24,9 +25,9 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   onToggle: v,
   children: _
 }) => {
-  const { languageCode: w } = L(), u = q(w), d = N(null);
+  const { languageCode: w } = L(), u = q(w), m = N(null);
   h(() => {
-    const e = d.current, s = (t) => {
+    const e = m.current, s = (t) => {
       const { clientY: p, clientX: b, target: y } = t;
       if (t instanceof KeyboardEvent && t.key === "Escape") {
         if (o === "none") {
@@ -48,19 +49,19 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
       e?.removeEventListener("animationend", g), e?.removeEventListener("click", s), e?.removeEventListener("keydown", s);
     };
   }, [o, a]), h(() => {
-    const e = d.current;
+    const e = m.current;
     e && (i ? e.open || e.showModal() : e.open && e.close());
   }, [i]);
   const k = (e) => {
     e.preventDefault(), o === "any" && a();
   };
-  return /* @__PURE__ */ c(m, { children: [
+  return /* @__PURE__ */ c(d, { children: [
     /* @__PURE__ */ r("div", { className: n.backdrop, "aria-hidden": !i }),
     /* @__PURE__ */ c(
       "dialog",
       {
         id: l,
-        ref: d,
+        ref: m,
         "aria-modal": "true",
         "aria-labelledby": "modal-title",
         "data-open": i,
@@ -70,10 +71,10 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
         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: v, children: f ? /* @__PURE__ */ c(m, { children: [
+          o !== "none" && /* @__PURE__ */ r("footer", { className: n.footer, children: /* @__PURE__ */ r(D, { className: n.toggleButton, variant: "outline", onClick: v, children: f ? /* @__PURE__ */ c(d, { children: [
             /* @__PURE__ */ r(z, { className: n.btnIcon, "aria-hidden": "true" }),
             u.minimize
-          ] }) : /* @__PURE__ */ c(m, { children: [
+          ] }) : /* @__PURE__ */ c(d, { children: [
             /* @__PURE__ */ r(j, { className: n.btnIcon, "aria-hidden": "true" }),
             u.fullscreen
           ] }) }) })
@@ -101,5 +102,5 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   }
 };
 export {
-  Q as HeaderDrawer
+  W as HeaderDrawer
 };