@altinn/altinn-components 0.26.1 → 0.27.0

package/dist/components/Page/DashboardCard.js

@@ -8,24 +8,25 @@ import "../RootProvider/RootProvider.js";
 import { Heading as S } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as b, c as u } from "../../floating-ui.react-BQwG1HOM.js";
-import { S as h } from "../../index-C8BS_2GY.js";
+import { u as b } from "../../floating-ui.react-DpzNAs2N.js";
+import { S as u } from "../../index-C8BS_2GY.js";
+import { c as h } from "../../lite-1fxw3LjI.js";
 const j = p(function({ asChild: n = !1, variant: r = "default", className: s, ...c }, t) {
-  const l = n ? h : "div", f = g(null), k = b([f, t]);
+  const l = n ? u : "div", m = g(null), k = b([m, t]);
   return w(() => {
-    const e = f.current, m = ({ ctrlKey: x, metaKey: v, target: B }) => {
+    const e = m.current, f = ({ ctrlKey: x, metaKey: v, target: B }) => {
       const o = e == null ? void 0 : e.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
       !o || o != null && o.contains(B) || (x || v ? window.open(o.href, "", "noreferrer") : o.click());
     };
-    return e == null || e.addEventListener("click", m), () => e == null ? void 0 : e.removeEventListener("click", m);
-  }, []), i(l, { className: u("ds-card", s), "data-variant": r, ref: k, ...c });
+    return e == null || e.addEventListener("click", f), () => e == null ? void 0 : e.removeEventListener("click", f);
+  }, []), i(l, { className: h("ds-card", s), "data-variant": r, ref: k, ...c });
 }), E = p(function({ asChild: n, className: r, ...s }, c) {
-  return i(n ? h : "div", { className: u("ds-card__block", r), ref: c, ...s });
+  return i(n ? u : "div", { className: h("ds-card__block", r), ref: c, ...s });
 }), C = Object.assign(j, {
   Block: E
 });
 C.Block.displayName = "Card.Block";
