@altinn/altinn-components 0.52.7 → 0.53.0

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_o1gnh_1{display:inline-flex;align-items:center;column-gap:.25em;padding:.625em}._button_o1gnh_1[data-reverse=true]{flex-direction:row-reverse}._button_o1gnh_1[data-variant=link]{padding:0;border:0}._button_o1gnh_1[data-variant=link]:hover ._label_o1gnh_19{text-decoration:underline}
+._button_11lhb_1{white-space:nowrap}._button_11lhb_1[data-size=xs]{border-radius:.25em}._button_11lhb_1>svg:first-child{margin-left:-.25em}._button_11lhb_1>svg:last-child{margin-right:-.25em}._button_11lhb_1[data-rounded=true]{border-radius:calc(var(--dsc-button-size) / 2)}._button_11lhb_1[data-connected=true]{column-gap:none}._button_11lhb_1[aria-busy=true]{opacity:.5}._button_11lhb_1[data-variant=tinted]{--dsc-button-background: var(--ds-color-surface-tinted);--dsc-button-border-color: var(--ds-color-border-strong);--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-default);--dsc-button-color--hover: var(--ds-color-text-default)}

package/dist/assets/ButtonGroup.css

@@ -1 +1 @@
-._buttonGroup_189q2_1{padding:0;border:0;display:inline-flex;column-gap:.75em;white-space:nowrap;pointer-events:none}._buttonGroup_189q2_1 *{pointer-events:auto}._buttonGroup_189q2_1[data-connected=true]{column-gap:0}._buttonGroup_189q2_1[data-connected=true]>*+*:not(:first-child):not(:last-child){border-radius:0}._buttonGroup_189q2_1[data-connected=true]>*:first-child{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}._buttonGroup_189q2_1[data-connected=true]>*:last-child{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}._buttonGroup_189q2_1[aria-disabled=true]{pointer-events:none}
+._buttonGroup_1f7xc_1{padding:0;border:0;display:inline-flex;align-self:start;column-gap:.75em;white-space:nowrap;pointer-events:none;background-color:transparent}._buttonGroup_1f7xc_1 *{pointer-events:auto}._buttonGroup_1f7xc_1[data-disabled=true]{pointer-events:none}._buttonGroup_1f7xc_1[data-connected=true]{background-color:var(--dsc-button-background);column-gap:0}._buttonGroup_1f7xc_1[data-connected=true]>*:first-child{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}._buttonGroup_1f7xc_1[data-connected=true]>*:last-child{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}._buttonGroup_1f7xc_1[aria-disabled=true]{pointer-events:none}

package/dist/assets/ButtonGroupDivider.css

@@ -1 +1 @@
-._divider_1aeae_1{height:100%;min-width:1px;max-width:1px;padding:0;display:flex;justify-content:center;align-items:center;outline:none;background-color:transparent;border-left:none;border-right:none}._border_1aeae_15{background-color:currentColor;height:1.75em;min-width:1px;width:1px}
+._divider_1eeu8_1{height:100%;min-width:1px;max-width:1px;padding:0;display:flex;justify-content:center;align-items:center;outline:none;background-color:transparent;border-left:none;border-right:none;border-top:1px solid var(--dsc-button-border-color);border-bottom:1px solid var(--dsc-button-border-color)}._border_1eeu8_17{background-color:currentColor;height:1.75em;min-width:1px;width:1px}

package/dist/assets/ButtonLabel.css

@@ -1 +1 @@
-._label_1pa3c_1{font-weight:500;padding:0 .25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:unset}._label_1pa3c_1[data-size=xs]{font-size:.875rem}._label_1pa3c_1[data-size=sm]{font-size:1rem}._label_1pa3c_1[data-size=md]{font-size:1.125rem}._label_1pa3c_1[data-size=lg]{font-size:1.25rem}
+._label_18rn3_1{font-weight:500;padding:0 .25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:unset}

package/dist/assets/DatepickerTable.css

