@altinn/altinn-components 0.52.6 → 0.53.0

package/dist/components/DsComponents/index.js

@@ -1,12 +1,11 @@
 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 g, f as d, S, g as l, T as P, u as b } from "../../textfield-C_c2H05R.js";
+import { B as c, S as B } from "../../button-BB5sYVKY.js";
+import { D as L } from "../../index-Q0EA2XB0.js";
+import { H as u } from "../../heading-C_XYsUfi.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,
@@ -14,21 +13,21 @@ export {
   r as DsCheckbox,
   t as DsChip,
   i as DsCombobox,
-  C as DsDetails,
-  p as DsDialog,
-  k as DsHeading,
-  n as DsLink,
+  L as DsDetails,
+  n as DsDialog,
+  u as DsHeading,
+  p as DsLink,
   x as DsListItem,
   f as DsListUnordered,
   m as DsPagination,
-  T as DsParagraph,
+  A as DsParagraph,
   g as DsPopover,
-  H as DsSearch,
+  V as DsSearch,
   d as DsSkeleton,
-  v as DsSpinner,
+  B as DsSpinner,
   S as DsSwitch,
   l as DsTabs,
   P as DsTextfield,
-  I as DsValidationMessage,
+  w as DsValidationMessage,
   b 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

@@ -8,7 +8,7 @@ import { Button as M } from "../Button/Button.js";
 import { useRootContext as N } 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 { S as A } from "../../button-BB5sYVKY.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) {
@@ -110,7 +110,7 @@ const B = y((e, l) => {
       M,
       {
         icon: o ? /* @__PURE__ */ a(B, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ a(T, { className: c.btnIcon, "aria-hidden": "true" }),
-        variant: "text",
+        variant: "ghost",
         onClick: j,
         children: o ? I : O
       }

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
 };

package/dist/components/GlobalHeader/GlobalHeaderBase.js

@@ -1,13 +1,14 @@
 import { jsxs as s, jsx as d } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
-import '../../assets/GlobalHeaderBase.css';const n = "_header_t9h1f_1", i = "_backdrop_t9h1f_13", r = {
-  header: n,
-  backdrop: i
-}, x = ({
+import '../../assets/GlobalHeaderBase.css';const i = "_header_t9h1f_1", n = "_backdrop_t9h1f_13", r = {
+  header: i,
+  backdrop: n
+}, j = ({
   currentId: o,
   className: a,
   children: e,
@@ -18,5 +19,5 @@ import '../../assets/GlobalHeaderBase.css';const n = "_header_t9h1f_1", i = "_ba
   e
 ] });
 export {
-  x as GlobalHeaderBase
+  j as GlobalHeaderBase
 };

package/dist/components/GlobalHeader/GlobalSearch.js

@@ -2,13 +2,14 @@ import { jsx as e, jsxs as S } from "react/jsx-runtime";
 import { useState as d, useRef as g, useEffect as b } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useIsDesktop as k } from "../../hooks/useIsDesktop.js";
+import "../Button/Button.js";
 import { useRootContext as v } from "../RootProvider/RootProvider.js";
 import { s as o } from "../../globalSearch.module-DziLSGZg.js";
 import "../Snackbar/useSnackbar.js";
-import { S as r } from "../../index-Dg71_7ad.js";
+import { S as r } from "../../index-DttADHE1.js";
 import { S as x } from "../../MagnifyingGlass-bwVhw07z.js";
-const q = ({ onSearch: t }) => {
-  const u = k(), [n, i] = d(""), { languageCode: m, closeAll: p, currentId: s } = v(), { search: h, placeholder: c } = y(m), f = () => {
+const w = ({ onSearch: t }) => {
+  const i = k(), [n, u] = d(""), { languageCode: m, closeAll: p, currentId: s } = v(), { search: h, placeholder: c } = y(m), f = () => {
     t(n), p();
   }, l = g(null);
   return b(() => {
@@ -19,13 +20,13 @@ const q = ({ onSearch: t }) => {
       onSubmit: (a) => {
         a.preventDefault(), f();
       },
-      children: /* @__PURE__ */ S(r, { className: o.globalSearch, "data-size": u ? "lg" : "md", children: [
+      children: /* @__PURE__ */ S(r, { className: o.globalSearch, "data-size": i ? "lg" : "md", children: [
         /* @__PURE__ */ e(
           r.Input,
           {
             ref: l,
             placeholder: c,
-            onChange: (a) => i(a.target.value),
+            onChange: (a) => u(a.target.value),
             value: n,
             "aria-label": c,
             className: o.searchInput
@@ -56,5 +57,5 @@ const q = ({ onSearch: t }) => {
   }
 };
 export {
-  q as GlobalSearch
+  w as GlobalSearch
 };

package/dist/components/GlobalHeader/GlobalSearchButton.js

@@ -3,14 +3,15 @@ import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { useIsDesktop as l } from "../../hooks/useIsDesktop.js";
-import { useRootContext as u } from "../RootProvider/RootProvider.js";
-import { s as m } from "../../globalSearch.module-DziLSGZg.js";
+import "../Button/Button.js";
+import { useRootContext as m } from "../RootProvider/RootProvider.js";
+import { s as u } from "../../globalSearch.module-DziLSGZg.js";
 import "../Snackbar/useSnackbar.js";
-import { B as p } from "../../button-MzZgmHyA.js";
+import { B as p } from "../../button-BB5sYVKY.js";
 import { S as h } from "../../XMark-tKk6aExO.js";
 import { S as f } from "../../MagnifyingGlass-bwVhw07z.js";
-const D = ({ onClick: t, expanded: o, ...a }) => {
-  const { languageCode: n } = u(), { search: r, close: c } = k(n), e = l();
+const G = ({ onClick: t, expanded: o, ...a }) => {
+  const { languageCode: n } = m(), { search: r, close: c } = k(n), e = l();
   return /* @__PURE__ */ i(
     p,
     {
@@ -20,7 +21,7 @@ const D = ({ onClick: t, expanded: o, ...a }) => {
       title: o ? c : r,
       onClick: t,
       "data-color": "neutral",
-      className: m.searchButton,
+      className: u.searchButton,
       children: [
         o ? /* @__PURE__ */ s(h, { "aria-hidden": "true" }) : /* @__PURE__ */ s(f, { "aria-hidden": "true" }),
         e ? r : null
@@ -47,5 +48,5 @@ const D = ({ onClick: t, expanded: o, ...a }) => {
   }
 };
 export {
-  D as GlobalSearchButton
+  G as GlobalSearchButton
 };

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -1,23 +1,20 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { c as a } from "../../index-p1eeF8LQ.js";
-import { Badge as g } from "../Badge/Badge.js";
-import { ButtonBase as l } from "../Button/ButtonBase.js";
-import "react";
-import { useRootContext as c } from "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import { DigdirLogomark as p } from "./DigdirLogomark.js";
-import '../../assets/HeaderLogo2.css';const f = "_logo_1d6ig_1", d = {
-  logo: f
-}, x = {
+import { Badge as c } from "../Badge/Badge.js";
+import { useRootContext as g } from "../RootProvider/RootProvider.js";
+import { DigdirLogomark as l } from "./DigdirLogomark.js";
+import '../../assets/HeaderLogo2.css';const p = "_logo_1d6ig_1", d = {
+  logo: p
+}, f = {
   nn: "Gå til framsida",
   en: "Go to homepage"
-}, C = ({ className: r, as: m = "a", href: s = "/", badge: o }) => {
-  const { languageCode: e } = c(), i = x[e ?? ""] ?? "Gå til forsiden";
-  return /* @__PURE__ */ n(l, { as: m, className: a(d.logo, r), href: s, children: [
-    /* @__PURE__ */ t(p, { title: i }),
-    o && /* @__PURE__ */ t(g, { ...o })
+}, G = ({ className: n, as: r = "a", href: e = "/", badge: o }) => {
+  const { languageCode: s } = g(), m = f[s ?? ""] ?? "Gå til forsiden";
+  return /* @__PURE__ */ i(r, { className: a(d.logo, n), href: e, children: [
+    /* @__PURE__ */ t(l, { title: m }),
+    o && /* @__PURE__ */ t(c, { ...o })
   ] });
 };
 export {
-  C as HeaderLogo
+  G as HeaderLogo
 };

package/dist/components/GlobalMenu/BackButton.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 "../Snackbar/useSnackbar.js";
 import { MenuItem as i } from "../Menu/MenuItem.js";
 import { S as p } from "../../ArrowUndo-hge1gMu8.js";
-const d = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
+const k = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
 export {
-  d as BackButton
+  k as BackButton
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -2,6 +2,7 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { useState as d, useEffect as g, useMemo as L } from "react";
 import "../../index-p1eeF8LQ.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { LocaleSwitcher as b } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
@@ -11,21 +12,21 @@ import { BackButton as C } from "./BackButton.js";
 import { GlobalMenuBase as p, GlobalMenuHeader as G, GlobalMenuFooter as x } from "./GlobalMenuBase.js";
 import { LocaleButton as j } from "./LocaleButton.js";
 import { LogoutButton as v } from "./LogoutButton.js";
-const J = ({
+const K = ({
   menu: r,
   backLabel: u = "Back",
   onClose: t,
   logoutButton: a,
-  ariaLabel: n = "Menu",
+  ariaLabel: m = "Menu",
   localeSwitcher: i,
-  isOpen: m = !1
+  isOpen: n = !1
 }) => {
   const [k, c] = d(!1), s = () => {
     c((e) => !e);
   };
   g(() => {
-    m || c(!1);
-  }, [m]);
+    n || c(!1);
+  }, [n]);
   const M = L(() => (r?.items ?? []).map((e) => ({
     ...e,
     onClick: () => {
@@ -38,18 +39,18 @@ const J = ({
       }
     })) : void 0
   })), [r, t]);
-  return k ? /* @__PURE__ */ l(p, { "aria-label": n, children: [
+  return k ? /* @__PURE__ */ l(p, { "aria-label": m, children: [
     /* @__PURE__ */ l(G, { children: [
       /* @__PURE__ */ o(C, { onClick: s, label: u }),
       i && /* @__PURE__ */ o(b, { ...i })
     ] }),
     /* @__PURE__ */ o(B, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ l(p, { "aria-label": n, children: [
+  ] }) : /* @__PURE__ */ l(p, { "aria-label": m, children: [
     r && /* @__PURE__ */ o(h, { ...r, items: M }),
     i && /* @__PURE__ */ o(j, { onClick: s }),
     a && /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(v, { ...a }) })
   ] });
 };
 export {
-  J as GlobalMenu
+  K as GlobalMenu
 };

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -4,9 +4,9 @@ import { c as p } from "../../index-p1eeF8LQ.js";
 import { Badge as h } from "../Badge/Badge.js";
 import u, { forwardRef as x } from "react";
 import { useIsDesktop as M } from "../../hooks/useIsDesktop.js";
-import { ButtonBase as g } from "../Button/ButtonBase.js";
-import { ButtonLabel as _ } from "../Button/ButtonLabel.js";
+import { Button as g } from "../Button/Button.js";
 import { ButtonIcon as d } from "../Button/ButtonIcon.js";
+import { ButtonLabel as _ } from "../Button/ButtonLabel.js";
 import { useRootContext as O } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as y } from "../../XMark-tKk6aExO.js";

package/dist/components/GlobalMenu/LocaleButton.js

@@ -2,11 +2,12 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as r } from "../Menu/MenuItem.js";
 import "../Snackbar/useSnackbar.js";
 import { S as m } from "../../Globe-BcPkcH4E.js";
-const a = ({ onClick: o }) => /* @__PURE__ */ t(r, { size: "sm", icon: m, title: "Språk/language", onClick: o });
+const c = ({ onClick: o }) => /* @__PURE__ */ t(r, { size: "sm", icon: m, title: "Språk/language", onClick: o });
 export {
-  a as LocaleButton
+  c as LocaleButton
 };

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -3,11 +3,12 @@ import { jsx as r } from "react/jsx-runtime";
 import { useRef as p, useMemo as d } from "react";
 import { useEnterKey as f } from "../../hooks/useEnterKey.js";
 import "../../index-p1eeF8LQ.js";
+import "../Button/Button.js";
 import { useRootContext as g } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuItems as h } from "../Menu/MenuItems.js";
 import { S as k } from "../../Checkmark-Byz_C9x4.js";
-const C = ({ title: s = "Select language", options: o, onSelect: i }) => {
+const L = ({ title: s = "Select language", options: o, onSelect: i }) => {
   const n = p(null), { currentId: a, closeAll: c } = g(), l = a === "locale", u = d(() => o.map((e) => ({
     ...e,
     id: String(e.value),
@@ -29,5 +30,5 @@ const C = ({ title: s = "Select language", options: o, onSelect: i }) => {
   }), /* @__PURE__ */ r("div", { ref: n, "data-testid": "locale-switcher", children: /* @__PURE__ */ r(h, { groups: m, items: u, keyboardEvents: !0 }) });
 };
 export {
-  C as LocaleSwitcher
+  L as LocaleSwitcher
 };