@altinn/altinn-components 0.61.1 → 0.61.3

package/dist/components/Settings/SettingsItemBase.js

@@ -1,73 +1,84 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { h as f, H as m, B as h, v as B } from "../../ToolbarSearch-56Sm2j7P.js";
+import { jsxs as m, jsx as a, Fragment as g } from "react/jsx-runtime";
+import { h as u, H as c, B, v as C } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { Typography as b } from "../Typography/Typography.js";
 import "../Typography/Link.js";
-import { ItemControls as b } from "../Item/ItemControls.js";
-import { ItemBase as v } from "../Item/ItemBase.js";
-import { ItemLink as R } from "../Item/ItemLink.js";
+import { ItemControls as w } from "../Item/ItemControls.js";
+import { ItemBase as R } from "../Item/ItemBase.js";
+import { ItemLink as j } from "../Item/ItemLink.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/SettingsItemBase.css';const j = "_item_1xpqe_1", w = "_media_1xpqe_24", C = "_link_1xpqe_38", H = "_linkIcon_1xpqe_48", S = "_label_1xpqe_54", g = "_controls_1xpqe_67", e = {
-  item: j,
-  media: w,
-  link: C,
-  linkIcon: H,
-  label: S,
-  controls: g
-}, O = ({
-  as: n,
-  ref: l,
-  hidden: r,
+import { S as H } from "../../ChevronUp-hn05LboH.js";
+import { S as z } from "../../ChevronDown-D_a7nb-G.js";
+import '../../assets/SettingsItemBase.css';const D = "_listItem_1p24v_1", F = "_summary_1p24v_23", L = "_item_1p24v_27", M = "_media_1p24v_45", T = "_link_1p24v_59", U = "_linkIcon_1p24v_69", q = "_label_1p24v_75", A = "_controls_1p24v_88", s = {
+  listItem: D,
+  summary: F,
+  item: L,
+  media: M,
+  link: T,
+  linkIcon: U,
+  label: q,
+  controls: A
+}, as = ({
+  as: p,
+  ref: _,
+  hidden: v,
+  disabled: e,
   loading: t,
-  color: c,
-  expanded: u,
-  icon: p,
-  label: _,
-  titleProps: d = {},
-  descriptionProps: x = {},
-  children: k,
-  highlightWords: o,
-  badge: i,
-  linkIcon: I,
-  controls: N,
-  ...q
-}) => /* @__PURE__ */ a(v, { as: "li", ref: l, className: e.item, color: c, "aria-hidden": r, "data-loading": t, children: [
-  /* @__PURE__ */ a(R, { ...q, className: e.link, as: n, children: [
-    /* @__PURE__ */ s(f, { icon: p, className: e.media }),
-    _ || /* @__PURE__ */ a("span", { className: e.label, children: [
-      /* @__PURE__ */ s(
-        m,
-        {
-          ...d,
-          as: "span",
-          highlightWords: o,
-          loading: t,
-          maxRows: 2,
-          className: e.title
-        }
-      ),
-      /* @__PURE__ */ s(
-        m,
-        {
-          ...x,
-          as: "span",
-          highlightWords: o,
-          loading: t,
-          maxRows: 2,
-          className: e.description
-        }
-      )
+  color: d,
+  collapsible: o,
+  expanded: i,
+  icon: I,
+  label: N,
+  titleProps: h = {},
+  descriptionProps: k = {},
+  summary: n,
+  children: f,
+  highlightWords: l,
+  badge: r,
+  linkIcon: x,
+  controls: y,
+  ...S
+}) => /* @__PURE__ */ m("li", { className: s.listItem, "data-collapsible": o, "data-expanded": i, children: [
+  /* @__PURE__ */ m(R, { ref: _, as: "div", className: s.item, color: d, "aria-hidden": v, "data-loading": t, children: [
+    /* @__PURE__ */ m(j, { ...S, className: s.link, disabled: e, as: p, children: [
+      /* @__PURE__ */ a(u, { icon: I, className: s.media }),
+      N || /* @__PURE__ */ m("span", { className: s.label, children: [
+        /* @__PURE__ */ a(
+          c,
+          {
+            ...h,
+            as: "span",
+            highlightWords: l,
+            loading: t,
+            maxRows: 2,
+            className: s.title
+          }
+        ),
+        /* @__PURE__ */ a(
+          c,
+          {
+            ...k,
+            as: "span",
+            highlightWords: l,
+            loading: t,
+            maxRows: 2,
+            className: s.description
+          }
+        )
+      ] })
+    ] }),
+    !e && /* @__PURE__ */ m(g, { children: [
+      /* @__PURE__ */ a(w, { className: s.controls, children: y }),
+      r && /* @__PURE__ */ a(B, { ...r }),
+      o && (i ? /* @__PURE__ */ a(H, { className: s.linkIcon }) : /* @__PURE__ */ a(z, { className: s.linkIcon })) || x && /* @__PURE__ */ a(C, { className: s.linkIcon })
     ] })
   ] }),
-  /* @__PURE__ */ a(b, { className: e.controls, children: [
-    N,
-    i && /* @__PURE__ */ s(h, { ...i }),
-    I && /* @__PURE__ */ s(B, { className: e.linkIcon })
-  ] }),
-  k
+  n && /* @__PURE__ */ a(b, { className: s.summary, size: "xs", variant: "subtle", children: n }),
+  f
 ] });
 export {
-  O as SettingsItemBase
+  as as SettingsItemBase
 };

package/dist/components/Settings/SettingsList.js

@@ -1,39 +1,42 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { Fragment as m, createElement as d } from "react";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { Fragment as c, createElement as d } from "react";
 import "../../index-p1eeF8LQ.js";
-import { useMenu as f } from "../../hooks/useMenu.js";
+import { useMenu as N } from "../../hooks/useMenu.js";
 import { H as u } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
+import { s } from "../../settlingsList.module-So3_AYgj.js";
 import "react-dom";
-import { Divider as h } from "../Divider/Divider.js";
-import { List as y } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as S } from "../Page/Flex.js";
-import { SettingsItem as v } from "./SettingsItem.js";
-import { SettingsSection as j } from "./SettingsSection.js";
-const q = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
-  const { menu: c } = f({
-    items: s,
-    groups: p,
+import { SettingsItem as g } from "./SettingsItem.js";
+const w = ({ items: h, variant: i = "default", groups: f = {}, sortGroupBy: y }) => {
+  const { menu: p } = N({
+    items: h,
+    groups: f,
     groupByKey: "groupId",
     keyboardEvents: !1,
-    sortGroupBy: n
+    sortGroupBy: y
   });
-  return /* @__PURE__ */ r(S, { as: "div", spacing: "page", direction: "col", children: c?.map((i, l) => {
-    const e = i.props || {};
-    return /* @__PURE__ */ o(m, { children: [
-      e?.title && /* @__PURE__ */ r(u, { size: "lg", children: e.title }),
-      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(y, { size: "sm", children: i?.items.map((a, t) => {
-        const g = a.props || {};
-        return /* @__PURE__ */ o(m, { children: [
-          t > 0 && /* @__PURE__ */ r(h, { as: "li" }),
-          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + t })
-        ] }, t);
+  return i === "menu" ? /* @__PURE__ */ t("div", { className: s.section, "data-variant": i, children: p?.map((e, o) => {
+    const r = e.props || {};
+    return /* @__PURE__ */ a(c, { children: [
+      r?.title && /* @__PURE__ */ t(u, { size: "xs", weight: "normal", variant: "subtle", children: r.title }),
+      /* @__PURE__ */ t("ul", { className: s.list, children: e?.items.map((m, n) => {
+        const l = m.props || {};
+        return /* @__PURE__ */ d(g, { ...l, key: "settings-list-item" + n });
+      }) })
+    ] }, o);
+  }) }) : /* @__PURE__ */ t("div", { className: s.section, "data-variant": i, children: p?.map((e, o) => {
+    const r = e.props || {};
+    return /* @__PURE__ */ a(c, { children: [
+      r?.title && /* @__PURE__ */ t(u, { size: "lg", children: r.title }),
+      /* @__PURE__ */ t("section", { className: s.group, children: /* @__PURE__ */ t("ul", { className: s.list, children: e?.items.map((m, n) => {
+        const l = m.props || {};
+        return /* @__PURE__ */ d(g, { ...l, key: "settings-list-item" + n });
       }) }) })
-    ] }, l);
+    ] }, o);
   }) });
 };
 export {
-  q as SettingsList
+  w as SettingsList
 };

package/dist/components/Settings/SettingsSection.js

@@ -6,17 +6,17 @@ import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { Section as n } from "../Page/Section.js";
-import '../../assets/SettingsSection.css';const c = "_section_13ero_1", p = {
-  section: c
+import { Section as e } from "../Page/Section.js";
+import '../../assets/SettingsSection.css';const n = "_section_1ccux_1", p = {
+  section: n
 }, j = ({
   size: t = "sm",
   theme: o = "default",
   shadow: i = "xs",
   as: s,
   color: r,
-  children: e
-}) => /* @__PURE__ */ m(n, { as: s, size: t, color: r, theme: o, shadow: i, className: p.section, spacing: 2, children: e });
+  children: c
+}) => /* @__PURE__ */ m(e, { as: s, size: t, color: r, theme: o, shadow: i, className: p.section, spacing: 2, children: c });
 export {
   j as SettingsSection
 };