@@ -1 +1 @@
-._table_fmil8_1{border-collapse:collapse;table-layout:fixed;width:100%}._weekday_fmil8_7{font-size:.75rem;text-align:center;padding:.25rem 0}._date_fmil8_13{background-color:transparent;color:var(--ds-color-text-subtle)}._date_fmil8_13[data-current-month=true]{background-color:var(--ds-color-background-tinted);color:var(--ds-color-text-default)}._button_fmil8_23{font-size:.875rem;width:100%;text-align:center;height:2.25rem}._button_fmil8_23[aria-selected=true]{background-color:transparent;border:1px solid var(--ds-color-border-default)}._button_fmil8_23[aria-selected=true]:hover,._button_fmil8_23:hover{background-color:var(--ds-color-surface-hover)}
+._table_ex6ab_1{border-collapse:collapse;table-layout:fixed;width:100%}._weekday_ex6ab_7{font-size:.75rem;text-align:center;padding:.25rem 0}._date_ex6ab_13{background-color:transparent;color:var(--ds-color-text-subtle)}._date_ex6ab_13[data-current-month=true]{background-color:var(--ds-color-background-tinted);color:var(--ds-color-text-default)}._button_ex6ab_23{font-size:.875rem;width:100%;text-align:center;height:2.25rem}._button_ex6ab_23[aria-selected=true]{background-color:transparent;border:1px solid var(--ds-color-border-default)}._button_ex6ab_23[aria-selected=true]:hover,._button_ex6ab_23:hover{background-color:var(--ds-color-surface-hover)}

package/dist/assets/IconButton.css

@@ -0,0 +1 @@
+._button_z82uk_1>svg:first-child{font-size:1.5em}

package/dist/assets/LocaleButton.css

