@altinn/altinn-components 0.16.0 → 0.18.0

package/dist/components/List/ListItem.js

@@ -1,113 +1,113 @@
-import { jsxs as U, jsx as t } from "react/jsx-runtime";
-import { ListItemBase as h } from "./ListItemBase.js";
+import { jsx as r, jsxs as R } from "react/jsx-runtime";
+import { s as x, L as c } from "../../ListItemBase-BVx5MDhO.js";
 import { ListItemHeader as B } from "./ListItemHeader.js";
-import { S as b } from "../../ChevronRight-DUaHaWi-.js";
-import { S as q } from "../../ChevronUp-H8Nuww4h.js";
-import { S as w } from "../../ChevronDown-CRAwzuD3.js";
-const O = ({
+import { S as U } from "../../ChevronRight-DUaHaWi-.js";
+import { S as k } from "../../ChevronUp-H8Nuww4h.js";
+import { S as l } from "../../ChevronDown-CRAwzuD3.js";
+const K = ({
   className: o,
   variant: v = "solid",
-  color: p,
-  theme: I = "default",
+  color: f,
+  theme: p = "default",
   shadow: S = "xs",
-  loading: r,
+  loading: e,
   collapsible: D,
   expanded: m,
-  size: c = "sm",
-  icon: s,
+  size: t = "sm",
+  icon: u,
   avatar: L,
-  avatarGroup: k,
+  avatarGroup: I,
   title: i,
-  description: u,
-  badge: C,
-  linkIcon: H = b,
-  label: e,
-  select: j,
+  description: C,
+  badge: j,
+  linkIcon: H = !1,
+  label: h,
+  select: y,
   controls: n,
-  children: R,
-  ...f
+  children: N,
+  ...s
 }) => {
-  const x = D ? m ? q : w : H, y = typeof e == "function" ? e() : e;
-  return m ? /* @__PURE__ */ U(
-    h,
+  const a = D ? m ? k : l : void 0, d = typeof h == "function" ? h() : h;
+  return m ? /* @__PURE__ */ r("li", { className: x.item, children: /* @__PURE__ */ R(
+    c,
     {
       interactive: !1,
       variant: v,
-      color: p,
-      theme: I,
+      color: f,
+      theme: p,
       shadow: S,
       expanded: m,
       title: i,
-      loading: r,
+      loading: e,
       children: [
-        /* @__PURE__ */ t(
-          h,
+        /* @__PURE__ */ r(
+          c,
           {
             theme: "transparent",
             interactive: !n,
-            size: c,
-            color: p,
-            loading: r,
+            size: t,
+            color: f,
+            loading: e,
             title: i,
-            ...f,
-            children: /* @__PURE__ */ t(
+            ...s,
+            children: /* @__PURE__ */ r(
               B,
               {
                 className: o,
-                loading: r,
-                select: j,
-                size: c,
+                loading: e,
+                select: y,
+                size: t,
                 title: i,
-                description: u,
-                icon: s,
+                description: C,
+                icon: u,
                 avatar: L,
-                avatarGroup: k,
-                badge: C,
-                linkIcon: x,
+                avatarGroup: I,
+                badge: j,
+                chevron: a,
                 controls: n,
-                ...f,
-                children: y
+                ...s,
+                children: d
               }
             )
           }
         ),
-        R
+        N
       ]
     }
-  ) : /* @__PURE__ */ t(
-    h,
+  ) }) : /* @__PURE__ */ r("li", { className: x.item, children: /* @__PURE__ */ r(
+    c,
     {
       interactive: !n,
       variant: v,
-      color: p,
-      theme: I,
+      color: f,
+      theme: p,
       shadow: S,
       expanded: m,
-      loading: r,
+      loading: e,
       title: i,
-      ...f,
-      children: /* @__PURE__ */ t(
+      ...s,
+      children: /* @__PURE__ */ r(
         B,
         {
           className: o,
-          loading: r,
-          select: j,
-          size: c,
+          loading: e,
+          select: y,
+          size: t,
           title: i,
-          description: u,
-          icon: s,
+          description: C,
+          icon: u,
           avatar: L,
-          avatarGroup: k,
-          badge: C,
-          linkIcon: x,
+          avatarGroup: I,
+          badge: j,
+          chevron: a ?? (H ? U : void 0),
           controls: n,
-          ...f,
-          children: y
+          ...s,
+          children: d
         }
       )
     }
-  );
+  ) });
 };
 export {
-  O as ListItem
+  K as ListItem
 };

package/dist/components/List/ListItemBase.js

@@ -1,80 +1,6 @@
-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: e,
-  tabIndex: H,
-  size: c,
-  variant: d,
-  color: s,
-  theme: i,
-  shadow: h,
-  loading: n,
-  disabled: r,
-  hidden: o = !1,
-  active: v = !1,
-  selected: m,
-  className: p,
-  children: _
-}) => {
-  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",
-      {
-        "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: H,
-        "aria-disabled": r || n,
-        disabled: r || n,
-        children: _
-      }
-    );
-  }
-  const j = x(t.item, p, m && t.interactiveSelected);
-  return /* @__PURE__ */ w(
-    "article",
-    {
-      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: _
-    }
-  );
-};
+import "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import { L as e } from "../../ListItemBase-BVx5MDhO.js";
 export {
-  F as ListItemBase
+  e as ListItemBase
 };

package/dist/components/List/ListItemHeader.js

@@ -1,39 +1,39 @@
-import { jsxs as t, jsx as e, Fragment as p } from "react/jsx-runtime";
-import { c as E } from "../../index-L8X2o7IH.js";
-import { isValidElement as g } from "react";
+import { jsxs as i, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { c as y } from "../../index-L8X2o7IH.js";
+import { isValidElement as B } from "react";
 import { Icon as d } from "../Icon/Icon.js";
-import { Badge as y } from "../Badge/Badge.js";
+import { Badge as M } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemLink as B } from "./ListItemLink.js";
-import { ListItemLabel as M } from "./ListItemLabel.js";
-import { ListItemIcon as C } from "./ListItemIcon.js";
-import { ListItemControls as F } from "./ListItemControls.js";
-import { ListItemSelect as H } from "./ListItemSelect.js";
+import { ListItemLink as v } from "./ListItemLink.js";
+import { ListItemLabel as C } from "./ListItemLabel.js";
+import { ListItemIcon as F } from "./ListItemIcon.js";
+import { ListItemControls as H } from "./ListItemControls.js";
+import { ListItemSelect as V } from "./ListItemSelect.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ListItemHeader.css';const V = "_header_13dzg_1", b = "_link_13dzg_39", m = {
-  header: V,
-  link: b
+import '../../assets/ListItemHeader.css';const b = "_header_13dzg_1", g = "_link_13dzg_39", m = {
+  header: b,
+  link: g
 }, X = ({
   as: f,
-  loading: i,
-  disabled: h,
+  loading: t,
+  disabled: I,
   select: c,
-  href: L,
-  onClick: x,
-  onKeyPress: z,
-  tabIndex: I,
+  href: h,
+  onClick: L,
+  onKeyPress: x,
+  tabIndex: z,
   size: s = "sm",
-  title: _,
-  description: u,
-  icon: N,
-  avatar: v,
+  title: k,
+  description: _,
+  icon: u,
+  avatar: N,
   avatarGroup: S,
-  linkIcon: o,
+  chevron: l,
   badge: r,
-  controls: l,
+  controls: o,
   className: j,
-  children: k
+  children: E
 }) => {
   const n = {
     xs: "sm",
@@ -41,46 +41,46 @@ import '../../assets/ListItemHeader.css';const V = "_header_13dzg_1", b = "_link
     md: "lg",
     lg: "lg",
     xl: "xl"
-  }[s], a = () => r && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(y, { ...r }) : g(r) ? r : null;
-  return /* @__PURE__ */ t("header", { className: m.header, "data-size": s, children: [
-    /* @__PURE__ */ t("div", { className: m.link, children: [
-      c && /* @__PURE__ */ e(H, { ...c, className: m.select, size: n }),
-      /* @__PURE__ */ t(
-        B,
+  }[s], a = () => r && !t && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(M, { ...r }) : B(r) ? r : null;
+  return /* @__PURE__ */ i("header", { className: m.header, "data-size": s, children: [
+    /* @__PURE__ */ i("div", { className: m.link, children: [
+      c && /* @__PURE__ */ e(V, { ...c, className: m.select, size: n }),
+      /* @__PURE__ */ i(
+        v,
         {
-          interactive: !!l,
-          className: E(m.link, j),
+          interactive: !!o,
+          className: y(m.link, j),
           as: f,
-          href: L,
-          onClick: x,
-          onKeyPress: z,
-          tabIndex: I,
-          loading: i,
-          disabled: h || i,
+          href: h,
+          onClick: L,
+          onKeyPress: x,
+          tabIndex: z,
+          loading: t,
+          disabled: I || t,
           size: s,
           children: [
             /* @__PURE__ */ e(
-              C,
+              F,
               {
-                loading: i,
+                loading: t,
                 size: n,
-                icon: N,
-                avatar: v,
+                icon: u,
+                avatar: N,
                 avatarGroup: S
               }
             ),
-            /* @__PURE__ */ e(M, { size: s, loading: i, title: _, description: u, children: k }),
-            l && /* @__PURE__ */ t(p, { children: [
+            /* @__PURE__ */ e(C, { size: s, loading: t, title: k, description: _, children: E }),
+            o && /* @__PURE__ */ i(p, { children: [
               a(),
-              o && /* @__PURE__ */ e(d, { svgElement: o, size: n })
+              l && /* @__PURE__ */ e(d, { svgElement: l, size: n })
             ] })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ e(F, { className: m.controls, children: l || /* @__PURE__ */ t(p, { children: [
+    /* @__PURE__ */ e(H, { className: m.controls, children: o && !t ? o : /* @__PURE__ */ i(p, { children: [
       a(),
-      o && /* @__PURE__ */ e(d, { svgElement: o, size: n })
+      l && /* @__PURE__ */ e(d, { svgElement: l, size: n })
     ] }) })
   ] });
 };

package/dist/components/List/ListItemIcon.js

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Icon as c } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { IconOrAvatar as p } from "../Icon/IconOrAvatar.js";
+import { IconOrAvatar as l } from "../Icon/IconOrAvatar.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as e } from "../../XMark-Bv1I87Ev.js";
-import '../../assets/ListItemIcon.css';const f = "_icon_vryvy_1", l = {
-  icon: f
-}, d = ({ loading: s, size: r = "sm", icon: t, avatar: m, avatarGroup: n, children: i }) => !t && !m && !n && !i ? null : s ? /* @__PURE__ */ o(c, { svgElement: e, size: r, loading: !0 }) : /* @__PURE__ */ o("span", { className: l.icon, children: i || /* @__PURE__ */ o(p, { size: r, icon: t, avatar: m, avatarGroup: n }) });
+import { S as p } from "../../XMark-Bv1I87Ev.js";
+import '../../assets/ListItemIcon.css';const e = "_listIcon_ghios_1", I = {
+  listIcon: e
+}, j = ({ loading: n, size: t = "sm", icon: r, avatar: m, avatarGroup: s, children: i }) => !r && !m && !s && !i ? null : n ? /* @__PURE__ */ o(c, { svgElement: p, size: t, loading: !0 }) : /* @__PURE__ */ o("span", { className: I.listIcon, children: i || /* @__PURE__ */ o(l, { size: t, icon: r, avatar: m, avatarGroup: s }) });
 export {
-  d as ListItemIcon
+  j as ListItemIcon
 };

package/dist/components/List/index.js

@@ -1,4 +1,4 @@
-import { ListItemBase as o } from "./ListItemBase.js";
+import { L as o } from "../../ListItemBase-BVx5MDhO.js";
 import { ListItemLink as m } from "./ListItemLink.js";
 import { ListItemHeader as L } from "./ListItemHeader.js";
 import { ListItemLabel as f } from "./ListItemLabel.js";

package/dist/components/Page/Flex.js

@@ -1,6 +1,6 @@
-import { jsx as w } from "react/jsx-runtime";
+import { jsx as v } from "react/jsx-runtime";
 import { c as _ } from "../../index-L8X2o7IH.js";
-import '../../assets/Flex.css';const h = "_flex_8w6x1_1", j = {
+import '../../assets/Flex.css';const h = "_flex_vvg9d_1", j = {
   flex: h
 }, C = ({
   as: a = "div",
@@ -16,14 +16,14 @@ import '../../assets/Flex.css';const h = "_flex_8w6x1_1", j = {
   margin: c,
   bleed: f = !1,
   className: m,
-  style: x,
-  children: p,
+  style: p,
+  children: x,
   ...g
-}) => /* @__PURE__ */ w(
+}) => /* @__PURE__ */ v(
   a,
   {
     className: _(j.flex, m),
-    style: x,
+    style: p,
     "data-color": t,
     "data-theme": e,
     "data-shadow": n,
@@ -36,7 +36,7 @@ import '../../assets/Flex.css';const h = "_flex_8w6x1_1", j = {
     "data-margin": c,
     "data-bleed": f,
     ...g,
-    children: p
+    children: x
   }
 );
 export {

package/dist/components/Search/Autocomplete.js

@@ -1,42 +1,45 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useRef as b, createElement as v } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { useRef as v, createElement as x } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as x } from "../../hooks/useMenu.js";
+import { useMenu as A } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { AutocompleteBase as A } from "./AutocompleteBase.js";
-import { AutocompleteGroup as I } from "./AutocompleteGroup.js";
+import { AutocompleteBase as I } from "./AutocompleteBase.js";
+import { AutocompleteGroup as l } from "./AutocompleteGroup.js";
 import { AutocompleteItem as h } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";
 import { useEnterKey as k } from "../../hooks/useEnterKey.js";
-const C = ({ className: u, items: i, groups: s = {}, expanded: n, onSelect: r }) => {
-  const p = b(null);
+const C = ({ className: u, items: s, groups: i = {}, expanded: n, onSelect: r }) => {
+  const p = v(null);
   k(() => {
-    var t;
-    const e = (t = p.current) == null ? void 0 : t.querySelector('[data-active="true"]');
-    e == null || e.dispatchEvent(new MouseEvent("click", { bubbles: !0 })), r == null || r();
+    var e;
+    const t = (e = p.current) == null ? void 0 : e.querySelector('[data-active="true"]');
+    t == null || t.dispatchEvent(new MouseEvent("click", { bubbles: !0 })), r == null || r();
   });
-  const { menu: c, setActiveIndex: d } = x({
-    items: i,
-    groups: s,
+  const { menu: a, setActiveIndex: c } = A({
+    items: s,
+    groups: i,
     groupByKey: "groupId",
     keyboardEvents: !0
   });
-  return /* @__PURE__ */ o(A, { className: u, expanded: n, ref: p, children: c.map((e, t) => /* @__PURE__ */ v(I, { ...e.props, key: t }, /* @__PURE__ */ o("ul", { children: e.items.map((a, f) => {
+  return /* @__PURE__ */ m(I, { className: u, expanded: n, ref: p, children: a.map((t, e) => /* @__PURE__ */ x(l, { ...t.props, key: e }, /* @__PURE__ */ m("ul", { children: t.items.map((d, f) => {
     const {
-      active: l,
-      menuIndex: y,
-      props: { groupId: M, onClick: m, ...E }
-    } = a;
-    return /* @__PURE__ */ o("li", { tabIndex: -1, onMouseEnter: () => d(y), children: /* @__PURE__ */ o(
+      active: y,
+      menuIndex: E,
+      props: { groupId: M, onClick: o, ...b }
+    } = d;
+    return /* @__PURE__ */ m(
       h,
       {
-        ...E,
+        tabIndex: -1,
+        onMouseEnter: () => c(E),
+        ...b,
         onClick: () => {
-          m == null || m(), r == null || r();
+          o == null || o(), r == null || r();
         },
-        active: l
-      }
-    ) }, f);
+        active: y
+      },
+      f
+    );
   }) }))) });
 };
 export {