@altinn/altinn-components 0.41.4 → 0.41.5

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_16xuy_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_16xuy_13{display:inline-flex;align-items:center;column-gap:.5em}._radio_16xuy_19,._checkbox_16xuy_20{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_16xuy_19{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_16xuy_20{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_16xuy_19[data-checked=true],._checkbox_16xuy_20[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_16xuy_53{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_16xuy_53{font-size:unset;width:1.25em;height:1.25em}._icon_16xuy_53 svg,._icon_16xuy_53 img{width:100%;height:100%}}
+._label_sfsij_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_sfsij_13{color:var(--ds-color-text-default);display:inline-flex;align-items:center;column-gap:.5em}._count_sfsij_20{vertical-align:super;font-size:smaller}._radio_sfsij_25,._checkbox_sfsij_26{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_sfsij_25{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_sfsij_26{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_sfsij_25[data-checked=true],._checkbox_sfsij_26[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_sfsij_59{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_sfsij_59{font-size:unset;width:1.25em;height:1.25em}._icon_sfsij_59 svg,._icon_sfsij_59 img{width:100%;height:100%}}

package/dist/components/Menu/MenuItem.js

@@ -1,70 +1,71 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { Icon as w } from "../Icon/Icon.js";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { isValidElement as C } from "react";
+import { Icon as N } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import "react";
+import { Badge as d } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItemBase as y } from "./MenuItemBase.js";
-import { MenuItemLabel as C } from "./MenuItemLabel.js";
-import { MenuItemIcon as j } from "./MenuItemIcon.js";
+import { MenuItemBase as q } from "./MenuItemBase.js";
+import { MenuItemLabel as x } from "./MenuItemLabel.js";
+import { MenuItemIcon as E } from "./MenuItemIcon.js";
 import "../Snackbar/useSnackbar.js";
-import { S as q, a as x } from "../../ChevronUp-_BBfEirx.js";
-import { S as L } from "../../ChevronRight-ANFWmIs1.js";
-import '../../assets/MenuItem.css';const N = "_controls_w98qm_46", B = "_linkIcon_w98qm_59", s = {
-  controls: N,
-  linkIcon: B
-}, P = ({
-  as: i = "a",
+import { S as L, a as b } from "../../ChevronUp-_BBfEirx.js";
+import { S as D } from "../../ChevronRight-ANFWmIs1.js";
+import '../../assets/MenuItem.css';const R = "_controls_w98qm_46", U = "_linkIcon_w98qm_59", m = {
+  controls: R,
+  linkIcon: U
+}, X = ({
+  as: l = "a",
   size: t = "md",
   color: p,
-  variant: l,
+  variant: f,
   collapsible: a,
-  expanded: m,
+  expanded: c,
   icon: I,
-  iconTheme: f,
-  iconBadge: h,
+  iconTheme: h,
+  iconBadge: u,
   title: v,
-  description: u,
-  highlightWords: S,
-  badge: _,
-  controls: d,
-  loading: o,
-  linkIcon: k,
-  label: r,
+  description: S,
+  highlightWords: _,
+  badge: o,
+  controls: k,
+  loading: r,
+  linkIcon: y,
+  label: e,
   ariaLabel: M,
-  ...b
+  ...j
 }) => {
-  const g = typeof r == "function" ? r() : r, e = a ? m ? q : x : k ? L : void 0;
-  return /* @__PURE__ */ c(
-    y,
+  const w = typeof e == "function" ? e() : e, s = a ? c ? L : b : y ? D : void 0, B = () => o && !r && typeof o == "object" && "label" in o ? /* @__PURE__ */ n(d, { ...o, className: m.badge }) : C(o) ? o : null;
+  return /* @__PURE__ */ i(
+    q,
     {
-      as: i,
+      as: l,
       size: t,
-      variant: l,
+      variant: f,
       color: p,
-      expanded: m,
+      expanded: c,
       ariaLabel: M,
-      hidden: o,
-      ...b,
+      hidden: r,
+      ...j,
       children: [
-        /* @__PURE__ */ n(j, { loading: o, size: t, icon: I, theme: f, badge: h }),
+        /* @__PURE__ */ n(E, { loading: r, size: t, icon: I, theme: h, badge: u }),
         /* @__PURE__ */ n(
-          C,
+          x,
           {
-            loading: o,
+            loading: r,
             title: v,
-            description: u,
-            highlightWords: S,
+            description: S,
+            highlightWords: _,
             size: t,
-            badge: _,
-            children: g
+            children: w
           }
         ),
-        /* @__PURE__ */ c("span", { className: s.controls, children: [
-          !o && d,
-          e && /* @__PURE__ */ n("span", { className: s.linkIcon, children: /* @__PURE__ */ n(
-            w,
+        /* @__PURE__ */ i("span", { className: m.controls, children: [
+          !r && k,
+          !r && B(),
+          s && /* @__PURE__ */ n("span", { className: m.linkIcon, children: /* @__PURE__ */ n(
+            N,
             {
-              svgElement: e,
+              svgElement: s,
               style: {
                 fontSize: "1.5rem"
               }
@@ -76,5 +77,5 @@ import '../../assets/MenuItem.css';const N = "_controls_w98qm_46", B = "_linkIco
   );
 };
 export {
-  P as MenuItem
+  X as MenuItem
 };

package/dist/components/Menu/MenuItemLabel.js

@@ -1,81 +1,75 @@
-import { jsx as t, jsxs as p, Fragment as h } from "react/jsx-runtime";
-import { c as b } from "../../index-L8X2o7IH.js";
+import { jsx as s, jsxs as g, Fragment as b } from "react/jsx-runtime";
+import { c as d } from "../../index-L8X2o7IH.js";
 import { isValidElement as x } from "react";
-import { Heading as u } from "../Typography/Heading.js";
-import { Badge as _ } from "../Badge/Badge.js";
+import { Heading as c } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
-import { isHeadingProps as s } from "../List/ListItemLabel.js";
+import { isHeadingProps as o } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemLabel.css';const y = "_label_1gf5h_1", P = "_title_1gf5h_22", g = {
-  label: y,
-  title: P
+import '../../assets/MenuItemLabel.css';const h = "_label_1gf5h_1", _ = "_title_1gf5h_22", p = {
+  label: h,
+  title: _
 };
-function d(r) {
+function u(r) {
   return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || x(r);
 }
-const w = (r) => {
+const y = (r) => {
   const n = {
     as: "span"
   };
-  return s(r) ? { ...n, ...r } : d(r) ? {
+  return o(r) ? { ...n, ...r } : u(r) ? {
     ...n,
     children: r
   } : null;
-}, N = (r) => {
+}, P = (r) => {
   const n = {
     as: "span",
     weight: "normal",
     variant: "subtle"
   };
-  return s(r) ? { ...n, ...r } : d(r) ? {
+  return o(r) ? { ...n, ...r } : u(r) ? {
     ...n,
     children: r
   } : null;
 };
-function D(r) {
+function z(r) {
   if (typeof r == "string")
     return r;
-  if (s(r))
+  if (o(r))
     return r.children;
 }
-const E = ({
+const A = ({
   className: r,
   size: n = "sm",
-  title: i,
-  badge: l,
-  description: a,
-  highlightWords: m,
-  loading: c,
+  title: a,
+  description: i,
+  highlightWords: l,
+  loading: m,
   children: f
 }) => {
-  const e = i && w(i), o = a && N(a);
-  return /* @__PURE__ */ t("span", { className: b(g.label, r), "data-size": n, children: f || /* @__PURE__ */ p(h, { children: [
-    e && /* @__PURE__ */ p(
-      u,
+  const t = a && y(a), e = i && P(i);
+  return /* @__PURE__ */ s("span", { className: d(p.label, r), "data-size": n, children: f || /* @__PURE__ */ g(b, { children: [
+    t && /* @__PURE__ */ s(
+      c,
       {
-        ...e,
-        loading: c,
-        highlightWords: m,
-        className: g.title,
-        weight: e != null && e.weight || n === "lg" ? "medium" : "normal",
-        children: [
-          /* @__PURE__ */ t("span", { children: e.children }),
-          l && /* @__PURE__ */ t(_, { ...l })
-        ]
+        ...t,
+        loading: m,
+        highlightWords: l,
+        className: p.title,
+        weight: t != null && t.weight || n === "lg" ? "medium" : "normal"
       }
     ),
-    o && /* @__PURE__ */ t(
-      u,
+    e && /* @__PURE__ */ s(
+      c,
       {
-        ...o,
-        loading: c,
-        highlightWords: m,
-        size: o.size || n === "lg" ? "xs" : "xxs"
+        ...e,
+        loading: m,
+        highlightWords: l,
+        size: e.size || n === "lg" ? "xs" : "xxs"
       }
     )
   ] }) });
 };
 export {
-  E as MenuItemLabel,
-  D as getAriaLabelFromTitle
+  A as MenuItemLabel,
+  z as getAriaLabelFromTitle
 };

package/dist/components/Menu/MenuOption.js

@@ -1,83 +1,83 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Badge as p } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as u } from "./MenuItem.js";
+import { MenuItem as _ } from "./MenuItem.js";
 import "../Snackbar/useSnackbar.js";
-import { S as x } from "../../Checkmark-Byz_C9x4.js";
-import '../../assets/MenuOption.css';const y = "_label_16xuy_1", k = "_title_16xuy_13", v = "_radio_16xuy_19", I = "_checkbox_16xuy_20", M = "_icon_16xuy_53", a = {
-  label: y,
-  title: k,
+import { S as p } from "../../Checkmark-Byz_C9x4.js";
+import '../../assets/MenuOption.css';const N = "_label_sfsij_1", j = "_title_sfsij_13", k = "_count_sfsij_20", v = "_radio_sfsij_25", I = "_checkbox_sfsij_26", M = "_icon_sfsij_59", a = {
+  label: N,
+  title: j,
+  count: k,
   radio: v,
   checkbox: I,
   icon: M
-}, F = ({
-  size: o = "md",
-  type: _,
-  name: j,
-  active: n,
-  value: S,
-  label: c,
-  title: h,
+}, C = ({
+  size: t = "md",
+  type: h,
+  name: S,
+  active: i,
+  value: g,
+  label: n,
+  title: u,
   description: b,
-  icon: N,
-  badge: s,
-  checked: t = !1,
-  disabled: r,
+  icon: f,
+  count: e = 0,
+  checked: c = !1,
+  disabled: o,
   onMouseEnter: w,
-  onClick: i,
+  onClick: r,
   role: l,
   ...m
 }) => {
-  const f = () => {
-    switch (_) {
+  const x = () => {
+    switch (h) {
       case "checkbox":
         return /* @__PURE__ */ d("span", { className: a.label, children: [
-          /* @__PURE__ */ e("span", { className: a.checkbox, "data-checked": t, children: /* @__PURE__ */ e(x, { className: a.icon, "aria-hidden": !0 }) }),
-          /* @__PURE__ */ e("span", { className: a.title, children: c })
+          /* @__PURE__ */ s("span", { className: a.checkbox, "data-checked": c, children: /* @__PURE__ */ s(p, { className: a.icon, "aria-hidden": !0 }) }),
+          /* @__PURE__ */ s("span", { className: a.title, children: n }),
+          e > 0 && /* @__PURE__ */ s("span", { className: a.count, children: e })
         ] });
       case "radio":
         return /* @__PURE__ */ d("span", { className: a.label, children: [
-          /* @__PURE__ */ e("span", { className: a.radio, "data-checked": t, children: /* @__PURE__ */ e(x, { className: a.icon, "aria-hidden": !0 }) }),
-          /* @__PURE__ */ e("span", { className: a.title, children: c })
+          /* @__PURE__ */ s("span", { className: a.radio, "data-checked": c, children: /* @__PURE__ */ s(p, { className: a.icon, "aria-hidden": !0 }) }),
+          /* @__PURE__ */ s("span", { className: a.title, children: n }),
+          e > 0 && /* @__PURE__ */ s("span", { className: a.count, children: e })
         ] });
     }
   };
-  return c ? /* @__PURE__ */ e(
-    u,
+  return n ? /* @__PURE__ */ s(
+    _,
     {
-      disabled: r,
-      selected: t,
-      size: o,
+      disabled: o,
+      selected: c,
+      size: t,
       as: "div",
-      active: n,
+      active: i,
       tabIndex: -1,
-      onClick: i,
+      onClick: r,
       role: l,
-      label: /* @__PURE__ */ e(f, {}),
-      controls: s && /* @__PURE__ */ e(p, { ...s }),
+      label: /* @__PURE__ */ s(x, {}),
       ...m
     }
-  ) : /* @__PURE__ */ e(
-    u,
+  ) : /* @__PURE__ */ s(
+    _,
     {
-      disabled: r,
-      selected: t,
-      size: o,
+      disabled: o,
+      selected: c,
+      size: t,
       as: "div",
-      active: n,
+      active: i,
       tabIndex: -1,
-      onClick: i,
+      onClick: r,
       role: l,
-      icon: N,
-      title: h,
+      icon: f,
+      title: u,
       description: b,
-      controls: s && /* @__PURE__ */ e(p, { ...s }),
       ...m
     }
   );
 };
 export {
-  F as MenuOption
+  C as MenuOption
 };

package/dist/components/Settings/SettingsItem.js

@@ -1,54 +1,71 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { useState as h } from "react";
+import { useState as b } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Input as v } from "../Forms/Input.js";
-import { SettingsItemBase as i } from "./SettingsItemBase.js";
-import { SettingsModal as b } from "./SettingsModal.js";
-const B = ({
-  loading: a,
-  variant: c = "default",
-  id: m = "settings",
-  name: u,
-  checked: f,
-  onChange: d,
-  children: g,
+import { Input as x } from "../Forms/Input.js";
+import { SettingsItemBase as n } from "./SettingsItemBase.js";
+import { SettingsModal as I } from "./SettingsModal.js";
+const M = ({
+  loading: u,
+  variant: f = "default",
+  id: c = "settings",
+  name: m,
+  checked: g,
+  onChange: h,
+  modalProps: e,
+  children: v,
   ...t
 }) => {
-  const [n, l] = h(!1);
-  if (a)
-    return /* @__PURE__ */ e(i, { icon: t == null ? void 0 : t.icon, title: t == null ? void 0 : t.title, loading: !0 });
-  switch (c) {
+  const [l, a] = b(!1);
+  if (u)
+    return /* @__PURE__ */ i(n, { icon: t == null ? void 0 : t.icon, title: t == null ? void 0 : t.title, loading: !0 });
+  switch (f) {
     case "switch":
-      return /* @__PURE__ */ e(
-        i,
+      return /* @__PURE__ */ i(
+        n,
         {
           ...t,
-          title: [t == null ? void 0 : t.title, t == null ? void 0 : t.value].join(": "),
+          title: {
+            id: c,
+            as: "label",
+            children: [t == null ? void 0 : t.title, t == null ? void 0 : t.value].join(": ")
+          },
           value: void 0,
           interactive: !1,
-          controls: /* @__PURE__ */ e(
-            v,
+          controls: /* @__PURE__ */ i(
+            x,
             {
               type: "checkbox",
               role: "switch",
-              "aria-labelledby": m,
-              name: u,
+              "aria-labelledby": c,
+              name: m,
               value: t == null ? void 0 : t.value,
-              checked: f,
-              onChange: d,
+              checked: g,
+              onChange: h,
               style: { marginRight: "0.5em" }
             }
           )
         }
       );
     case "modal":
-      return /* @__PURE__ */ e(i, { ...t, as: "button", linkIcon: !0, onClick: () => l(!0), expanded: n, children: n && /* @__PURE__ */ e(b, { icon: t == null ? void 0 : t.icon, title: t == null ? void 0 : t.title, open: n, onClose: () => l(!1), children: g }) });
+      return /* @__PURE__ */ i(
+        n,
+        {
+          ...t,
+          title: (e == null ? void 0 : e.title) || (t == null ? void 0 : t.title),
+          description: e == null ? void 0 : e.description,
+          as: "button",
+          linkIcon: !0,
+          onClick: () => a(!0),
+          expanded: l,
+          children: l && /* @__PURE__ */ i(I, { icon: t == null ? void 0 : t.icon, title: t == null ? void 0 : t.title, open: l, onClose: () => a(!1), children: v })
+        }
+      );
     default:
-      return /* @__PURE__ */ e(i, { ...t });
+      return /* @__PURE__ */ i(n, { ...t });
   }
 };
 export {
-  B as SettingsItem
+  M as SettingsItem
 };

package/dist/components/Toolbar/ToolbarOptions.js

@@ -10,23 +10,23 @@ import { MenuHeader as w } from "../Menu/MenuHeader.js";
 import { MenuBase as z, MenuList as D, MenuListItem as m } from "../Menu/MenuBase.js";
 const G = ({
   name: k,
-  search: s,
-  optionGroups: a = {},
+  search: c,
+  optionGroups: s = {},
   options: I,
   onChange: n,
   optionType: L,
   keyboardEvents: p,
   onBlurCapture: T
 }) => {
-  const c = K(null), { menu: j, setActiveIndex: B } = R({
+  const a = K(null), { menu: j, setActiveIndex: B } = R({
     items: I,
-    groups: a,
+    groups: s,
     groupByKey: "groupId",
     keyboardEvents: p,
-    ref: c
+    ref: a
   });
-  return /* @__PURE__ */ v(z, { variant: "default", ref: c, children: [
-    s && /* @__PURE__ */ e(q, { ...s }),
+  return /* @__PURE__ */ v(z, { variant: "default", ref: a, children: [
+    c && /* @__PURE__ */ e(q, { ...c }),
     /* @__PURE__ */ e(D, { role: "menu", onBlurCapture: T, children: j.map((t, l) => {
       const O = (t == null ? void 0 : t.props) || {}, { title: d, divider: P = !0 } = O;
       return /* @__PURE__ */ v(N, { children: [
@@ -37,7 +37,7 @@ const G = ({
           return !((i = o.props) != null && i.hidden);
         }).map((o, i) => {
           var h;
-          const { active: A, onMouseEnter: F } = o, { groupId: u, onClick: E, value: f, checked: M, type: b, ...r } = o.props || {}, { expanded: H } = r, x = r.name || k, y = b || u && ((h = a[u]) == null ? void 0 : h.optionType) || L;
+          const { active: A, onMouseEnter: F } = o, { groupId: u, onClick: E, value: f, checked: M, type: b, ...r } = o.props || {}, { expanded: H } = r, x = r.name || k, y = b || u && ((h = s[u]) == null ? void 0 : h.optionType) || L;
           return /* @__PURE__ */ e(
             m,
             {
@@ -53,7 +53,7 @@ const G = ({
                   active: A,
                   tabIndex: p ? -1 : 0,
                   label: r.label,
-                  badge: r.badge,
+                  count: r.count,
                   name: x,
                   type: y,
                   value: f,

package/dist/components/Typography/Heading.js

@@ -1,43 +1,45 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { c as x } from "../../index-L8X2o7IH.js";
+import { c as f } from "../../index-L8X2o7IH.js";
 import "react";
-import { Skeleton as f } from "../Skeleton/Skeleton.js";
-import { useHighlightedText as u } from "./useHighlightedText.js";
+import { Skeleton as u } from "../Skeleton/Skeleton.js";
+import { useHighlightedText as H } from "./useHighlightedText.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Heading.css';const H = "_heading_1dyne_1", _ = {
-  heading: H
-}, T = ({
-  loading: e,
-  highlightWords: i = [],
-  as: o = "h2",
+import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
+  heading: _
+}, b = ({
+  id: e,
+  loading: i,
+  highlightWords: o = [],
+  as: n = "h2",
   size: t,
-  leading: n = "tight",
-  weight: r = "medium",
-  color: d,
-  variant: m,
-  maxRows: s,
-  className: c,
-  style: h,
-  children: g
+  leading: r = "tight",
+  weight: d = "medium",
+  color: m,
+  variant: s,
+  maxRows: c,
+  className: h,
+  style: g,
+  children: l
 }) => {
-  const l = o, p = u(g, i || []);
+  const p = n, x = H(l, o || []);
   return /* @__PURE__ */ a(
-    l,
+    p,
     {
-      className: x(_.heading, c),
-      style: h,
+      id: e,
+      className: f(w.heading, h),
+      style: g,
       "data-size": t,
-      "data-leading": n,
-      "data-weight": r,
-      "data-color": d,
-      "data-variant": t === "xxs" && "default" || m,
-      "data-max-rows": s,
-      children: /* @__PURE__ */ a(f, { loading: e, children: p })
+      "data-leading": r,
+      "data-weight": d,
+      "data-color": m,
+      "data-variant": t === "xxs" && "default" || s,
+      "data-max-rows": c,
+      children: /* @__PURE__ */ a(u, { loading: i, children: x })
     }
   );
 };
 export {
-  T as Heading
+  b as Heading
 };

package/dist/types/lib/components/Menu/MenuItem.d.ts

@@ -15,7 +15,7 @@ export interface MenuItemProps extends MenuItemBaseProps {
     icon?: MenuItemIconProps['icon'];
     iconTheme?: MenuItemIconProps['theme'];
     iconBadge?: MenuItemIconProps['badge'];
-    badge?: BadgeProps | undefined;
+    badge?: BadgeProps | ReactNode | undefined;
     /** Custom controls */
     controls?: ReactNode;
     linkIcon?: boolean;

package/dist/types/lib/components/Menu/MenuItemLabel.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BadgeProps, HeadingProps } from '..';
+import { HeadingProps } from '..';
 import { MenuItemSize } from './MenuItemBase';
 export interface MenuItemLabelProps {
     className?: string;
@@ -9,8 +9,7 @@ export interface MenuItemLabelProps {
     highlightWords?: string[];
     title?: HeadingProps | ReactNode | string;
     description?: HeadingProps | ReactNode | string;
-    badge?: BadgeProps;
     children?: ReactNode;
 }
 export declare function getAriaLabelFromTitle(title: HeadingProps | ReactNode | string): string | undefined;
-export declare const MenuItemLabel: ({ className, size, title, badge, description, highlightWords, loading, children, }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItemLabel: ({ className, size, title, description, highlightWords, loading, children, }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuOption.d.ts

@@ -1,4 +1,4 @@
-import { BadgeProps, MenuItemProps } from '..';
+import { MenuItemProps } from '..';
 import { MenuItemBaseProps, MenuItemSize } from './MenuItemBase';
 export type MenuOptionType = 'checkbox' | 'radio';
 export interface MenuOptionProps extends MenuItemBaseProps {
@@ -10,11 +10,11 @@ export interface MenuOptionProps extends MenuItemBaseProps {
     groupId?: string;
     size?: MenuItemSize;
     name?: string;
-    badge?: BadgeProps | undefined;
+    count?: number;
     checked?: boolean;
     disabled?: boolean;
     type?: MenuOptionType;
     hidden?: boolean;
     role?: string;
 }
-export declare const MenuOption: ({ size, type, name, active, value, label, title, description, icon, badge, checked, disabled, onMouseEnter, onClick, role, ...rest }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuOption: ({ size, type, name, active, value, label, title, description, icon, count, checked, disabled, onMouseEnter, onClick, role, ...rest }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/SettingsItem.d.ts

@@ -1,6 +1,10 @@
 import { InputProps, SettingsItemBaseProps } from '..';
 import { ReactNode } from 'react';
 export type SettingsItemVariant = 'default' | 'modal' | 'switch';
+export interface SettingsItemModalProps {
+    title?: string;
+    description?: string;
+}
 export interface SettingsItemProps extends SettingsItemBaseProps {
     variant?: SettingsItemVariant;
     id: string;
@@ -10,6 +14,7 @@ export interface SettingsItemProps extends SettingsItemBaseProps {
     name?: InputProps['name'];
     checked?: InputProps['checked'];
     onChange?: InputProps['onChange'];
+    modalProps?: SettingsItemModalProps;
     children?: ReactNode;
 }
-export declare const SettingsItem: ({ loading, variant, id, name, checked, onChange, children, ...props }: SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsItem: ({ loading, variant, id, name, checked, onChange, modalProps, children, ...props }: SettingsItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, variant, id, name, checked, onChange, children, ...props }: import('./SettingsItem').SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, variant, id, name, checked, onChange, modalProps, children, ...props }: import('./SettingsItem').SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -19,6 +19,7 @@ declare const meta: {
         name?: string | undefined;
         checked?: boolean | undefined;
         onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+        modalProps?: import('./SettingsItem').SettingsItemModalProps | undefined;
         children?: React.ReactNode;
         groupId?: string | undefined;
         collapsible?: boolean | undefined;

package/dist/types/lib/components/Settings/SettingsModal.stories.d.ts

@@ -28,9 +28,17 @@ export interface AccountAlertsModalProps extends SettingsModalProps {
     emailLabel?: string;
     smsAlerts?: boolean;
     emailAlerts?: boolean;
+    readOnly?: boolean;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const AccountAlertsModal: ({ open, onClose, icon, title, description, phone, phoneLabel, email, emailLabel, smsAlerts, emailAlerts, onChange, }: AccountAlertsModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountAlertsModal: ({ open, onClose, icon, title, description, phone, phoneLabel, email, emailLabel, smsAlerts, emailAlerts, readOnly, onChange, }: AccountAlertsModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UserAccountAlertsModal: ({ open, onClose, phone, email, ...props }: {
+    [x: string]: any;
+    open?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    phone?: string | undefined;
+    email?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
 interface AccountGroupsModalProps extends SettingsModalProps {
     items?: AccountListItemProps[];
 }

package/dist/types/lib/components/Toolbar/ToolbarFilter.stories.d.ts

@@ -9,9 +9,7 @@ declare const meta: {
         options: {
             label: string;
             value: string;
-            badge: {
-                label: string;
-            };
+            count: number;
         }[];
     };
 };

package/dist/types/lib/components/Typography/Heading.d.ts

@@ -3,8 +3,9 @@ import { TypographyProps } from '..';
 export type HeadingSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'inherit';
 export type HeadingWeight = 'normal' | 'medium' | 'bold';
 export type HeadingLeading = 'none' | 'tight' | 'normal';
-export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
+export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span' | 'label';
 export interface HeadingProps {
+    id?: string;
     loading?: boolean;
     highlightWords?: string[];
     as?: HeadingComponent;
@@ -18,4 +19,4 @@ export interface HeadingProps {
     style?: CSSProperties;
     children?: ReactNode;
 }
-export declare const Heading: ({ loading, highlightWords, as, size, leading, weight, color, variant, maxRows, className, style, children, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Heading: ({ id, loading, highlightWords, as, size, leading, weight, color, variant, maxRows, className, style, children, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Typography/Heading.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, highlightWords, as, size, leading, weight, color, variant, maxRows, className, style, children, }: import('./Heading').HeadingProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, loading, highlightWords, as, size, leading, weight, color, variant, maxRows, className, style, children, }: import('./Heading').HeadingProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/package.json

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