@altinn/altinn-components 0.23.0 → 0.23.2

package/dist/assets/ListItemLabel.css

@@ -1 +1 @@
-._label_fiqmy_3{width:100%}._label_fiqmy_3[data-size=xs]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_fiqmy_3[data-size=sm],._label_fiqmy_3[data-size=md],._label_fiqmy_3[data-size=lg],._label_fiqmy_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._label_fiqmy_3[data-size=xs],._label_fiqmy_3[data-size=sm],._label_fiqmy_3[data-size=md]{font-size:1rem}._label_fiqmy_3[data-size=lg]{font-size:1.125rem}._label_fiqmy_3[data-size=xl]{font-size:1.25rem}._title_fiqmy_43{display:inline;font-size:1em;line-height:1.125;margin:0}._title_fiqmy_43[data-weight=bold]{font-weight:600}._title_fiqmy_43[data-weight=normal]{font-weight:400}._description_fiqmy_58{display:inline;font-weight:400;line-height:1.125;color:var(--ds-color-text-subtle);margin:0}._description_fiqmy_58[data-size=xs],._description_fiqmy_58[data-size=sm],._description_fiqmy_58[data-size=md],._description_fiqmy_58[data-size=lg],._description_fiqmy_58[data-size=xl]{font-size:.875rem;line-height:1rem}[data-theme=base] ._description_fiqmy_58{color:var(--ds-color-contrast-subtle)}[data-theme=surface] ._description_fiqmy_58{color:var(--ds-color-text-default)}
+._label_uoku6_3{width:100%}._label_uoku6_3[data-size=xs],._label_uoku6_3[data-size=sm],._label_uoku6_3[data-size=md],._label_uoku6_3[data-size=lg],._label_uoku6_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._label_uoku6_3[data-size=xs],._label_uoku6_3[data-size=sm],._label_uoku6_3[data-size=md]{font-size:1rem}._label_uoku6_3[data-size=lg]{font-size:1.125rem}._label_uoku6_3[data-size=xl]{font-size:1.25rem}._title_uoku6_36{font-size:1em;line-height:1.125;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_uoku6_36[data-weight=bold]{font-weight:600}._title_uoku6_36[data-weight=normal]{font-weight:400}._description_uoku6_57{display:inline;font-weight:400;line-height:1.125;color:var(--ds-color-text-subtle);margin:0}._description_uoku6_57[data-size=xs]{display:none}._description_uoku6_57[data-size=xs],._description_uoku6_57[data-size=sm],._description_uoku6_57[data-size=md],._description_uoku6_57[data-size=lg],._description_uoku6_57[data-size=xl]{font-size:.875rem;line-height:1rem}[data-theme=base] ._description_uoku6_57{color:var(--ds-color-contrast-subtle)}[data-theme=surface] ._description_uoku6_57{color:var(--ds-color-text-default)}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_1gk35_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_1gk35_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1gk35_1[data-size=md]{min-height:56px}._item_1gk35_1[data-size=md]{min-height:44px}._item_1gk35_1[data-size=sm]{min-height:40px}._content_1gk35_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1gk35_53{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1gk35_60{font-size:.875rem;white-space:nowrap}._linkIcon_1gk35_65{font-size:1.5rem}._item_1gk35_1,._item_1gk35_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_1gk35_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1gk35_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1gk35_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1gk35_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1gk35_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1gk35_1[data-selected=true]{background-color:var(--ds-color-background-subtle)}
+._item_go19k_1{font:inherit;color:inherit;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_go19k_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_go19k_1[data-size=md]{min-height:56px}._item_go19k_1[data-size=md]{min-height:44px}._item_go19k_1[data-size=sm]{min-height:40px}._content_go19k_44{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_go19k_52{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_go19k_59{font-size:.875rem;white-space:nowrap}._linkIcon_go19k_64{font-size:1.5rem}._item_go19k_1,._item_go19k_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_go19k_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_go19k_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_go19k_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_go19k_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_go19k_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_go19k_1[data-selected=true]{background-color:var(--ds-color-background-subtle)}

package/dist/assets/TimelineBase.css

@@ -1 +1 @@
-._section_et0gx_1{width:100%;display:flex;column-gap:.5rem;min-height:1.5rem}._sidebar_et0gx_8{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._sidebar_et0gx_8[data-level="2"]{width:1.5rem}._content_et0gx_22{flex-grow:1;display:flex;flex-direction:column}._border_et0gx_28{border-left:.25rem solid;border-color:var(--ds-color-surface-default);flex-grow:1}._icon_et0gx_34{color:var(--ds-color-surface-active)}._border_et0gx_28{border-color:var(--ds-color-surface-active);border-width:.125rem;flex-grow:1}._border_et0gx_28[data-variant=hidden]{display:none}._border_et0gx_28[data-variant=strong]{border-width:2px;border-style:solid}._border_et0gx_28[data-variant=solid]{border-width:1px;border-style:solid}._border_et0gx_28[data-variant=dashed]{border-width:1px;border-style:dashed}._border_et0gx_28[data-loading=true]{border-width:1px;border-style:dashed;border-color:var(--ds-color-border-subtle)}
+._section_1h3ds_1{width:100%;display:flex;column-gap:.5rem;min-height:1.5rem}._sidebar_1h3ds_8{flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:1.5rem}._sidebar_1h3ds_8[data-level="2"]{width:1.5rem}@media (min-width: 1024px){._sidebar_1h3ds_8{width:2.25rem}._sidebar_1h3ds_8[data-level="2"]{width:1.5rem}}._content_1h3ds_33{flex-grow:1;display:flex;flex-direction:column}._border_1h3ds_39{border-left:.25rem solid;border-color:var(--ds-color-surface-default);flex-grow:1}._icon_1h3ds_45{color:var(--ds-color-surface-active)}._border_1h3ds_39{border-color:var(--ds-color-surface-active);border-width:.125rem;flex-grow:1}._border_1h3ds_39[data-variant=hidden]{display:none}._border_1h3ds_39[data-variant=strong]{border-width:2px;border-style:solid}._border_1h3ds_39[data-variant=solid]{border-width:1px;border-style:solid}._border_1h3ds_39[data-variant=dashed]{border-width:1px;border-style:dashed}._border_1h3ds_39[data-loading=true]{border-width:1px;border-style:dashed;border-color:var(--ds-color-border-subtle)}

package/dist/assets/TimelineLink.css

@@ -1 +1 @@
-._button_18xbc_1{display:inline-flex;align-items:center;column-gap:.125em;height:1.5rem;align-self:flex-start}._reverse_18xbc_9{flex-direction:row-reverse}._icon_18xbc_13{font-size:1.25rem;width:1.5rem;height:1.5rem}._label_18xbc_19{font-size:14px;font-weight:400;line-height:1.125rem;padding:.1875rem 0}
+._button_15kp4_1{display:inline-flex;align-items:center;column-gap:.125em;align-items:flex-start}._icon_15kp4_8{flex-shrink:0;flex-grow:0;font-size:1.25rem;width:1.5rem;height:1.5rem}._label_15kp4_16{flex-shrink:1;font-size:14px;font-weight:400;line-height:1.125rem;padding:.1875rem 0;white-space:inherit}

package/dist/components/Dialog/DialogLayout.js

@@ -21,7 +21,7 @@ const A = ({ backButton: m, contextMenu: t, pageMenu: r, children: e }) => /* @_
         controls: t && /* @__PURE__ */ o(p, { ...t })
       }
     ),
-    /* @__PURE__ */ o(d, { padding: 6, spacing: 6, children: e })
+    /* @__PURE__ */ o(d, { padding: "page", spacing: 6, children: e })
   ] }),
   /* @__PURE__ */ o(l, { items: r == null ? void 0 : r.items })
 ] });

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,18 +1,18 @@
 "use client";
 import { jsxs as i, jsx as r, Fragment as f } from "react/jsx-runtime";
