@altinn/altinn-components 0.50.4 → 0.50.6

package/dist/components/Account/AccountListVirtual.js

@@ -1,22 +1,22 @@
 "use client";
 import { jsx as l } from "react/jsx-runtime";
-import { u as x } from "../../index-D-VWMqlv.js";
-import { useRef as I, useEffect as h } from "react";
+import { u as h } from "../../index-D-VWMqlv.js";
+import { useRef as v, useEffect as x } from "react";
 import "../../index-L8X2o7IH.js";
-import { AccountListItem as v } from "./AccountListItem.js";
+import { AccountListItem as I } from "./AccountListItem.js";
 import { useMenu as _ } from "../../hooks/useMenu.js";
 import { Heading as L } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as S } from "../Page/Section.js";
-import '../../assets/AccountListVirtual.css';const $ = "_virtualScrollRef_188ep_1", C = "_virtualList_188ep_9", P = "_virtualListItem_188ep_15", E = "_lastChild_188ep_31", z = "_virtualTitleItem_188ep_35", o = {
+import '../../assets/AccountListVirtual.css';const $ = "_virtualScrollRef_188ep_1", C = "_virtualList_188ep_9", P = "_virtualListItem_188ep_15", z = "_lastChild_188ep_31", E = "_virtualTitleItem_188ep_35", o = {
   virtualScrollRef: $,
   virtualList: C,
   virtualListItem: P,
-  lastChild: E,
-  virtualTitleItem: z
+  lastChild: z,
+  virtualTitleItem: E
 }, j = ({ items: u, groups: d = {}, sortGroupBy: f }) => {
-  const n = I(null), { menu: y } = _({
+  const n = v(null), { menu: y } = _({
     items: u,
     groups: d,
     groupByKey: "groupId",
@@ -31,8 +31,9 @@ import '../../assets/AccountListVirtual.css';const $ = "_virtualScrollRef_188ep_
         itemProps: s.props || {}
       }))
     ];
-  }), m = x({
+  }), m = h({
     count: a.length,
+    useAnimationFrameWithResizeObserver: !0,
     gap: 8,
     estimateSize: (t) => {
       var c;
@@ -44,7 +45,7 @@ import '../../assets/AccountListVirtual.css';const $ = "_virtualScrollRef_188ep_
     },
     getScrollElement: () => n.current
   }), p = m.getVirtualItems();
-  return h(() => {
+  return x(() => {
     var t, e, i;
     for (const r of p) {
       const s = ((t = n.current) == null ? void 0 : t.querySelector(`[data-index="${r.index}"]`)) ?? ((e = n.current) == null ? void 0 : e.querySelector(`[dataindex="${r.index}"]`)) ?? ((i = n.current) == null ? void 0 : i.querySelector(`[dataIndex="${r.index}"]`));
@@ -81,7 +82,7 @@ import '../../assets/AccountListVirtual.css';const $ = "_virtualScrollRef_188ep_
               "data-index": t.index,
               className: `${o.virtualListItem} ${c ? o.lastChild : ""}`,
               style: { transform: `translateY(${t.start}px)` },
-              children: /* @__PURE__ */ l(v, { ...e.itemProps, containerAs: "div" })
+              children: /* @__PURE__ */ l(I, { ...e.itemProps, containerAs: "div" })
             },
             t.key
           );

package/dist/components/List/ListItem.js

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

package/dist/components/List/ListItemHeader.js

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

package/dist/components/List/ListItemLink.js

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

package/dist/components/Menu/MenuItemsVirtual.js

@@ -1,25 +1,25 @@
 "use client";
 import { jsx as m, jsxs as L } from "react/jsx-runtime";
 import { u as k } from "../../index-D-VWMqlv.js";
-import { useRef as R, useState as A, useEffect as y, useMemo as D } from "react";
+import { useRef as R, useState as A, useEffect as y, useMemo as W } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as K } from "../../hooks/useMenu.js";
+import { useMenu as D } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as V } from "./MenuItem.js";
-import { MenuSearch as W } from "./MenuSearch.js";
+import { MenuItem as K } from "./MenuItem.js";
+import { MenuSearch as V } from "./MenuSearch.js";
 import { MenuHeader as j } from "./MenuHeader.js";
-import { MenuList as N, MenuListItem as U } from "./MenuBase.js";
+import { MenuList as N, MenuListItem as F } from "./MenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemsVirtual.css';const Y = "_virtualScrollRef_nmoqo_1", F = "_virtualMenuListItem_nmoqo_8", M = {
-  virtualScrollRef: Y,
-  virtualMenuListItem: F
+import '../../assets/MenuItemsVirtual.css';const O = "_virtualScrollRef_nmoqo_1", U = "_virtualMenuListItem_nmoqo_8", M = {
+  virtualScrollRef: O,
+  virtualMenuListItem: U
 }, se = ({
   level: E = 0,
   search: g,
   items: z,
   groups: T = {},
-  defaultItemSize: P,
-  defaultItemColor: b,
+  defaultItemSize: b,
+  defaultItemColor: P,
   defaultItemVariant: q,
   defaultIconTheme: $,
   keyboardEvents: f,
@@ -35,12 +35,12 @@ import '../../assets/MenuItemsVirtual.css';const Y = "_virtualScrollRef_nmoqo_1"
       window.removeEventListener("resize", n);
     };
   }, []);
