@altinn/altinn-components 0.35.6 → 0.35.8

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_1k7r6_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_1k7r6_1[data-interactive=true]{cursor:pointer}._header_1k7r6_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_1k7r6_1[data-interactive=true]:hover ._label_1k7r6_27 h2{text-decoration:underline}._header_1k7r6_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_1k7r6_35{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}._badgeAndIcon_1k7r6_45{display:flex;align-items:center;justify-content:center;gap:var(--dsc-item-spacing);margin-left:auto}
+._header_1689z_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_1689z_1[data-interactive=true]{cursor:pointer}._header_1689z_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_1689z_1[data-interactive=true]:hover ._label_1689z_27 h2{text-decoration:underline}._header_1689z_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._label_1689z_27{flex-grow:1}._link_1689z_39{outline:none}._badge_1689z_43{pointer-events:none}._linkIcon_1689z_47{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}._linkFocus_1689z_57{position:absolute;top:0;left:0;right:0;bottom:0}._link_1689z_39:focus-visible ._linkFocus_1689z_57{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._link_1689z_39:focus-visible ._linkFocus_1689z_57 *{--_ds--focus: }

package/dist/assets/ListItemIcon.css

@@ -1 +1 @@
-._wrapper_1q66b_1{pointer-events:none;position:relative;flex-shrink:0;font-size:2em}._icon_1q66b_8 svg,._icon_1q66b_8 img{display:block;width:1em;height:1em;font-size:.825em}._avatar_1q66b_16{font-size:1em}._avatarGroup_1q66b_20{font-size:.75em}
+._wrapper_rcjve_1{pointer-events:none;position:relative;flex-shrink:0;font-size:2em;display:flex;align-items:center;justify-content:center}._icon_rcjve_11 svg,._icon_rcjve_11 img{display:block;width:1em;height:1em;font-size:.825em}._avatar_rcjve_19{font-size:1em}._avatarGroup_rcjve_23{font-size:.75em}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_3iu2g_1{font:inherit;color:inherit;padding:0;border:0;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;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_3iu2g_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_3iu2g_1[data-size=md]{min-height:56px}._item_3iu2g_1[data-size=md]{min-height:44px}._item_3iu2g_1[data-size=sm]{min-height:40px}._content_3iu2g_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_3iu2g_1,._item_3iu2g_1[data-theme]{background-color:transparent}._item_3iu2g_1{pointer-events:none}._item_3iu2g_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_3iu2g_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_3iu2g_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_3iu2g_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_3iu2g_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_3iu2g_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_3iu2g_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_3iu2g_45{display:flex;width:100%;align-items:center;column-gap:.5em}
+._item_1itcj_1{font:inherit;color:inherit;padding:0;border:0;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;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1itcj_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1itcj_1[data-size=md]{min-height:56px}._item_1itcj_1[data-size=md]{min-height:44px}._item_1itcj_1[data-size=sm]{min-height:40px}._content_1itcj_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1itcj_1,._item_1itcj_1[data-theme]{background-color:transparent}._item_1itcj_1{pointer-events:none}._item_1itcj_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_1itcj_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1itcj_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1itcj_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1itcj_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1itcj_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1itcj_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1itcj_45{display:flex;width:100%;align-items:center;column-gap:.5em}._item_1itcj_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_1itcj_1:focus-visible *{--_ds--focus: }

package/dist/assets/MenuItemsVirtual.css

@@ -1 +1 @@
-._virtualScrollRef_12fdc_1{max-height:400px;overflow:auto}._virtualMenuListItem_12fdc_6{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_12fdc_6>*{margin:0}
+._virtualScrollRef_14d4s_1{max-height:400px}._virtualMenuListItem_14d4s_5{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_14d4s_5>*{margin:0}

package/dist/assets/SearchbarField.css

@@ -1 +1 @@
-._field_ljqfn_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_ljqfn_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_ljqfn_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_ljqfn_17[type=search]::-webkit-search-decoration,._input_ljqfn_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_ljqfn_17:focus,._input_ljqfn_17:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._dismiss_ljqfn_41{position:absolute;right:0;margin:.375rem}._clear_ljqfn_47{position:absolute;right:0;margin:1rem;border-radius:100%;width:1.5rem;height:1.5rem}
+._field_73ung_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._field_73ung_1[data-expanded=true]{background-color:#fff}._icon_73ung_14{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_73ung_21{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_73ung_21[type=search]::-webkit-search-decoration,._input_73ung_21[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_73ung_21:focus,._input_73ung_21:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._dismiss_73ung_42{position:absolute;right:0;margin:.375rem}._clear_73ung_48{background-color:var(--ds-color-neutral-surface-active);border:var(--ds-color-neutral-surface-active);color:var(--ds-color-neutral-base-default);position:absolute;right:0;margin:1rem;border-radius:100%;width:1.5rem;height:1.5rem}

package/dist/assets/TimelineHeader.css

@@ -1 +1 @@
-._header_ffjwj_1{width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:1.5rem}._sidebar_ffjwj_9{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem}._content_ffjwj_18{flex-grow:1;display:flex;flex-direction:column}
+._header_177gq_1{width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:1.5rem}._sidebar_177gq_9{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._content_177gq_19{flex-grow:1;display:flex;flex-direction:column}

package/dist/components/Avatar/Avatar.js

@@ -1,61 +1,58 @@
 "use client";
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import { c as C } from "../../index-L8X2o7IH.js";
-import { useState as S } from "react";
-import { Skeleton as j } from "../Skeleton/Skeleton.js";
-import { fromStringToColor as A } from "./color.js";
-import '../../assets/Avatar.css';const E = "_avatar_1k073_1", I = "_shape_1k073_20", q = "_label_1k073_27", z = "_image_1k073_37", r = {
-  avatar: E,
-  shape: I,
-  label: q,
-  image: z
-}, D = (a) => typeof a == "object" && a !== null && "name" in a, F = ({
+import { jsx as s, jsxs as N } from "react/jsx-runtime";
+import { c as x } from "../../index-L8X2o7IH.js";
+import { useState as C } from "react";
+import { Skeleton as S } from "../Skeleton/Skeleton.js";
+import { fromStringToColor as j } from "./color.js";
+import '../../assets/Avatar.css';const A = "_avatar_1k073_1", E = "_shape_1k073_20", I = "_label_1k073_27", y = "_image_1k073_37", r = {
+  avatar: A,
+  shape: E,
+  label: I,
+  image: y
+}, w = (a) => typeof a == "object" && a !== null && "name" in a, B = ({
   type: a = "person",
   size: i,
   name: o = "Avatar",
   outline: n = !1,
-  imageUrl: t,
+  imageUrl: e,
   imageUrlAlt: m,
   customLabel: p,
   loading: l,
   className: d,
-  style: c = {},
-  innerContainerStyle: h = {},
-  avatarImageStyle: u = {}
+  style: c = {}
 }) => {
-  const [v, _] = S(!1), f = a === "person" ? "circle" : "square", g = a === "person" ? "light" : "dark", { backgroundColor: k, foregroundColor: b } = A(o, g), N = (o[0] ?? "").toUpperCase(), s = t && !v, x = !l && !s ? {
+  const [h, u] = C(!1), v = a === "person" ? "circle" : "square", _ = a === "person" ? "light" : "dark", { backgroundColor: f, foregroundColor: g } = j(o, _), k = (o[0] ?? "").toUpperCase(), t = e && !h, b = !l && !t ? {
     ...c,
-    backgroundColor: k,
-    color: b
+    backgroundColor: f,
+    color: g
   } : c;
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: C(r.avatar, { [r.outline]: n }, d),
-      style: x,
-      "data-variant": f,
+      className: x(r.avatar, { [r.outline]: n }, d),
+      style: b,
+      "data-variant": v,
       "data-size": i,
       "data-outline": n,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ y(j, { loading: l, className: r.shape, variant: "circle", children: [
-        /* @__PURE__ */ e("div", { className: r.shape, style: s ? h : {}, children: s && /* @__PURE__ */ e(
+      children: /* @__PURE__ */ N(S, { loading: l, className: r.shape, variant: "circle", children: [
+        /* @__PURE__ */ s("div", { className: r.shape, children: t && /* @__PURE__ */ s(
           "img",
           {
-            src: t,
+            src: e,
             className: r.image,
-            alt: m || t,
-            style: u,
+            alt: m || e,
             onError: () => {
-              _(!0);
+              u(!0);
             }
           }
         ) }),
-        !s && /* @__PURE__ */ e("span", { className: r.label, children: p || N })
+        !t && /* @__PURE__ */ s("span", { className: r.label, children: p || k })
       ] })
     }
   );
 };
 export {
-  F as Avatar,
-  D as isAvatarProps
+  B as Avatar,
+  w as isAvatarProps
 };

package/dist/components/Byline/Byline.js

@@ -4,37 +4,28 @@ import "react";
 import { Avatar as _ } from "../Avatar/Avatar.js";
 import { AvatarGroup as v } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import { Skeleton as c } from "../Skeleton/Skeleton.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Byline.css';const d = "_byline_zacbk_1", y = "_avatar_zacbk_7", h = "_avatarGroup_zacbk_11", u = "_label_zacbk_19", t = {
+import '../../assets/Byline.css';const d = "_byline_zacbk_1", y = "_avatar_zacbk_7", k = "_avatarGroup_zacbk_11", u = "_label_zacbk_19", t = {
   byline: d,
   avatar: y,
-  avatarGroup: h,
+  avatarGroup: k,
   label: u
-}, A = ({
-  loading: n,
-  color: i = "neutral",
-  size: e = "xs",
-  avatar: r,
-  avatarGroup: o,
-  datetime: m,
-  children: c,
-  as: s,
+}, S = ({
+  loading: l,
+  color: m = "neutral",
+  size: r = "xs",
+  avatar: o,
+  avatarGroup: e,
+  datetime: n,
+  children: s,
+  as: i,
   ...p
-}) => /* @__PURE__ */ b(s || "div", { ...p, className: t.byline, "data-color": i, "data-size": e, children: [
-  (o || r) && /* @__PURE__ */ a(l, { variant: "circle", className: t.avatar, loading: n, children: o ? /* @__PURE__ */ a(v, { ...o, size: e, className: t.avatarGroup }) : r && /* @__PURE__ */ a(
-    _,
-    {
-      ...r,
-      size: e,
-      className: t.avatar,
-      innerContainerStyle: { width: "fit-content" },
-      avatarImageStyle: { height: "1em", width: "auto" }
-    }
-  ) }),
-  /* @__PURE__ */ a("time", { "data-size": e, dateTime: m, className: t.label, children: /* @__PURE__ */ a(l, { loading: n, children: c }) })
+}) => /* @__PURE__ */ b(i || "div", { ...p, className: t.byline, "data-color": m, "data-size": r, children: [
+  (e || o) && /* @__PURE__ */ a(c, { variant: "circle", className: t.avatar, loading: l, children: e ? /* @__PURE__ */ a(v, { ...e, size: r, className: t.avatarGroup }) : o && /* @__PURE__ */ a(_, { ...o, size: r, className: t.avatar }) }),
+  /* @__PURE__ */ a("time", { "data-size": r, dateTime: n, className: t.label, children: /* @__PURE__ */ a(c, { loading: l, children: s }) })
 ] });
 export {
-  A as Byline
+  S as Byline
 };

package/dist/components/List/ListItemHeader.js

@@ -1,105 +1,109 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { c as E } from "../../index-L8X2o7IH.js";
-import { useId as g, isValidElement as w } from "react";
-import { Icon as z } from "../Icon/Icon.js";
-import { Badge as D } from "../Badge/Badge.js";
+import { c as g } from "../../index-L8X2o7IH.js";
+import { useId as B, isValidElement as E } from "react";
+import { Icon as w } from "../Icon/Icon.js";
+import { Badge as A } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
-import { ListItemLink as H } from "./ListItemLink.js";
-import { ListItemLabel as R } from "./ListItemLabel.js";
-import { ListItemIcon as U } from "./ListItemIcon.js";
-import { ListItemControls as V } from "./ListItemControls.js";
-import { ListItemSelect as q } from "./ListItemSelect.js";
+import { ListItemLink as D } from "./ListItemLink.js";
+import { ListItemLabel as H } from "./ListItemLabel.js";
+import { ListItemIcon as R } from "./ListItemIcon.js";
+import { ListItemControls as U } from "./ListItemControls.js";
+import { ListItemSelect as V } from "./ListItemSelect.js";
 import "../Snackbar/useSnackbar.js";
-import { S as F, a as G } from "../../ChevronUp-DR4Lz2Jb.js";
+import { S as q, a as G } from "../../ChevronUp-DR4Lz2Jb.js";
 import { S as J } from "../../ChevronRight-BbelnTke.js";
-import '../../assets/ListItemHeader.css';const K = "_header_1k7r6_1", M = "_label_1k7r6_27", O = "_linkIcon_1k7r6_35", P = "_badgeAndIcon_1k7r6_45", o = {
+import '../../assets/ListItemHeader.css';const K = "_header_1689z_1", M = "_label_1689z_27", O = "_link_1689z_39", P = "_badge_1689z_43", Q = "_linkIcon_1689z_47", T = "_linkFocus_1689z_57", t = {
   header: K,
   label: M,
-  linkIcon: O,
-  badgeAndIcon: P
-}, ae = ({
+  link: O,
+  badge: P,
+  linkIcon: Q,
+  linkFocus: T
+}, ce = ({
   as: p,
-  interactive: I = !0,
+  interactive: _ = !0,
   color: f,
-  loading: r,
+  loading: o,
   disabled: h,
-  collapsible: v,
-  linkIcon: _,
-  expanded: b,
-  select: m,
-  href: L,
-  onClick: k,
-  onKeyPress: u,
-  tabIndex: S,
+  collapsible: I,
+  linkIcon: k,
+  expanded: v,
+  select: n,
+  href: u,
+  onClick: b,
+  onKeyPress: L,
+  tabIndex: N,
   size: a,
-  title: n,
-  description: N,
-  icon: A,
-  active: c,
-  badge: t,
-  controls: s,
+  title: s,
+  description: z,
+  icon: S,
+  active: l,
+  badge: r,
+  controls: m,
   className: x,
   children: y,
-  ariaLabel: l
+  ariaLabel: c
 }) => {
-  const d = v ? b ? F : G : _ ? J : void 0, C = () => t && !r && typeof t == "object" && "label" in t ? /* @__PURE__ */ e(D, { ...t }) : w(t) ? t : null, j = l !== void 0 ? l : typeof n == "string" ? n : void 0, B = g();
+  const d = I ? v ? q : G : k ? J : void 0, C = () => r && !o && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(A, { ...r, className: t.badge }) : E(r) ? r : null, F = c !== void 0 ? c : typeof s == "string" ? s : void 0, j = B();
   return /* @__PURE__ */ i(
     "div",
     {
-      className: E(o.header, x),
+      className: g(t.header, x),
       "data-color": f,
-      "data-interactive": I,
+      "data-interactive": _,
       "data-size": a,
-      "data-has-active-child": c,
+      "data-has-active-child": l,
       children: [
         /* @__PURE__ */ i(
-          H,
+          D,
           {
             as: p,
-            href: L,
-            onClick: k,
-            onKeyPress: u,
-            tabIndex: S,
-            loading: r,
-            disabled: h || r,
-            active: c,
-            ariaLabel: j,
+            href: u,
+            onClick: b,
+            onKeyPress: L,
+            tabIndex: N,
+            loading: o,
+            disabled: h || o,
+            active: l,
+            ariaLabel: F,
+            className: t.link,
             children: [
-              m && /* @__PURE__ */ e(q, { ...m, className: o.select }),
-              /* @__PURE__ */ e(U, { loading: r, icon: A }),
+              /* @__PURE__ */ e("div", { className: t.linkFocus, "aria-hidden": "true" }),
+              n && /* @__PURE__ */ e(V, { ...n, className: t.select }),
+              /* @__PURE__ */ e(R, { loading: o, icon: S }),
               /* @__PURE__ */ e(
-                R,
+                H,
                 {
                   size: a,
-                  loading: r,
-                  title: n,
-                  description: N,
-                  id: B,
-                  className: o.label,
+                  loading: o,
+                  title: s,
+                  description: z,
+                  id: j,
+                  className: t.label,
                   children: y
                 }
-              ),
-              !s && !r && /* @__PURE__ */ i("div", { className: o.badgeAndIcon, children: [
-                C(),
-                d && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
-                  z,
-                  {
-                    svgElement: d,
-                    style: {
-                      fontSize: "1.5rem"
-                    }
-                  }
-                ) })
-              ] })
+              )
             ]
           }
         ),
-        /* @__PURE__ */ e(V, { className: o.controls, children: s && !r && /* @__PURE__ */ e("span", { children: s }) })
+        /* @__PURE__ */ i(U, { className: t.controls, children: [
+          m && !o && /* @__PURE__ */ e("span", { children: m }),
+          C(),
+          d && /* @__PURE__ */ e("span", { className: t.linkIcon, children: /* @__PURE__ */ e(
+            w,
+            {
+              svgElement: d,
+              style: {
+                fontSize: "1.5rem"
+              }
+            }
+          ) })
+        ] })
       ]
     }
   );
 };
 export {
-  ae as ListItemHeader
+  ce as ListItemHeader
 };

package/dist/components/List/ListItemIcon.js

@@ -1,35 +1,27 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { isValidElement as n } from "react";
-import { Icon as e, isIconProps as l } from "../Icon/Icon.js";
+import { Icon as s, isIconProps as c } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as v, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import { Badge as _ } from "../Badge/Badge.js";
+import { isAvatarProps as v, Avatar as l } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as f, AvatarGroup as _ } from "../Avatar/AvatarGroup.js";
+import { Badge as u } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as d } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/ListItemIcon.css';const g = "_wrapper_1q66b_1", N = "_icon_1q66b_8", w = "_avatar_1q66b_16", b = "_avatarGroup_1q66b_20", t = {
-  wrapper: g,
-  icon: N,
-  avatar: w,
-  avatarGroup: b
+import { S as N } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_rcjve_11", j = "_avatar_rcjve_19", G = "_avatarGroup_rcjve_23", t = {
+  wrapper: d,
+  icon: g,
+  avatar: j,
+  avatarGroup: G
 };
-function h(a) {
+function w(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
 }
-const z = ({ loading: a, size: m, icon: r, theme: s, badge: p }) => r ? a ? /* @__PURE__ */ o(e, { className: t.wrapper, svgElement: d, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
-  c(r) && /* @__PURE__ */ o(
-    f,
-    {
-      ...r,
-      className: t.avatar,
-      innerContainerStyle: { width: "fit-content" },
-      avatarImageStyle: { height: "1em", width: "auto" }
-    }
-  ) || v(r) && /* @__PURE__ */ o(u, { ...r, className: t.avatarGroup }) || l(r) && /* @__PURE__ */ o(e, { ...r, theme: r.theme || s, className: t.icon }) || h(r) && r || /* @__PURE__ */ o(e, { theme: s, svgElement: r, className: t.icon }),
-  p && /* @__PURE__ */ o(_, { ...p, className: t.badge })
+const B = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
+  v(r) && /* @__PURE__ */ o(l, { ...r, className: t.avatar }) || f(r) && /* @__PURE__ */ o(_, { ...r, className: t.avatarGroup }) || c(r) && /* @__PURE__ */ o(s, { ...r, theme: r.theme || e, className: t.icon }) || w(r) && r || /* @__PURE__ */ o(s, { theme: e, svgElement: r, className: t.icon }),
+  p && /* @__PURE__ */ o(u, { ...p, className: t.badge })
 ] }) : null;
 export {
-  z as ListItemIcon
+  B as ListItemIcon
 };

package/dist/components/List/ListItemLink.js

@@ -1,42 +1,44 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemLink.css';const b = "_link_c8adz_1", p = {
-  link: b
-}, A = ({
-  as: v,
-  loading: r,
-  disabled: o,
-  selected: u,
-  href: e,
+import { jsx as p } from "react/jsx-runtime";
+import { c as v } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemLink.css';const f = "_link_c8adz_1", l = {
+  link: f
+}, I = ({
+  as: u,
+  loading: a,
+  disabled: e,
+  selected: x,
+  href: s,
   onClick: t,
-  onKeyPress: a,
-  className: s,
-  active: x,
-  ariaLabel: d,
-  children: m
+  onKeyPress: i,
+  className: m,
+  active: o,
+  ariaLabel: n,
+  children: c,
+  tabIndex: _ = 0
 }) => {
-  const i = v || "div";
-  if (i === "div")
-    return /* @__PURE__ */ c("div", { className: l(p.link, s), children: m });
-  const _ = !r && e || i !== "a" && d;
-  return /* @__PURE__ */ c(
-    i,
+  const r = u || "div";
+  if (r === "div")
+    return /* @__PURE__ */ p("div", { className: v(l.link, m), children: c });
+  const b = !a && s || r !== "a" && n;
+  return /* @__PURE__ */ p(
+    r,
     {
-      className: l(p.link, s),
-      href: e,
-      onKeyPress: (n) => {
-        n.key === "Enter" && (t == null || t()), a == null || a(n);
+      className: v(l.link, m),
+      href: s,
+      onKeyPress: (d) => {
+        d.key === "Enter" && (t == null || t()), i == null || i(d);
       },
       onClick: t,
       "data-interactive": "true",
-      "aria-disabled": r || o,
-      "aria-selected": u,
-      ..._ && { "aria-label": d },
-      "data-active": x,
-      children: m
+      "aria-disabled": a || e,
+      "aria-selected": x,
+      ...b && { "aria-label": n },
+      "data-active": o,
+      tabIndex: a || e ? -1 : _,
+      children: c
     }
   );
 };
 export {
-  A as ListItemLink
+  I as ListItemLink
 };

package/dist/components/Menu/MenuItemBase.js

@@ -1,9 +1,9 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as g } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuItemBase.css';const l = "_item_3iu2g_1", I = "_content_3iu2g_45", c = {
+import { jsx as c } from "react/jsx-runtime";
+import { c as u } from "../../index-L8X2o7IH.js";
+import '../../assets/MenuItemBase.css';const l = "_item_1itcj_1", I = "_content_1itcj_45", m = {
   item: l,
   content: I
-}, v = ({
+}, z = ({
   interactive: o = !0,
   as: s,
   color: r,
@@ -13,31 +13,31 @@ import '../../assets/MenuItemBase.css';const l = "_item_3iu2g_1", I = "_content_
   href: _,
   onClick: t,
   onKeyPress: e,
-  tabIndex: u = 0,
-  hidden: x,
-  selected: f,
+  tabIndex: x = 0,
+  hidden: f,
+  selected: h,
   disabled: a = !1,
-  children: h
-}) => /* @__PURE__ */ m(
+  children: j
+}) => /* @__PURE__ */ c(
   s || "a",
   {
-    tabIndex: a ? "-1" : u ?? 0,
-    className: g(c.item, p),
+    tabIndex: a ? "-1" : x ?? 0,
+    className: u(m.item, p),
     "data-interactive": o,
     "data-size": i,
     "data-color": r,
     "data-theme": d,
-    "aria-hidden": x,
+    "aria-hidden": f,
     "aria-disabled": a,
-    "data-selected": f,
+    "data-selected": h,
     href: _,
     onKeyPress: (n) => {
       n.key === "Enter" && (t == null || t()), e == null || e(n);
     },
     onClick: t,
-    children: /* @__PURE__ */ m("span", { className: c.content, children: h })
+    children: /* @__PURE__ */ c("span", { className: m.content, children: j })
   }
 );
 export {
-  v as MenuItemBase
+  z as MenuItemBase
 };

package/dist/components/Menu/MenuItemsVirtual.js

@@ -11,7 +11,7 @@ import { MenuHeader as k } from "./MenuHeader.js";
 import { MenuList as N, MenuListItem as g } from "./MenuBase.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_12fdc_1", B = "_virtualMenuListItem_12fdc_6", y = {
+import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_14d4s_1", B = "_virtualMenuListItem_14d4s_5", y = {
   virtualScrollRef: q,
   virtualMenuListItem: B
 }, W = ({
@@ -32,21 +32,21 @@ import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_12fdc_1"
     keyboardEvents: !1
   }), m = R(null), a = _.flatMap((t, e) => {
     var u;
-    const E = (t == null ? void 0 : t.props) || {}, { title: c } = E, p = ((u = t == null ? void 0 : t.items) == null ? void 0 : u.filter((r) => {
+    const E = (t == null ? void 0 : t.props) || {}, { title: p } = E, c = ((u = t == null ? void 0 : t.items) == null ? void 0 : u.filter((r) => {
       var s;
       return !((s = r.props) != null && s.hidden);
     })) || [];
     return [
       ...e > 0 || h > 0 ? [{ type: "separator" }] : [],
-      ...c ? [{ type: "title", title: c }] : [],
-      ...p.map((r, s) => {
+      ...p ? [{ type: "title", title: p }] : [],
+      ...c.map((r, s) => {
         var d, f;
         return {
           type: "item",
           itemProps: r.props || {},
           active: r.active,
           hasChildren: ((d = r.props) == null ? void 0 : d.expanded) && ((f = r.props) == null ? void 0 : f.items),
-          isLastItem: s === p.length - 1
+          isLastItem: s === c.length - 1
         };
       })
     ];

package/dist/components/Searchbar/Searchbar.js

@@ -1,23 +1,36 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { jsxs as f, jsx as p } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { SearchbarBase as a } from "./SearchbarBase.js";
-import { SearchbarField as f } from "./SearchbarField.js";
+import { SearchbarBase as A } from "./SearchbarBase.js";
+import { SearchbarField as T } from "./SearchbarField.js";
 import "./AutocompleteBase.js";
-import { Autocomplete as s } from "./Autocomplete.js";
+import { Autocomplete as n } from "./Autocomplete.js";
 import "../Snackbar/useSnackbar.js";
-const B = ({
-  className: i,
-  autocomplete: r,
-  expanded: o = !1,
-  onClose: m,
-  tabIndex: p,
-  ...c
-}) => /* @__PURE__ */ e(a, { className: i, expanded: o, autocomplete: !!r, children: [
-  /* @__PURE__ */ t(f, { ...c, expanded: o, onClose: m, tabIndex: p }),
-  r && /* @__PURE__ */ t(s, { ...r, expanded: o, onSelect: m })
-] });
+const k = ({
+  className: l,
+  autocomplete: e,
+  expanded: a = !1,
+  onClose: t,
+  tabIndex: g,
+  ...h
+}) => /* @__PURE__ */ f(
+  A,
+  {
+    className: l,
+    expanded: a,
+    autocomplete: !!e,
+    onBlurCapture: (r) => {
+      var c, s, u, m, d, b, o;
+      const i = (u = (s = (c = r.target) == null ? void 0 : c.attributes) == null ? void 0 : s.getNamedItem("data-testid")) == null ? void 0 : u.value;
+      (i === "search-button-clear" || i === "search-button-close" || i === "searchbar-input" && ((m = r.relatedTarget) == null ? void 0 : m.getAttribute("data-testid")) !== "searchbar-input" && ((d = r.relatedTarget) == null ? void 0 : d.getAttribute("data-testid")) !== "search-button-clear" && ((b = r.relatedTarget) == null ? void 0 : b.getAttribute("data-testid")) !== "search-button-close" && ((o = r.relatedTarget) == null ? void 0 : o.getAttribute("data-testid")) !== "autocomplete-list") && (t == null || t());
+    },
+    children: [
+      /* @__PURE__ */ p(T, { ...h, expanded: a, onClose: t, tabIndex: g }),
+      e && /* @__PURE__ */ p(n, { ...e, expanded: a, onSelect: t })
+    ]
+  }
+);
 export {
-  B as Searchbar
+  k as Searchbar
 };

package/dist/components/Searchbar/SearchbarBase.js

@@ -1,12 +1,27 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
-import '../../assets/SearchbarBase.css';const b = "_searchbar_1qnvb_1", d = "_searchbarExpanded_1qnvb_14", a = {
-  searchbar: b,
-  searchbarExpanded: d
-}, p = ({ className: r, children: e, expanded: s = !1, autocomplete: c = !1 }) => {
-  const t = n(a.searchbar, r, s && a.searchbarExpanded);
-  return /* @__PURE__ */ o("div", { className: t, "data-autocomplete": c, "data-color": "neutral", children: e });
+import { jsx as n } from "react/jsx-runtime";
+import { c as b } from "../../index-L8X2o7IH.js";
+import '../../assets/SearchbarBase.css';const d = "_searchbar_1qnvb_1", h = "_searchbarExpanded_1qnvb_14", a = {
+  searchbar: d,
+  searchbarExpanded: h
+}, x = ({
+  className: r,
+  children: e,
+  expanded: s = !1,
+  onBlurCapture: c,
+  autocomplete: t = !1
+}) => {
+  const o = b(a.searchbar, r, s && a.searchbarExpanded);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: o,
+      "data-autocomplete": t,
+      "data-color": "neutral",
+      onBlurCapture: c,
+      children: e
+    }
+  );
 };
 export {
-  p as SearchbarBase
+  x as SearchbarBase
 };

package/dist/components/Searchbar/SearchbarField.js

@@ -1,82 +1,82 @@
 "use client";
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { c as k } from "../../index-L8X2o7IH.js";
-import { useRef as C } from "react";
-import { Icon as I } from "../Icon/Icon.js";
-import { IconButton as n } from "../Button/IconButton.js";
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { c as I } from "../../index-L8X2o7IH.js";
+import { useRef as N } from "react";
+import { Icon as v } from "../Icon/Icon.js";
+import { IconButton as l } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "./AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as N } from "../../MagnifyingGlass-3Ln1MufI.js";
-import { S as l } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/SearchbarField.css';const v = "_field_ljqfn_1", T = "_icon_ljqfn_10", A = "_input_ljqfn_17", K = "_dismiss_ljqfn_41", M = "_clear_ljqfn_47", s = {
-  field: v,
-  icon: T,
-  input: A,
-  dismiss: K,
-  clear: M
+import { S as T } from "../../MagnifyingGlass-3Ln1MufI.js";
+import { S as m } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/SearchbarField.css';const j = "_field_73ung_1", A = "_icon_73ung_14", K = "_input_73ung_21", M = "_dismiss_73ung_42", U = "_clear_73ung_48", s = {
+  field: j,
+  icon: A,
+  input: K,
+  dismiss: M,
+  clear: U
 }, H = ({
-  className: m,
-  expanded: p,
-  name: f = "q",
-  value: a,
-  placeholder: u = "Search",
-  closeButtonAltText: d = "Close search",
+  className: p,
+  expanded: e,
+  name: u = "q",
+  value: c,
+  placeholder: d = "Search",
+  closeButtonAltText: f = "Close search",
   clearButtonAltText: _ = "Clear search",
   onFocus: h,
-  onBlur: x,
-  onChange: b,
-  onClear: j,
+  onBlur: g,
+  onChange: x,
+  onClear: b,
   onClose: y,
   onEnter: i,
-  tabIndex: q
+  tabIndex: S
 }) => {
-  const e = C(null), S = (c) => {
-    var o, r;
-    c.key === "Escape" && ((o = e.current) == null || o.blur()), c.key === "Enter" && ((r = e.current) == null || r.blur(), i == null || i());
+  const a = N(null), k = (o) => {
+    var r, n;
+    o.key === "Escape" && ((r = a.current) == null || r.blur()), o.key === "Enter" && ((n = a.current) == null || n.blur(), i == null || i());
   };
-  return /* @__PURE__ */ g("div", { className: k(s.field, m), children: [
+  return /* @__PURE__ */ C("div", { className: I(s.field, p), "data-expanded": e, children: [
     /* @__PURE__ */ t(
       "input",
       {
-        ref: e,
+        ref: a,
         onFocus: h,
-        onBlur: x,
-        name: f,
-        value: a,
-        onChange: b,
-        placeholder: u,
+        onBlur: g,
+        name: u,
+        value: c,
+        onChange: x,
+        placeholder: d,
         className: s.input,
-        onKeyUp: S,
+        onKeyUp: k,
         type: "search",
         "aria-haspopup": !0,
         autoComplete: "off",
         "aria-autocomplete": "list",
-        tabIndex: q ?? 0,
+        tabIndex: S ?? 0,
         "data-testid": "searchbar-input"
       }
     ),
-    /* @__PURE__ */ t(I, { svgElement: N, className: s.icon }),
-    a && /* @__PURE__ */ t(
-      n,
+    /* @__PURE__ */ t(v, { svgElement: T, className: s.icon }),
+    c && /* @__PURE__ */ t(
+      l,
       {
-        icon: l,
+        icon: m,
         variant: "solid",
         size: "custom",
         className: s.clear,
-        onClick: j,
+        onClick: b,
         dataTestId: "search-button-clear",
         iconAltText: _
       }
-    ) || p && /* @__PURE__ */ t(
-      n,
+    ) || e && /* @__PURE__ */ t(
+      l,
       {
-        icon: l,
+        icon: m,
         variant: "text",
         className: s.dismiss,
         onClick: y,
         dataTestId: "search-button-close",
-        iconAltText: d
+        iconAltText: f
       }
     )
   ] });

package/dist/components/Timeline/TimelineHeader.js

@@ -8,14 +8,14 @@ import { TimelineIcon as l } from "./TimelineIcon.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as d } from "../Page/Flex.js";
-import '../../assets/TimelineHeader.css';const f = "_header_ffjwj_1", p = "_sidebar_ffjwj_9", h = "_content_ffjwj_18", r = {
-  header: f,
-  sidebar: p,
-  content: h
-}, g = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
+import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_sidebar_177gq_9", _ = "_content_177gq_19", r = {
+  header: p,
+  sidebar: h,
+  content: _
+}, T = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
   /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(c, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
   /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(a, { loading: i, size: "lg", children: n }) })
 ] });
 export {
-  g as TimelineHeader
+  T as TimelineHeader
 };

package/dist/components/Timeline/TimelineIcon.js

@@ -1,27 +1,20 @@
-import { jsx as o } from "react/jsx-runtime";
-import { isValidElement as n } from "react";
-import { Icon as e, isIconProps as p } from "../Icon/Icon.js";
+import { jsx as t } from "react/jsx-runtime";
+import { isValidElement as p } from "react";
+import { Icon as s, isIconProps as n } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as g, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as c } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/TimelineIcon.css';const d = "_icon_13w5g_1", a = {
-  icon: d
+import { S as d } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
+  icon: g
 };
-function h(t) {
-  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
+function v(o) {
+  return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || p(o);
 }
-const _ = ({ loading: t, size: m, color: s, theme: i, icon: r }) => r ? t ? /* @__PURE__ */ o(e, { className: a.icon, svgElement: c, loading: !0 }) : /* @__PURE__ */ o("div", { className: a.icon, "data-color": s, "data-size": m, children: l(r) && /* @__PURE__ */ o(
-  f,
-  {
-    ...r,
-    innerContainerStyle: { width: "unset", height: "1em" },
-    avatarImageStyle: { height: "1.75rem", width: "auto", marginTop: "0.25rem" }
-  }
-) || g(r) && /* @__PURE__ */ o(u, { ...r, className: a.avatarGroup }) || p(r) && /* @__PURE__ */ o(e, { ...r, theme: i }) || h(r) && r || /* @__PURE__ */ o(e, { theme: i, svgElement: r }) }) : null;
+const S = ({ loading: o, size: i, color: e, theme: m, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: a.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: a.icon, "data-color": e, "data-size": i, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: a.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: m }) || v(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }) }) : null;
 export {
-  _ as TimelineIcon
+  S as TimelineIcon
 };

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

@@ -13,4 +13,5 @@ export declare const Default: Story;
 export declare const Controlled: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithoutSubunits: Story;
 export declare const WithGroups: Story;
+export declare const VirtualizedMenu: Story;
 export declare const WithToolbar: () => import("react/jsx-runtime").JSX.Element;

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

@@ -25,13 +25,9 @@ export interface AvatarProps {
     style?: CSSProperties;
     /** Whether the avatar is loading. */
     loading?: boolean;
-    /** Avatar image container styles */
-    innerContainerStyle?: CSSProperties;
-    /** Avatar image inner styles */
-    avatarImageStyle?: CSSProperties;
 }
 export declare const isAvatarProps: (icon: unknown) => icon is AvatarProps;
 /**
  * Avatar component to display user or company avatars with various customization options.
  */
-export declare const Avatar: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, style, innerContainerStyle, avatarImageStyle, }: AvatarProps) => ReactElement;
+export declare const Avatar: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, style, }: AvatarProps) => ReactElement;

package/dist/types/lib/components/Avatar/Avatar.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { AvatarProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, style, innerContainerStyle, avatarImageStyle, }: AvatarProps) => React.ReactElement;
+    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, style, }: AvatarProps) => React.ReactElement;
     tags: string[];
     parameters: {
         layout: string;

package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts

@@ -43,5 +43,4 @@ export declare const Loading: Story;
 export declare const Summary: Story;
 export declare const ExtendedContent: Story;
 export declare const WithAttachments: Story;
-export declare const WithWideLogo: Story;
 export declare const WithActions: Story;

package/dist/types/lib/components/Dialog/SeenByLogItem.stories.d.ts

@@ -28,8 +28,6 @@ declare const meta: {
         customLabel?: string | undefined;
         style?: React.CSSProperties | undefined;
         loading?: boolean | undefined;
-        innerContainerStyle?: React.CSSProperties | undefined;
-        avatarImageStyle?: React.CSSProperties | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

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

@@ -13,4 +13,4 @@ export interface ListItemLinkProps {
     active?: boolean;
     children?: React.ReactNode;
 }
-export declare const ListItemLink: ({ as, loading, disabled, selected, href, onClick, onKeyPress, className, active, ariaLabel, children, }: ListItemLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemLink: ({ as, loading, disabled, selected, href, onClick, onKeyPress, className, active, ariaLabel, children, tabIndex, }: ListItemLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Searchbar/SearchbarBase.d.ts

@@ -4,5 +4,6 @@ export interface SearchbarBaseProps {
     children: ReactNode;
     expanded?: boolean;
     autocomplete?: boolean;
+    onBlurCapture?: React.FocusEventHandler<HTMLDivElement>;
 }
-export declare const SearchbarBase: ({ className, children, expanded, autocomplete }: SearchbarBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchbarBase: ({ className, children, expanded, onBlurCapture, autocomplete, }: SearchbarBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Transmission/Transmission.stories.d.ts

@@ -51,4 +51,3 @@ declare const meta: {
 export default meta;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 export declare const UsingBadges: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithWideLogo: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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