@altinn/altinn-components 0.42.2 → 0.42.4

package/dist/assets/GlobalMenuButton.css

@@ -1 +1 @@
-._button_234vz_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_234vz_13{font-size:1.125rem;font-weight:500;padding:.25rem}._loginIcon_234vz_19,._closeIcon_234vz_20,._avatar_234vz_21{font-size:1.5rem;width:2.25rem;height:2.25rem;border-radius:2px}._loginIcon_234vz_19{background-color:#fff;color:#000}._closeIcon_234vz_20{outline:1px solid white}._badge_234vz_37{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}@supports (-webkit-hyphens: none){._loginIcon_234vz_19,._closeIcon_234vz_20,._avatar_234vz_21{font-size:unset}._loginIcon_234vz_19 svg,._loginIcon_234vz_19 img,._closeIcon_234vz_20 svg,._closeIcon_234vz_20 img{width:1.5rem;height:1.5rem}}
+._button_1uh95_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_1uh95_13{font-size:1.125rem;font-weight:500;padding:.25rem}._avatarIcon_1uh95_19,._loginIcon_1uh95_20,._closeIcon_1uh95_21{width:2.25rem;height:2.25rem;border-radius:2px;font-size:unset}._closeIcon_1uh95_21{outline:1px solid white}._loginIcon_1uh95_20{background-color:#fff;color:#000;outline:1px solid white}._avatar_1uh95_19{font-size:2.25rem;width:2.25rem;height:2.25rem}._icon_1uh95_44{font-size:1.5rem;width:1.5rem;height:1.5rem}._badge_1uh95_50{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}

package/dist/assets/ListItemBase.css

@@ -1 +1 @@
-._base_1xkee_1{--dsc-item-background: transparent;--dsc-item-color: var(--ds-color-text-default);--dsc-item-border-style: solid;--dsc-item-border-color: transparent;--dsc-item-border-width: var(--ds-border-width-default);--dsc-item-border-radius: var(--ds-border-radius-xs);--dsc-item-outline-style: solid;--dsc-item-outline-color: var(--ds-color-base-default);padding:0;border:0;background:var(--dsc-item-background);color:var(--dsc-item-color);font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;list-style:none;box-shadow:var(--dsc-item-shadow);position:relative;width:100%;display:flex;flex-direction:column;border-width:var(--dsc-item-border-width);border-color:var(--dsc-item-border-color);border-style:var(--dsc-item-border-style);border-radius:var(--dsc-item-border-radius)}._base_1xkee_1[data-shadow=none]{--dsc-item-shadow: none}._base_1xkee_1[data-border=none]{border-color:transparent}._base_1xkee_1[data-border=solid]{border-color:var(--dsc-item-border-color);--dsc-item-border-style: solid}._base_1xkee_1[data-border=dotted]{border-color:var(--dsc-item-border-color);--dsc-item-border-style: dotted}._base_1xkee_1[data-interactive=true]:hover{--dsc-item-border-color: transparent;outline-color:var(--dsc-item-outline-color);outline-style:var(--dsc-item-outline-style)}._base_1xkee_1[data-active=true]{background-color:var(--dsc-item-background--active)}._base_1xkee_1[aria-expanded=true],._base_1xkee_1[data-selected=true]{outline:2px solid;outline-color:var(--dsc-item-outline-color);outline-style:var(--dsc-item-outline-style)}._base_1xkee_1[aria-disabled=true]{pointer-events:none}
+._base_1n6rf_1{--dsc-item-background: transparent;--dsc-item-color: var(--ds-color-text-default);--dsc-item-border-style: solid;--dsc-item-border-color: transparent;--dsc-item-border-width: var(--ds-border-width-default);--dsc-item-border-radius: var(--ds-border-radius-xs);--dsc-item-outline-style: solid;--dsc-item-outline-color: var(--ds-color-base-default);padding:0;border:0;background:var(--dsc-item-background);color:var(--dsc-item-color);font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;list-style:none;box-shadow:var(--dsc-item-shadow);position:relative;width:100%;display:flex;flex-direction:column;border-width:var(--dsc-item-border-width);border-color:var(--dsc-item-border-color);border-style:var(--dsc-item-border-style);border-radius:var(--dsc-item-border-radius)}._base_1n6rf_1[data-shadow=none]{--dsc-item-shadow: none}._base_1n6rf_1[data-border=none]{border-color:transparent}._base_1n6rf_1[data-border=solid]{border-color:var(--dsc-item-border-color);--dsc-item-border-style: solid}._base_1n6rf_1[data-border=dotted]{border-color:var(--dsc-item-border-color);--dsc-item-border-style: dotted}._base_1n6rf_1[data-interactive=true]:hover{--dsc-item-border-color: transparent;outline-color:var(--dsc-item-outline-color);outline-style:var(--dsc-item-outline-style)}._base_1n6rf_1[data-active=true]{background-color:var(--dsc-item-background--active)}._base_1n6rf_1[aria-expanded=true],._base_1n6rf_1[data-selected=true]{outline:2px solid;outline-color:var(--dsc-item-outline-color);outline-style:var(--dsc-item-outline-style)}._base_1n6rf_1[aria-disabled=true]{pointer-events:none}._base_1n6rf_1[aria-disabled=true]:hover{outline:none}

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_1v1u9_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:start;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_1v1u9_1[data-interactive=true]{cursor:pointer}._header_1v1u9_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_1v1u9_1[data-interactive=true]:hover ._label_1v1u9_27 h2{text-decoration:underline}._header_1v1u9_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._label_1v1u9_27{flex-grow:1}._link_1v1u9_39{outline:none}._badge_1v1u9_43{pointer-events:none}._linkIcon_1v1u9_47{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}._linkFocus_1v1u9_57{position:absolute;top:0;left:0;right:0;bottom:0}._controls_1v1u9_65 a,._controls_1v1u9_65 button{position:relative}._link_1v1u9_39:focus-visible ._linkFocus_1v1u9_57{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._link_1v1u9_39:focus-visible ._linkFocus_1v1u9_57 *{--_ds--focus: }
+._header_29hv7_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:start;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_29hv7_1[data-interactive=true]{cursor:pointer}._header_29hv7_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_29hv7_1[data-interactive=true]:hover ._label_29hv7_27 h2{text-decoration:underline}._header_29hv7_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._header_29hv7_1[aria-disabled=true]{opacity:.5}._label_29hv7_27{flex-grow:1}._link_29hv7_43{outline:none}._badge_29hv7_47{pointer-events:none}._linkIcon_29hv7_51{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}._linkFocus_29hv7_61{position:absolute;top:0;left:0;right:0;bottom:0}._controls_29hv7_69 a,._controls_29hv7_69 button{position:relative}._link_29hv7_43:focus-visible ._linkFocus_29hv7_61{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._link_29hv7_43:focus-visible ._linkFocus_29hv7_61 *{--_ds--focus: }

package/dist/components/Account/AccountListItem.js

@@ -1,60 +1,62 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItem as M } from "../List/ListItem.js";
+import { ListItem as h } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { AccountListItemControls as b } from "./AccountListItemControls.js";
-const D = ({
-  id: i,
-  type: m,
-  size: c,
+import { AccountListItemControls as q } from "./AccountListItemControls.js";
+const F = ({
+  id: m,
+  type: c,
+  size: s,
   expanded: t,
-  icon: s,
-  name: e,
-  title: n,
-  description: p,
-  isCurrentEndUser: u,
-  isDeleted: f,
+  icon: e,
+  name: n,
+  title: p,
+  description: u,
+  isCurrentEndUser: f,
+  isDeleted: I,
   badge: l,
-  favourite: I = !1,
-  favouriteLabel: L,
-  onToggleFavourite: v,
-  contextMenu: A,
-  children: j,
-  interactive: k,
+  favourite: L = !1,
+  favouriteLabel: v,
+  onToggleFavourite: A,
+  contextMenu: j,
+  children: k,
+  interactive: C,
+  disabled: r,
   loading: o,
-  ...C
-}) => /* @__PURE__ */ r(
-  M,
+  ...M
+}) => /* @__PURE__ */ i(
+  h,
   {
-    ...C,
+    ...M,
     loading: o,
-    size: c,
-    icon: s,
-    title: n || e,
-    description: t ? void 0 : p,
+    size: s,
+    icon: e,
+    title: p || n,
+    description: t ? void 0 : u,
     expanded: t,
     selected: t,
-    controls: !o && /* @__PURE__ */ r(
-      b,
+    disabled: r,
+    controls: !o && !r && /* @__PURE__ */ i(
+      q,
       {
-        id: i,
-        type: m,
-        favourite: I,
-        favouriteLabel: L,
+        id: m,
+        type: c,
+        favourite: L,
+        favouriteLabel: v,
         badge: l,
-        isCurrentEndUser: u,
-        isDeleted: f,
-        onToggleFavourite: v,
-        contextMenu: t ? void 0 : A
+        isCurrentEndUser: f,
+        isDeleted: I,
+        onToggleFavourite: A,
+        contextMenu: t ? void 0 : j
       }
     ),
     linkIcon: !o && !0,
-    interactive: k,
-    children: j
+    interactive: C,
+    children: k
   }
 );
 export {
-  D as AccountListItem
+  F as AccountListItem
 };

package/dist/components/Account/AccountListItemControls.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsxs as u, jsx as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import i, { forwardRef as d, isValidElement as y } from "react";
-import { Badge as O } from "../Badge/Badge.js";
-import { IconButton as w } from "../Button/IconButton.js";
-import { ContextMenu as b } from "../ContextMenu/ContextMenu.js";
+import i, { forwardRef as d, isValidElement as s } from "react";
+import { Badge as y } from "../Badge/Badge.js";
+import { IconButton as O } from "../Button/IconButton.js";
+import { ContextMenu as w } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemControls as v } from "../List/ListItemControls.js";
+import { ListItemControls as b } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
 import { u as m } from "../../useId-BVFxCjkq.js";
-var h = function(t, n) {
+var v = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -17,8 +17,8 @@ var h = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const x = d((t, n) => {
-  var { title: r, titleId: e } = t, l = h(t, ["title", "titleId"]);
+const h = d((t, n) => {
+  var { title: r, titleId: e } = t, l = v(t, ["title", "titleId"]);
   let o = m();
   return o = r ? e || "title-" + o : void 0, i.createElement(
     "svg",
@@ -27,7 +27,7 @@ const x = d((t, n) => {
     i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
   );
 });
-var I = function(t, n) {
+var x = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -35,8 +35,8 @@ var I = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const j = d((t, n) => {
-  var { title: r, titleId: e } = t, l = I(t, ["title", "titleId"]);
+const I = d((t, n) => {
+  var { title: r, titleId: e } = t, l = x(t, ["title", "titleId"]);
   let o = m();
   return o = r ? e || "title-" + o : void 0, i.createElement(
     "svg",
@@ -44,32 +44,31 @@ const j = d((t, n) => {
     r ? i.createElement("title", { id: o }, r) : null,
     i.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
   );
-}), H = ({
+}), A = ({
   id: t,
   type: n,
   badge: r,
   isCurrentEndUser: e = !1,
-  isDeleted: l = !1,
-  favourite: o = !1,
-  favouriteLabel: p,
+  favourite: l = !1,
+  favouriteLabel: o,
   onToggleFavourite: f,
   contextMenu: a,
-  loading: s
-}) => /* @__PURE__ */ u(v, { children: [
-  r && (r && !s && typeof r == "object" && "label" in r ? /* @__PURE__ */ c(O, { ...r }) : y(r) ? r : null),
-  !e && !l && n !== "group" && /* @__PURE__ */ c(
-    w,
+  loading: p
+}) => /* @__PURE__ */ u(b, { children: [
+  r && (r && !p && typeof r == "object" && "label" in r ? /* @__PURE__ */ c(y, { ...r }) : s(r) ? r : null),
+  !e && n !== "group" && /* @__PURE__ */ c(
+    O,
     {
       rounded: !0,
       variant: "text",
-      icon: o ? j : x,
-      iconAltText: p || "Toggle favourite",
+      icon: l ? I : h,
+      iconAltText: o || "Toggle favourite",
       onClick: () => f == null ? void 0 : f(t),
       size: "xs"
     }
   ),
-  a && /* @__PURE__ */ c(b, { ...a })
+  a && /* @__PURE__ */ c(w, { ...a })
 ] });
 export {
-  H as AccountListItemControls
+  A as AccountListItemControls
 };

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -1,49 +1,58 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { c as _ } from "../../index-L8X2o7IH.js";
 import "react";
-import { Badge as d } from "../Badge/Badge.js";
-import { ButtonBase as I } from "../Button/ButtonBase.js";
-import { ButtonLabel as f } from "../Button/ButtonLabel.js";
-import { ButtonIcon as p } from "../Button/ButtonIcon.js";
+import { Avatar as u } from "../Avatar/Avatar.js";
+import { Badge as I } from "../Badge/Badge.js";
+import { ButtonBase as h } from "../Button/ButtonBase.js";
+import { ButtonLabel as d } from "../Button/ButtonLabel.js";
+import { ButtonIcon as f } from "../Button/ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as v } from "../../XMark-tKk6aExO.js";
-import { S as N } from "../../PadlockLocked-XL1IB5Ae.js";
-import '../../assets/GlobalMenuButton.css';const b = "_button_234vz_1", h = "_loginIcon_234vz_19", B = "_closeIcon_234vz_20", z = "_avatar_234vz_21", u = "_badge_234vz_37", a = {
-  button: b,
-  loginIcon: h,
-  closeIcon: B,
-  avatar: z,
-  badge: u
-}, w = ({
+import { S as N } from "../../XMark-tKk6aExO.js";
+import { S as g } from "../../PadlockLocked-XL1IB5Ae.js";
+import '../../assets/GlobalMenuButton.css';const v = "_button_1uh95_1", b = "_avatarIcon_1uh95_19", B = "_loginIcon_1uh95_20", x = "_closeIcon_1uh95_21", S = "_avatar_1uh95_19", k = "_icon_1uh95_44", L = "_badge_1uh95_50", a = {
+  button: v,
+  avatarIcon: b,
+  loginIcon: B,
+  closeIcon: x,
+  avatar: S,
+  icon: k,
+  badge: L
+}, H = ({
   className: t,
-  as: c = "button",
+  as: s = "button",
   color: i = "accent",
-  variant: e = "solid",
-  currentAccount: s,
-  expanded: g,
-  label: l = "Menu",
+  variant: m = "solid",
+  currentAccount: c,
+  expanded: p,
+  label: r = "Menu",
   badge: n,
-  ...m
-}) => g ? /* @__PURE__ */ r(I, { ...m, as: c, variant: e, color: i, className: _(a.button, t), children: [
-  /* @__PURE__ */ o(f, { children: l }),
-  /* @__PURE__ */ o(p, { className: a.closeIcon, icon: /* @__PURE__ */ o(v, { className: a.icon, "aria-label": "Close Icon" }) }),
-  n && /* @__PURE__ */ o(d, { ...n, className: a.badge })
-] }) : s ? /* @__PURE__ */ r(I, { ...m, as: c, variant: e, color: i, className: _(a.button, t), children: [
-  /* @__PURE__ */ o(f, { children: l }),
-  /* @__PURE__ */ o(p, { className: a.avatar, icon: s == null ? void 0 : s.icon }),
-  n && /* @__PURE__ */ o(d, { ...n, className: a.badge })
-] }) : /* @__PURE__ */ r(I, { ...m, as: c, variant: e, color: i, className: _(a.button, t), children: [
-  /* @__PURE__ */ o(f, { children: l }),
+  ...e
+}) => p ? /* @__PURE__ */ l(h, { ...e, as: s, variant: m, color: i, className: _(a.button, t), children: [
+  /* @__PURE__ */ o(d, { children: r }),
+  /* @__PURE__ */ o(f, { className: a.closeIcon, icon: /* @__PURE__ */ o(N, { className: a.icon, "aria-label": "Close Icon" }) }),
+  n && /* @__PURE__ */ o(I, { ...n, className: a.badge })
+] }) : c ? /* @__PURE__ */ l(h, { ...e, as: s, variant: m, color: i, className: _(a.button, t), children: [
+  /* @__PURE__ */ o(d, { children: r }),
   /* @__PURE__ */ o(
-    p,
+    f,
+    {
+      className: a.avatarIcon,
+      icon: /* @__PURE__ */ o(u, { ...c == null ? void 0 : c.icon, className: a.avatar })
+    }
+  ),
+  n && /* @__PURE__ */ o(I, { ...n, className: a.badge })
+] }) : /* @__PURE__ */ l(h, { ...e, as: s, variant: m, color: i, className: _(a.button, t), children: [
+  /* @__PURE__ */ o(d, { children: r }),
+  /* @__PURE__ */ o(
+    f,
     {
       className: a.loginIcon,
-      icon: /* @__PURE__ */ o(N, { className: a.icon, "aria-label": "Login Icon" })
+      icon: /* @__PURE__ */ o(g, { className: a.icon, "aria-label": "Login Icon" })
     }
   ),
-  n && /* @__PURE__ */ o(d, { ...n, className: a.badge })
+  n && /* @__PURE__ */ o(I, { ...n, className: a.badge })
 ] });
 export {
-  w as GlobalMenuButton
+  H as GlobalMenuButton
 };

package/dist/components/List/ListItem.js

@@ -1,74 +1,77 @@
-import { jsxs as H, jsx as N } from "react/jsx-runtime";
-import { c as b } from "../../index-L8X2o7IH.js";
-import { ListItemBase as k } from "./ListItemBase.js";
-import { ListItemHeader as q } from "./ListItemHeader.js";
-import '../../assets/ListItem.css';const A = "_item_1nwey_3", C = {
-  item: A
-}, J = ({
-  className: i,
-  color: m,
-  variant: c = "default",
-  shadow: n = "xs",
-  border: f = "none",
+import { jsxs as N, jsx as k } from "react/jsx-runtime";
+import { c as q } from "../../index-L8X2o7IH.js";
+import { ListItemBase as A } from "./ListItemBase.js";
+import { ListItemHeader as C } from "./ListItemHeader.js";
+import '../../assets/ListItem.css';const D = "_item_1nwey_3", E = {
+  item: D
+}, M = ({
+  className: c,
+  color: s,
+  variant: n = "default",
+  shadow: f = "xs",
+  border: p = "none",
   loading: e,
-  collapsible: p,
+  disabled: o,
+  collapsible: l,
   expanded: t,
-  size: o,
-  icon: l,
-  label: s,
-  title: a,
-  description: u,
-  badge: L,
-  linkIcon: x = !1,
-  select: y,
-  selected: I,
-  controls: _,
-  children: h,
-  interactive: r,
-  id: j,
-  ...w
+  size: r,
+  icon: u,
+  label: m,
+  title: L,
+  description: a,
+  badge: x,
+  linkIcon: y = !1,
+  select: I,
+  selected: _,
+  controls: h,
+  children: j,
+  interactive: i,
+  id: w,
+  ...B
 }) => {
-  const B = typeof s == "function" ? s() : s;
-  return /* @__PURE__ */ H(
-    k,
+  const H = typeof m == "function" ? m() : m;
+  return /* @__PURE__ */ N(
+    A,
     {
-      className: b(C.item, i),
-      size: o,
-      color: m,
-      variant: c,
-      shadow: n,
-      border: f,
-      selected: I,
+      className: q(E.item, c),
+      size: r,
+      color: s,
+      variant: n,
+      shadow: f,
+      border: p,
+      disabled: o,
+      selected: _,
       expanded: t,
       loading: e,
-      interactive: r,
-      id: j,
+      interactive: i,
+      id: w,
       children: [
-        /* @__PURE__ */ N(
-          q,
+        /* @__PURE__ */ k(
+          C,
           {
-            color: m,
+            color: s,
             loading: e,
-            linkIcon: x,
-            collapsible: p,
+            linkIcon: y,
+            disabled: o,
+            collapsible: l,
             expanded: t,
-            select: y,
-            title: a,
-            size: o,
-            description: u,
-            icon: l,
-            badge: L,
-            controls: _,
-            interactive: r,
-            ...w,
-            children: B
+            select: I,
+            title: L,
+            size: r,
+            description: a,
+            icon: u,
+            badge: x,
+            controls: h,
+            interactive: i,
+            ...B,
+            children: H
           }
         ),
-        t ? h : null
+        t ? j : null
       ]
     }
   );
 };
 export {
-  J as ListItem
+  M as ListItem
 };

package/dist/components/List/ListItemBase.js

@@ -1,40 +1,42 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import { c as x } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemBase.css';const u = "_base_1xkee_1", _ = {
-  base: u
-}, j = ({
-  ref: a,
-  as: e,
-  interactive: t = !0,
-  size: s,
-  color: o,
-  variant: n = "default",
-  shadow: r = "none",
-  border: d = "none",
+import '../../assets/ListItemBase.css';const _ = "_base_1n6rf_1", h = {
+  base: _
+}, w = ({
+  ref: e,
+  as: t,
+  disabled: a,
+  interactive: s = !0,
+  size: o,
+  color: n,
+  variant: r = "default",
+  shadow: d = "none",
+  border: i = "none",
   hidden: c = !1,
-  selected: i,
+  selected: l,
   className: m,
-  onMouseEnter: l,
+  onMouseEnter: f,
   id: b,
   children: p
-}) => /* @__PURE__ */ f(
-  e || "li",
+}) => /* @__PURE__ */ u(
+  t || "li",
   {
-    className: x(_.base, m),
-    "data-interactive": t,
-    "data-selected": i,
-    "data-variant": n,
-    "data-color": o,
-    "data-border": d,
-    "data-shadow": r,
-    "data-size": s,
+    className: x(h.base, m),
+    "data-interactive": a ? !1 : s,
+    "data-selected": l,
+    "data-variant": r,
+    "data-color": n,
+    "data-border": i,
+    "data-shadow": d,
+    "data-size": o,
+    "aria-disabled": a,
     "aria-hidden": c,
-    onMouseEnter: l,
+    onMouseEnter: f,
     id: b,
-    ref: a,
+    ref: e,
     children: p
   }
 );
 export {
-  j as ListItemBase
+  w as ListItemBase
 };

package/dist/components/List/ListItemHeader.js

@@ -1,4 +1,4 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { c as E } from "../../index-L8X2o7IH.js";
 import { useId as w, isValidElement as z } from "react";
 import { Icon as A } from "../Icon/Icon.js";
@@ -12,7 +12,7 @@ import { ListItemSelect as q } from "./ListItemSelect.js";
 import "../Snackbar/useSnackbar.js";
 import { S as G, a as J } from "../../ChevronUp-_BBfEirx.js";
 import { S as K } from "../../ChevronRight-ANFWmIs1.js";
-import '../../assets/ListItemHeader.css';const M = "_header_1v1u9_1", O = "_label_1v1u9_27", P = "_link_1v1u9_39", Q = "_badge_1v1u9_43", T = "_linkIcon_1v1u9_47", W = "_linkFocus_1v1u9_57", X = "_controls_1v1u9_65", o = {
+import '../../assets/ListItemHeader.css';const M = "_header_29hv7_1", O = "_label_29hv7_27", P = "_link_29hv7_43", Q = "_badge_29hv7_47", T = "_linkIcon_29hv7_51", W = "_linkFocus_29hv7_61", X = "_controls_29hv7_69", o = {
   header: M,
   label: O,
   link: P,
@@ -20,66 +20,67 @@ import '../../assets/ListItemHeader.css';const M = "_header_1v1u9_1", O = "_labe
   linkIcon: T,
   linkFocus: W,
   controls: X
-}, po = ({
+}, ho = ({
   as: _,
-  highlightWords: u,
-  interactive: i = !0,
-  color: v,
+  highlightWords: v,
+  interactive: a = !0,
+  color: f,
   loading: s,
-  disabled: f,
-  collapsible: h,
-  linkIcon: I,
-  expanded: k,
+  disabled: r,
+  collapsible: I,
+  linkIcon: k,
+  expanded: u,
   select: l,
-  href: b,
-  onClick: L,
+  href: L,
+  onClick: b,
   onKeyPress: N,
   tabIndex: S,
-  size: a,
-  title: r,
+  size: c,
+  title: n,
   description: C,
   icon: x,
-  active: c,
+  active: m,
   badge: t,
-  controls: m,
+  controls: d,
   className: y,
   children: F,
-  ariaLabel: d
+  ariaLabel: h
 }) => {
-  const p = h ? k ? G : J : I ? K : void 0, j = () => t && !s && typeof t == "object" && "label" in t ? /* @__PURE__ */ e(D, { ...t, className: o.badge }) : z(t) ? t : null, g = d !== void 0 ? d : typeof r == "string" ? r : void 0, B = w();
-  return /* @__PURE__ */ n(
+  const p = I ? u ? G : J : k ? K : void 0, j = () => t && !s && typeof t == "object" && "label" in t ? /* @__PURE__ */ e(D, { ...t, className: o.badge }) : z(t) ? t : null, g = h !== void 0 ? h : typeof n == "string" ? n : void 0, B = w();
+  return /* @__PURE__ */ i(
     "div",
     {
       className: E(o.header, y),
-      "data-color": v,
-      "data-interactive": i,
-      "data-size": a,
-      "data-has-active-child": c,
+      "data-color": f,
+      "data-interactive": a,
+      "data-size": c,
+      "data-has-active-child": m,
+      "aria-disabled": r,
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ i(
           H,
           {
             as: _,
-            href: b,
-            onClick: L,
+            href: L,
+            onClick: b,
             onKeyPress: N,
             tabIndex: S,
             loading: s,
-            disabled: f || s,
-            active: c,
+            disabled: r || s,
+            active: m,
             ariaLabel: g,
             className: o.link,
             children: [
-              i && /* @__PURE__ */ e("div", { className: o.linkFocus, "aria-hidden": "true" }),
+              a && /* @__PURE__ */ e("div", { className: o.linkFocus, "aria-hidden": "true" }),
               l && /* @__PURE__ */ e(q, { ...l, className: o.select }),
               /* @__PURE__ */ e(U, { loading: s, icon: x }),
               /* @__PURE__ */ e(
                 R,
                 {
-                  size: a,
+                  size: c,
                   loading: s,
-                  highlightWords: u,
-                  title: r,
+                  highlightWords: v,
+                  title: n,
                   description: C,
                   id: B,
                   className: o.label,
@@ -89,10 +90,10 @@ import '../../assets/ListItemHeader.css';const M = "_header_1v1u9_1", O = "_labe
             ]
           }
         ),
-        /* @__PURE__ */ n(V, { className: o.controls, children: [
-          m && !s && /* @__PURE__ */ e("span", { className: o.customControls, children: m }),
+        /* @__PURE__ */ i(V, { className: o.controls, children: [
+          d && !s && /* @__PURE__ */ e("span", { className: o.customControls, children: d }),
           j(),
-          p && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
+          p && !r && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
             A,
             {
               svgElement: p,
@@ -107,5 +108,5 @@ import '../../assets/ListItemHeader.css';const M = "_header_1v1u9_1", O = "_labe
   );
 };
 export {
-  po as ListItemHeader
+  ho as ListItemHeader
 };

package/dist/types/lib/components/Account/AccountListItem.d.ts

@@ -16,4 +16,4 @@ export interface AccountListItemProps extends ListItemProps, AccountListItemCont
     contextMenu?: ContextMenuProps;
     label?: string;
 }
-export declare const AccountListItem: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountListItem: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountListItem.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { AccountListItemProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Account/AccountListItemControls.d.ts

@@ -14,4 +14,4 @@ export interface AccountListItemControlsProps {
     loading?: boolean;
     badge?: BadgeProps | ReactNode;
 }
-export declare const AccountListItemControls: ({ id, type, badge, isCurrentEndUser, isDeleted, favourite, favouriteLabel, onToggleFavourite, contextMenu, loading, }: AccountListItemControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountListItemControls: ({ id, type, badge, isCurrentEndUser, favourite, favouriteLabel, onToggleFavourite, contextMenu, loading, }: AccountListItemControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItem.d.ts

@@ -54,4 +54,4 @@ export interface ListItemInputProps extends ListItemProps {
  *
  * @returns {ReactElement} Rendered ListItem component.
  */
-export declare const ListItem: ({ className, color, variant, shadow, border, loading, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => ReactElement;
+export declare const ListItem: ({ className, color, variant, shadow, border, loading, disabled, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => ReactElement;

package/dist/types/lib/components/List/ListItemBase.d.ts

@@ -42,4 +42,4 @@ export interface ListItemBaseProps {
     /** Id of list item. */
     id?: string;
 }
-export declare const ListItemBase: ({ ref, as, interactive, size, color, variant, shadow, border, hidden, selected, className, onMouseEnter, id, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemBase: ({ ref, as, disabled, interactive, size, color, variant, shadow, border, hidden, selected, className, onMouseEnter, id, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItemHeader.d.ts

@@ -15,6 +15,8 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     className?: string;
     /** Select controls */
     select?: ListItemSelectProps;
+    /** Item is disabled */
+    disabled?: boolean;
     /** Collapsible item */
     collapsible?: boolean;
     /** Item is expanded */

package/dist/types/lib/components/List/Specimens.stories.d.ts

@@ -1,7 +1,7 @@
 import { ListItemProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ className, color, variant, shadow, border, loading, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => React.ReactElement;
+    component: ({ className, color, variant, shadow, border, loading, disabled, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => React.ReactElement;
     parameters: {};
     args: {
         id: string;

package/package.json

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