@altinn/altinn-components 0.67.10 → 0.67.11

package/dist/components/Settings/SettingsItem.js

@@ -12,9 +12,9 @@ import "../Snackbar/useSnackbar.js";
 import { SettingsItemBase as r } from "./SettingsItemBase.js";
 import { SettingsModal as w } from "./SettingsModal.js";
 const q = ({
-  loading: d,
-  variant: h = "default",
-  id: u = "settings",
+  loading: h,
+  variant: u = "default",
+  id: a = "settings",
   name: p,
   title: i,
   value: n,
@@ -22,14 +22,14 @@ const q = ({
   checked: f,
   onChange: g,
   modalProps: o,
-  expanded: a,
-  children: c,
+  expanded: c,
+  children: m,
   ...e
 }) => {
-  const [l, m] = b(!1);
-  if (d)
+  const [l, d] = b(!1);
+  if (h)
     return /* @__PURE__ */ t(r, { icon: e?.icon, titleProps: { children: i }, loading: !0 });
-  switch (h) {
+  switch (u) {
     case "link":
       return /* @__PURE__ */ t(
         r,
@@ -51,6 +51,7 @@ const q = ({
       return /* @__PURE__ */ t(
         r,
         {
+          id: a,
           ...e,
           as: "div",
           titleProps: {
@@ -67,7 +68,7 @@ const q = ({
             {
               type: "checkbox",
               role: "switch",
-              "aria-labelledby": u,
+              "aria-labelledby": a,
               name: p,
               value: n,
               checked: f,
@@ -85,7 +86,7 @@ const q = ({
           as: "button",
           linkIcon: !0,
           collapsible: !0,
-          expanded: a,
+          expanded: c,
           titleProps: {
             children: i
           },
@@ -95,7 +96,7 @@ const q = ({
             variant: "subtle",
             children: s
           },
-          children: a && /* @__PURE__ */ t("div", { children: c })
+          children: c && /* @__PURE__ */ t("div", { children: m })
         }
       );
     case "modal":
@@ -116,7 +117,7 @@ const q = ({
           },
           as: "button",
           linkIcon: !0,
-          onClick: () => m(!0),
+          onClick: () => d(!0),
           expanded: l,
           children: l && /* @__PURE__ */ t(
             w,
@@ -125,8 +126,8 @@ const q = ({
               icon: o?.icon || e?.icon,
               title: o?.title || i,
               open: l,
-              onClose: () => m(!1),
-              children: c
+              onClose: () => d(!1),
+              children: m
             }
           )
         }

package/dist/components/Settings/SettingsItemBase.js

@@ -1,5 +1,5 @@
-import { jsxs as t, jsx as a, Fragment as g } from "react/jsx-runtime";
-import { i as u, H as c, B, p as C } from "../../ToolbarSearch-DyVcALSw.js";
+import { jsxs as m, jsx as a, Fragment as g } from "react/jsx-runtime";
+import { i as u, H as p, B, p as C } from "../../ToolbarSearch-DyVcALSw.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
@@ -23,65 +23,65 @@ import '../../assets/SettingsItemBase.css';const A = "_listItem_9q1fv_1", D = "_
   linkIcon: T,
   label: U,
   controls: E
-}, os = ({
-  as: p,
-  ref: _,
-  hidden: d,
-  disabled: o,
-  loading: m,
-  color: f,
-  collapsible: e,
-  expanded: i,
-  icon: v,
-  label: I,
-  titleProps: N = {},
-  descriptionProps: k = {},
+}, is = ({
+  as: _,
+  ref: d,
+  hidden: f,
+  disabled: i,
+  loading: t,
+  color: v,
+  collapsible: o,
+  expanded: e,
+  icon: I,
+  label: N,
+  titleProps: k = {},
+  descriptionProps: h = {},
   summary: n,
-  children: h,
+  children: q,
   highlightWords: r,
   badge: l,
-  linkIcon: q,
-  controls: x,
-  containerAs: y = "li",
-  ...S
-}) => /* @__PURE__ */ t(y, { className: s.listItem, "data-collapsible": e, "data-expanded": i, children: [
-  /* @__PURE__ */ t(R, { ref: _, as: "div", className: s.item, color: f, "aria-hidden": d, "data-loading": m, children: [
-    /* @__PURE__ */ t(j, { ...S, className: s.link, disabled: o, as: p, children: [
-      /* @__PURE__ */ a(u, { icon: v, className: s.media }),
-      I || /* @__PURE__ */ t("span", { className: s.label, children: [
+  linkIcon: x,
+  controls: y,
+  containerAs: S = "li",
+  ...c
+}) => /* @__PURE__ */ m(S, { className: s.listItem, "data-collapsible": o, "data-expanded": e, id: c.id, children: [
+  /* @__PURE__ */ m(R, { ref: d, as: "div", className: s.item, color: v, "aria-hidden": f, "data-loading": t, children: [
+    /* @__PURE__ */ m(j, { ...c, className: s.link, disabled: i, as: _, children: [
+      /* @__PURE__ */ a(u, { icon: I, className: s.media }),
+      N || /* @__PURE__ */ m("span", { className: s.label, children: [
         /* @__PURE__ */ a(
-          c,
+          p,
           {
-            ...N,
+            ...k,
             as: "span",
             highlightWords: r,
-            loading: m,
+            loading: t,
             maxRows: 2,
             className: s.title
           }
         ),
         /* @__PURE__ */ a(
-          c,
+          p,
           {
-            ...k,
+            ...h,
             as: "span",
             highlightWords: r,
-            loading: m,
+            loading: t,
             maxRows: 2,
             className: s.description
           }
         )
       ] })
     ] }),
-    !o && /* @__PURE__ */ t(g, { children: [
-      /* @__PURE__ */ a(w, { className: s.controls, children: x }),
+    !i && /* @__PURE__ */ m(g, { children: [
+      /* @__PURE__ */ a(w, { className: s.controls, children: y }),
       l && /* @__PURE__ */ a(B, { ...l }),
-      e && (i ? /* @__PURE__ */ a(H, { className: s.linkIcon }) : /* @__PURE__ */ a(z, { className: s.linkIcon })) || q && /* @__PURE__ */ a(C, { className: s.linkIcon })
+      o && (e ? /* @__PURE__ */ a(H, { className: s.linkIcon }) : /* @__PURE__ */ a(z, { className: s.linkIcon })) || x && /* @__PURE__ */ a(C, { className: s.linkIcon })
     ] })
   ] }),
   n && /* @__PURE__ */ a(b, { className: s.summary, size: "xs", variant: "subtle", children: n }),
-  h
+  q
 ] });
 export {
-  os as SettingsItemBase
+  is as SettingsItemBase
 };

package/package.json

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