@altinn/altinn-components 0.45.0 → 0.45.2

package/dist/assets/ButtonBase.css

@@ -1 +1 @@
-._button_1q3ym_1{--dsc-button-background--active: transparent;--dsc-button-background--hover: transparent;--dsc-button-background: transparent;--dsc-button-color: inherit;--dsc-button-color--hover: inherit;--dsc-button-border-width: var(--ds-border-width-default);--dsc-button-border-style: solid;--dsc-button-border-color: transparent;--dsc-button-border-radius: 2px;--dsc-button-gap: var(--ds-size-2);--dsc-button-padding: var(--ds-size-2) var(--ds-size-4);--dsc-button-size: var(--ds-size-12);border-style:var(--dsc-button-border-style);border-width:var(--dsc-button-border-width);border-color:var(--dsc-button-border-color);border-radius:var(--dsc-button-border-radius);background:var(--dsc-button-background);color:var(--dsc-button-color);margin:0;padding:0;min-width:var(--dsc-button-size);min-height:var(--dsc-button-size);height:fit-content;justify-content:center;overflow:visible;text-decoration:none;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center}._button_1q3ym_1:not([data-size]){font-size:inherit}._button_1q3ym_1:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--ds-opacity-disabled)}._button_1q3ym_1:is(:disabled,[aria-disabled=true])[aria-busy=true]{opacity:1;cursor:progress}@media (hover: hover) and (pointer: fine){._button_1q3ym_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):hover{background:var(--dsc-button-background--hover);color:var(--dsc-button-color--hover)}}._button_1q3ym_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):active{background:var(--dsc-button-background--active)}._button_1q3ym_1[data-variant=solid]{--dsc-button-background--active: var(--ds-color-base-active);--dsc-button-background--hover: var(--ds-color-base-hover);--dsc-button-background: var(--ds-color-base-default);--dsc-button-color: var(--ds-color-base-contrast-default);--dsc-button-color--hover: var(--ds-color-base-contrast-default);--dsc-button-border-color: var(--ds-color-base-default)}._button_1q3ym_1[data-variant=outline],._button_1q3ym_1[data-variant=dotted],._button_1q3ym_1[data-variant=text]{--dsc-button-background: transparent;--dsc-button-background--active: var(--ds-color-surface-active);--dsc-button-background--hover: var(--ds-color-surface-hover);--dsc-button-color: var(--ds-color-text-subtle);--dsc-button-color--hover: var(--ds-color-text-default)}._button_1q3ym_1[data-variant=outline],._button_1q3ym_1[data-variant=dotted]{--dsc-button-border-color: var(--ds-color-border-strong)}._button_1q3ym_1[data-variant=dotted]{--dsc-button-border-style: dotted}._button_1q3ym_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_1q3ym_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_1q3ym_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_1q3ym_1[data-rounded=true]{border-radius:50%}._button_1q3ym_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_1q3ym_1:focus-visible *{--_ds--focus: }
+._button_12ruc_1{--dsc-button-background--active: transparent;--dsc-button-background--hover: transparent;--dsc-button-background: transparent;--dsc-button-color: inherit;--dsc-button-color--hover: inherit;--dsc-button-border-width: var(--ds-border-width-default);--dsc-button-border-style: solid;--dsc-button-border-color: transparent;--dsc-button-border-radius: 2px;--dsc-button-gap: var(--ds-size-2);--dsc-button-padding: var(--ds-size-2) var(--ds-size-4);--dsc-button-size: var(--ds-size-12);border-style:var(--dsc-button-border-style);border-width:var(--dsc-button-border-width);border-color:var(--dsc-button-border-color);border-radius:var(--dsc-button-border-radius);background:var(--dsc-button-background);color:var(--dsc-button-color);margin:0;padding:0;min-width:var(--dsc-button-size);min-height:var(--dsc-button-size);height:fit-content;align-items:center;justify-content:center;overflow:visible;text-decoration:none;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex}._button_12ruc_1:not([data-size]){font-size:inherit}._button_12ruc_1:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.75;pointer-events:none}._button_12ruc_1:is(:disabled,[aria-disabled=true])[aria-busy=true]{opacity:1;cursor:progress}@media (hover: hover) and (pointer: fine){._button_12ruc_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):hover{background:var(--dsc-button-background--hover);color:var(--dsc-button-color--hover)}}._button_12ruc_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):active{background:var(--dsc-button-background--active)}._button_12ruc_1[data-variant=solid]{--dsc-button-background--active: var(--ds-color-base-active);--dsc-button-background--hover: var(--ds-color-base-hover);--dsc-button-background: var(--ds-color-base-default);--dsc-button-color: var(--ds-color-base-contrast-default);--dsc-button-color--hover: var(--ds-color-base-contrast-default);--dsc-button-border-color: var(--ds-color-base-default)}._button_12ruc_1[data-variant=outline],._button_12ruc_1[data-variant=dotted],._button_12ruc_1[data-variant=text]{--dsc-button-background: transparent;--dsc-button-background--active: var(--ds-color-surface-active);--dsc-button-background--hover: var(--ds-color-surface-hover);--dsc-button-color: var(--ds-color-text-subtle);--dsc-button-color--hover: var(--ds-color-text-default)}._button_12ruc_1[data-variant=outline],._button_12ruc_1[data-variant=dotted]{--dsc-button-border-color: var(--ds-color-border-strong)}._button_12ruc_1[data-variant=dotted]{--dsc-button-border-style: dotted}._button_12ruc_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_12ruc_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_12ruc_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_12ruc_1[data-rounded=true]{border-radius:50%}._button_12ruc_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_12ruc_1:focus-visible *{--_ds--focus: }

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -1,22 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as i } from "../Searchbar/QueryLabel.js";
+import { QueryLabel as e } from "../Searchbar/QueryLabel.js";
 import { ListItem as s } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-const j = ({ loading: r, title: m, ariaLabel: e, params: o, icon: p, ...f }) => /* @__PURE__ */ t(
+const I = ({ loading: r, title: m, ariaLabel: t, params: p, ...i }) => /* @__PURE__ */ o(
   s,
   {
-    ...f,
+    ...i,
     loading: r,
-    icon: p,
     title: m,
-    ariaLabel: e,
-    description: !r && o && /* @__PURE__ */ t(i, { params: o }),
-    label: !m && !r && !o && /* @__PURE__ */ t(i, { params: o })
+    ariaLabel: t,
+    label: !m && !r && /* @__PURE__ */ o(e, { params: p })
   }
 );
 export {
-  j as BookmarksListItem
+  I as BookmarksListItem
 };

package/dist/components/Bookmarks/BookmarksSection.js

@@ -1,36 +1,40 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { createElement as a } from "react";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { createElement as f } from "react";
 import "../../index-L8X2o7IH.js";
-import { Typography as c } from "../Typography/Typography.js";
+import { Typography as h } from "../Typography/Typography.js";
 import { Heading as k } from "../Typography/Heading.js";
 import { BookmarksListItem as l } from "./BookmarksListItem.js";
-import { EditableBookmark as f } from "./EditableBookmark.js";
+import { EditableBookmark as x } from "./EditableBookmark.js";
 import "../RootProvider/RootProvider.js";
-import { List as t } from "../List/List.js";
+import { List as p } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as h } from "../Page/Section.js";
-const H = ({
+import { Section as z } from "../Page/Section.js";
+const U = ({
   loading: o,
-  title: m,
-  description: p,
-  items: e,
-  untitled: s = "Untitled bookmark",
-  titleField: n
-}) => /* @__PURE__ */ d(h, { padding: 6, spacing: 4, bleed: !0, children: [
-  /* @__PURE__ */ r(k, { size: "md", children: m }),
-  o ? /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(l, { title: m, loading: o, size: "sm" }) }) : e.length > 0 && /* @__PURE__ */ r(t, { spacing: "xs", children: e.map((i) => /* @__PURE__ */ a(
-    f,
+  title: e,
+  description: s,
+  items: t,
+  untitled: d = "Untitled bookmark",
+  titleField: a,
+  expandedId: n,
+  onToggle: m
+}) => /* @__PURE__ */ c(z, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
+  /* @__PURE__ */ i(k, { size: "md", children: e }),
+  o ? /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(l, { title: e, loading: o, size: "sm" }) }) : t.length > 0 && /* @__PURE__ */ i(p, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ f(
+    x,
     {
-      ...i,
-      key: i.id,
-      loading: o || i.loading,
-      untitled: s,
-      titleField: n,
+      ...r,
+      key: r.id,
+      loading: o || r.loading,
+      onToggle: () => m == null ? void 0 : m(r.id),
+      expanded: n === r.id,
+      untitled: d,
+      titleField: a,
       size: "sm"
     }
   )) }),
-  /* @__PURE__ */ r(c, { size: "xs", children: p })
+  /* @__PURE__ */ i(h, { size: "xs", children: s })
 ] });
 export {
-  H as BookmarksSection
+  U as BookmarksSection
 };

