@altinn/altinn-components 0.58.5 → 0.58.7

package/dist/assets/DialogContact.css

@@ -1 +1 @@
-._section_ln3o5_1{display:flex;flex-direction:column;gap:1rem}._helpIcon_ln3o5_7{font-size:1.5em;margin-right:.25em}
+._section_1p2o0_1{display:flex;flex-direction:column;gap:1rem}._helpIcon_1p2o0_7{font-size:1.5em;margin-right:.25em}._contactButton_1p2o0_12{white-space:normal;height:auto;text-align:left;text-wrap:balance}

package/dist/assets/Toolbar.css

@@ -1 +1 @@
-._toolbar_1dvgn_1{width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:center;align-self:start;column-gap:.75em;row-gap:.75em}
+._toolbar_ibn1z_1{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;align-self:start;column-gap:.75em;row-gap:.75em}

package/dist/components/Dialog/DialogContact.js

@@ -1,53 +1,65 @@
 "use client";
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import c, { forwardRef as g } from "react";
-import { H as y } from "../../Section-BisoLqNN.js";
-import { Typography as s } from "../Typography/Typography.js";
-import { Link as v } from "../Typography/Link.js";
-import { Button as _ } from "../Button/Button.js";
+import i, { forwardRef as g } from "react";
+import { H as _ } from "../../Section-BisoLqNN.js";
+import { Typography as m } from "../Typography/Typography.js";
+import { Link as y } from "../Typography/Link.js";
+import { Button as v } from "../Button/Button.js";
 import { ButtonGroup as b } from "../Button/ButtonGroup.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { u as w } from "../../useId-BVFxCjkq.js";
