@altinn/altinn-components 0.43.0 → 0.43.2

package/dist/assets/HeaderBase.css

@@ -1 +1 @@
-._header_19y6k_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem}._backdrop_19y6k_11{display:none}._header_19y6k_1[data-current-id=menu],._header_19y6k_1[data-current-id=locale]{background-color:#fff}@media (min-width: 1024px){._header_19y6k_1[data-current-id=menu],._header_19y6k_1[data-current-id=locale]{background-color:transparent}._header_19y6k_1[data-current-id=menu] ._backdrop_19y6k_11,._header_19y6k_1[data-current-id=locale] ._backdrop_19y6k_11{display:block}}._header_19y6k_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._header_19y6k_1[data-current-id=search]{margin-top:-72px}._header_19y6k_1[data-current-id=search] ._backdrop_19y6k_11{display:block}@media (min-width: 1024px){._header_19y6k_1[data-current-id=search]{margin-top:0}}
+._header_dg4o1_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:1rem;padding:1rem}@media (min-width: 1024px){._header_dg4o1_1{gap:1rem}}._backdrop_dg4o1_17{display:none}._header_dg4o1_1[data-current-id=menu],._header_dg4o1_1[data-current-id=locale]{background-color:#fff}@media (min-width: 1024px){._header_dg4o1_1[data-current-id=menu],._header_dg4o1_1[data-current-id=locale]{background-color:transparent}._header_dg4o1_1[data-current-id=menu] ._backdrop_dg4o1_17,._header_dg4o1_1[data-current-id=locale] ._backdrop_dg4o1_17{display:block}}._header_dg4o1_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._header_dg4o1_1[data-current-id=search]{margin-top:-72px}._header_dg4o1_1[data-current-id=search] ._backdrop_dg4o1_17{display:block}@media (min-width: 1024px){._header_dg4o1_1[data-current-id=search]{margin-top:0}}

package/dist/assets/HeaderGroup.css

@@ -1 +1 @@
-._group_171t6_1{position:relative;display:flex;align-items:center;column-gap:1rem}
+._group_oia4i_1{position:relative;display:flex;align-items:center;column-gap:0}@media (min-width: 1024px){._group_oia4i_1{column-gap:1rem}}

package/dist/assets/HeaderLogo.css

@@ -1 +1 @@
-._logo_y48xn_1{display:flex;align-items:center;color:currentColor;text-decoration:none}._symbol_y48xn_8{width:2rem;height:2rem;margin:6px}._riksSymbol_y48xn_14{width:2.5rem;height:2.5rem;margin:0}._text_y48xn_20{font-size:1.5rem;font-weight:500;padding:4px}
+._logo_mt7vd_1{display:flex;align-items:center;color:currentColor;text-decoration:none}._symbol_mt7vd_8{width:2rem;height:2rem;margin:0}@media (min-width: 1024px){._symbol_mt7vd_8{margin:6px}}._riksSymbol_mt7vd_20{width:2.5rem;height:2.5rem;margin:0}._text_mt7vd_26{font-size:1.5rem;font-weight:500;padding:4px}

package/dist/components/Header/Header.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { useRootContext as H } from "../RootProvider/RootProvider.js";
-import { DropdownBase as S } from "../Dropdown/DropdownBase.js";
-import { DrawerBase as k } from "../Dropdown/DrawerBase.js";
+import { useRootContext as S } from "../RootProvider/RootProvider.js";
+import { DropdownBase as k } from "../Dropdown/DropdownBase.js";
+import { DrawerBase as B } from "../Dropdown/DrawerBase.js";
 import { GlobalMenu as f } from "../GlobalMenu/GlobalMenu.js";
-import { GlobalMenuButton as B } from "../GlobalMenu/GlobalMenuButton.js";
-import { HeaderBase as D } from "./HeaderBase.js";
-import { HeaderLogo as I } from "./HeaderLogo.js";
-import { HeaderGroup as N } from "./HeaderGroup.js";
+import { GlobalMenuButton as D } from "../GlobalMenu/GlobalMenuButton.js";
+import { HeaderBase as I } from "./HeaderBase.js";
+import { HeaderLogo as l } from "./HeaderLogo.js";
+import { HeaderGroup as F } from "./HeaderGroup.js";
 import { HeaderSearch as w } from "./HeaderSearch.js";
-import { LocaleSwitcher as F } from "./LocaleSwitcher.js";
+import { LocaleSwitcher as G } from "./LocaleSwitcher.js";
 import { Searchbar as x } from "../Searchbar/Searchbar.js";
 import "../Snackbar/useSnackbar.js";
-import { useIsDesktop as G } from "../../hooks/useIsDesktop.js";
-import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afyu3_6", z = "_relative_afyu3_19", t = {
-  drawer: L,
+import { useIsDesktop as L } from "../../hooks/useIsDesktop.js";
+import '../../assets/Header.css';const N = "_drawer_afyu3_1", j = "_dropdown_afyu3_6", z = "_relative_afyu3_19", n = {
+  drawer: N,
   dropdown: j,
   relative: z
 }, A = ({
@@ -25,54 +25,54 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
   mobileMenu: C,
   locale: p,
   search: s,
-  currentAccount: m,
+  currentAccount: t,
   logo: u = {},
-  badge: l
+  badge: v
 }) => {
-  const { currentId: r, toggleId: i, openId: v, closeAll: d } = H(), c = () => {
-    v("search");
+  const { currentId: r, toggleId: i, openId: y, closeAll: m } = S(), c = () => {
+    y("search");
   }, a = () => {
     i("search");
-  }, y = () => {
+  }, H = () => {
     i("menu");
-  }, h = G();
-  return /* @__PURE__ */ n(
-    D,
+  }, h = L();
+  return /* @__PURE__ */ d(
+    I,
     {
       currentId: r,
       open: r === "search" || r === "menu" || r === "locale",
-      onClose: d,
+      onClose: m,
       children: [
-        /* @__PURE__ */ o(I, { ...u, badge: l, className: t.logo }),
+        /* @__PURE__ */ o(l, { ...u, badge: v }),
         s && h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
-        /* @__PURE__ */ n(N, { children: [
-          p && /* @__PURE__ */ o(F, { ...p }),
-          /* @__PURE__ */ n("div", { className: t.relative, children: [
+        /* @__PURE__ */ d(F, { children: [
+          p && /* @__PURE__ */ o(G, { ...p }),
+          /* @__PURE__ */ d("div", { className: n.relative, children: [
             /* @__PURE__ */ o(
-              B,
+              D,
               {
-                currentAccount: m,
-                onClick: y,
+                currentAccount: t,
+                onClick: H,
                 expanded: r === "menu",
                 label: e == null ? void 0 : e.menuLabel
               }
             ),
             e && /* @__PURE__ */ o(
-              S,
+              k,
               {
                 layout: "desktop",
                 padding: !0,
                 size: "lg",
                 placement: "right",
                 open: r === "menu",
-                className: t.dropdown,
+                className: n.dropdown,
                 children: /* @__PURE__ */ o(
                   f,
                   {
                     ...e,
                     menu: _ || (e == null ? void 0 : e.menu),
-                    currentAccount: m,
-                    onClose: d
+                    currentAccount: t,
+                    onClose: m
                   }
                 )
               }
@@ -80,13 +80,13 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
           ] })
         ] }),
         s && !h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
-        e && /* @__PURE__ */ o(k, { open: r === "menu", className: t.drawer, children: /* @__PURE__ */ o(
+        e && /* @__PURE__ */ o(B, { open: r === "menu", className: n.drawer, children: /* @__PURE__ */ o(
           f,
           {
             ...e,
             menu: C || (e == null ? void 0 : e.menu),
-            currentAccount: m,
-            onClose: d
+            currentAccount: t,
+            onClose: m
           }
         ) })
       ]

package/dist/components/Header/HeaderBase.js

@@ -1,14 +1,14 @@
-import { jsxs as t, jsx as d } from "react/jsx-runtime";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderBase.css';const i = "_header_19y6k_1", k = "_backdrop_19y6k_11", r = {
+import '../../assets/HeaderBase.css';const i = "_header_dg4o1_1", n = "_backdrop_dg4o1_17", r = {
   header: i,
-  backdrop: k
-}, f = ({ currentId: e, className: o, children: a, open: c, onClose: s }) => /* @__PURE__ */ t("header", { className: p(r.header, o), "data-current-id": e, children: [
-  c && /* @__PURE__ */ d(m, { className: r.backdrop, onClick: s }),
+  backdrop: n
+}, f = ({ currentId: o, className: e, children: a, open: c, onClose: d }) => /* @__PURE__ */ s("header", { className: p(r.header, e), "data-current-id": o, children: [
+  c && /* @__PURE__ */ t(m, { className: r.backdrop, onClick: d }),
   a
 ] });
 export {

package/dist/components/Header/HeaderGroup.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../index-L8X2o7IH.js";
-import '../../assets/HeaderGroup.css';const p = "_group_171t6_1", c = {
-  group: p
-}, m = ({ className: o, children: r }) => /* @__PURE__ */ s("div", { className: t(c.group, o), children: r });
+import { c as p } from "../../index-L8X2o7IH.js";
+import '../../assets/HeaderGroup.css';const t = "_group_oia4i_1", c = {
+  group: t
+}, a = ({ className: o, children: r }) => /* @__PURE__ */ s("div", { className: p(c.group, o), children: r });
 export {
-  m as HeaderGroup
+  a as HeaderGroup
 };

package/dist/components/Header/HeaderLogo.js

@@ -1,21 +1,21 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
-import { Badge as a } from "../Badge/Badge.js";
-import { ButtonBase as c } from "../Button/ButtonBase.js";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { c as a } from "../../index-L8X2o7IH.js";
+import { Badge as c } from "../Badge/Badge.js";
+import { ButtonBase as n } from "../Button/ButtonBase.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DigdirLogomark as x } from "./DigdirLogomark.js";
+import { DigdirLogomark as p } from "./DigdirLogomark.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderLogo.css';const p = "_logo_y48xn_1", _ = "_symbol_y48xn_8", y = "_text_y48xn_20", t = {
-  logo: p,
-  symbol: _,
-  text: y
-}, u = ({ className: m, as: r = "a", title: e = "Altinn", href: l = "/", badge: s }) => /* @__PURE__ */ n(c, { as: r, className: i(t.logo, m), href: l, children: [
-  /* @__PURE__ */ o(x, { className: t.symbol }),
+import '../../assets/HeaderLogo.css';const _ = "_logo_mt7vd_1", x = "_symbol_mt7vd_8", d = "_text_mt7vd_26", t = {
+  logo: _,
+  symbol: x,
+  text: d
+}, j = ({ className: s, as: r = "a", title: e = "Altinn", href: l = "/", badge: m }) => /* @__PURE__ */ i(n, { as: r, className: a(t.logo, s), href: l, children: [
+  /* @__PURE__ */ o(p, { className: t.symbol }),
   /* @__PURE__ */ o("span", { className: t.text, children: e }),
   " ",
-  s && /* @__PURE__ */ o(a, { ...s })
+  m && /* @__PURE__ */ o(c, { ...m })
 ] });
 export {
-  u as HeaderLogo
+  j as HeaderLogo
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.43.0",
+  "version": "0.43.2",
   "main": "dist/index.js",
   "files": [
     "dist/",