@altinn/altinn-components 0.15.3 → 0.15.5

package/dist/components/List/ListItem.js

@@ -1,89 +1,104 @@
-import { jsxs as A, jsx as c } from "react/jsx-runtime";
-import { ListItemBase as h } from "./ListItemBase.js";
+import { jsxs as C, jsx as e } from "react/jsx-runtime";
+import { ListItemBase as p } from "./ListItemBase.js";
 import { ListItemHeader as b } from "./ListItemHeader.js";
-const F = ({
-  className: p,
-  variant: I = "solid",
-  color: e,
-  theme: L = "default",
-  shadow: u = "xs",
-  loading: i,
-  collapsible: l,
-  expanded: n,
-  size: m = "sm",
-  icon: k,
-  avatar: o,
-  avatarGroup: v,
-  title: j,
+const J = ({
+  className: I,
+  variant: L = "solid",
+  color: f,
+  theme: u = "default",
+  shadow: k = "xs",
+  loading: n,
+  collapsible: q,
+  expanded: i,
+  size: h = "sm",
+  icon: v,
+  avatar: j,
+  avatarGroup: o,
+  title: r,
   description: s,
   badge: x,
-  linkIcon: q = "chevron-right",
-  label: f,
+  linkIcon: w = "chevron-right",
+  label: t,
   select: y,
-  controls: t,
-  children: w,
-  ...r
+  controls: c,
+  children: A,
+  ...m
 }) => {
-  const B = l ? n ? "chevron-up" : "chevron-down" : q, H = typeof f == "function" ? f() : f;
-  return n ? /* @__PURE__ */ A(
-    h,
+  const B = q ? i ? "chevron-up" : "chevron-down" : w, H = typeof t == "function" ? t() : t;
+  return i ? /* @__PURE__ */ C(
+    p,
     {
       interactive: !1,
-      variant: I,
-      color: e,
-      theme: L,
-      shadow: u,
-      expanded: n,
+      variant: L,
+      color: f,
+      theme: u,
+      shadow: k,
+      expanded: i,
+      title: r,
+      loading: n,
       children: [
-        /* @__PURE__ */ c(h, { theme: "transparent", interactive: !t, size: m, color: e, loading: i, ...r, children: /* @__PURE__ */ c(
-          b,
+        /* @__PURE__ */ e(
+          p,
           {
-            className: p,
-            loading: i,
-            select: y,
-            size: m,
-            title: j,
-            description: s,
-            icon: k,
-            avatar: o,
-            avatarGroup: v,
-            badge: x,
-            linkIcon: B,
-            controls: t,
-            ...r,
-            children: H
+            theme: "transparent",
+            interactive: !c,
+            size: h,
+            color: f,
+            loading: n,
+            title: r,
+            ...m,
+            children: /* @__PURE__ */ e(
+              b,
+              {
+                className: I,
+                loading: n,
+                select: y,
+                size: h,
+                title: r,
+                description: s,
+                icon: v,
+                avatar: j,
+                avatarGroup: o,
+                badge: x,
+                linkIcon: B,
+                controls: c,
+                ...m,
+                children: H
+              }
+            )
           }
-        ) }),
-        w
+        ),
+        A
       ]
     }
-  ) : /* @__PURE__ */ c(
-    h,
+  ) : /* @__PURE__ */ e(
+    p,
     {
-      interactive: !t,
-      variant: I,
-      color: e,
-      theme: L,
-      shadow: u,
-      expanded: n,
-      loading: i,
-      ...r,
-      children: /* @__PURE__ */ c(
+      interactive: !c,
+      variant: L,
+      color: f,
+      theme: u,
+      shadow: k,
+      expanded: i,
+      loading: n,
+      title: r,
+      ...m,
+      children: /* @__PURE__ */ e(
         b,
         {
-          className: p,
-          loading: i,
+          className: I,
+          loading: n,
           select: y,
-          size: m,
-          title: j,
+          size: h,
+          title: r,
           description: s,
-          icon: k,
-          avatar: o,
-          avatarGroup: v,
+          icon: v,
+          avatar: j,
+          avatarGroup: o,
           badge: x,
           linkIcon: B,
-          controls: t,
-          ...r,
+          controls: c,
+          ...m,
           children: H
         }
       )
@@ -91,5 +106,5 @@ const F = ({
   );
 };
 export {
-  F as ListItem
+  J as ListItem
 };

package/dist/components/List/ListItemBase.js

@@ -1,75 +1,80 @@
-import { jsx as x } from "react/jsx-runtime";
-import { c as h } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemBase.css';const L = "_item_1slti_1", N = "_interactive_1slti_53", i = {
-  item: L,
-  interactive: N
-}, D = ({
-  interactive: w = !0,
-  as: b,
-  href: j,
+import { jsx as w } from "react/jsx-runtime";
+import { c as x } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemBase.css';const B = "_item_bqpwx_1", E = "_interactive_bqpwx_53", I = "_interactiveSelected_bqpwx_95", L = "_interactiveHidden_bqpwx_99", t = {
+  item: B,
+  interactive: E,
+  interactiveSelected: I,
+  interactiveHidden: L
+}, F = ({
+  title: S,
+  interactive: f = !0,
+  as: q,
+  href: u,
   onClick: a,
-  onKeyPress: t,
-  tabIndex: z,
-  size: r,
-  variant: s,
-  color: d,
-  theme: e,
-  shadow: B,
+  onKeyPress: e,
+  tabIndex: H,
+  size: c,
+  variant: d,
+  color: s,
+  theme: i,
+  shadow: h,
   loading: n,
-  disabled: o,
-  hidden: m = !1,
-  active: c = !1,
-  selected: p,
-  expanded: l,
-  className: v,
+  disabled: r,
+  hidden: o = !1,
+  active: v = !1,
+  selected: m,
+  className: p,
   children: _
 }) => {
-  const f = e === "transparent" ? "none" : B;
-  if (w) {
-    const I = h(i.item, i.interactive, v);
-    return /* @__PURE__ */ x(
-      b || "button",
+  const l = i === "transparent" ? "none" : h;
+  if (f) {
+    const z = x(
+      t.item,
+      t.interactive,
+      p,
+      m && t.interactiveSelected,
+      o && t.interactiveHidden
+    );
+    return /* @__PURE__ */ w(
+      q || "button",
       {
-        className: I,
-        "data-variant": s,
-        "data-color": d,
-        "data-theme": e,
-        "data-size": r,
-        "data-shadow": f,
-        "data-active": c,
-        href: j,
-        onKeyPress: (u) => {
-          u.key === "Enter" && (a == null || a()), t == null || t(u);
+        "aria-label": S,
+        className: z,
+        "data-variant": d,
+        "data-color": s,
+        "data-theme": i,
+        "data-size": c,
+        "data-shadow": l,
+        "data-active": v,
+        href: u,
+        onKeyPress: (b) => {
+          b.key === "Enter" && (a == null || a()), e == null || e(b);
         },
         onClick: a,
-        tabIndex: z,
-        "aria-hidden": m,
-        "aria-disabled": o || n,
-        "aria-selected": p,
-        "aria-expanded": l,
+        tabIndex: H,
+        "aria-disabled": r || n,
+        disabled: r || n,
         children: _
       }
     );
   }
-  const E = h(i.item, v);
-  return /* @__PURE__ */ x(
+  const j = x(t.item, p, m && t.interactiveSelected);
+  return /* @__PURE__ */ w(
     "article",
     {
-      className: E,
-      "data-variant": s,
-      "data-color": d,
-      "data-theme": e,
-      "data-size": r,
-      "data-shadow": f,
-      "data-active": c,
-      "aria-hidden": m,
-      "aria-disabled": o || n,
-      "aria-selected": p,
-      "aria-expanded": l,
+      className: j,
+      "data-variant": d,
+      "data-color": s,
+      "data-theme": i,
+      "data-size": c,
+      "data-shadow": l,
+      "data-active": v,
+      "aria-hidden": o,
+      "aria-disabled": r || n,
       children: _
     }
   );
 };
 export {
-  D as ListItemBase
+  F as ListItemBase
 };

package/dist/components/List/ListItemLabel.js

@@ -1,10 +1,10 @@
-import { jsx as e, jsxs as r, Fragment as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as r } from "react/jsx-runtime";
 import { Skeleton as c } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemLabel.css';const d = "_label_1qlgj_3", m = "_title_1qlgj_44", _ = "_description_1qlgj_52", l = {
-  label: d,
-  title: m,
-  description: _
-}, b = ({ loading: s = !1, size: t = "sm", title: n, description: a, children: i }) => /* @__PURE__ */ e("span", { className: l.label, "data-size": t, children: i || /* @__PURE__ */ r(o, { children: [
+import '../../assets/ListItemLabel.css';const m = "_label_lkhmo_3", d = "_title_lkhmo_44", h = "_description_lkhmo_52", l = {
+  label: m,
+  title: d,
+  description: h
+}, b = ({ loading: s = !1, size: t = "sm", title: n, description: a, children: i }) => /* @__PURE__ */ e("span", { className: l.label, "data-size": t, children: i || /* @__PURE__ */ o(r, { children: [
   /* @__PURE__ */ e("h2", { className: l.title, "data-size": t, children: /* @__PURE__ */ e(c, { loading: s, children: n }) }),
   " ",
   a && /* @__PURE__ */ e("p", { className: l.description, "data-size": t, children: /* @__PURE__ */ e(c, { loading: s, children: a }) })

package/dist/components/List/ListItemLink.js

@@ -1,9 +1,9 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemLink.css';const u = "_link_g93r9_1", x = "_interactive_g93r9_22", i = {
-  link: u,
-  interactive: x
-}, L = ({
+import '../../assets/ListItemLink.css';const l = "_link_g93r9_1", u = "_interactive_g93r9_22", i = {
+  link: l,
+  interactive: u
+}, k = ({
   interactive: o = !1,
   size: e,
   as: _,
@@ -13,7 +13,6 @@ import '../../assets/ListItemLink.css';const u = "_link_g93r9_1", x = "_interact
   href: f,
   onClick: t,
   onKeyPress: a,
-  tabIndex: l,
   className: n,
   children: r
 }) => o ? /* @__PURE__ */ m(
@@ -25,7 +24,6 @@ import '../../assets/ListItemLink.css';const u = "_link_g93r9_1", x = "_interact
       s.key === "Enter" && (t == null || t()), a == null || a(s);
     },
     onClick: t,
-    tabIndex: l,
     "aria-disabled": d || p,
     "aria-selected": v,
     "data-size": e,
@@ -33,5 +31,5 @@ import '../../assets/ListItemLink.css';const u = "_link_g93r9_1", x = "_interact
   }
 ) : /* @__PURE__ */ m("div", { className: c(i.link, n), "data-size": e, children: r });
 export {
-  L as ListItemLink
+  k as ListItemLink
 };

package/dist/components/List/ListItemSelect.js

@@ -1,19 +1,19 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
 import { c as l } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-import { CheckboxIcon as r } from "../Icon/CheckboxIcon.js";
-import '../../assets/ListItemSelect.css';const a = "_label_1bzff_1", m = "_input_1bzff_15", p = "_icon_1bzff_20", t = {
+import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
+import '../../assets/ListItemSelect.css';const a = "_label_1rc60_1", m = "_input_1rc60_15", p = "_icon_1rc60_19", t = {
   label: a,
   input: m,
   icon: p
-}, N = ({ size: i, checked: o = !1, onChange: s, className: c }) => /* @__PURE__ */ n("label", { className: l(t.label, c), "data-size": i, children: [
-  /* @__PURE__ */ e("input", { type: "checkbox", checked: o, onChange: s, className: t.input, tabIndex: -1 }),
-  /* @__PURE__ */ e(r, { hover: !0, checked: o, className: t.icon })
+}, y = ({ size: e, checked: o = !1, onChange: i, className: r }) => /* @__PURE__ */ s("label", { className: l(t.label, r), "data-size": e, children: [
+  /* @__PURE__ */ c("input", { type: "checkbox", checked: o, onChange: i, className: t.input }),
+  /* @__PURE__ */ c(n, { hover: !0, checked: o, className: t.icon })
 ] });
 export {
-  N as ListItemSelect
+  y as ListItemSelect
 };

package/dist/components/Menu/MenuBase.js

@@ -1,18 +1,12 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c as a } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuBase.css';const i = "_menu_njba2_1", p = "_list_njba2_13", u = "_item_njba2_19", r = {
+import '../../assets/MenuBase.css';const i = "_menu_njba2_1", r = "_list_njba2_13", u = "_item_njba2_19", c = {
   menu: i,
-  list: p,
+  list: r,
   item: u
-}, d = ({ as: n = "nav", color: t, theme: e, className: o, children: s }) => /* @__PURE__ */ m(n, { className: a(r.menu, o), "data-color": t, "data-theme": e, role: "menu", children: s }), C = ({ as: n = "ul", role: t = "group", expanded: e, className: o, children: s }) => /* @__PURE__ */ m(n, { className: a(r.list, o), role: t, "aria-expanded": e, children: s }), x = ({
-  as: n = "li",
-  role: t = "presentation",
-  expanded: e,
-  className: o,
-  children: s
-}) => /* @__PURE__ */ m(n, { className: a(r.item, o), role: t, "aria-expanded": e, children: s });
+}, C = ({ as: t = "nav", color: n, theme: e, className: o, children: s }) => /* @__PURE__ */ m(t, { className: a(c.menu, o), "data-color": n, "data-theme": e, children: s }), j = ({ as: t = "ul", role: n = "group", className: e, children: o }) => /* @__PURE__ */ m(t, { className: a(c.list, e), role: n, children: o }), b = ({ as: t = "li", role: n = "presentation", className: e, children: o }) => /* @__PURE__ */ m(t, { className: a(c.item, e), role: n, children: o });
 export {
-  d as MenuBase,
-  C as MenuList,
-  x as MenuListItem
+  C as MenuBase,
+  j as MenuList,
+  b as MenuListItem
 };

package/dist/components/Menu/MenuItemBase.js

@@ -1,68 +1,61 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as j } from "../../index-L8X2o7IH.js";
-import { Icon as B } from "../Icon/Icon.js";
+import { jsxs as e, jsx as m } from "react/jsx-runtime";
+import { c as u } from "../../index-L8X2o7IH.js";
+import { Icon as T } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { Badge as k } from "../Badge/Badge.js";
+import { Badge as j } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemBase.css';const z = "_item_18cbi_1", E = "_content_18cbi_45", M = "_action_18cbi_53", b = "_linkText_18cbi_60", q = "_linkIcon_18cbi_65", e = {
-  item: z,
-  content: E,
-  action: M,
-  linkText: b,
-  linkIcon: q
-}, R = ({
-  as: l,
-  color: _,
-  theme: p,
-  size: d,
-  className: f,
-  href: x,
-  onClick: a,
-  onKeyPress: n,
-  tabIndex: h = 0,
+import '../../assets/MenuItemBase.css';const v = "_item_18cbi_1", B = "_content_18cbi_45", k = "_action_18cbi_53", z = "_linkText_18cbi_60", E = "_linkIcon_18cbi_65", n = {
+  item: v,
+  content: B,
+  action: k,
+  linkText: z,
+  linkIcon: E
+}, L = ({
+  as: _,
+  color: p,
+  theme: l,
+  size: h,
+  className: x,
+  href: d,
+  onClick: c,
+  onKeyPress: i,
+  tabIndex: f = 0,
   hidden: I,
-  disabled: m = !1,
-  active: N = !1,
-  selected: u = !1,
-  expanded: v = !1,
-  linkIcon: i,
+  disabled: a = !1,
+  linkIcon: o,
   linkText: s,
   badge: t,
-  children: T
-}) => /* @__PURE__ */ c(
-  l || "a",
+  children: N
+}) => /* @__PURE__ */ e(
+  _ || "a",
   {
-    role: "menuitem",
-    tabIndex: m ? "-1" : h ?? 0,
-    className: j(e.item, f),
-    "data-size": d,
-    "data-color": _,
-    "data-theme": p,
-    "data-active": N,
+    tabIndex: a ? "-1" : f ?? 0,
+    className: u(n.item, x),
+    "data-size": h,
+    "data-color": p,
+    "data-theme": l,
     "aria-hidden": I,
-    "aria-expanded": v,
-    "aria-disabled": m,
-    "aria-selected": u,
-    href: x,
+    "aria-disabled": a,
+    href: d,
     onKeyPress: (r) => {
-      r.key === "Enter" && (a == null || a()), n == null || n(r);
+      r.key === "Enter" && (c == null || c()), i == null || i(r);
     },
-    onClick: a,
+    onClick: c,
     children: [
-      /* @__PURE__ */ c("div", { className: e.content, children: [
-        T,
-        t && /* @__PURE__ */ o(k, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
+      /* @__PURE__ */ e("div", { className: n.content, children: [
+        N,
+        t && /* @__PURE__ */ m(j, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
       ] }),
-      i && /* @__PURE__ */ c("div", { className: e.action, children: [
-        s && /* @__PURE__ */ o("span", { className: e.linkText, children: s }),
-        i && /* @__PURE__ */ o(B, { name: i, className: e.linkIcon })
+      o && /* @__PURE__ */ e("div", { className: n.action, children: [
+        s && /* @__PURE__ */ m("span", { className: n.linkText, children: s }),
+        o && /* @__PURE__ */ m(T, { name: o, className: n.linkIcon })
       ] })
     ]
   }
 );
 export {
-  R as MenuItemBase
+  L as MenuItemBase
 };

package/dist/components/Menu/MenuItems.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as d, jsx as m, Fragment as k } from "react/jsx-runtime";
+import { jsxs as a, jsx as m, Fragment as k } from "react/jsx-runtime";
 import { Fragment as B } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
@@ -12,64 +12,64 @@ import { MenuList as S, MenuListItem as c } from "./MenuBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const _ = ({
-  level: r = 0,
+  level: h = 0,
   expanded: y,
-  search: h,
+  search: r,
   items: F,
   groups: f = {},
   defaultItemSize: x,
   defaultItemColor: M,
-  defaultItemTheme: o,
-  defaultIconTheme: I
+  defaultItemTheme: I,
+  defaultIconTheme: v
 }) => {
-  const { menu: v } = E({
+  const { menu: b } = E({
     items: F,
     groups: f,
     groupByKey: "groupId",
     keyboardEvents: !1
   });
-  return /* @__PURE__ */ d(S, { expanded: y, children: [
-    h && /* @__PURE__ */ m(H, { ...h }),
-    v.map((n, l) => {
-      const t = (n == null ? void 0 : n.props) || {}, { title: b, divider: j = !0 } = t, z = v[l + 1];
-      return /* @__PURE__ */ d(B, { children: [
-        (r > 0 || l) && j ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
-        b && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(K, { title: b }) }),
-        n == null ? void 0 : n.items.filter((a) => {
-          var i;
-          return !((i = a.props) != null && i.hidden);
-        }).map((a, i) => {
-          const { active: L } = a, { groupId: $, ...e } = a.props || {}, { expanded: s } = e, T = n == null ? void 0 : n.items[i + 1];
-          return /* @__PURE__ */ d(c, { role: "presentation", expanded: s, children: [
+  return /* @__PURE__ */ a(S, { expanded: y, children: [
+    r && /* @__PURE__ */ m(H, { ...r }),
+    b.map((n, l) => {
+      const t = (n == null ? void 0 : n.props) || {}, { title: o, divider: j = !0 } = t, z = b[l + 1];
+      return /* @__PURE__ */ a(B, { children: [
+        (h > 0 || l) && j ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
+        o && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(K, { title: o }) }),
+        n == null ? void 0 : n.items.filter((i) => {
+          var d;
+          return !((d = i.props) != null && d.hidden);
+        }).map((i, d) => {
+          const { active: L } = i, { groupId: $, ...e } = i.props || {}, { expanded: s } = e, T = n == null ? void 0 : n.items[d + 1];
+          return /* @__PURE__ */ a(c, { expanded: s, children: [
             /* @__PURE__ */ m(
               G,
               {
                 ...e,
                 size: (e == null ? void 0 : e.size) || (t == null ? void 0 : t.defaultItemSize) || x,
                 color: (e == null ? void 0 : e.color) || (t == null ? void 0 : t.defaultItemColor) || M,
-                theme: (e == null ? void 0 : e.theme) || (t == null ? void 0 : t.defaultItemTheme) || o,
-                iconTheme: (e == null ? void 0 : e.iconTheme) || (t == null ? void 0 : t.defaultIconTheme) || I,
+                theme: (e == null ? void 0 : e.theme) || (t == null ? void 0 : t.defaultItemTheme) || I,
+                iconTheme: (e == null ? void 0 : e.iconTheme) || (t == null ? void 0 : t.defaultIconTheme) || v,
                 active: L,
                 tabIndex: e != null && e.disabled ? -1 : 0
               }
             ),
-            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ d(k, { children: [
+            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ a(k, { children: [
               /* @__PURE__ */ m(
                 _,
                 {
                   expanded: s,
-                  level: r + 1,
+                  level: h + 1,
                   items: e == null ? void 0 : e.items,
                   groups: f,
                   defaultItemSize: x,
                   defaultItemColor: M,
-                  defaultItemTheme: o,
-                  defaultIconTheme: I
+                  defaultItemTheme: I,
+                  defaultIconTheme: v
                 }
               ),
               (z || T) && /* @__PURE__ */ m(c, { role: "separator", as: "div" })
             ] })
-          ] }, i);
+          ] }, d);
         })
       ] }, l);
     })