@@ -1 +1 @@
-._button_utwi0_1{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._button_utwi0_1[data-selected=true]{background-color:#fff}._icon_utwi0_17{font-size:1.5rem}
+._button_mvy87_1{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._expanded_mvy87_13{background-color:#fff}._icon_mvy87_17{font-size:1.5rem}

package/dist/assets/ModalBody.css

@@ -1 +1 @@
-._body_1cilr_1{position:relative}
+._body_p3jqc_1{position:relative;width:100%;padding:1.5em;display:flex;flex-direction:column;align-items:stretch;row-gap:1.5em}

package/dist/assets/ModalHeader.css

@@ -1 +1 @@
-._header_7ty99_1{border-bottom:1px solid;border-color:var(--ds-color-border-subtle)}._sticky_7ty99_6{background-color:var(--ds-color-background-default);position:sticky;z-index:2;top:0}
+._header_nhvlf_1{border-bottom:1px solid;border-color:var(--ds-color-border-subtle);width:100%;padding:1em;display:flex;align-items:center;justify-content:space-between}._sticky_nhvlf_11{background-color:var(--ds-color-background-default);position:sticky;z-index:2;top:0}

package/dist/assets/SearchField.css

@@ -1 +1 @@
-._container_1lz5b_1{position:relative}._icon_1lz5b_5{position:absolute;top:0;left:0;width:2.5em;height:100%;color:var(--ds-color-text-subtle)}._icon_1lz5b_5>svg{width:1.25em;height:1.25em}._input_1lz5b_19{padding-left:2.25em;padding-right:2.25em}._input_1lz5b_19[type=search]::-webkit-search-decoration,._input_1lz5b_19[type=search]::-webkit-search-cancel-button{appearance:none}._clear_1lz5b_29{position:absolute;top:0;right:0;width:2.5em;height:100%;display:flex;justify-content:center;align-items:center}._clearButton_1lz5b_40{font-size:.75em;min-width:2.5em;min-height:2.5em;border:none}._clearButton_1lz5b_40:focus-visible{outline-offset:0;outline-width:2px}
+._container_1ikoa_1{position:relative}._icon_1ikoa_5{position:absolute;top:0;bottom:0;left:0;width:2.5em;height:100%;color:var(--ds-color-text-subtle);display:flex;justify-content:center;align-items:center}._icon_1ikoa_5>svg{width:1em;height:1em}._input_1ikoa_23{padding-left:2.25em;padding-right:2.25em}._input_1ikoa_23[type=search]::-webkit-search-decoration,._input_1ikoa_23[type=search]::-webkit-search-cancel-button{appearance:none}._clear_1ikoa_33{position:absolute;top:0;right:0;bottom:0;width:2.5em;height:100%;display:flex;justify-content:center;align-items:center}._clearButton_1ikoa_45{font-size:.75em;min-width:2.5em;min-height:2.5em;border:none}._clearButton_1ikoa_45:focus-visible{outline-offset:0;outline-width:2px}

package/dist/button-BB5sYVKY.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { S as p, a as y } from "./index-D7FJjvrv.js";
+import { c as o } from "./lite-1fxw3LjI.js";
+import { useRef as b, useLayoutEffect as T, useEffect as h, forwardRef as d } from "react";
+import { u as x } from "./use-merge-refs-Cj4kTYVj.js";
+const S = typeof window < "u" ? T : h;
+function u(s) {
+  const r = b(null);
+  return S(() => {
+    const i = document.getAnimations().filter((e) => "animationName" in e && e.animationName === s), t = i.find((e) => "animationName" in e && e.animationName === s), n = i.find((e) => e.effect?.target === r.current);
+    return n && n === t && (n.currentTime = 0), n && t?.currentTime && n !== t && (n.currentTime = t.currentTime), () => {
+      n && t?.currentTime && (n.currentTime = t.currentTime);
+    };
+  }, [s]), r;
+}
+const B = d(function({ "aria-label": r, className: i, ...t }, n) {
+  const e = u("ds-spinner-rotate-animation"), c = u("ds-spinner-stroke-animation"), f = x([e, n]);
+  return m("svg", { "aria-label": r, className: o("ds-spinner", i), ref: f, role: "img", viewBox: "0 0 50 50", ...t, children: [a("circle", { className: o("ds-spinner__background"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5" }), a("circle", { className: o("ds-spinner__circle"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5", ref: c })] });
+}), _ = d(function({ asChild: r, className: i, children: t, icon: n = !1, loading: e = !1, variant: c = "primary", ...f }, l) {
+  return m(r ? p : "button", {
+    "aria-busy": !!e || void 0,
+    "aria-disabled": !!e || void 0,
+    className: o("ds-button", i),
+    "data-icon": n || void 0,
+    "data-variant": c,
+    ref: l,
+    /* don't set type when we use `asChild` */
+    type: r ? void 0 : "button",
+    ...f,
+    children: [e === !0 ? a(B, { "aria-hidden": "true" }) : e, a(y, { children: n && e ? null : t })]
+  });
+});
+export {
+  _ as B,
+  B as S,
+  u
+};

package/dist/components/AccessAreaListItem/AccessAreaListItem.js

@@ -1,12 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as b } from "../List/ListItem.js";
 import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
   content: I
-}, j = ({
+}, k = ({
   name: t,
   icon: c,
   iconUrl: n,
@@ -17,8 +18,8 @@ import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
   badge: l,
   colorTheme: a,
   loading: o,
-  titleAs: h = "h3",
-  ...p
+  titleAs: p = "h3",
+  ...h
 }) => /* @__PURE__ */ s(
   b,
   {
@@ -30,7 +31,7 @@ import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
       color: a,
       altText: ""
     },
-    title: { children: t, as: h },
+    title: { children: t, as: p },
     ariaLabel: t,
     size: r,
     collapsible: !o,
@@ -38,10 +39,10 @@ import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
     onClick: m,
     badge: l,
     loading: o,
-    ...p,
+    ...h,
     children: e && /* @__PURE__ */ s("div", { className: d.content, children: i })
   }
 );
 export {
-  j as AccessAreaListItem
+  k as AccessAreaListItem
 };

package/dist/components/AccessPackageListItem/AccessPackageListItem.js

@@ -2,6 +2,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import n, { forwardRef as f } from "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as c } from "../List/ListItem.js";
@@ -23,7 +24,7 @@ const p = f((t, o) => {
     l ? n.createElement("title", { id: i }, l) : null,
     n.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.625 2.35a.75.75 0 0 1 .75 0l7.794 4.5a.75.75 0 0 1 .375.65v9a.75.75 0 0 1-.375.65l-7.794 4.5a.75.75 0 0 1-.75 0l-7.794-4.5a.75.75 0 0 1-.375-.65v-9a.75.75 0 0 1 .375-.65zM12 3.866 5.706 7.5 12 11.134 18.294 7.5zm7.044 4.933-6.294 3.634v7.268l6.294-3.634zM11.25 19.701v-7.268L4.956 8.799v7.268z", clipRule: "evenodd" })
   );
-}), O = ({
+}), h = ({
   as: t = "button",
   name: o,
   color: l = "neutral",
@@ -44,5 +45,5 @@ const p = f((t, o) => {
   }
 );
 export {
-  O as AccessPackageListItem
+  h as AccessPackageListItem
 };

package/dist/components/Account/AccountList.js

@@ -3,13 +3,14 @@ import { Fragment as a, createElement as d } from "react";
 import "../../index-p1eeF8LQ.js";
 import { AccountListItem as g } from "./AccountListItem.js";
 import { Heading as h } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import { useMenu as L } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
 import { List as x } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { AccountListVirtual as A } from "./AccountListVirtual.js";
-const M = ({ items: t, groups: o = {}, sortGroupBy: e, isVirtualized: n }) => {
+const S = ({ items: t, groups: o = {}, sortGroupBy: e, isVirtualized: n }) => {
   if (n)
     return /* @__PURE__ */ r(A, { items: t, groups: o, sortGroupBy: e });
   const { menu: p } = L({
@@ -31,5 +32,5 @@ const M = ({ items: t, groups: o = {}, sortGroupBy: e, isVirtualized: n }) => {
   }) });
 };
 export {
-  M as AccountList
+  S as AccountList
 };

package/dist/components/Account/AccountListItem.js

@@ -1,18 +1,19 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { ListItem as h } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { AccountListItemControls as q } from "./AccountListItemControls.js";
-const F = ({
+const G = ({
   id: m,
   type: c,
   size: s,
   expanded: t,
   icon: e,
-  name: n,
-  title: p,
+  name: p,
+  title: n,
   description: u,
   isCurrentEndUser: f,
   isDeleted: I,
@@ -33,7 +34,7 @@ const F = ({
     loading: o,
     size: s,
     icon: e,
-    title: p || n,
+    title: n || p,
     description: t ? void 0 : u,
     expanded: t,
     selected: t,
@@ -58,5 +59,5 @@ const F = ({
   }
 );
 export {
-  F as AccountListItem
+  G as AccountListItem
 };

package/dist/components/Account/AccountListItemControls.js

@@ -1,38 +1,38 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { Badge as u } from "../Badge/Badge.js";
+import { Badge as a } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
-import { isValidElement as a } from "react";
-import { IconButton as c } from "../Button/IconButton.js";
-import { ContextMenu as x } from "../ContextMenu/ContextMenu.js";
+import { isValidElement as u } from "react";
+import { Button as c } from "../Button/Button.js";
+import { ContextMenu as d } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
 import { ListItemControls as v } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
-import { S as B, a as C } from "../../HeartFill-CYSrJ_xK.js";
-const y = ({
+import { S as x, a as B } from "../../HeartFill-CYSrJ_xK.js";
+const A = ({
   id: e,
   type: i,
   badge: r,
-  isCurrentEndUser: n = !1,
-  favourite: m = !1,
+  isCurrentEndUser: m = !1,
+  favourite: n = !1,
   favouriteLabel: l,
   onToggleFavourite: s,
   contextMenu: o,
   loading: f
 }) => /* @__PURE__ */ p(v, { children: [
-  r && (r && !f && typeof r == "object" && "label" in r ? /* @__PURE__ */ t(u, { ...r }) : a(r) ? r : null),
-  !n && i !== "group" && /* @__PURE__ */ t(
+  r && (r && !f && typeof r == "object" && "label" in r ? /* @__PURE__ */ t(a, { ...r }) : u(r) ? r : null),
+  !m && i !== "group" && /* @__PURE__ */ t(
     c,
     {
+      size: "xs",
+      variant: "ghost",
       rounded: !0,
-      variant: "text",
-      icon: m ? B : C,
-      iconAltText: l || "Toggle favourite",
+      "aria-label": l || "Toggle favourite",
       onClick: () => s?.(e),
-      size: "xs"
+      children: n ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(B, {})
     }
   ),
-  o && /* @__PURE__ */ t(x, { ...o })
+  o && /* @__PURE__ */ t(d, { ...o })
 ] });
 export {
-  y as AccountListItemControls
+  A as AccountListItemControls
 };

package/dist/components/Account/AccountListItemDetails.js

@@ -20,8 +20,8 @@ const q = ({
   children: d
 }) => s ? /* @__PURE__ */ r(a, { padding: 6, spacing: 4, children: /* @__PURE__ */ r(p, { variant: "outline", loading: !0, children: l }) }) : /* @__PURE__ */ e(a, { padding: 6, spacing: 4, color: c, children: [
   o && /* @__PURE__ */ r(j, { size: "sm", children: o.map((i, t) => {
-    const { label: u, variant: f, ...g } = i;
-    return /* @__PURE__ */ h(p, { ...g, variant: f || "outline", key: t }, u);
+    const { variant: u, label: f, ...g } = i;
+    return /* @__PURE__ */ h(p, { ...g, variant: u || "outline", key: t }, f);
   }) }),
   m && /* @__PURE__ */ r(z, { size: "sm", children: m.map((i, t) => /* @__PURE__ */ e(v, { children: [
     t > 0 && /* @__PURE__ */ r(x, { as: "li" }),

package/dist/components/Account/AccountListVirtual.js

@@ -6,6 +6,7 @@ import "../../index-p1eeF8LQ.js";
 import { AccountListItem as v } from "./AccountListItem.js";
 import { useMenu as x } from "../../hooks/useMenu.js";
 import { Heading as _ } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as L } from "../Page/Section.js";
@@ -15,7 +16,7 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_
   virtualListItem: $,
   lastChild: C,
   virtualTitleItem: P
-}, Y = ({ items: u, groups: p = {}, sortGroupBy: d }) => {
+}, j = ({ items: u, groups: p = {}, sortGroupBy: d }) => {
   const s = I(null), { menu: f } = x({
     items: u,
     groups: p,
@@ -26,9 +27,9 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_
     const e = t?.props || {}, { title: r } = e, a = t?.items || [];
     return [
       ...r ? [{ type: "title", title: r }] : [],
-      ...a.map((m) => ({
+      ...a.map((c) => ({
         type: "item",
-        itemProps: m.props || {}
+        itemProps: c.props || {}
       }))
     ];
   }), o = y({
@@ -43,13 +44,13 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_
       return e.itemProps?.parentId && (!r || r.type === "title" || r.type === "item" && !r.itemProps?.parentId) ? 96 : 80;
     },
     getScrollElement: () => s.current
-  }), c = o.getVirtualItems();
+  }), m = o.getVirtualItems();
   return h(() => {
-    for (const t of c) {
+    for (const t of m) {
       const e = s.current?.querySelector(`[data-index="${t.index}"]`) ?? s.current?.querySelector(`[dataindex="${t.index}"]`) ?? s.current?.querySelector(`[dataIndex="${t.index}"]`);
       e && o.measureElement(e);
     }
-  }, [c]), /* @__PURE__ */ i(L, { spacing: 6, children: /* @__PURE__ */ i("div", { ref: s, className: l.virtualScrollRef, children: /* @__PURE__ */ i(
+  }, [m]), /* @__PURE__ */ i(L, { spacing: 6, children: /* @__PURE__ */ i("div", { ref: s, className: l.virtualScrollRef, children: /* @__PURE__ */ i(
     "ul",
     {
       className: l.virtualList,
@@ -57,7 +58,7 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_
         position: "relative",
         height: `${o.getTotalSize()}px`
       },
-      children: c.map((t) => {
+      children: m.map((t) => {
         const e = n[t.index];
         if (!e) return null;
         if (e.type === "title")
@@ -90,5 +91,5 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_
   ) }) });
 };
 export {
-  Y as AccountListVirtual
+  j as AccountListVirtual
 };

package/dist/components/Account/AccountMenu.js

@@ -2,10 +2,11 @@
 import { jsx as C } from "react/jsx-runtime";
 import { useState as w, useEffect as L, useMemo as M } from "react";
 import "../../index-p1eeF8LQ.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Menu as S } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const F = (n) => `${n} hits`, E = ({
+const F = (n) => `${n} hits`, G = ({
   items: n = [],
   groups: i = {},
   search: t,
@@ -44,22 +45,22 @@ const F = (n) => `${n} hits`, E = ({
     search: {
       title: t?.getResultsLabel?.(r.length) ?? F(r.length)
     }
-  } : i, A = {
+  } : i, m = {
     name: "account-search",
     value: o,
     placeholder: t?.placeholder ?? "Find account",
     onChange: (e) => l(e.target.value),
     onClear: () => l("")
-  }, m = [
+  }, A = [
     ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
   return /* @__PURE__ */ C(
     S,
     {
       variant: "default",
-      search: t && !t.hidden ? A : void 0,
+      search: t && !t.hidden ? m : void 0,
       groups: v,
-      items: m,
+      items: A,
       isVirtualized: f,
       keyboardEvents: g,
       scrollRefStyles: h
@@ -67,5 +68,5 @@ const F = (n) => `${n} hits`, E = ({
   );
 };
 export {
-  E as AccountMenu
+  G as AccountMenu
 };

package/dist/components/Account/AccountMenuButton.js

@@ -1,50 +1,50 @@
 "use client";
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
-import d, { forwardRef as v, isValidElement as y } from "react";
+import d, { forwardRef as v, isValidElement as h } from "react";
 import { Avatar as g } from "../Avatar/Avatar.js";
-import { ButtonBase as f } from "../Button/ButtonBase.js";
-import { ButtonLabel as b } from "../Button/ButtonLabel.js";
+import { Button as f } from "../Button/Button.js";
 import { ButtonIcon as u } from "../Button/ButtonIcon.js";
-import { useRootContext as h } from "../RootProvider/RootProvider.js";
+import { ButtonLabel as b } from "../Button/ButtonLabel.js";
+import { useRootContext as y } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as I } from "../../XMark-tKk6aExO.js";
 import { u as w } from "../../useId-BVFxCjkq.js";
 import '../../assets/AccountMenuButton.css';var N = function(t, a) {
   var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
+  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && a.indexOf(n) < 0 && (r[n] = t[n]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+    for (var l = 0, n = Object.getOwnPropertySymbols(t); l < n.length; l++)
+      a.indexOf(n[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[l]) && (r[n[l]] = t[n[l]]);
   return r;
 };
-const x = v((t, a) => {
-  var { title: r, titleId: e } = t, l = N(t, ["title", "titleId"]);
+const O = v((t, a) => {
+  var { title: r, titleId: n } = t, l = N(t, ["title", "titleId"]);
   let i = w();
-  return i = r ? e || "title-" + i : void 0, d.createElement(
+  return i = r ? n || "title-" + i : void 0, d.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: a, "aria-labelledby": i }, l),
     r ? d.createElement("title", { id: i }, r) : null,
     d.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.5 3.25a.75.75 0 0 0 0 1.5H19a.25.25 0 0 1 .25.25v14a.25.25 0 0 1-.25.25h-3.5a.75.75 0 0 0 0 1.5H19A1.75 1.75 0 0 0 20.75 19V5A1.75 1.75 0 0 0 19 3.25zM9.97 6.97a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H3.5a.75.75 0 0 1 0-1.5h9.69L9.97 8.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
   );
-}), O = "_button_1crpw_1", C = "_avatarIcon_1crpw_18", j = "_loginIcon_1crpw_19", k = "_closeIcon_1crpw_20", L = "_avatar_1crpw_18", B = "_icon_1crpw_43", E = "_labelContainer_1crpw_55", M = "_description_1crpw_63", n = {
-  button: O,
+}), x = "_button_1crpw_1", C = "_avatarIcon_1crpw_18", j = "_loginIcon_1crpw_19", k = "_closeIcon_1crpw_20", L = "_avatar_1crpw_18", E = "_icon_1crpw_43", B = "_labelContainer_1crpw_55", M = "_description_1crpw_63", e = {
+  button: x,
   avatarIcon: C,
   loginIcon: j,
   closeIcon: k,
   avatar: L,
-  icon: B,
-  labelContainer: E,
+  icon: E,
+  labelContainer: B,
   description: M
 }, G = ({
   className: t,
   currentAccount: a,
   expanded: r,
-  minimized: e = !1,
+  minimized: n = !1,
   loading: l = !1,
   ...i
 }) => {
-  const { languageCode: _ } = h(), s = R(_);
+  const { languageCode: _ } = y(), s = R(_);
   if (l)
     return /* @__PURE__ */ o(
       f,
@@ -52,12 +52,12 @@ const x = v((t, a) => {
         ...i,
         as: "button",
         type: "button",
-        variant: "text",
+        variant: "ghost",
         color: "company",
-        className: p(n.button, n.loading, t),
+        className: p(e.button, e.loading, t),
         disabled: !0,
         "aria-label": "loading",
-        children: /* @__PURE__ */ o(u, { className: n.avatarIcon, icon: /* @__PURE__ */ o(g, { name: "loading", loading: !0, className: n.avatar }) })
+        children: /* @__PURE__ */ o(u, { className: e.avatarIcon, icon: /* @__PURE__ */ o(g, { name: "loading", loading: !0, className: e.avatar }) })
       }
     );
   if (a) {
@@ -68,20 +68,20 @@ const x = v((t, a) => {
         ...i,
         as: "button",
         type: "button",
-        variant: "text",
+        variant: "ghost",
         color: "company",
-        className: p(n.button, t),
+        className: p(e.button, t),
         "aria-label": r ? s.close : a.name,
         children: [
-          !e && /* @__PURE__ */ o(b, { children: /* @__PURE__ */ m("div", { className: n.labelContainer, children: [
+          !n && /* @__PURE__ */ o(b, { children: /* @__PURE__ */ m("div", { className: e.labelContainer, children: [
             a.name,
-            /* @__PURE__ */ o("span", { className: n.description, children: typeof c == "string" || y(c) ? c : null })
+            /* @__PURE__ */ o("span", { className: e.description, children: typeof c == "string" || h(c) ? c : null })
           ] }) }),
-          r ? /* @__PURE__ */ o(u, { className: n.closeIcon, icon: /* @__PURE__ */ o(I, { className: n.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ o(
+          r ? /* @__PURE__ */ o(u, { className: e.closeIcon, icon: /* @__PURE__ */ o(I, { className: e.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ o(
             u,
             {
-              className: n.avatarIcon,
-              icon: /* @__PURE__ */ o(g, { ...a?.icon, className: n.avatar })
+              className: e.avatarIcon,
+              icon: /* @__PURE__ */ o(g, { ...a?.icon, className: e.avatar })
             }
           )
         ]
@@ -94,13 +94,13 @@ const x = v((t, a) => {
       ...i,
       as: "button",
       type: "button",
-      variant: "text",
+      variant: "ghost",
       color: "company",
       "aria-label": s.login,
-      className: p(n.button, t),
+      className: p(e.button, t),
       children: [
-        !e && /* @__PURE__ */ o(b, { children: s.login }),
-        /* @__PURE__ */ o(u, { className: n.loginIcon, icon: /* @__PURE__ */ o(x, { className: n.icon, "aria-hidden": !0 }) })
+        !n && /* @__PURE__ */ o(b, { children: s.login }),
+        /* @__PURE__ */ o(u, { className: e.loginIcon, icon: /* @__PURE__ */ o(O, { className: e.icon, "aria-hidden": !0 }) })
       ]
     }
   );

package/dist/components/Account/AccountNotificationSettings.js

@@ -1,25 +1,26 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Fieldset as d } from "../Forms/Fieldset.js";
 import { Switch as r } from "../Forms/Switch.js";
 import { TextField as i } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-const M = ({
+const j = ({
   phone: m,
   phoneLabel: p = "Varsle på SMS",
   email: s,
   emailLabel: a = "Varsle på e-post",
-  smsAlerts: l = !1,
-  emailAlerts: o = !1,
+  smsAlerts: o = !1,
+  emailAlerts: l = !1,
   onChange: e
 }) => /* @__PURE__ */ c(d, { size: "sm", children: [
-  /* @__PURE__ */ t(r, { label: p, name: "smsAlerts", value: "SMS", checked: !!l, onChange: e }),
-  l && /* @__PURE__ */ t(i, { name: "phone", placeholder: "Mobiltelefon", value: m, onChange: e }),
-  /* @__PURE__ */ t(r, { label: a, name: "emailAlerts", value: "E-post", checked: !!o, onChange: e }),
-  o && /* @__PURE__ */ t(i, { name: "email", placeholder: "E-postadresse", value: s, onChange: e })
+  /* @__PURE__ */ t(r, { label: p, name: "smsAlerts", value: "SMS", checked: !!o, onChange: e }),
+  o && /* @__PURE__ */ t(i, { name: "phone", placeholder: "Mobiltelefon", value: m, onChange: e }),
+  /* @__PURE__ */ t(r, { label: a, name: "emailAlerts", value: "E-post", checked: !!l, onChange: e }),
+  l && /* @__PURE__ */ t(i, { name: "email", placeholder: "E-postadresse", value: s, onChange: e })
 ] });
 export {
-  M as AccountNotificationSettings
+  j as AccountNotificationSettings
 };

package/dist/components/Account/AccountOrganization.js

@@ -1,10 +1,11 @@
-import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import { Byline as p } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/AccountOrganization.css';const h = "_list_hvcdj_1", _ = "_node_hvcdj_19", u = "_link_hvcdj_37", l = {
+import '../../assets/AccountOrganization.css';const h = "_list_hvcdj_1", _ = "_node_hvcdj_19", u = "_link_hvcdj_37", o = {
   list: h,
   node: _,
   link: u
@@ -17,17 +18,17 @@ import '../../assets/AccountOrganization.css';const h = "_list_hvcdj_1", _ = "_n
   ...a
 }) => {
   const m = r ? "span" : s || "a", { items: v, ...d } = a;
-  return /* @__PURE__ */ n(m, { ...d, className: l.link, "data-selected": r, children: /* @__PURE__ */ o(p, { size: "sm", avatar: e, children: [
-    /* @__PURE__ */ o("strong", { children: [
+  return /* @__PURE__ */ n(m, { ...d, className: o.link, "data-selected": r, children: /* @__PURE__ */ l(p, { size: "sm", avatar: e, children: [
+    /* @__PURE__ */ l("strong", { children: [
       t,
       i && ","
     ] }),
     i
   ] }) });
-}, j = ({ items: e, level: t }) => /* @__PURE__ */ n("ul", { "data-level": t, className: l.list, children: e.map((s, i) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: l.node, "data-level": t, children: /* @__PURE__ */ n(c, { ...s }) }) }, i)) }), O = ({ items: e = [], level: t = 1 }) => /* @__PURE__ */ n("ul", { "data-level": t, className: l.list, children: e.map((s, i) => /* @__PURE__ */ o("li", { children: [
+}, j = ({ items: e, level: t }) => /* @__PURE__ */ n("ul", { "data-level": t, className: o.list, children: e.map((s, i) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: o.node, "data-level": t, children: /* @__PURE__ */ n(c, { ...s }) }) }, i)) }), f = ({ items: e = [], level: t = 1 }) => /* @__PURE__ */ n("ul", { "data-level": t, className: o.list, children: e.map((s, i) => /* @__PURE__ */ l("li", { children: [
   /* @__PURE__ */ n(c, { ...s }),
   s.items && /* @__PURE__ */ n(j, { items: s.items, level: t + 1 })
 ] }, i)) });
 export {
-  O as AccountOrganization
+  f as AccountOrganization
 };

package/dist/components/ActivityLog/ActivityLogItem.js

@@ -2,10 +2,11 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as e } from "../Typography/Typography.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
-const x = ({ byline: t, datetime: i, children: o, summary: c, ...m }) => o ? /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: o }) : /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: /* @__PURE__ */ r(e, { children: c }) });
+const A = ({ byline: t, datetime: i, children: o, summary: c, ...m }) => o ? /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: o }) : /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: /* @__PURE__ */ r(e, { children: c }) });
 export {
-  x as ActivityLogItem
+  A as ActivityLogItem
 };