@altinn/altinn-components 0.46.5 → 0.46.6

package/dist/assets/GlobalMenuButton2.css

@@ -1 +1 @@
-._button_1g9ar_1{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_1g9ar_13{font-size:1.125rem;font-weight:500;padding:.25rem}._avatar_1g9ar_19{font-size:2.25rem;width:2.25rem;height:2.25rem}._icon_1g9ar_25{font-size:1.5rem;width:1.5rem;height:1.5rem}._badge_1g9ar_31{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
+._button_rhdbs_1{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_rhdbs_13{font-size:1.125rem;font-weight:500;padding:.25rem}._avatar_rhdbs_19{font-size:2.25rem;width:2.25rem;height:2.25rem}._icon_rhdbs_25{font-size:1.5rem;width:1.5rem;height:1.5rem}._iconMobile_rhdbs_31{font-size:1.5rem;width:3.55rem;height:1.5rem}._badge_rhdbs_37{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}

package/dist/components/Footer/FooterLogo.js

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../index-L8X2o7IH.js";
-import { DigdirLogomark as c } from "../Header/DigdirLogomark.js";
-import '../../assets/FooterLogo.css';const g = "_logo_127g0_1", i = "_symbol_127g0_9", s = {
-  logo: g,
-  symbol: i
-}, _ = ({ className: r, title: l = "Digdir" }) => /* @__PURE__ */ m("div", { className: t(s.logo, r), children: [
-  /* @__PURE__ */ o(c, { className: s.symbol }),
+import { c as i } from "../../index-L8X2o7IH.js";
+import { DigdirLogomark as t } from "../Header/DigdirLogomark.js";
+import '../../assets/FooterLogo.css';const c = "_logo_127g0_1", e = "_symbol_127g0_9", s = {
+  logo: c,
+  symbol: e
+}, d = ({ className: r, title: l = "Digdir" }) => /* @__PURE__ */ m("div", { className: i(s.logo, r), children: [
+  /* @__PURE__ */ o(t, { className: s.symbol, "aria-hidden": !0 }),
   /* @__PURE__ */ o("span", { children: l })
 ] });
 export {
-  _ as FooterLogo
+  d as FooterLogo
 };

package/dist/components/GlobalHeader/DigdirLogomark.js

@@ -1,20 +1,21 @@
-import { jsxs as L, jsx as C } from "react/jsx-runtime";
-import { useIsDesktop as n } from "../../hooks/useIsDesktop.js";
-const p = ({ className: e, title: i = "Digdir logomark" }) => {
-  const l = n() ? 8.5 : 7, { width: o, height: t } = { width: `${l}em`, height: `${l * 0.34}em` };
-  return /* @__PURE__ */ L(
+import { jsxs as e, jsx as C } from "react/jsx-runtime";
+import { useIsDesktop as r } from "../../hooks/useIsDesktop.js";
+const p = ({ className: L, title: i = "Digdir logomark", "aria-hidden": o }) => {
+  const l = r() ? 8.5 : 7, { width: t, height: n } = { width: `${l}em`, height: `${l * 0.34}em` };
+  return /* @__PURE__ */ e(
     "svg",
     {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      width: o,
-      height: t,
+      width: t,
+      height: n,
       viewBox: "0 0 113.779 38.8565",
       version: "1.1",
-      className: e,
+      className: L,
+      "aria-hidden": o,
       children: [
         /* @__PURE__ */ C("title", { children: i }),
-        /* @__PURE__ */ L("g", { id: "surface1", children: [
+        /* @__PURE__ */ e("g", { id: "surface1", children: [
           /* @__PURE__ */ C(
             "path",
             {

package/dist/components/GlobalHeader/GlobalSearch.js

@@ -1,40 +1,44 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { useState as S } from "react";
+import { jsx as r, jsxs as S } from "react/jsx-runtime";
+import { useState as d, useRef as g, useEffect as b } from "react";
 import "../../index-L8X2o7IH.js";
-import { useIsDesktop as d } from "../../hooks/useIsDesktop.js";
-import { useRootContext as f } from "../RootProvider/RootProvider.js";
+import { useIsDesktop as k } from "../../hooks/useIsDesktop.js";
+import { useRootContext as v } from "../RootProvider/RootProvider.js";
 import { s as o } from "../../globalSearch.module-Ejp7X0dO.js";
 import "../Snackbar/useSnackbar.js";
-import { S as r } from "../../index-B6sKSsN9.js";
-import { S as g } from "../../MagnifyingGlass-bwVhw07z.js";
-const B = ({ onSearch: a }) => {
-  const l = d(), [n, c] = S(""), { languageCode: i, closeAll: m } = f(), { search: p, placeholder: s } = b(i), h = () => {
-    a(n), m();
-  };
-  return /* @__PURE__ */ e(
+import { S as a } from "../../index-B6sKSsN9.js";
+import { S as x } from "../../MagnifyingGlass-bwVhw07z.js";
+const q = ({ onSearch: t }) => {
+  const u = k(), [s, i] = d(""), { languageCode: h, closeAll: m, currentId: n } = v(), { search: p, placeholder: c } = y(h), f = () => {
+    t(s), m();
+  }, l = g(null);
+  return b(() => {
+    var e;
+    n === "search" && ((e = l.current) == null || e.focus());
+  }, [n]), /* @__PURE__ */ r(
     "form",
     {
-      onSubmit: (t) => {
-        t.preventDefault(), h();
+      onSubmit: (e) => {
+        e.preventDefault(), f();
       },
-      children: /* @__PURE__ */ u(r, { className: o.globalSearch, "data-size": l ? "lg" : "md", children: [
-        /* @__PURE__ */ e(
-          r.Input,
+      children: /* @__PURE__ */ S(a, { className: o.globalSearch, "data-size": u ? "lg" : "md", children: [
+        /* @__PURE__ */ r(
+          a.Input,
           {
-            placeholder: s,
-            onChange: (t) => c(t.target.value),
-            value: n,
-            "aria-label": s,
+            ref: l,
+            placeholder: c,
+            onChange: (e) => i(e.target.value),
+            value: s,
+            "aria-label": c,
             className: o.searchInput
           }
         ),
-        /* @__PURE__ */ e(r.Clear, {}),
-        /* @__PURE__ */ e(r.Button, { variant: "secondary", icon: !0, "aria-label": p, className: o.searchInputButton, children: /* @__PURE__ */ e(g, {}) })
+        /* @__PURE__ */ r(a.Clear, {}),
+        /* @__PURE__ */ r(a.Button, { variant: "secondary", icon: !0, "aria-label": p, className: o.searchInputButton, children: /* @__PURE__ */ r(x, {}) })
       ] })
     }
   );
-}, b = (a) => {
-  switch (a) {
+}, y = (t) => {
+  switch (t) {
     case "nn":
       return {
         search: "Søk",
@@ -53,5 +57,5 @@ const B = ({ onSearch: a }) => {
   }
 };
 export {
-  B as GlobalSearch
+  q as GlobalSearch
 };

package/dist/components/GlobalHeader/GlobalSearchButton.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useIsDesktop as i } from "../../hooks/useIsDesktop.js";
@@ -13,19 +13,19 @@ const v = ({
   onClick: t,
   expanded: o
 }) => {
-  const { languageCode: n } = l(), { search: r, close: s } = f(n), e = i();
+  const { languageCode: a } = l(), { search: r, close: n } = f(a), e = i();
   return /* @__PURE__ */ c(
     m,
     {
       type: "button",
       icon: !e,
-      title: o ? s : r,
+      title: o ? n : r,
       onClick: t,
       "data-color": "neutral",
       className: u.searchButton,
       children: [
-        o ? /* @__PURE__ */ a(p, { "aria-hidden": "true" }) : /* @__PURE__ */ a(h, { "aria-hidden": "true" }),
-        e ? o ? s : r : null
+        o ? /* @__PURE__ */ s(p, { "aria-hidden": "true" }) : /* @__PURE__ */ s(h, { "aria-hidden": "true" }),
+        e ? r : null
       ]
     }
   );

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -1,17 +1,23 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
-import { Badge as e } from "../Badge/Badge.js";
-import { ButtonBase as g } from "../Button/ButtonBase.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { c as n } from "../../index-L8X2o7IH.js";
+import { Badge as g } from "../Badge/Badge.js";
+import { ButtonBase as l } from "../Button/ButtonBase.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { useRootContext as c } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { DigdirLogomark as a } from "./DigdirLogomark.js";
-import '../../assets/HeaderLogo2.css';const c = "_logo_1d6ig_1", l = {
-  logo: c
-}, L = ({ className: t, as: m = "a", href: i = "/", badge: o }) => /* @__PURE__ */ s(g, { as: m, className: p(l.logo, t), href: i, children: [
-  /* @__PURE__ */ r(a, {}),
-  o && /* @__PURE__ */ r(e, { ...o })
-] });
+import { DigdirLogomark as p } from "./DigdirLogomark.js";
+import '../../assets/HeaderLogo2.css';const f = "_logo_1d6ig_1", d = {
+  logo: f
+}, x = {
+  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__ */ a(l, { as: m, className: n(d.logo, r), href: s, ariaLabel: i, children: [
+    /* @__PURE__ */ t(p, {}),
+    o && /* @__PURE__ */ t(g, { ...o })
+  ] });
+};
 export {
-  L as HeaderLogo
+  C as HeaderLogo
 };

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -1,80 +1,99 @@
 "use client";
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { c as f } from "../../index-L8X2o7IH.js";
-import s, { forwardRef as _ } from "react";
-import { useIsDesktop as y } from "../../hooks/useIsDesktop.js";
-import { Badge as p } from "../Badge/Badge.js";
-import { ButtonBase as b } from "../Button/ButtonBase.js";
-import { ButtonLabel as g } from "../Button/ButtonLabel.js";
-import { ButtonIcon as h } from "../Button/ButtonIcon.js";
-import "../RootProvider/RootProvider.js";
+import { jsxs as u, jsx as r, Fragment as w } from "react/jsx-runtime";
+import { c as p } from "../../index-L8X2o7IH.js";
+import m, { forwardRef as x } from "react";
+import { useIsDesktop as M } from "../../hooks/useIsDesktop.js";
+import { Badge as h } from "../Badge/Badge.js";
+import { ButtonBase as g } from "../Button/ButtonBase.js";
+import { ButtonLabel as _ } from "../Button/ButtonLabel.js";
+import { ButtonIcon as d } from "../Button/ButtonIcon.js";
+import { useRootContext as O } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as v } from "../../XMark-tKk6aExO.js";
-import { u as w } from "../../useId-BVFxCjkq.js";
-import '../../assets/GlobalMenuButton2.css';var O = function(t, l) {
+import { S as y } from "../../XMark-tKk6aExO.js";
+import { u as I } from "../../useId-BVFxCjkq.js";
+import '../../assets/GlobalMenuButton2.css';var j = function(t, l) {
   var o = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+    for (var n = 0, e = Object.getOwnPropertySymbols(t); n < e.length; n++)
+      l.indexOf(e[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[n]) && (o[e[n]] = t[e[n]]);
   return o;
 };
-const I = _((t, l) => {
-  var { title: o, titleId: e } = t, r = O(t, ["title", "titleId"]);
-  let a = w();
-  return a = o ? e || "title-" + a : void 0, s.createElement(
+const k = x((t, l) => {
+  var { title: o, titleId: e } = t, n = j(t, ["title", "titleId"]);
+  let i = I();
+  return i = o ? e || "title-" + i : void 0, m.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": a }, r),
-    o ? s.createElement("title", { id: a }, o) : null,
-    s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.75 6a.75.75 0 0 1 .75-.75h17a.75.75 0 0 1 0 1.5h-17A.75.75 0 0 1 2.75 6m0 6a.75.75 0 0 1 .75-.75h17a.75.75 0 0 1 0 1.5h-17a.75.75 0 0 1-.75-.75m.75 5.25a.75.75 0 0 0 0 1.5h17a.75.75 0 0 0 0-1.5z", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, n),
+    o ? m.createElement("title", { id: i }, o) : null,
+    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.75 6a.75.75 0 0 1 .75-.75h17a.75.75 0 0 1 0 1.5h-17A.75.75 0 0 1 2.75 6m0 6a.75.75 0 0 1 .75-.75h17a.75.75 0 0 1 0 1.5h-17a.75.75 0 0 1-.75-.75m.75 5.25a.75.75 0 0 0 0 1.5h17a.75.75 0 0 0 0-1.5z", clipRule: "evenodd" })
   );
-}), x = "_button_1g9ar_1", j = "_icon_1g9ar_25", B = "_badge_1g9ar_31", i = {
-  button: x,
-  icon: j,
-  badge: B
-}, H = ({
+}), B = "_button_rhdbs_1", N = "_icon_rhdbs_25", R = "_iconMobile_rhdbs_31", S = "_badge_rhdbs_37", a = {
+  button: B,
+  icon: N,
+  iconMobile: R,
+  badge: S
+}, C = (t) => {
+  switch (t) {
+    case "nn":
+      return {
+        close: "Lukk meny"
+      };
+    case "en":
+      return {
+        close: "Close menu"
+      };
+    default:
+      return {
+        close: "Lukk Meny"
+      };
+  }
+}, J = ({
   className: t,
   as: l = "button",
   color: o = "accent",
   variant: e = "solid",
-  expanded: r,
-  label: a = "Menu",
+  expanded: n,
+  label: i = "Menu",
   badge: c,
-  ...m
+  ...f
 }) => {
-  const u = y();
-  return r ? /* @__PURE__ */ d(
-    b,
+  const s = M(), { languageCode: v } = O(), { close: b } = C(v);
+  return n ? /* @__PURE__ */ u(
+    g,
     {
-      ...m,
+      ...f,
       as: l,
       type: "button",
       variant: e,
       color: o,
-      className: f(i.button, t),
+      className: p(a.button, t),
       children: [
-        u && /* @__PURE__ */ n(h, { className: i.closeIcon, icon: /* @__PURE__ */ n(v, { className: i.icon, "aria-label": "Close" }) }),
-        /* @__PURE__ */ n(g, { children: a }),
-        c && /* @__PURE__ */ n(p, { ...c, className: i.badge })
+        s && /* @__PURE__ */ u(w, { children: [
+          /* @__PURE__ */ r(d, { icon: /* @__PURE__ */ r(y, { className: a.icon, "aria-label": b }) }),
+          /* @__PURE__ */ r(_, { children: i })
+        ] }),
+        !s && /* @__PURE__ */ r(d, { icon: /* @__PURE__ */ r(y, { className: a.iconMobile, "aria-label": b }) }),
+        c && /* @__PURE__ */ r(h, { ...c, className: a.badge })
       ]
     }
-  ) : /* @__PURE__ */ d(
-    b,
+  ) : /* @__PURE__ */ u(
+    g,
     {
-      ...m,
+      ...f,
       as: l,
       type: "button",
       variant: e,
       color: o,
-      className: f(i.button, t),
+      className: p(a.button, t),
       children: [
-        u && /* @__PURE__ */ n(h, { icon: /* @__PURE__ */ n(I, { className: i.icon, "aria-hidden": !0 }) }),
-        /* @__PURE__ */ n(g, { children: a }),
-        c && /* @__PURE__ */ n(p, { ...c, className: i.badge })
+        s && /* @__PURE__ */ r(d, { icon: /* @__PURE__ */ r(k, { className: a.icon, "aria-hidden": !0 }) }),
+        /* @__PURE__ */ r(_, { children: i }),
+        c && /* @__PURE__ */ r(h, { ...c, className: a.badge })
       ]
     }
   );
 };
 export {
-  H as GlobalMenuButton
+  J as GlobalMenuButton
 };

package/dist/types/lib/components/GlobalHeader/DigdirLogomark.d.ts

@@ -1,5 +1,6 @@
 export interface SymbolProps {
     className?: string;
     title?: string;
+    'aria-hidden'?: boolean;
 }
-export declare const DigdirLogomark: ({ className, title }: SymbolProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DigdirLogomark: ({ className, title, "aria-hidden": ariaHidden }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalHeader/HeaderLogo.d.ts

@@ -1,5 +1,5 @@
 import { ElementType, MouseEventHandler } from 'react';
-import { BadgeProps } from '../Badge/Badge.tsx';
+import { BadgeProps } from '../Badge';
 export interface HeaderLogoProps {
     className?: string;
     as?: ElementType;

package/dist/types/lib/components/Header/Header.d.ts

@@ -1,6 +1,6 @@
 import { HeaderLogoProps, MenuProps } from '../';
 import { BadgeProps } from '../Badge';
-import { GlobalMenuProps_old, Account } from '../GlobalMenu_old/index.tsx';
+import { GlobalMenuProps_old, Account } from '../GlobalMenu_old';
 import { SearchbarProps } from '../Searchbar';
 import { LocaleSwitcherProps } from './';
 export interface HeaderProps {

package/package.json

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