@altinn/altinn-components 0.24.2 → 0.24.5

package/dist/components/GlobalMenu/index.js

@@ -1,12 +1,14 @@
 import { AccountMenu as r } from "./AccountMenu.js";
-import { GlobalMenu as e } from "./GlobalMenu.js";
-import { AccountButton as c } from "./AccountButton.js";
-import { BackButton as m } from "./BackButton.js";
-import { LogoutButton as x } from "./LogoutButton.js";
+import { GlobalMenu as n } from "./GlobalMenu.js";
+import { AccountButton as f } from "./AccountButton.js";
+import { BackButton as p } from "./BackButton.js";
+import { LogoutButton as c } from "./LogoutButton.js";
+import { EndUserLabel as a } from "./EndUserLabel.js";
 export {
-  c as AccountButton,
+  f as AccountButton,
   r as AccountMenu,
-  m as BackButton,
-  e as GlobalMenu,
-  x as LogoutButton
+  p as BackButton,
+  a as EndUserLabel,
+  n as GlobalMenu,
+  c as LogoutButton
 };

package/dist/components/Menu/MenuItemBase.js

@@ -6,7 +6,7 @@ import { Badge as T } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemBase.css';const j = "_item_go19k_1", B = "_content_go19k_44", E = "_action_go19k_52", g = "_linkText_go19k_59", z = "_linkIcon_go19k_64", n = {
+import '../../assets/MenuItemBase.css';const j = "_item_1gk35_1", B = "_content_1gk35_45", E = "_action_1gk35_53", g = "_linkText_1gk35_60", z = "_linkIcon_1gk35_65", n = {
   item: j,
   content: B,
   action: E,
@@ -19,8 +19,8 @@ import '../../assets/MenuItemBase.css';const j = "_item_go19k_1", B = "_content_
   size: d,
   className: h,
   href: x,
-  onClick: o,
-  onKeyPress: e,
+  onClick: e,
+  onKeyPress: o,
   tabIndex: f = 0,
   hidden: k,
   selected: I,
@@ -42,9 +42,9 @@ import '../../assets/MenuItemBase.css';const j = "_item_go19k_1", B = "_content_
     "data-selected": I,
     href: x,
     onKeyPress: (r) => {
-      r.key === "Enter" && (o == null || o()), e == null || e(r);
+      r.key === "Enter" && (e == null || e()), o == null || o(r);
     },
-    onClick: o,
+    onClick: e,
     children: [
       /* @__PURE__ */ c("div", { className: n.content, children: [
         N,

package/dist/components/Menu/MenuItemLabel.js

@@ -1,13 +1,24 @@
-import { jsx as t, jsxs as r, Fragment as o } from "react/jsx-runtime";
+import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuItemLabel.css';const d = "_label_1ejxp_1", m = "_title_1ejxp_7", _ = "_description_1ejxp_25", s = {
-  label: d,
-  title: m,
-  description: _
-}, j = ({ className: l, size: e = "sm", label: i, title: n, description: c, children: a }) => /* @__PURE__ */ t("span", { className: p(s.label, l), "data-size": e, children: a || /* @__PURE__ */ r(o, { children: [
-  /* @__PURE__ */ t("strong", { className: s.title, "data-size": e, children: n || i }),
-  /* @__PURE__ */ t("span", { className: s.description, "data-size": e, children: c })
-] }) });
+import '../../assets/MenuItemLabel.css';const _ = "_label_1ehsf_1", h = "_title_1ehsf_7", b = "_description_1ehsf_30", s = {
+  label: _,
+  title: h,
+  description: b
+}, x = ({
+  className: l,
+  size: e = "sm",
+  label: i,
+  title: n,
+  weight: c,
+  description: o,
+  children: a
+}) => {
+  const r = c || e === "lg" ? "medium" : "normal";
+  return /* @__PURE__ */ t("span", { className: p(s.label, l), "data-size": e, children: a || /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ t("strong", { className: s.title, "data-size": e, "data-weight": r, children: n || i }),
+    /* @__PURE__ */ t("span", { className: s.description, "data-size": e, children: o })
+  ] }) });
+};
 export {
-  j as MenuItemLabel
+  x as MenuItemLabel
 };

package/dist/components/Menu/MenuItems.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsxs as i, jsx as m, Fragment as k } from "react/jsx-runtime";
-import { Fragment as B } from "react";
+import { jsxs as i, jsx as m, Fragment as B } from "react/jsx-runtime";
+import { Fragment as E } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as E } from "../../hooks/useMenu.js";
+import { useMenu as G } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as G } from "./MenuItem.js";
-import { MenuSearch as H } from "./MenuSearch.js";
-import { MenuHeader as K } from "./MenuHeader.js";
-import { MenuList as S, MenuListItem as c } from "./MenuBase.js";
+import { MenuItem as H } from "./MenuItem.js";
+import { MenuSearch as K } from "./MenuSearch.js";
+import { MenuHeader as S } from "./MenuHeader.js";
+import { MenuList as _, MenuListItem as c } from "./MenuBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const _ = ({
+const $ = ({
   level: h = 0,
   expanded: F,
   search: f,
@@ -19,42 +19,43 @@ const _ = ({
   defaultItemSize: x,
   defaultItemColor: M,
   defaultItemTheme: I,
-  defaultIconTheme: v
+  defaultIconTheme: v,
+  as: o
 }) => {
-  const { menu: b } = E({
+  const { menu: b } = G({
     items: j,
     groups: r,
     groupByKey: "groupId",
     keyboardEvents: !1
   });
-  return /* @__PURE__ */ i(S, { expanded: F, children: [
-    f && /* @__PURE__ */ m(H, { ...f }),
+  return /* @__PURE__ */ i(_, { expanded: F, as: o, children: [
+    f && /* @__PURE__ */ m(K, { ...f }),
     b.map((n, l) => {
-      const t = (n == null ? void 0 : n.props) || {}, { title: y, divider: o = !0 } = t, z = b[l + 1];
-      return /* @__PURE__ */ i(B, { children: [
-        (h > 0 || l) && o ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
-        y && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(K, { title: y }) }),
+      const t = (n == null ? void 0 : n.props) || {}, { title: y, divider: z = !0 } = t, L = b[l + 1];
+      return /* @__PURE__ */ i(E, { children: [
+        (h > 0 || l) && z ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
+        y && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(S, { title: y }) }),
         n == null ? void 0 : n.items.filter((a) => {
           var d;
           return !((d = a.props) != null && d.hidden);
         }).map((a, d) => {
-          const { active: L } = a, { groupId: $, ...e } = a.props || {}, { expanded: s } = e, T = n == null ? void 0 : n.items[d + 1];
+          const { active: T } = a, { groupId: q, ...e } = a.props || {}, { expanded: s } = e, k = n == null ? void 0 : n.items[d + 1];
           return /* @__PURE__ */ i(c, { expanded: s, children: [
             /* @__PURE__ */ m(
-              G,
+              H,
               {
                 ...e,
                 size: (e == null ? void 0 : e.size) || (t == null ? void 0 : t.defaultItemSize) || x,
                 color: (e == null ? void 0 : e.color) || (t == null ? void 0 : t.defaultItemColor) || M,
                 theme: (e == null ? void 0 : e.theme) || (t == null ? void 0 : t.defaultItemTheme) || I,
                 iconTheme: (e == null ? void 0 : e.iconTheme) || (t == null ? void 0 : t.defaultIconTheme) || v,
-                active: L,
+                active: T,
                 tabIndex: e != null && e.disabled ? -1 : 0
               }
             ),
-            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ i(k, { children: [
+            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ i(B, { children: [
               /* @__PURE__ */ m(
-                _,
+                $,
                 {
                   expanded: s,
                   level: h + 1,
@@ -66,7 +67,7 @@ const _ = ({
                   defaultIconTheme: v
                 }
               ),
-              (z || T) && /* @__PURE__ */ m(c, { role: "separator", as: "div" })
+              (L || k) && /* @__PURE__ */ m(c, { role: "separator", as: "div" })
             ] })
           ] }, d);
         })
@@ -75,5 +76,5 @@ const _ = ({
   ] });
 };
 export {
-  _ as MenuItems
+  $ as MenuItems
 };