-function $({
+function A({
   color: a,
   theme: n = "tinted",
   icon: r,
@@ -54,5 +55,5 @@ function $({
   ] });
 }
 export {
-  $ as DashboardCard
+  A as DashboardCard
 };

package/dist/components/Page/PageDetails.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { D as a, a as i, b as o } from "../../index-DcykCrjD.js";
+import { D as a, a as i, b as o } from "../../index-B7UjMwQm.js";
 const n = ({ summary: t, children: s }) => /* @__PURE__ */ r(a, { style: { fontSize: "1.125rem" }, children: [
   /* @__PURE__ */ e(i, { children: t }),
   /* @__PURE__ */ e(o, { children: s })

package/dist/components/Page/PageNav.js

@@ -12,17 +12,17 @@ import '../../assets/PageNav.css';const p = "_nav_9bu1z_1", v = "_controls_9bu1z
   nav: p,
   controls: v
 }, S = ({
-  color: e,
-  padding: s,
+  color: s,
+  padding: t,
   breadcrumbs: i,
   backButton: r = {
     as: "a",
     label: "Back"
   },
-  controls: t
-}) => /* @__PURE__ */ m(a, { as: "nav", direction: "row", align: "center", justify: "between", color: e, padding: s, children: [
-  i ? /* @__PURE__ */ o(l, { items: i }) : /* @__PURE__ */ o(n, { ...r, variant: "text", icon: c, children: (r == null ? void 0 : r.label) || "Back" }),
-  t && /* @__PURE__ */ o("div", { className: f.controls, children: t })
+  controls: e
+}) => /* @__PURE__ */ m(a, { as: "nav", direction: "row", align: "center", justify: "between", color: s, padding: t, children: [
+  i ? /* @__PURE__ */ o(l, { items: i }) : /* @__PURE__ */ o(n, { ...r, variant: "text", size: "sm", icon: c, children: (r == null ? void 0 : r.label) || "Back" }),
+  e && /* @__PURE__ */ o("div", { className: f.controls, children: e })
 ] });
 export {
   S as PageNav

package/dist/components/Toolbar/ToolbarButton.js

@@ -2,16 +2,16 @@
 import { jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import * as m from "react";
-import { forwardRef as u } from "react";
+import { forwardRef as c } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Button as f } from "../Button/Button.js";
-import { ComboButton as c } from "../Button/ComboButton.js";
-import { S as p } from "../../XMark-Bv1I87Ev.js";
-import { S as d } from "../../Plus-B6MBOAcH.js";
-import { u as v } from "../../useId-CsCRkvK3.js";
-import '../../assets/ToolbarButton.css';var b = function(e, n) {
+import { ComboButton as p } from "../Button/ComboButton.js";
+import { S as d } from "../../XMark-Bv1I87Ev.js";
+import { S as v } from "../../Plus-B6MBOAcH.js";
+import { u as b } from "../../useId-CsCRkvK3.js";
+import '../../assets/ToolbarButton.css';var w = function(e, n) {
   var r = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -19,18 +19,18 @@ import '../../assets/ToolbarButton.css';var b = function(e, n) {
       n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
   return r;
 };
-const w = u((e, n) => {
-  var { title: r, titleId: t } = e, o = b(e, ["title", "titleId"]);
-  let l = v();
+const y = c((e, n) => {
+  var { title: r, titleId: t } = e, o = w(e, ["title", "titleId"]);
+  let l = b();
   return l = r ? t || "title-" + l : void 0, m.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": l }, o),
     r ? m.createElement("title", { id: l }, r) : null,
     m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
   );
-}), y = "_removeButton_fxc8_1", O = {
-  removeButton: y
-}, E = ({
+}), x = "_removeButton_fxc8_1", O = {
+  removeButton: x
+}, P = ({
   type: e = "select",
   selected: n = !1,
   removable: r = !1,
@@ -38,17 +38,19 @@ const w = u((e, n) => {
   active: o,
   children: l,
   onToggle: i,
-  onRemove: s
+  onRemove: s,
+  iconAltText: u
 }) => r ? /* @__PURE__ */ a(
-  c,
+  p,
   {
     className: O.removeButton,
     variant: o ? "solid" : "outline",
-    size: "sm",
-    icon: p,
+    size: "xs",
+    icon: d,
     selected: n,
     onLabelClick: i,
     onIconClick: s,
+    iconAltText: u,
     ariaLabel: t || "remove",
     children: l
   }
@@ -56,8 +58,8 @@ const w = u((e, n) => {
   f,
   {
     variant: "dotted",
-    size: "sm",
-    icon: d,
+    size: "xs",
+    icon: v,
     selected: n,
     onClick: i,
     ariaLabel: t || "add",
@@ -67,8 +69,8 @@ const w = u((e, n) => {
   f,
   {
     variant: o ? "solid" : "outline",
-    size: "sm",
-    icon: w,
+    size: "xs",
+    icon: y,
     ariaLabel: t,
     selected: n,
     onClick: i,
@@ -77,5 +79,5 @@ const w = u((e, n) => {
   }
 );
 export {
-  E as ToolbarButton
+  P as ToolbarButton
 };

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,4 +1,4 @@
-import { jsxs as B, jsx as u } from "react/jsx-runtime";
+import { jsxs as B, jsx as l } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
@@ -8,57 +8,58 @@ import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as k } from "./ToolbarButton.js";
 import { ToolbarFilterBase as D } from "./ToolbarFilterBase.js";
 import { ToolbarOptions as F } from "./ToolbarOptions.js";
-const I = (l, r) => Array.isArray(r) ? r.join(", ") : r, K = ({
-  removable: l,
+const I = (u, r) => Array.isArray(r) ? r.join(", ") : r, K = ({
+  removable: u,
   label: r,
   name: o,
   filterState: n,
-  options: a,
-  optionGroups: y,
-  onChange: A,
-  onRemove: e,
-  buttonAltText: h = "Remove button",
+  options: y,
+  optionGroups: A,
+  onChange: e,
+  onRemove: h,
+  buttonAltText: t = "Remove button",
   getSelectedLabel: i,
   showResultsLabel: T = "Show results",
-  optionType: b,
-  id: t = `toolbar-filter-${o}`
+  optionType: v,
+  id: d = `toolbar-filter-${o}`
 }) => {
-  const { currentId: v, toggleId: w, closeAll: x } = C(), f = (a ?? []).map((p) => {
+  const { currentId: w, toggleId: x, closeAll: b } = C(), f = (y ?? []).map((p) => {
     const c = n == null ? void 0 : n[p.name || o];
     return {
       name: o,
       ...p,
       checked: Array.isArray(c) ? c.includes(p.value) : p.value === c
     };
-  }), s = n == null ? void 0 : n[o], j = (i == null ? void 0 : i(o, s)) ?? I(o, s), d = () => w(t), m = v === t;
-  return /* @__PURE__ */ B(D, { expanded: m, children: [
-    /* @__PURE__ */ u(
+  }), s = n == null ? void 0 : n[o], j = (i == null ? void 0 : i(o, s)) ?? I(o, s), m = () => x(d), a = w === d;
+  return /* @__PURE__ */ B(D, { expanded: a, children: [
+    /* @__PURE__ */ l(
       k,
       {
         type: "select",
-        removable: l,
+        removable: u,
         active: Array.isArray(s) ? s.length > 0 : typeof s < "u",
-        onToggle: d,
-        ariaLabel: h,
-        onRemove: e,
+        onToggle: m,
+        ariaLabel: t,
+        iconAltText: t,
+        onRemove: h,
         children: j || r
       }
     ),
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ l(
       O,
       {
-        open: m,
+        open: a,
         drawerTitle: r,
-        onClose: x,
-        drawerButton: { onClick: d, label: T },
-        children: /* @__PURE__ */ u(
+        onClose: b,
+        drawerButton: { onClick: m, label: T },
+        children: /* @__PURE__ */ l(
           F,
           {
             name: o,
             options: f,
-            optionGroups: y,
-            onChange: A,
-            optionType: b
+            optionGroups: A,
+            onChange: e,
+            optionType: v
           }
         )
       }