-import '../../assets/DialogContact.css';var I = function(r, l) {
-  var o = {};
-  for (var e in r) Object.prototype.hasOwnProperty.call(r, e) && l.indexOf(e) < 0 && (o[e] = r[e]);
-  if (r != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var t = 0, e = Object.getOwnPropertySymbols(r); t < e.length; t++)
-      l.indexOf(e[t]) < 0 && Object.prototype.propertyIsEnumerable.call(r, e[t]) && (o[e[t]] = r[e[t]]);
-  return o;
+import '../../assets/DialogContact.css';var I = function(o, n) {
+  var r = {};
+  for (var t in o) Object.prototype.hasOwnProperty.call(o, t) && n.indexOf(t) < 0 && (r[t] = o[t]);
+  if (o != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var e = 0, t = Object.getOwnPropertySymbols(o); e < t.length; e++)
+      n.indexOf(t[e]) < 0 && Object.prototype.propertyIsEnumerable.call(o, t[e]) && (r[t[e]] = o[t[e]]);
+  return r;
 };
-const O = g((r, l) => {
-  var { title: o, titleId: e } = r, t = I(r, ["title", "titleId"]);
-  let n = w();
-  return n = o ? e || "title-" + n : void 0, c.createElement(
+const O = g((o, n) => {
+  var { title: r, titleId: t } = o, e = I(o, ["title", "titleId"]);
+  let l = w();
+  return l = r ? t || "title-" + l : void 0, i.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: l, "aria-labelledby": n }, t),
-    o ? c.createElement("title", { id: n }, o) : null,
-    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m0-14a1.75 1.75 0 0 0-1.75 1.75.75.75 0 0 1-1.5 0A3.25 3.25 0 0 1 12 6.25h.136a3.114 3.114 0 0 1 1.945 5.545l-.441.354A2.37 2.37 0 0 0 12.75 14a.75.75 0 0 1-1.5 0 3.87 3.87 0 0 1 1.453-3.023l.441-.353a1.614 1.614 0 0 0-1.008-2.874zm-.95 9.15a.95.95 0 1 1 1.9 0 .95.95 0 0 1-1.9 0", clipRule: "evenodd" })
+    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 }, e),
+    r ? i.createElement("title", { id: l }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m0-14a1.75 1.75 0 0 0-1.75 1.75.75.75 0 0 1-1.5 0A3.25 3.25 0 0 1 12 6.25h.136a3.114 3.114 0 0 1 1.945 5.545l-.441.354A2.37 2.37 0 0 0 12.75 14a.75.75 0 0 1-1.5 0 3.87 3.87 0 0 1 1.453-3.023l.441-.353a1.614 1.614 0 0 0-1.008-2.874zm-.95 9.15a.95.95 0 1 1 1.9 0 .95.95 0 0 1-1.9 0", clipRule: "evenodd" })
   );
-}), j = "_section_ln3o5_1", x = "_helpIcon_ln3o5_7", m = {
+}), j = "_section_1p2o0_1", x = "_helpIcon_1p2o0_7", B = "_contactButton_1p2o0_12", a = {
   section: j,
-  helpIcon: x
-}, D = ({
-  id: r = "dialog-contact",
-  title: l,
-  children: o,
-  buttons: e = [],
-  helpLink: t
-}) => /* @__PURE__ */ a("section", { className: m.section, id: r, children: [
-  l && /* @__PURE__ */ i(y, { size: "lg", children: l }),
-  /* @__PURE__ */ i(s, { size: "sm", children: o }),
-  e && /* @__PURE__ */ i(b, { children: e.map((n, f) => {
-    const { as: d, href: p, onClick: u, label: h } = n;
-    return /* @__PURE__ */ i(_, { as: d, href: p, onClick: u, variant: "outline", children: h }, f);
+  helpIcon: x,
+  contactButton: B
+}, F = ({
+  id: o = "dialog-contact",
+  title: n,
+  children: r,
+  buttons: t = [],
+  helpLink: e
+}) => /* @__PURE__ */ s("section", { className: a.section, id: o, children: [
+  n && /* @__PURE__ */ c(_, { size: "lg", children: n }),
+  /* @__PURE__ */ c(m, { size: "sm", children: r }),
+  t && /* @__PURE__ */ c(b, { wrap: !0, children: t.map((l, f) => {
+    const { as: p, href: d, onClick: u, label: h } = l;
+    return /* @__PURE__ */ c(
+      v,
+      {
+        as: p,
+        href: d,
+        onClick: u,
+        variant: "outline",
+        className: a.contactButton,
+        children: h
+      },
+      f
+    );
   }) }),
-  t && /* @__PURE__ */ i(s, { size: "sm", children: /* @__PURE__ */ a(v, { as: t.as, href: t.href, onClick: t.onClick, children: [
-    /* @__PURE__ */ i(O, { className: m.helpIcon }),
-    t.children
+  e && /* @__PURE__ */ c(m, { size: "sm", children: /* @__PURE__ */ s(y, { as: e.as, href: e.href, onClick: e.onClick, children: [
+    /* @__PURE__ */ c(O, { className: a.helpIcon }),
+    e.children
   ] }) })
 ] });
 export {
-  D as DialogContact
+  F as DialogContact
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,14 +1,14 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { ToolbarFilter as T } from "./ToolbarFilter.js";
 import { y as l, T as x } from "../../Section-BisoLqNN.js";
-import '../../assets/Toolbar.css';const c = "_toolbar_1dvgn_1", z = {
-  toolbar: c
-}, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: e, children: n }) => /* @__PURE__ */ i("span", { className: z.toolbar, "data-size": "xs", children: [
+import '../../assets/Toolbar.css';const z = "_toolbar_ibn1z_1", c = {
+  toolbar: z
+}, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: b, children: e }) => /* @__PURE__ */ p("span", { className: c.toolbar, "data-size": "xs", children: [
   t && /* @__PURE__ */ r(l, { size: "md", ...t, disabled: o, virtualized: !0 }),
-  m?.map((p, b) => /* @__PURE__ */ r(l, { ...p, disabled: o }, b)),
+  m?.map((i, n) => /* @__PURE__ */ r(l, { ...i, disabled: o }, n)),
   a && /* @__PURE__ */ r(x, { ...a, disabled: o }),
-  s && /* @__PURE__ */ r(T, { ...s, controls: e, disabled: o }),
-  n
+  s && /* @__PURE__ */ r(T, { ...s, controls: b, disabled: o }),
+  e
 ] });
 export {
   u as Toolbar

package/package.json

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