-import { useState as F, useMemo as L } from "react";
+import { useState as L, useMemo as H } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { AccountMenu as H } from "./AccountMenu.js";
-import { AccountButton as I } from "./AccountButton.js";
-import { BackButton as W } from "./BackButton.js";
+import { AccountMenu as I } from "./AccountMenu.js";
+import { AccountButton as W } from "./AccountButton.js";
+import { BackButton as q } from "./BackButton.js";
 import { LogoutButton as M } from "./LogoutButton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuListItem as n } from "../Menu/MenuBase.js";
 import { Menu as k } from "../Menu/Menu.js";
 import { GlobalMenuBase as c, GlobalMenuHeader as g, GlobalMenuFooter as b } from "./GlobalMenuBase.js";
-const S = ({
+const U = ({
   accounts: p = [],
   accountGroups: v = {},
   accountSearch: x,
@@ -23,35 +23,37 @@ const S = ({
   currentAccount: m,
   onSelectAccount: l,
   onClose: t,
-  logoutButton: a
+  logoutButton: a,
+  isVirtualized: T
 }) => {
-  const [T, j] = F(!1), o = () => {
-    j((e) => !e);
-  }, A = (e) => {
+  const [j, A] = L(!1), o = () => {
+    A((e) => !e);
+  }, F = (e) => {
     o(), t == null || t(), l == null || l(e);
-  }, h = L(() => d.map((e) => ({
+  }, h = H(() => d.map((e) => ({
     ...e,
     onClick: () => {
       var u;
       (u = e.onClick) == null || u.call(e), t == null || t();
     }
   })), [d, t]);
-  return T ? /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(W, { onClick: o, label: B }) }),
+  return j ? /* @__PURE__ */ i(c, { children: [
+    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(q, { onClick: o, label: B }) }),
     /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
     /* @__PURE__ */ r(
-      H,
+      I,
       {
         currentAccount: m,
         accounts: p,
         accountGroups: v,
         accountSearch: x,
-        onSelectAccount: A
+        onSelectAccount: F,
+        isVirtualized: T
       }
     )
   ] }) : m ? /* @__PURE__ */ i(c, { children: [
     /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-      I,
+      W,
       {
         account: m,
         linkText: G,
@@ -74,5 +76,5 @@ const S = ({
   ] });
 };
 export {
-  S as GlobalMenu
+  U as GlobalMenu
 };

package/dist/components/List/ListItemLabel.js

@@ -1,24 +1,24 @@
 import { jsx as t, jsxs as p, Fragment as _ } from "react/jsx-runtime";
-import { Skeleton as n } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemLabel.css';const h = "_label_fiqmy_3", b = "_title_fiqmy_43", f = "_description_fiqmy_58", l = {
+import { Skeleton as o } from "../Skeleton/Skeleton.js";
+import '../../assets/ListItemLabel.css';const h = "_label_uoku6_3", u = "_title_uoku6_36", b = "_description_uoku6_57", l = {
   label: h,
-  title: b,
-  description: f
+  title: u,
+  description: b
 }, x = ({
   loading: s = !1,
   size: e = "sm",
-  title: c,
-  titleAs: o = "h2",
+  title: n,
+  titleAs: c = "h2",
   weight: r = "bold",
-  description: i,
-  children: a,
-  id: m
+  description: a,
+  children: i,
+  id: d
 }) => {
-  const d = o;
-  return /* @__PURE__ */ t("span", { className: l.label, "data-size": e, id: m, children: a || /* @__PURE__ */ p(_, { children: [
-    /* @__PURE__ */ t(n, { loading: s, children: /* @__PURE__ */ t(d, { className: l.title, "data-size": e, "data-weight": r, children: c }) }),
+  const m = c;
+  return /* @__PURE__ */ t("span", { className: l.label, "data-size": e, id: d, children: i || /* @__PURE__ */ p(_, { children: [
+    /* @__PURE__ */ t(o, { loading: s, children: /* @__PURE__ */ t(m, { className: l.title, "data-size": e, "data-weight": r, children: n }) }),
     " ",
-    i && /* @__PURE__ */ t(n, { loading: s, children: /* @__PURE__ */ t("p", { className: l.description, "data-size": e, children: i }) })
+    a && /* @__PURE__ */ t(o, { loading: s, children: /* @__PURE__ */ t("p", { className: l.description, "data-size": e, children: a }) })
   ] }) });
 };
 export {

package/dist/components/Menu/MenuItemBase.js

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

package/dist/components/Timeline/Timeline.js

@@ -1,11 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as i } from "../Page/Section.js";
-const l = ({ spacing: o = 2, children: r }) => /* @__PURE__ */ t(i, { as: "ul", spacing: o, children: r });
+import { Section as m } from "../Page/Section.js";
+const u = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
 export {
-  l as Timeline
+  u as Timeline
 };

package/dist/components/Timeline/TimelineBase.js

@@ -1,36 +1,36 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import { Icon as p } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as x } from "../Avatar/Avatar.js";
+import { Avatar as h } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
 import { Skeleton as b } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as g } from "../Page/Flex.js";
-import '../../assets/TimelineBase.css';const v = "_section_et0gx_1", f = "_sidebar_et0gx_8", N = "_content_et0gx_22", h = "_border_et0gx_28", j = "_icon_et0gx_34", t = {
-  section: v,
-  sidebar: f,
-  content: N,
-  border: h,
-  icon: j
+import { Flex as v } from "../Page/Flex.js";
+import '../../assets/TimelineBase.css';const f = "_section_1h3ds_1", N = "_sidebar_1h3ds_8", x = "_content_1h3ds_33", j = "_border_1h3ds_39", z = "_icon_1h3ds_45", o = {
+  section: f,
+  sidebar: N,
+  content: x,
+  border: j,
+  icon: z
 }, T = ({
   as: c = "section",
-  loading: o,
+  loading: e,
   border: a = "solid",
-  level: m = 1,
-  color: s,
+  level: d = 1,
+  color: t,
   icon: r,
-  iconColor: d,
+  iconColor: m,
   avatar: i,
   children: l,
   ..._
-}) => /* @__PURE__ */ n(g, { as: c, className: t.section, color: s, ..._, children: [
-  /* @__PURE__ */ n("aside", { className: t.sidebar, "data-level": m, children: [
-    i && /* @__PURE__ */ e(x, { ...i, size: "sm" }) || r && /* @__PURE__ */ e(b, { loading: o, variant: "circle", children: /* @__PURE__ */ e("span", { "data-color": d, className: t.icon, children: /* @__PURE__ */ e(p, { svgElement: r, size: "sm" }) }) }),
-    /* @__PURE__ */ e("div", { className: t.border, "data-loading": o, "data-variant": a, "data-color": s })
+}) => /* @__PURE__ */ n(v, { as: c, className: o.section, color: t, ..._, children: [
+  /* @__PURE__ */ n("aside", { className: o.sidebar, "data-level": d, children: [
+    i && /* @__PURE__ */ s(h, { ...i, size: "sm" }) || r && /* @__PURE__ */ s(b, { loading: e, variant: "circle", children: /* @__PURE__ */ s("span", { "data-color": m, className: o.icon, children: /* @__PURE__ */ s(p, { svgElement: r, size: "sm" }) }) }),
+    /* @__PURE__ */ s("div", { className: o.border, "data-loading": e, "data-variant": a, "data-color": t })
   ] }),
-  /* @__PURE__ */ e("div", { className: t.content, children: l })
+  /* @__PURE__ */ s("div", { className: o.content, children: l })
 ] });
 export {
   T as TimelineBase

package/dist/components/Timeline/TimelineLink.js

@@ -1,39 +1,38 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { c as a } from "../../index-L8X2o7IH.js";
 import "react";
-import { ButtonBase as b } from "../Button/ButtonBase.js";
-import { ButtonLabel as _ } from "../Button/ButtonLabel.js";
-import { ButtonIcon as p } from "../Button/ButtonIcon.js";
+import { ButtonBase as p } from "../Button/ButtonBase.js";
+import { ButtonLabel as b } from "../Button/ButtonLabel.js";
+import { ButtonIcon as u } from "../Button/ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/TimelineLink.css';const u = "_button_18xbc_1", x = "_reverse_18xbc_9", f = "_icon_18xbc_13", v = "_label_18xbc_19", o = {
-  button: u,
-  reverse: x,
+import '../../assets/TimelineLink.css';const _ = "_button_15kp4_1", f = "_icon_15kp4_8", k = "_label_15kp4_16", o = {
+  button: _,
   icon: f,
-  label: v
-}, T = ({
+  label: k
+}, I = ({
   size: t = "custom",
-  color: n = "company",
-  icon: r,
+  color: m = "company",
+  icon: n,
   reverse: c,
   label: s,
-  children: m,
+  children: e,
   ...i
 }) => /* @__PURE__ */ l(
-  b,
+  p,
   {
-    color: n,
+    color: m,
     variant: "link",
     size: t,
     className: a(o.button, { [o.reverse]: c }),
     ...i,
     children: [
-      r && /* @__PURE__ */ e(p, { className: o.icon, size: t, icon: r }),
-      /* @__PURE__ */ e(_, { className: o.label, size: t, children: m || s })
+      n && /* @__PURE__ */ r(u, { className: o.icon, size: t, icon: n }),
+      /* @__PURE__ */ r(b, { className: o.label, size: t, children: e || s })
     ]
   }
 );
 export {
-  T as TimelineLink
+  I as TimelineLink
 };

package/dist/components/Timeline/TimelineSection.js

@@ -1,28 +1,29 @@
-import { jsxs as x, jsx as m } from "react/jsx-runtime";
+import { jsxs as y, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as y } from "../Byline/Byline.js";
+import { Byline as T } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { TimelineBase as T } from "./TimelineBase.js";
-import { Typography as j } from "../Typography/Typography.js";
+import { TimelineBase as j } from "./TimelineBase.js";
+import { Typography as B } from "../Typography/Typography.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as B } from "../Page/Section.js";
-const w = ({
+import { Section as S } from "../Page/Section.js";
+const A = ({
   loading: o,
-  margin: i,
-  spacing: p,
-  as: e = "li",
-  border: s = "strong",
-  color: f,
-  typographyProps: n = {},
-  datetime: c,
+  level: i,
+  margin: p,
+  spacing: e,
+  as: s = "li",
+  border: f = "strong",
+  color: n,
+  typographyProps: c = {},
+  datetime: x,
   byline: t,
   children: r
-}) => /* @__PURE__ */ x(T, { loading: o, border: s, color: f, as: e, children: [
-  t && /* @__PURE__ */ m(y, { loading: o, datetime: c, children: t }),
-  /* @__PURE__ */ m(B, { margin: i, spacing: p, children: r && typeof r == "string" ? /* @__PURE__ */ m(j, { as: "p", loading: o, size: "md", ...n, children: r }) : r })
+}) => /* @__PURE__ */ y(j, { loading: o, level: i, border: f, color: n, as: s, children: [
+  t && /* @__PURE__ */ m(T, { loading: o, datetime: x, children: t }),
+  /* @__PURE__ */ m(S, { margin: p, spacing: e, children: r && typeof r == "string" ? /* @__PURE__ */ m(B, { as: "p", loading: o, size: "md", ...c, children: r }) : r })
 ] });
 export {
-  w as TimelineSection
+  A as TimelineSection
 };

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

@@ -14,4 +14,4 @@ export interface GlobalMenuProps extends AccountMenuProps {
     onSelectAccount?: (id: string) => void;
     onClose?: () => void;
 }
-export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, onSelectAccount, onClose, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, onSelectAccount, onClose, logoutButton, isVirtualized, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { Account } from './AccountButton.tsx';
 import { GlobalMenuProps } from './GlobalMenu';
 declare const meta: {
     title: string;
-    component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, onSelectAccount, onClose, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, onSelectAccount, onClose, logoutButton, isVirtualized, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -1,7 +1,8 @@
-import { ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 import { SectionProps } from '..';
 export interface TimelineProps {
+    as?: ElementType;
     spacing?: SectionProps['spacing'];
     children?: ReactNode;
 }
-export declare const Timeline: ({ spacing, children }: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Timeline: ({ as, spacing, children }: TimelineProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: ({ spacing, children }: import('./Timeline').TimelineProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ as, spacing, children }: import('./Timeline').TimelineProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {};

package/dist/types/lib/components/Timeline/TimelineSection.d.ts

@@ -13,4 +13,4 @@ export interface TimelineSectionProps {
     children?: ReactNode | string;
     as?: ElementType;
 }
-export declare const TimelineSection: ({ loading, margin, spacing, as, border, color, typographyProps, datetime, byline, children, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimelineSection: ({ loading, level, margin, spacing, as, border, color, typographyProps, datetime, byline, children, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/TimelineSection.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ loading, margin, spacing, as, border, color, typographyProps, datetime, byline, children, }: import('./TimelineSection').TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, level, margin, spacing, as, border, color, typographyProps, datetime, byline, children, }: import('./TimelineSection').TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/package.json

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