package/dist/components/Bookmarks/EditableBookmark.js

@@ -1,89 +1,74 @@
-import { jsxs as s, Fragment as b, jsx as o } from "react/jsx-runtime";
-import { useState as g } from "react";
-import { Icon as d } from "../Icon/Icon.js";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { useState as b } from "react";
 import "../../index-L8X2o7IH.js";
-import { Button as u } from "../Button/Button.js";
-import { IconButton as C } from "../Button/IconButton.js";
-import { BookmarksListItem as L } from "./BookmarksListItem.js";
+import { Button as p } from "../Button/Button.js";
+import { IconButton as h } from "../Button/IconButton.js";
+import { BookmarksListItem as y } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as j } from "../Searchbar/QueryLabel.js";
-import { TextField as F } from "../Forms/TextField.js";
+import { QueryLabel as I } from "../Searchbar/QueryLabel.js";
+import { TextField as L } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as x } from "../Page/Flex.js";
-import { SettingsModal as M } from "../Settings/SettingsModal.js";
-import { S as O } from "../../Pencil-BVHLEoQy.js";
-import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";
-const U = ({
-  id: k,
-  title: t,
+import { Flex as d } from "../Page/Flex.js";
+import { Section as j } from "../Page/Section.js";
+import { S as v } from "../../XMark-tKk6aExO.js";
+import { S as T } from "../../Pencil-BVHLEoQy.js";
+const H = ({
+  id: g,
+  title: r,
   untitled: e,
-  params: m,
-  titleField: a,
-  saveButton: i,
-  removeButton: n,
-  inputValue: l,
-  onChange: c,
-  editIconAltText: S = "Edit",
-  ...v
+  params: n,
+  expanded: i,
+  onToggle: k,
+  titleField: s,
+  saveButton: t,
+  removeButton: m,
+  inputValue: a,
+  onChange: l,
+  expandIconAltText: S,
+  ...u
 }) => {
-  const [I, y] = g(""), [p, f] = g(!1), z = (r) => {
-    r.preventDefault(), r.stopPropagation(), f(!0);
-  }, E = () => {
-    f(!1);
-  };
-  return /* @__PURE__ */ s(b, { children: [
-    /* @__PURE__ */ o(
-      L,
-      {
-        ...v,
-        id: k,
-        title: t || e,
-        ariaLabel: t || e,
-        params: m,
-        icon: /* @__PURE__ */ o(d, { svgElement: h }),
-        linkIcon: !0,
-        controls: /* @__PURE__ */ o(
-          C,
+  const [x, z] = b("");
+  return /* @__PURE__ */ o(
+    y,
+    {
+      ...u,
+      expanded: i,
+      id: g,
+      title: i ? r || e : r,
+      ariaLabel: r || e,
+      params: n,
+      controls: /* @__PURE__ */ o(
+        h,
+        {
+          variant: "outline",
+          size: "xs",
+          icon: i ? v : T,
+          onClick: k,
+          iconAltText: S
+        }
+      ),
+      children: /* @__PURE__ */ f(j, { padding: 4, spacing: 4, children: [
+        /* @__PURE__ */ o(I, { params: n }),
+        s && /* @__PURE__ */ o(
+          L,
           {
-            variant: "outline",
-            size: "xs",
-            icon: O,
-            onClick: z,
-            iconAltText: S
-          }
-        )
-      }
-    ),
-    p && /* @__PURE__ */ o(
-      M,
-      {
-        icon: /* @__PURE__ */ o(d, { svgElement: h }),
-        title: t || e,
-        open: p,
-        onClose: E,
-        children: /* @__PURE__ */ s(x, { direction: "col", spacing: 4, children: [
-          /* @__PURE__ */ o(j, { params: m }),
-          a && /* @__PURE__ */ o(
-            F,
-            {
-              ...a,
-              size: "sm",
-              name: "title",
-              value: typeof l == "string" ? l : I,
-              onChange: (r) => {
-                typeof c == "function" ? c(r) : y(r.target.value);
-              }
+            ...s,
+            size: "sm",
+            name: "title",
+            value: typeof a == "string" ? a : x,
+            onChange: (c) => {
+              typeof l == "function" ? l(c) : z(c.target.value);
             }
-          ),
-          (i || n) && /* @__PURE__ */ s(x, { as: "footer", direction: "row", spacing: 2, children: [
-            i && /* @__PURE__ */ o(u, { ...i, size: "sm" }),
-            n && /* @__PURE__ */ o(u, { ...n, variant: "outline", size: "sm" })
-          ] })
+          }
+        ),
+        (t || m) && /* @__PURE__ */ f(d, { as: "footer", direction: "row", spacing: 2, children: [
+          t && /* @__PURE__ */ o(p, { ...t, size: "sm" }),
+          m && /* @__PURE__ */ o(p, { ...m, variant: "outline", size: "sm" })
         ] })
-      }
-    )
-  ] });
+      ] })
+    }
+  );
 };
 export {
-  U as EditableBookmark
+  H as EditableBookmark
 };

package/dist/components/Button/ButtonBase.js

@@ -1,8 +1,8 @@
 import { jsx as f } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const x = "_button_1q3ym_1", _ = {
+import '../../assets/ButtonBase.css';const x = "_button_12ruc_1", _ = {
   button: x
-}, C = ({
+}, j = ({
   as: a,
   color: o,
   className: e,
@@ -13,29 +13,29 @@ import '../../assets/ButtonBase.css';const x = "_button_1q3ym_1", _ = {
   selected: d,
   variant: c,
   reverse: l = !1,
-  rounded: m = !1,
-  tabIndex: u = 0,
-  dataTestId: i,
+  rounded: u = !1,
+  tabIndex: i = 0,
+  dataTestId: m,
   ...b
 }) => /* @__PURE__ */ f(
   a || "button",
   {
-    tabIndex: u,
+    tabIndex: i,
     "data-size": r,
     "data-color": o,
     "data-variant": c,
     "data-reverse": l,
-    "data-rounded": m,
+    "data-rounded": u,
     "data-selected": d,
     "aria-disabled": t,
     disabled: t,
     className: p(_.button, e),
     "aria-label": n,
-    "data-testid": i,
+    "data-testid": m,
     ...b,
     children: s
   }
 );
 export {
-  C as ButtonBase
+  j as ButtonBase
 };

package/dist/components/Button/ComboButton.js

@@ -1,71 +1,73 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { c as B } from "../../index-L8X2o7IH.js";
+import { jsxs as B, jsx as o } from "react/jsx-runtime";
+import { c as h } from "../../index-L8X2o7IH.js";
 import "react";
 import { ButtonBase as s } from "./ButtonBase.js";
-import { ButtonLabel as h } from "./ButtonLabel.js";
-import { ButtonIcon as x } from "./ButtonIcon.js";
+import { ButtonLabel as x } from "./ButtonLabel.js";
+import { ButtonIcon as N } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ComboButton.css';const N = "_button_kd2d3_1", C = "_divider_kd2d3_7", j = "_primary_kd2d3_14", L = "_secondary_kd2d3_15", r = {
-  button: N,
-  divider: C,
-  primary: j,
-  secondary: L
-}, F = ({
+import '../../assets/ComboButton.css';const C = "_button_kd2d3_1", j = "_divider_kd2d3_7", L = "_primary_kd2d3_14", I = "_secondary_kd2d3_15", r = {
+  button: C,
+  divider: j,
+  primary: L,
+  secondary: I
+}, G = ({
   variant: n = "solid",
-  color: c,
+  color: e,
   size: t,
-  selected: e = !1,
+  selected: c = !1,
   icon: i,
   iconSize: m,
-  iconAltText: p,
-  label: l,
-  labelSize: d,
+  iconAltText: l,
+  label: p,
+  labelSize: a,
   children: _,
   className: u,
   ariaLabel: y,
-  onLabelClick: b,
-  onIconClick: f,
+  onLabelClick: f,
+  onIconClick: b,
   dataTestId: k,
-  tabIndex: a = 0
-}) => /* @__PURE__ */ v(
+  tabIndex: d = 0,
+  disabled: v = !1
+}) => /* @__PURE__ */ B(
   s,
   {
     as: "div",
     size: t,
     variant: n,
-    color: c,
-    selected: e,
-    className: B(r.button, u),
+    color: e,
+    selected: c,
+    className: h(r.button, u),
     tabIndex: -1,
+    disabled: v,
     children: [
       /* @__PURE__ */ o(
         s,
         {
           ariaLabel: y,
           size: t,
-          onClick: b,
+          onClick: f,
           className: r.primary,
           dataTestId: k,
-          tabIndex: a,
-          children: /* @__PURE__ */ o(h, { size: d, children: _ || l })
+          tabIndex: d,
+          children: /* @__PURE__ */ o(x, { size: a, children: _ || p })
         }
       ),
       /* @__PURE__ */ o("span", { "data-size": t, className: r.divider }),
       /* @__PURE__ */ o(
         s,
         {
-          onClick: f,
+          onClick: b,
           className: r.secondary,
-          ariaLabel: p,
-          size: m || d,
-          tabIndex: a,
-          children: i && /* @__PURE__ */ o(x, { icon: i })
+          ariaLabel: l,
+          size: m || a,
+          tabIndex: d,
+          children: i && /* @__PURE__ */ o(N, { icon: i })
         }
       )
     ]
   }
 );
 export {
-  F as ComboButton
+  G as ComboButton
 };

package/dist/components/Dialog/DialogActions.js

@@ -1,54 +1,58 @@
 "use client";
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { useMemo as g } from "react";
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { useMemo as d } from "react";
 import "../../index-L8X2o7IH.js";
-import { Button as y } from "../Button/Button.js";
+import { Button as g } from "../Button/Button.js";
 import { ComboButton as C } from "../Button/ComboButton.js";
 import { useRootContext as v } from "../RootProvider/RootProvider.js";
-import { DropdownBase as b } from "../Dropdown/DropdownBase.js";
-import { Menu as x } from "../Menu/Menu.js";
+import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
+import { Menu as B } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-import { S as B, a as _ } from "../../ChevronUp-_BBfEirx.js";
-import '../../assets/DialogActions.css';const k = "_action_1n930_1", I = "_comboButton_1n930_8", a = {
-  action: k,
+import { S as _, a as k } from "../../ChevronUp-_BBfEirx.js";
+import '../../assets/DialogActions.css';const D = "_action_1n930_1", I = "_comboButton_1n930_8", a = {
+  action: D,
   comboButton: I
-}, T = ({ items: c, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: d }) => {
-  const { currentId: m, closeAll: p, toggleId: u } = v(), i = m === l, r = g(() => (c || []).filter((n) => !n.hidden).sort((n, o) => {
-    const e = ["primary", "secondary", "tertiary"];
-    return e.indexOf(n == null ? void 0 : n.priority) - e.indexOf(o == null ? void 0 : o.priority);
-  }), [c]);
+}, U = ({ items: i, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: p }) => {
+  const { currentId: m, closeAll: u, toggleId: f } = v(), e = m === l, r = d(() => (i || []).filter((o) => !o.hidden).sort((o, n) => {
+    const c = ["primary", "secondary", "tertiary"];
+    return c.indexOf(o == null ? void 0 : o.priority) - c.indexOf(n == null ? void 0 : n.priority);
+  }), [i]), h = d(() => {
+    var o;
+    return (o = i.find((n) => n.priority === "primary")) == null ? void 0 : o.disabled;
+  }, [i]);
   if (!r.length || s <= 0)
     return null;
   if (r.length > s) {
-    const n = r.slice(1).map((o) => ({
-      id: o.id,
-      title: o.label,
-      onClick: o.onClick,
-      group: o.priority,
-      hidden: o.hidden
+    const o = r.slice(1).map((n) => ({
+      id: n.id,
+      title: n.label,
+      onClick: n.onClick,
+      group: n.priority,
+      hidden: n.hidden
     }));
-    return /* @__PURE__ */ f("section", { className: a.comboButton, children: [
+    return /* @__PURE__ */ b("section", { className: a.comboButton, children: [
       /* @__PURE__ */ t(
         C,
         {
           variant: "solid",
-          icon: i ? B : _,
+          icon: e ? _ : k,
           size: "md",
-          onIconClick: () => u(l),
+          onIconClick: () => f(l),
           onLabelClick: r[0].onClick,
-          ariaLabel: i ? "chevron up icon" : "chevron down icon",
-          iconAltText: d,
+          ariaLabel: e ? "chevron up icon" : "chevron down icon",
+          iconAltText: p,
+          disabled: h,
           children: r[0].label
         }
       ),
-      i && /* @__PURE__ */ t(b, { open: i, onClose: p, children: /* @__PURE__ */ t(x, { items: n }) })
+      e && /* @__PURE__ */ t(x, { open: e, onClose: u, children: /* @__PURE__ */ t(B, { items: o }) })
     ] });
   }
-  return /* @__PURE__ */ t("section", { className: a.action, children: r.map((n, o) => {
-    const { priority: e, id: w, ...h } = n;
-    return /* @__PURE__ */ t(y, { variant: e === "primary" ? "solid" : "outline", size: "md", ...h, children: n.label }, "button-" + o);
+  return /* @__PURE__ */ t("section", { className: a.action, children: r.map((o, n) => {
+    const { priority: c, id: w, ...y } = o;
+    return /* @__PURE__ */ t(g, { variant: c === "primary" ? "solid" : "outline", size: "md", ...y, children: o.label }, "button-" + n);
   }) });
 };
 export {
-  T as DialogActions
+  U as DialogActions
 };

package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts

@@ -3,6 +3,5 @@ export interface BookmarksListItemProps extends ListItemProps {
     /** Query params */
     params?: QueryItemProps[];
     ariaLabel?: string;
-    icon?: ListItemProps['icon'];
 }
-export declare const BookmarksListItem: ({ loading, title, ariaLabel, params, icon, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksListItem: ({ loading, title, ariaLabel, params, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, title, ariaLabel, params, icon, ...rest }: import('./BookmarksListItem').BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, ariaLabel, params, ...rest }: import('./BookmarksListItem').BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Bookmarks/BookmarksSection.d.ts

@@ -5,6 +5,8 @@ export interface BookmarksSectionProps {
     items: EditableBookmarkProps[];
     untitled?: string;
     titleField?: TextFieldProps;
+    expandedId?: string;
+    onToggle?: (id: string) => void;
     loading?: boolean;
 }
-export declare const BookmarksSection: ({ loading, title, description, items, untitled, titleField, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksSection: ({ loading, title, description, items, untitled, titleField, expandedId, onToggle, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { BookmarksSectionProps } from './BookmarksSection';
 declare const meta: {
     title: string;
-    component: ({ loading, title, description, items, untitled, titleField, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, description, items, untitled, titleField, expandedId, onToggle, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -30,6 +30,7 @@ declare const meta: {
                 type: "filter";
                 label: string;
             })[];
+            expandIconAltText: string;
         } | {
             id: string;
             params: ({
@@ -46,6 +47,22 @@ declare const meta: {
                 label: string;
                 onClick: () => void;
             };
+            expandIconAltText: string;
+            title?: undefined;
+        } | {
+            id: string;
+            params: {
+                type: "filter";
+                label: string;
+            }[];
+            saveButton: {
+                label: string;
+            };
+            removeButton: {
+                label: string;
+                onClick?: undefined;
+            };
+            expandIconAltText: string;
             title?: undefined;
         })[];
     };
@@ -53,6 +70,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const ExpandedItem: Story;
 export declare const ControlledState: (args: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
 export declare const LoadingState: Story;
 export declare const EmptyState: Story;

package/dist/types/lib/components/Bookmarks/EditableBookmark.d.ts

@@ -2,20 +2,24 @@ import { ButtonProps, TextFieldProps, BookmarksListItemProps, QueryItemProps } f
 export interface EditableBookmarkProps extends BookmarksListItemProps {
     /** Bookmark id */
     id: string;
-    /** Accessible label for the edit button icon */
-    editIconAltText?: string;
+    /** discernible text for expand icon */
+    expandIconAltText: string;
     /** Input value */
     inputValue?: string;
     /** On change */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     /** Loading */
     loading?: boolean;
+    /** Expanded */
+    expanded?: boolean;
     /** Optional title */
     title?: string;
     /** Untitled */
     untitled?: string;
     /** Query params */
     params?: QueryItemProps[];
+    /** Toggle function */
+    onToggle?: () => void;
     /** Title field */
     titleField?: TextFieldProps;
     /** Save button */
@@ -25,4 +29,4 @@ export interface EditableBookmarkProps extends BookmarksListItemProps {
     /** Render as **/
     as?: React.ElementType;
 }
-export declare const EditableBookmark: ({ id, title, untitled, params, titleField, saveButton, removeButton, inputValue, onChange, editIconAltText, ...rest }: EditableBookmarkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EditableBookmark: ({ id, title, untitled, params, expanded, onToggle, titleField, saveButton, removeButton, inputValue, onChange, expandIconAltText, ...rest }: EditableBookmarkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Button/ComboButton.d.ts

@@ -13,4 +13,4 @@ export interface ComboButtonProps extends Omit<ButtonBaseProps, 'onClick'> {
     dataTestId?: string;
     tabIndex?: number;
 }
-export declare const ComboButton: ({ variant, color, size, selected, icon, iconSize, iconAltText, label, labelSize, children, className, ariaLabel, onLabelClick, onIconClick, dataTestId, tabIndex, }: ComboButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboButton: ({ variant, color, size, selected, icon, iconSize, iconAltText, label, labelSize, children, className, ariaLabel, onLabelClick, onIconClick, dataTestId, tabIndex, disabled, }: ComboButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogActions.stories.d.ts

@@ -20,3 +20,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Secondary: Story;
 export declare const MultipleButtons: Story;
+export declare const MultipleButtonsPrimaryDisabled: Story;

package/package.json

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