-  const I = D(() => x && S - x - 8 || 400, [S, x]), C = {
+  const I = W(() => x && S - x - 8 || 400, [S, x]), C = {
     ...{
       maxHeight: I <= 300 ? 300 : I
     },
     ...H
-  }, { menu: _ } = K({
+  }, { menu: _ } = D({
     items: z,
     groups: T,
     groupByKey: "groupId",
@@ -68,6 +68,7 @@ import '../../assets/MenuItemsVirtual.css';const Y = "_virtualScrollRef_nmoqo_1"
     ];
   }), d = k({
     count: v.length,
+    useAnimationFrameWithResizeObserver: !0,
     gap: 8,
     estimateSize: () => 44,
     getScrollElement: () => c.current
@@ -128,7 +129,7 @@ import '../../assets/MenuItemsVirtual.css';const Y = "_virtualScrollRef_nmoqo_1"
           zIndex: 10,
           marginTop: "-0.5rem"
         },
-        children: /* @__PURE__ */ m(W, { ...g })
+        children: /* @__PURE__ */ m(V, { ...g })
       }
     ),
     /* @__PURE__ */ m(
@@ -141,7 +142,7 @@ import '../../assets/MenuItemsVirtual.css';const Y = "_virtualScrollRef_nmoqo_1"
         children: h.map((n) => {
           const t = v[n.index];
           return t ? /* @__PURE__ */ L(
-            U,
+            F,
             {
               dataIndex: n.index,
               className: M.virtualMenuListItem,
@@ -150,11 +151,11 @@ import '../../assets/MenuItemsVirtual.css';const Y = "_virtualScrollRef_nmoqo_1"
               children: [
                 t.type === "title" && /* @__PURE__ */ m(j, { title: t.title }),
                 t.type === "item" && /* @__PURE__ */ m(
-                  V,
+                  K,
                   {
                     ...t.itemProps,
-                    size: t.itemProps.size || P,
-                    color: t.itemProps.color || b,
+                    size: t.itemProps.size || b,
+                    color: t.itemProps.color || P,
                     variant: t.itemProps.variant || q,
                     iconTheme: t.itemProps.iconTheme || $,
                     active: t.active,

package/dist/components/Toolbar/ToolbarAdd.js

@@ -8,14 +8,14 @@ import { Menu as x } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as T } from "./ToolbarButton.js";
 import { ToolbarFilterBase as B } from "./ToolbarFilterBase.js";
-const v = ({ label: t = "Legg til", items: p, id: e }) => {
-  const { currentId: i, closeAll: a, toggleId: d } = f(), o = i === e, l = () => d(e), m = u();
-  return /* @__PURE__ */ c(B, { expanded: o, onBlurCapture: (n) => {
-    const s = n.relatedTarget;
-    (!s || !n.currentTarget.contains(s)) && a();
+const v = ({ label: t = "Legg til", items: a, id: e }) => {
+  const { currentId: l, closeAll: n, toggleId: d } = f(), o = l === e, m = () => d(e), s = u();
+  return /* @__PURE__ */ c(B, { expanded: o, onBlurCapture: (p) => {
+    const i = p.relatedTarget;
+    s && (!i || !p.currentTarget.contains(i)) && n();
   }, children: [
-    /* @__PURE__ */ r(T, { type: "add", onToggle: l, "aria-expanded": o, children: t }),
-    /* @__PURE__ */ r(g, { drawerTitle: t, open: o, children: /* @__PURE__ */ r(x, { color: "neutral", items: p, keyboardEvents: o && m }) })
+    /* @__PURE__ */ r(T, { type: "add", onToggle: m, "aria-expanded": o, children: t }),
+    /* @__PURE__ */ r(g, { drawerTitle: t, open: o, onClose: n, children: /* @__PURE__ */ r(x, { color: "neutral", items: a, keyboardEvents: o && s }) })
   ] });
 };
 export {

package/dist/components/Toolbar/ToolbarFilter.js

@@ -13,26 +13,26 @@ const G = (u, n) => Array.isArray(n) ? n.join(", ") : n, Q = ({
   label: n,
   name: o,
   filterState: s,
-  options: T,
-  optionGroups: y,
-  onChange: b,
-  onRemove: x,
+  options: y,
+  optionGroups: b,
+  onChange: x,
+  onRemove: A,
   buttonAltText: l = "Remove button",
   getSelectedLabel: a,
-  showResultsLabel: A = "Show results",
-  optionType: f,
+  showResultsLabel: f = "Show results",
+  optionType: h,
   id: e = `toolbar-filter-${o}`
 }) => {
-  const { currentId: h, toggleId: v, closeAll: d } = j(), I = g(), k = (T ?? []).map((r) => {
+  const { currentId: v, toggleId: I, closeAll: d } = j(), m = g(), k = (y ?? []).map((r) => {
     const t = s == null ? void 0 : s[r.name || o];
     return {
       name: o,
       ...r,
       checked: Array.isArray(t) ? t.includes(r.value) : r.value === t
     };
-  }), c = s == null ? void 0 : s[o], w = (a == null ? void 0 : a(o, c)) ?? G(o, c), m = () => v(e), p = h === e, B = (r) => {
+  }), c = s == null ? void 0 : s[o], w = (a == null ? void 0 : a(o, c)) ?? G(o, c), T = () => I(e), p = v === e, B = (r) => {
     const t = r.relatedTarget;
-    (!t || !r.currentTarget.contains(t)) && d();
+    m && (!t || !r.currentTarget.contains(t)) && d();
   }, C = Array.isArray(c) ? c.length > 0 : typeof c < "u";
   return /* @__PURE__ */ D(R, { expanded: p, onBlurCapture: B, dataTestId: "filter-base-" + e, children: [
     /* @__PURE__ */ i(
@@ -41,10 +41,10 @@ const G = (u, n) => Array.isArray(n) ? n.join(", ") : n, Q = ({
         type: "select",
         removable: u,
         active: C,
-        onToggle: m,
+        onToggle: T,
         ariaLabel: l,
         iconAltText: l,
-        onRemove: x,
+        onRemove: A,
         dataTestId: e,
         tabIndex: p ? -1 : 0,
         children: w || n
@@ -57,18 +57,18 @@ const G = (u, n) => Array.isArray(n) ? n.join(", ") : n, Q = ({
         drawerTitle: n,
         onClose: d,
         drawerButton: {
-          onClick: m,
-          label: A
+          onClick: T,
+          label: f
         },
         children: /* @__PURE__ */ i(
           E,
           {
             name: o,
             options: k,
-            optionGroups: y,
-            onChange: b,
-            optionType: f,
-            keyboardEvents: p && I
+            optionGroups: b,
+            onChange: x,
+            optionType: h,
+            keyboardEvents: p && m
           }
         )
       }

package/dist/functions/date/date.js

@@ -1,14 +1,10 @@
 function e(r) {
   if (r)
     try {
-      const t = new Date(r);
-      return Number.isNaN(t.getTime()) ? r : t.toLocaleDateString("no-NO", {
-        day: "2-digit",
-        month: "2-digit",
-        year: "numeric"
-      });
-    } catch (t) {
-      return console.warn("Error formatting date:", t), r;
+      const [o, t, n] = r.split("-");
+      return !o || !t || !n ? r : `${n}.${t}.${o}`;
+    } catch (o) {
+      return console.warn("Error formatting date:", o), r;
     }
 }
 export {

package/dist/functions/date/date.spec.js

@@ -1,15 +1,17 @@
-import { describe as d, test as o, expect as e } from "vitest";
+import { describe as a, beforeEach as i, vi as d, test as o, expect as e } from "vitest";
 import { formatDate as t } from "./date.js";
-d("dateUtils", () => {
-  d("formatDate", () => {
+a("dateUtils", () => {
+  i(() => {
+    d.stubEnv("TZ", "UTC");
+  }), a("formatDate", () => {
     o("should format ISO date to Norwegian DD.MM.YYYY format", () => {
-      e(t("1990-12-25")).toBe("25.12.1990"), e(t("2000-01-01")).toBe("01.01.2000"), e(t("1985-06-15")).toBe("15.06.1985");
+      e(t("1990-12-25")).toBe("25.12.1990"), e(t("2000-01-01")).toBe("01.01.2000"), e(t("1985-06-15")).toBe("15.06.1985"), d.stubEnv("TZ", "EST"), e(t("1990-12-25")).toBe("25.12.1990"), e(t("2000-01-01")).toBe("01.01.2000"), e(t("1985-06-15")).toBe("15.06.1985");
     }), o("should handle undefined input", () => {
       e(t(void 0)).toBeUndefined();
     }), o("should handle invalid date strings", () => {
       e(t("invalid-date")).toBe("invalid-date"), e(t("")).toBe(void 0);
     }), o("should handle edge cases", () => {
-      e(t("2024-02-29")).toBe("29.02.2024"), e(t("2023-12-31")).toBe("31.12.2023");
+      e(t("2024-02-29")).toBe("29.02.2024"), e(t("2023-12-31")).toBe("31.12.2023"), d.stubEnv("TZ", "EST"), e(t("2024-02-29")).toBe("29.02.2024"), e(t("2023-12-31")).toBe("31.12.2023");
     });
   });
 });

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

@@ -59,6 +59,7 @@ declare const meta: {
         href?: string | undefined;
         onClick?: (() => void) | undefined;
         onKeyPress?: React.KeyboardEventHandler | undefined;
+        ariaControlsId?: string | undefined;
         favourite?: boolean | undefined;
         favouriteLabel?: string | undefined;
         onToggleFavourite?: ((id: string) => void) | undefined;

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

@@ -40,4 +40,4 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Used as decerning text for the ListItem without title, defaults to title */
     ariaLabel?: string;
 }
-export declare const ListItemHeader: ({ as, highlightWords, interactive, color, loading, disabled, collapsible, linkIcon, expanded, select, href, onClick, onKeyPress, tabIndex, size, title, description, icon, active, badge, controls, className, children, ariaLabel, }: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemHeader: ({ as, highlightWords, interactive, color, loading, disabled, collapsible, linkIcon, expanded, select, href, onClick, onKeyPress, tabIndex, size, title, description, icon, active, badge, controls, className, children, ariaLabel, ariaControlsId, }: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -50,6 +50,7 @@ declare const meta: {
         href?: string | undefined;
         onClick?: (() => void) | undefined;
         onKeyPress?: React.KeyboardEventHandler | undefined;
+        ariaControlsId?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

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

@@ -49,6 +49,7 @@ declare const meta: {
         containerAs?: React.ElementType | undefined;
         shadow?: import('..').Shadow | undefined;
         collapsible?: boolean | undefined;
+        ariaControlsId?: string | undefined;
     };
 };
 export default meta;

package/package.json

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