@altinn/altinn-components 0.66.0 → 0.66.1

package/dist/assets/GlobalHeader.css

@@ -1 +1 @@
-._header_1iojv_1{z-index:1;background-color:#fff;width:100%}._container_1iojv_7{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.625rem;width:100%;max-width:1512px;margin:0 auto}._backdrop_1iojv_19{display:none}._header_1iojv_1[data-current-id=menu],._header_1iojv_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_1iojv_1[data-current-id=menu] ._backdrop_1iojv_19,._header_1iojv_1[data-current-id=locale] ._backdrop_1iojv_19{display:block}}@media(max-width:1023px){._header_1iojv_1{gap:0}}._header_1iojv_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._nav_1iojv_53{position:relative;display:flex;align-items:center;justify-content:end;column-gap:1rem}
+._header_17ppp_1{z-index:1;background-color:#fff;width:100%}._container_17ppp_7{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.625rem;width:100%;max-width:1512px;margin:0 auto}._backdrop_17ppp_19{display:none}._header_17ppp_1[data-current-id=menu],._header_17ppp_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_17ppp_1[data-current-id=menu] ._backdrop_17ppp_19,._header_17ppp_1[data-current-id=locale] ._backdrop_17ppp_19{display:block}}@media(max-width:1023px){._header_17ppp_1{gap:0}}._header_17ppp_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._nav_17ppp_53{position:relative;display:flex;align-items:center;justify-content:end;column-gap:1rem;width:100%}._logo_17ppp_62{margin-right:auto}

package/dist/components/GlobalHeader/DigdirLogomark.js

@@ -1,5 +1,5 @@
-import { jsxs as o, jsx as C } from "react/jsx-runtime";
-const e = ({ className: r, title: i = "Digdir logo" }) => /* @__PURE__ */ o(
+import { jsxs as e, jsx as C } from "react/jsx-runtime";
+const t = ({ className: r, title: i = "Digdir logo" }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "1em",
@@ -8,6 +8,7 @@ const e = ({ className: r, title: i = "Digdir logo" }) => /* @__PURE__ */ o(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: r,
+    "aria-hidden": "true",
     children: [
       /* @__PURE__ */ C("title", { children: i }),
       /* @__PURE__ */ C(
@@ -21,5 +22,5 @@ const e = ({ className: r, title: i = "Digdir logo" }) => /* @__PURE__ */ o(
   }
 );
 export {
-  e as DigdirLogomark
+  t as DigdirLogomark
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as n, jsxs as i, Fragment as A } from "react/jsx-runtime";
-import { useState as O } from "react";
+import { jsx as n, jsxs as i, Fragment as O } from "react/jsx-runtime";
+import { useState as v } from "react";
 import { useIsDesktop as F } from "../../hooks/useIsDesktop.js";
 import { AccountSelector as b } from "../AccountSelector/AccountSelector.js";
 import { GlobalMenu as w } from "../GlobalMenu/GlobalMenu.js";
@@ -14,85 +14,84 @@ import { GlobalMenuButton as D } from "./GlobalMenuButton.js";
 import { GlobalAccountButton as M } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";
 import { HeaderDrawer as N } from "./HeaderDrawer.js";
-import { HeaderDropdown as j } from "./HeaderDropdown.js";
-import { HeaderLogo as E } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const I = "_header_1iojv_1", T = "_container_1iojv_7", k = "_nav_1iojv_53", t = {
-  header: I,
-  container: T,
-  nav: k
-}, B = 5, Z = ({
+import { HeaderDropdown as E } from "./HeaderDropdown.js";
+import { HeaderLogo as I } from "./HeaderLogo.js";
+import '../../assets/GlobalHeader.css';const T = "_header_17ppp_1", k = "_container_17ppp_7", B = "_nav_17ppp_53", G = "_logo_17ppp_62", t = {
+  header: T,
+  container: k,
+  nav: B,
+  logo: G
+}, H = 5, $ = ({
   globalMenu: r,
-  desktopMenu: d,
-  mobileMenu: m,
-  locale: p,
+  desktopMenu: s,
+  mobileMenu: d,
+  locale: m,
   accountSelector: e,
   logo: u = {},
   badge: f,
-  onLoginClick: h
+  onLoginClick: g
 }) => {
-  const { currentId: o, toggleId: c, closeAll: a } = C(), g = () => {
-    o !== "account" && window.scrollTo({ top: 0, behavior: "instant" }), c("account");
+  const { currentId: o, toggleId: l, closeAll: a } = C(), h = () => {
+    o !== "account" && window.scrollTo({ top: 0, behavior: "instant" }), l("account");
   }, _ = () => {
-    c("menu");
-  }, l = o === "account" || e?.forceOpenFullScreen || !1, [s, v] = O(!1), x = F();
-  return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ i("div", { className: t.container, children: [
-    /* @__PURE__ */ n(E, { ...u, badge: f, className: t.logo }),
-    /* @__PURE__ */ i("nav", { className: t.nav, children: [
-      e && /* @__PURE__ */ i(A, { children: [
-        /* @__PURE__ */ n(
-          M,
+    l("menu");
+  }, c = o === "account" || e?.forceOpenFullScreen || !1, [p, x] = v(!1), A = F();
+  return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ n("div", { className: t.container, children: /* @__PURE__ */ i("nav", { className: t.nav, "aria-label": "hovednavigasjon", children: [
+    /* @__PURE__ */ n(I, { ...u, badge: f, className: t.logo }),
+    e && /* @__PURE__ */ i(O, { children: [
+      /* @__PURE__ */ n(
+        M,
+        {
+          currentAccount: e.accountMenu?.currentAccount,
+          onClick: e.accountMenu?.currentAccount ? h : g,
+          expanded: c,
+          loading: e.loading,
+          disabled: e.forceOpenFullScreen
+        }
+      ),
+      /* @__PURE__ */ n(
+        N,
+        {
+          id: "header-account",
+          open: c,
+          onClose: a,
+          closedBy: e?.forceOpenFullScreen ? "none" : "any",
+          expanded: e?.forceOpenFullScreen || p,
+          onToggle: () => x(!p),
+          expandable: e.accountMenu.items.length > H,
+          children: /* @__PURE__ */ n(b, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(
+      E,
+      {
+        id: "header-menu",
+        open: o === "menu",
+        onClose: a,
+        trigger: /* @__PURE__ */ n(
+          D,
           {
-            currentAccount: e.accountMenu?.currentAccount,
-            onClick: e.accountMenu?.currentAccount ? g : h,
-            expanded: l,
-            loading: e.loading,
-            disabled: e.forceOpenFullScreen
+            onClick: _,
+            expanded: o === "menu",
+            disabled: e?.forceOpenFullScreen,
+            label: r?.menuLabel
           }
         ),
-        /* @__PURE__ */ n(
-          N,
+        children: /* @__PURE__ */ n(
+          w,
           {
-            id: "header-account",
-            open: l,
+            ...r,
+            menu: A ? s || r?.menu : d || r?.menu,
             onClose: a,
-            closedBy: e?.forceOpenFullScreen ? "none" : "any",
-            expanded: e?.forceOpenFullScreen || s,
-            onToggle: () => v(!s),
-            expandable: e.accountMenu.items.length > B,
-            children: /* @__PURE__ */ n(b, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
+            localeSwitcher: m,
+            isOpen: o === "menu"
           }
         )
-      ] }),
-      /* @__PURE__ */ n(
-        j,
-        {
-          id: "header-menu",
-          open: o === "menu",
-          onClose: a,
-          trigger: /* @__PURE__ */ n(
-            D,
-            {
-              onClick: _,
-              expanded: o === "menu",
-              disabled: e?.forceOpenFullScreen,
-              label: r?.menuLabel
-            }
-          ),
-          children: /* @__PURE__ */ n(
-            w,
-            {
-              ...r,
-              menu: x ? d || r?.menu : m || r?.menu,
-              onClose: a,
-              localeSwitcher: p,
-              isOpen: o === "menu"
-            }
-          )
-        }
-      )
-    ] })
-  ] }) });
+      }
+    )
+  ] }) }) });
 };
 export {
-  Z as GlobalHeader
+  $ as GlobalHeader
 };

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -1,29 +1,23 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { c as l } from "../../index-p1eeF8LQ.js";
-import { w as c, B as g } from "../../ToolbarSearch-DFYx6gIb.js";
-import { Button as p } from "../Button/Button.js";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { c as n } from "../../index-p1eeF8LQ.js";
+import { B as l } from "../../ToolbarSearch-DFYx6gIb.js";
+import { Button as e } from "../Button/Button.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { DigdirLogomark as x } from "./DigdirLogomark.js";
-import '../../assets/HeaderLogo.css';const d = "_logo_1yxnd_1", _ = "_logomark_1yxnd_16", f = "_text_1yxnd_23", t = {
-  logo: d,
-  logomark: _,
-  text: f
-}, k = {
-  nn: "Gå til framsida",
-  en: "Go to homepage"
-}, v = ({ className: s, as: m = "a", href: n = "/", badge: r }) => {
-  const { languageCode: a } = c(), e = k[a ?? ""] ?? "Gå til forsiden";
-  return /* @__PURE__ */ i(p, { variant: "ghost", as: m, className: l(t.logo, s), href: n, title: e, children: [
-    /* @__PURE__ */ o(x, { className: t.logomark }),
-    /* @__PURE__ */ o("span", { className: t.text, children: "Altinn" }),
-    r && /* @__PURE__ */ o(g, { ...r })
-  ] });
-};
+import { DigdirLogomark as g } from "./DigdirLogomark.js";
+import '../../assets/HeaderLogo.css';const p = "_logo_1yxnd_1", x = "_logomark_1yxnd_16", c = "_text_1yxnd_23", o = {
+  logo: p,
+  logomark: x,
+  text: c
+}, v = ({ className: m, as: s = "a", href: i = "/", badge: t }) => /* @__PURE__ */ a(e, { variant: "ghost", as: s, className: n(o.logo, o.text, m), href: i, children: [
+  /* @__PURE__ */ r(g, { className: o.logomark }),
+  "Altinn",
+  t && /* @__PURE__ */ r(l, { ...t })
+] });
 export {
   v as HeaderLogo
 };

package/package.json

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