@altinn/altinn-components 0.12.0 → 0.13.1

package/dist/assets/Badge.css

@@ -1 +1 @@
-._badge_34f60_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:500;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_34f60_1[data-size=sm]{font-size:.75rem}._badge_34f60_1[data-color=subtle]{background-color:var(--theme-surface-default);color:var(--theme-text-subtle)}._badge_34f60_1[data-color=alert]{background-color:#e02e49;color:#fff}
+._badge_1k5t5_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}._badge_1k5t5_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_1k5t5_1[data-size=xs] ._label_1k5t5_15{color:transparent;width:100%;height:100%}._badge_1k5t5_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_1k5t5_1[data-color=neutral]{background-color:var(--ds-color-surface-default);color:var(--ds-color-text-subtle)}._badge_1k5t5_1[data-color=alert]{background-color:var(--ds-color-base-default);color:#fff}

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._link_1j8q5_1[data-size=xl]{padding:1em}._link_1j8q5_1[data-size=lg]{padding:.875em}._link_1j8q5_1[data-size=md]{padding:.75em}._link_1j8q5_1[data-size=sm],._link_1j8q5_1[data-size=xs]{padding:.625em}._border_1j8q5_22{position:relative;border-left:.25rem solid;border-color:var(--theme-surface-active);display:flex;flex-direction:column}._border_1j8q5_22[data-seen=true],._border_1j8q5_22[data-loading=true]{border-color:var(--neutral-surface-default)}._border_1j8q5_22[data-size=xs],._border_1j8q5_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1j8q5_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1j8q5_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_1j8q5_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_1j8q5_61{position:absolute;top:0;right:0;margin:.375rem}._header_1j8q5_68{display:flex;flex-direction:column;row-gap:.25rem}._header_1j8q5_68[data-size=xs],._header_1j8q5_68[data-size=sm]{display:flex;flex-direction:row}._summary_1j8q5_80{font-size:1rem;font-weight:400;line-height:1.25;color:var(--theme-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1j8q5_80[data-size=xs],._summary_1j8q5_80[data-size=sm],._summary_1j8q5_80[data-size=md]{font-size:.875rem}._summary_1j8q5_80[data-size=lg],._summary_1j8q5_80[data-size=xl]{font-size:1rem}._footer_1j8q5_108{width:100%}._touchedBy_1j8q5_112{position:absolute;right:0;bottom:0;margin:8px}
+._link_17fc6_1[data-size=xl]{padding:1em}._link_17fc6_1[data-size=lg]{padding:.875em}._link_17fc6_1[data-size=md]{padding:.75em}._link_17fc6_1[data-size=sm],._link_17fc6_1[data-size=xs]{padding:.625em}._border_17fc6_22{position:relative;border-left:.25rem solid;border-color:var(--theme-surface-active);display:flex;flex-direction:column}._border_17fc6_22[data-seen=true],._border_17fc6_22[data-loading=true]{border-color:var(--neutral-surface-default)}._border_17fc6_22[data-size=xs],._border_17fc6_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_17fc6_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_17fc6_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_17fc6_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_17fc6_61{position:absolute;top:0;right:0;margin:.375rem}._header_17fc6_68{display:flex;flex-direction:column;row-gap:.25rem}._header_17fc6_68[data-size=xs],._header_17fc6_68[data-size=sm]{display:flex;flex-direction:row}._summary_17fc6_80{font-size:1rem;font-weight:400;line-height:1.25;color:var(--theme-text-default);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_17fc6_80[data-size=xs],._summary_17fc6_80[data-size=sm],._summary_17fc6_80[data-size=md]{font-size:.875rem}._summary_17fc6_80[data-size=lg],._summary_17fc6_80[data-size=xl]{font-size:1rem}._footer_17fc6_108{width:100%}._touchedBy_17fc6_112{position:absolute;right:0;bottom:0;margin:8px}

package/dist/assets/Flex.css

@@ -1 +1 @@
-._flex_18d8p_1{display:flex}._flex_18d8p_1[data-direction=col]{flex-direction:column}._flex_18d8p_1[data-direction=row]{flex-direction:row}._flex_18d8p_1[data-align=center]{align-items:center}._flex_18d8p_1[data-align=start]{align-items:flex-start}._flex_18d8p_1[data-align=end]{align-items:flex-end}._flex_18d8p_1[data-justify=start]{justify-content:flex-start}._flex_18d8p_1[data-justify=end]{justify-content:flex-end}._flex_18d8p_1[data-justify=center]{justify-content:center}._flex_18d8p_1[data-justify=between]{justify-content:space-between}._flex_18d8p_1[data-spacing=xs]{gap:.25rem}._flex_18d8p_1[data-spacing=sm]{gap:.5rem}._flex_18d8p_1[data-spacing=md]{gap:.75rem}._flex_18d8p_1[data-spacing=lg]{gap:1rem}._flex_18d8p_1[data-spacing=xl]{gap:1.5rem}@media (max-width: 1024px){._flex_18d8p_1[data-inset=true]{margin-left:-1rem;margin-right:-1rem}}._flex_18d8p_1[data-padding=xs]{padding:.25rem}._flex_18d8p_1[data-padding=sm]{padding:.5rem}._flex_18d8p_1[data-padding=md]{padding:.75rem}._flex_18d8p_1[data-padding=lg]{padding:1rem}._flex_18d8p_1[data-padding=xl]{padding:1.5rem}@media (max-width: 1024px){._flex_18d8p_1[data-padding=xl]{padding:1.5rem 1rem}}._flex_18d8p_1[data-margin=xs]{margin:.25rem 0}._flex_18d8p_1[data-margin=sm]{margin:.5rem 0}._flex_18d8p_1[data-margin=md]{margin:.625rem 0}._flex_18d8p_1[data-margin=lg]{margin:1.125rem 0}._flex_18d8p_1[data-color=subtle]{background-color:var(--theme-background-default)}._flex_18d8p_1[data-color=surface]{background-color:var(--theme-surface-default)}._flex_18d8p_1[data-color=accent]{background-color:var(--theme-base-default)}._flex_18d8p_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._flex_18d8p_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._flex_18d8p_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._flex_18d8p_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._flex_18d8p_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}
+._flex_h50e9_1{display:flex}._flex_h50e9_1[data-direction=col]{flex-direction:column}._flex_h50e9_1[data-direction=row]{flex-direction:row}._flex_h50e9_1[data-align=center]{align-items:center}._flex_h50e9_1[data-align=start]{align-items:flex-start}._flex_h50e9_1[data-align=end]{align-items:flex-end}._flex_h50e9_1[data-justify=start]{justify-content:flex-start}._flex_h50e9_1[data-justify=end]{justify-content:flex-end}._flex_h50e9_1[data-justify=center]{justify-content:center}._flex_h50e9_1[data-justify=between]{justify-content:space-between}._flex_h50e9_1[data-spacing=xs]{gap:.25rem}._flex_h50e9_1[data-spacing=sm]{gap:.5rem}._flex_h50e9_1[data-spacing=md]{gap:.75rem}._flex_h50e9_1[data-spacing=lg]{gap:1rem}._flex_h50e9_1[data-spacing=xl]{gap:1.5rem}@media (max-width: 1024px){._flex_h50e9_1[data-inset=true]{margin-left:-1rem;margin-right:-1rem}}._flex_h50e9_1[data-padding=xs]{padding:.25rem}._flex_h50e9_1[data-padding=sm]{padding:.5rem}._flex_h50e9_1[data-padding=md]{padding:.75rem}._flex_h50e9_1[data-padding=lg]{padding:1rem}._flex_h50e9_1[data-padding=xl]{padding:1.5rem}@media (max-width: 1024px){._flex_h50e9_1[data-padding=xl]{padding:1.5rem 1rem}}._flex_h50e9_1[data-margin=xs]{margin:.25rem 0}._flex_h50e9_1[data-margin=sm]{margin:.5rem 0}._flex_h50e9_1[data-margin=md]{margin:.625rem 0}._flex_h50e9_1[data-margin=lg]{margin:1.125rem 0}._flex_h50e9_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._flex_h50e9_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._flex_h50e9_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._flex_h50e9_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._flex_h50e9_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}

package/dist/assets/LayoutBase.css

@@ -1 +1 @@
-._base_wqztk_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_wqztk_1[data-theme]{background-color:var(--theme-background-subtle)}._base_wqztk_1[data-current-id=menu]{background-color:var(--theme-background-default)}
+._base_bdyfy_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_bdyfy_1[data-theme]{background-color:var(--theme-background-subtle)}

package/dist/assets/MenuItemMedia.css

@@ -1 +1 @@
-._media_1kkjg_1{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5%;width:2rem;height:2rem}._media_1kkjg_1[data-size=lg]{width:44px;height:44px}._media_1kkjg_1[data-size=xs]{width:1.5rem;height:1.5rem}._media_1kkjg_1[data-size=xs] ._icon_1kkjg_21{font-size:1.25rem}._icon_1kkjg_21{font-size:1.5rem}._media_1kkjg_1[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_1kkjg_1[data-color=surface]{background-color:var(--theme-surface-default);color:var(--theme-text-default)}._media_1kkjg_1[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._media_1kkjg_1[data-color=company]{background-color:var(--company-surface-default);color:var(--company-text-default)}._media_1kkjg_1[data-color=person]{background-color:var(--person-surface-default);color:var(--person-text-default)}
+._media_rtso6_1{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5%;width:2rem;height:2rem}._media_rtso6_1[data-size=lg]{width:44px;height:44px}._media_rtso6_1[data-size=xs]{width:1.5rem;height:1.5rem}._media_rtso6_1[data-size=xs] ._icon_rtso6_22{font-size:1.25rem}._icon_rtso6_22{font-size:1.5rem}._media_rtso6_1[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_rtso6_1[data-color=surface]{background-color:var(--theme-surface-default);color:var(--theme-text-default)}._media_rtso6_1[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._media_rtso6_1[data-color=company]{background-color:var(--company-surface-default);color:var(--company-text-default)}._media_rtso6_1[data-color=person]{background-color:var(--person-surface-default);color:var(--person-text-default)}._badge_rtso6_55{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}

package/dist/assets/Section.css

@@ -1 +1 @@
-._section_167jj_1[data-bg=subtle]{background-color:var(--theme-background-default)}._section_167jj_1[data-bg=surface]{background-color:var(--theme-surface-default)}._section_167jj_1[data-bg=accent]{background-color:var(--theme-base-default)}._section_167jj_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._section_167jj_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._section_167jj_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._section_167jj_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._section_167jj_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}
+._section_1u2zl_1[data-bg=default]{background-color:var(--theme-background-default)}._section_1u2zl_1[data-bg=subtle]{background-color:var(--theme-background-subtle)}._section_1u2zl_1[data-bg=surface]{background-color:var(--theme-surface-default)}._section_1u2zl_1[data-bg=border]{background-color:var(--theme-border-default)}._section_1u2zl_1[data-bg=base]{background-color:var(--theme-base-default);color:var(--theme-contrast-default)}._section_1u2zl_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._section_1u2zl_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._section_1u2zl_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._section_1u2zl_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._section_1u2zl_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}

package/dist/assets/SnackbarItem.css

@@ -1 +1 @@
-._item_1jw8i_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._item_1jw8i_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit;padding:.625rem}._media_1jw8i_23{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem}._icon_1jw8i_32{font-size:1.5rem}._content_1jw8i_36{flex-grow:1;display:flex;align-items:center;margin-left:.625rem;margin-right:1.25rem}._action_1jw8i_44{flex-shrink:0;display:flex;align-items:center;justify-content:center}._item_1jw8i_1,._item_1jw8i_1[data-color=accent]{background-color:var(--global-base-default);color:#fff}._item_1jw8i_1[data-color=accent]:hover{background-color:var(--global-base-hover)}._item_1jw8i_1[data-color=alert]{background-color:#e02e49;color:#fff}
+._item_137l4_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._item_137l4_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit;padding:.625rem}._media_137l4_23{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem}._icon_137l4_32{font-size:1.5rem}._content_137l4_36{flex-grow:1;display:flex;align-items:center;margin-left:.625rem;margin-right:1.25rem}._action_137l4_44{flex-shrink:0;display:flex;align-items:center;justify-content:center}._item_137l4_1{background-color:var(--ds-color-base-default);color:#fff}._item_137l4_1[data-color=neutral]{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default)}

package/dist/components/Badge/Badge.js

@@ -1,8 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../index-L8X2o7IH.js";
-import '../../assets/Badge.css';const l = "_badge_34f60_1", s = {
-  badge: l
-}, b = ({ label: e, color: t = "subtle", size: c = "sm", className: o, children: r }) => /* @__PURE__ */ a("span", { className: d(s.badge, o), "data-color": t, "data-size": c, children: /* @__PURE__ */ a("span", { className: s.label, children: e || r }) });
+import { c as r } from "../../index-L8X2o7IH.js";
+import '../../assets/Badge.css';const n = "_badge_1k5t5_1", d = "_label_1k5t5_15", e = {
+  badge: n,
+  label: d
+}, _ = ({ label: s, color: l = "neutral", size: t = "sm", className: c, children: o }) => /* @__PURE__ */ a("span", { className: r(e.badge, c), "data-color": l, "data-size": t, children: /* @__PURE__ */ a("span", { className: e.label, children: s || o }) });
 export {
-  b as Badge
+  _ as Badge
 };

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -1,75 +1,81 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useState as z } from "react";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useState as S } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { QueryLabel as h } from "./QueryLabel.js";
-import { Button as u } from "../Button/Button.js";
-import { IconButton as C } from "../Button/IconButton.js";
+import { QueryLabel as I } from "./QueryLabel.js";
+import { Button as L } from "../Button/Button.js";
+import { IconButton as b } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemBase as I } from "../List/ListItemBase.js";
-import { ListItemHeader as L } from "../List/ListItemHeader.js";
+import { ListItemBase as v } from "../List/ListItemBase.js";
+import { ListItemHeader as y } from "../List/ListItemHeader.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as H } from "../Page/Section.js";
-import { Flex as Q } from "../Page/Flex.js";
-import { TextField as U } from "../TextField/TextField.js";
-const X = ({
-  size: l = "sm",
-  icon: k = "bookmark",
+import { Section as z } from "../Page/Section.js";
+import { Flex as F } from "../Page/Flex.js";
+import { TextField as H } from "../TextField/TextField.js";
+const R = ({
+  size: p = "sm",
+  icon: f = "bookmark",
   expanded: t,
   loading: o,
   title: i,
-  titleField: a,
-  untitled: b = "Untitled bookmark",
-  params: m,
-  onToggle: n,
-  saveButton: c,
+  titleField: l,
+  untitled: C = "Untitled bookmark",
+  params: a,
+  onToggle: m,
+  saveButton: n,
   removeButton: e,
-  as: v,
-  ...s
+  inputValue: k,
+  onChange: u,
+  as: j,
+  ...c
 }) => {
-  const [p, j] = z({ title: i, params: m }), w = (x) => {
-    const { name: F, value: S } = x.target;
-    j((y) => ({
-      ...y,
-      [F]: S
-    }));
-  };
-  return t && !o ? /* @__PURE__ */ f(I, { loading: o, expanded: t, children: [
+  const [w, x] = S("");
+  return t && !o ? /* @__PURE__ */ s(v, { loading: o, expanded: t, children: [
     /* @__PURE__ */ r(
-      L,
+      y,
       {
-        size: l,
-        title: i || b,
+        size: p,
+        title: i || C,
         loading: o,
-        icon: k,
-        onClick: n,
-        controls: /* @__PURE__ */ r(C, { variant: "outline", size: "sm", icon: "chevron-up", onClick: n }),
-        ...s
+        icon: f,
+        onClick: m,
+        controls: /* @__PURE__ */ r(b, { variant: "outline", size: "sm", icon: "chevron-up", onClick: m }),
+        ...c
       }
     ),
-    t && /* @__PURE__ */ f(H, { padding: "lg", spacing: "lg", children: [
-      /* @__PURE__ */ r(h, { params: m }),
-      a && /* @__PURE__ */ r(U, { ...a, name: "title", value: (p == null ? void 0 : p.title) || "", onChange: w }),
-      (c || e) && /* @__PURE__ */ f(Q, { as: "footer", direction: "row", spacing: "sm", children: [
-        c && /* @__PURE__ */ r(u, { ...c }),
-        e && /* @__PURE__ */ r(u, { ...e, variant: "outline" })
+    t && /* @__PURE__ */ s(z, { padding: "lg", spacing: "lg", children: [
+      /* @__PURE__ */ r(I, { params: a }),
+      l && /* @__PURE__ */ r(
+        H,
+        {
+          ...l,
+          name: "title",
+          value: typeof k == "string" ? k : w,
+          onChange: (h) => {
+            typeof u == "function" ? u(h) : x(h.target.value);
+          }
+        }
+      ),
+      (n || e) && /* @__PURE__ */ s(F, { as: "footer", direction: "row", spacing: "sm", children: [
+        n && /* @__PURE__ */ r(L, { ...n }),
+        e && /* @__PURE__ */ r(L, { ...e, variant: "outline" })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ r(I, { ...s, loading: o, expanded: t, children: /* @__PURE__ */ r(
-    L,
+  ] }) : /* @__PURE__ */ r(v, { ...c, loading: o, expanded: t, children: /* @__PURE__ */ r(
+    y,
     {
-      as: v,
-      size: l,
+      as: j,
+      size: p,
       title: i,
       loading: o,
-      icon: k,
-      controls: !o && /* @__PURE__ */ r(C, { variant: "outline", size: "sm", icon: "chevron-down", onClick: n }),
-      ...s,
-      children: !i && !o && /* @__PURE__ */ r(h, { params: m })
+      icon: f,
+      controls: !o && /* @__PURE__ */ r(b, { variant: "outline", size: "sm", icon: "chevron-down", onClick: m }),
+      ...c,
+      children: !i && !o && /* @__PURE__ */ r(I, { params: a })
     }
   ) });
 };
 export {
-  X as BookmarksListItem
+  R as BookmarksListItem
 };

package/dist/components/Bookmarks/BookmarksSection.js

@@ -2,8 +2,8 @@ import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { createElement as c } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Typography as l } from "../Typography/Typography.js";
-import { Heading as f } from "../Typography/Heading.js";
+import { Typography as f } from "../Typography/Typography.js";
+import { Heading as l } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
 import { BookmarksListItem as k } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
@@ -19,8 +19,8 @@ const U = ({
   titleField: n,
   expandedId: s,
   onToggle: i
-}) => /* @__PURE__ */ a(h, { padding: "xl", color: "surface", spacing: "lg", inset: !0, children: [
-  /* @__PURE__ */ o(f, { size: "md", children: p }),
+}) => /* @__PURE__ */ a(h, { padding: "xl", bg: "surface", spacing: "lg", inset: !0, children: [
+  /* @__PURE__ */ o(l, { size: "md", children: p }),
   t.length > 0 && /* @__PURE__ */ o(x, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ c(
     k,
     {
@@ -33,7 +33,7 @@ const U = ({
       titleField: n
     }
   )) }),
-  /* @__PURE__ */ o(l, { size: "xs", children: e })
+  /* @__PURE__ */ o(f, { size: "xs", children: e })
 ] });
 export {
   U as BookmarksSection

package/dist/components/Byline/Byline.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
+import { Skeleton as m } from "../Skeleton/Skeleton.js";
 import { Avatar as c } from "../Avatar/Avatar.js";
 import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
-import { Skeleton as m } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Byline.css';const b = "_byline_pzenw_1", d = "_label_pzenw_7", e = {

package/dist/components/Dialog/Dialog.js

@@ -9,7 +9,7 @@ import { DialogMetadata as C } from "./DialogMetadata.js";
 import { DialogByline as M } from "./DialogByline.js";
 import { DialogActions as N } from "./DialogActions.js";
 import { DialogContent as k } from "./DialogContent.js";
-import { DialogSection as o } from "./DialogSection.js";
+import { DialogSection as D } from "./DialogSection.js";
 import { DialogAttachments as q } from "./DialogAttachments.js";
 import "../RootProvider/RootProvider.js";
 import { DialogTimeline as E } from "./DialogTimeline.js";
@@ -19,52 +19,52 @@ import { PageBase as G } from "../Page/PageBase.js";
 import { PageNav as J } from "../Page/PageNav.js";
 import { Article as K } from "../Page/Article.js";
 const ir = ({
-  backButton: t,
-  menu: D,
+  backButton: o,
+  menu: t,
   updatedAt: x,
   updatedAtLabel: u,
   dueAt: y,
   dueAtLabel: z,
   status: A,
   title: b,
-  sender: j,
-  recipient: B,
-  recipientLabel: H = "to",
-  recipientGroup: P,
-  summary: S = "Summary.",
-  body: T,
+  sender: d,
+  recipient: j,
+  recipientLabel: B = "to",
+  recipientGroup: H,
+  summary: P = "Summary.",
+  body: S,
   actions: i = [],
   attachments: l,
-  seenBy: d,
+  seenBy: T,
   activityLog: v,
   history: g,
   timeline: h,
   additionalInfo: m,
   contactInfo: e
-}) => /* @__PURE__ */ p(G, { color: "subtle", shadow: "xs", children: [
-  /* @__PURE__ */ r(J, { padding: "sm", backButton: t, menu: D, children: /* @__PURE__ */ r(C, { status: A, dueAt: y, dueAtLabel: z }) }),
-  /* @__PURE__ */ p(K, { theme: "inherit", padding: "xl", spacing: "xl", children: [
+}) => /* @__PURE__ */ p(G, { bg: "default", shadow: "xs", children: [
+  /* @__PURE__ */ r(J, { padding: "sm", backButton: o, menu: t, children: /* @__PURE__ */ r(C, { status: A, dueAt: y, dueAtLabel: z }) }),
+  /* @__PURE__ */ p(K, { padding: "xl", spacing: "xl", children: [
     /* @__PURE__ */ r(w, { size: "xl", children: b }),
     g && /* @__PURE__ */ r(F, { ...g, collapsible: !0 }),
     /* @__PURE__ */ r(
       M,
       {
         size: "lg",
-        sender: j,
-        recipient: B,
-        recipientLabel: H,
-        recipientGroup: P
+        sender: d,
+        recipient: j,
+        recipientLabel: B,
+        recipientGroup: H
       }
     ),
-    /* @__PURE__ */ p(k, { updatedAt: x, updatedAtLabel: u, seenBy: d, activityLog: v, children: [
-      /* @__PURE__ */ r("p", { children: S }),
-      T,
+    /* @__PURE__ */ p(k, { updatedAt: x, updatedAtLabel: u, seenBy: T, activityLog: v, children: [
+      /* @__PURE__ */ r("p", { children: P }),
+      S,
       l && /* @__PURE__ */ r(q, { ...l }),
       (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ r(N, { items: i })
     ] }),
     h && /* @__PURE__ */ r(E, { ...h }),
-    m && /* @__PURE__ */ r(o, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(s, { size: "md", children: m == null ? void 0 : m.children }) }),
-    e && /* @__PURE__ */ r(o, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(s, { size: "md", children: e == null ? void 0 : e.children }) })
+    m && /* @__PURE__ */ r(D, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(s, { size: "md", children: m == null ? void 0 : m.children }) }),
+    e && /* @__PURE__ */ r(D, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(s, { size: "md", children: e == null ? void 0 : e.children }) })
   ] })
 ] });
 export {

package/dist/components/Dialog/DialogListItem.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
@@ -9,11 +9,11 @@ import { Skeleton as C } from "../Skeleton/Skeleton.js";
 import { DialogSelect as E } from "./DialogSelect.js";
 import { DialogHeading as F } from "./DialogHeading.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemBase as j } from "../List/ListItemBase.js";
-import { ListItemLink as N } from "../List/ListItemLink.js";
+import { ListItemBase as N } from "../List/ListItemBase.js";
+import { ListItemLink as u } from "../List/ListItemLink.js";
 import { ListItemLabel as G } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border_1j8q5_22", O = "_select_1j8q5_61", P = "_header_1j8q5_68", Q = "_summary_1j8q5_80", R = "_footer_1j8q5_108", T = "_touchedBy_1j8q5_112", e = {
+import '../../assets/DialogListItem.css';const J = "_link_17fc6_1", K = "_border_17fc6_22", O = "_select_17fc6_61", P = "_header_17fc6_68", Q = "_summary_17fc6_80", R = "_footer_17fc6_108", T = "_touchedBy_17fc6_112", e = {
   link: J,
   border: K,
   select: O,
@@ -21,73 +21,73 @@ import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border
   summary: Q,
   footer: R,
   touchedBy: T
-}, cr = ({
+}, mr = ({
   size: r = "xl",
-  state: u = "normal",
+  state: k = "normal",
   loading: t,
   select: s,
-  status: k,
+  status: B,
   sender: l,
-  recipient: q,
-  recipientLabel: B = "to",
-  recipientGroup: b = !1,
+  recipient: b,
+  recipientLabel: x = "to",
+  recipientGroup: D = !1,
   updatedAt: i,
   updatedAtLabel: d,
   archivedAt: n,
-  archivedAtLabel: x,
-  trashedAt: _,
-  trashedAtLabel: D,
-  label: L,
-  dueAt: I,
-  dueAtLabel: S,
-  seen: c = !1,
-  seenBy: v,
-  touchedBy: g,
-  attachmentsCount: H,
-  title: h,
-  description: p,
-  summary: f,
+  archivedAtLabel: L,
+  trashedAt: f,
+  trashedAtLabel: I,
+  label: S,
+  dueAt: j,
+  dueAtLabel: v,
+  seen: m = !1,
+  seenBy: g,
+  touchedBy: H,
+  attachmentsCount: M,
+  title: _,
+  description: h,
+  summary: p,
   ...a
 }) => {
-  const M = _ ? "trashed" : n ? "archived" : u;
-  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ o(j, { ...a, size: r, children: /* @__PURE__ */ o(N, { ...a, size: r, className: e.link, children: /* @__PURE__ */ m("div", { className: e.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
-    /* @__PURE__ */ o(G, { loading: t, size: r, title: h, description: f || p }),
+  const q = f ? "trashed" : n ? "archived" : k;
+  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ o(N, { ...a, size: r, children: /* @__PURE__ */ o(u, { ...a, size: r, className: e.link, children: /* @__PURE__ */ c("div", { className: e.border, "data-size": r, "data-seen": m, "data-loading": t, children: [
+    /* @__PURE__ */ o(G, { loading: t, size: r, title: _, description: p || h }),
     /* @__PURE__ */ o(y, { loading: t, sender: l, updatedAt: i, updatedAtLabel: d })
-  ] }) }) }) : /* @__PURE__ */ m(j, { ...a, size: r, children: [
-    /* @__PURE__ */ o(N, { ...a, size: r, className: e.link, children: /* @__PURE__ */ m("div", { className: e.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
-      /* @__PURE__ */ m("header", { className: e.header, "data-size": r, children: [
-        /* @__PURE__ */ o(F, { loading: t, size: r, state: M, label: L, seen: c, children: h }),
+  ] }) }) }) : /* @__PURE__ */ c(N, { ...a, size: r, children: [
+    /* @__PURE__ */ o(u, { ...a, size: r, className: e.link, children: /* @__PURE__ */ c("div", { className: e.border, "data-size": r, "data-seen": m, "data-loading": t, children: [
+      /* @__PURE__ */ c("header", { className: e.header, "data-size": r, children: [
+        /* @__PURE__ */ o(F, { loading: t, size: r, state: q, label: S, seen: m, children: _ }),
         /* @__PURE__ */ o(
           w,
           {
             size: "xs",
             loading: t,
             sender: l,
-            recipient: q,
-            recipientLabel: B,
-            recipientGroup: b
+            recipient: b,
+            recipientLabel: x,
+            recipientGroup: D
           }
         ),
-        /* @__PURE__ */ o("p", { "data-size": r, className: e.summary, children: /* @__PURE__ */ o(C, { loading: t, children: f || p }) })
+        /* @__PURE__ */ o("p", { "data-size": r, className: e.summary, children: /* @__PURE__ */ o(C, { loading: t, children: p || h }) })
       ] }),
       /* @__PURE__ */ o(
         y,
         {
           className: e.footer,
           loading: t,
-          status: k,
+          status: B,
           updatedAt: i,
           updatedAtLabel: d,
           archivedAt: n,
-          archivedAtLabel: x,
-          trashedAt: _,
-          trashedAtLabel: D,
-          dueAt: I,
-          dueAtLabel: S,
-          attachmentsCount: H,
-          seenBy: v,
+          archivedAtLabel: L,
+          trashedAt: f,
+          trashedAtLabel: I,
+          dueAt: j,
+          dueAtLabel: v,
+          attachmentsCount: M,
+          seenBy: g,
           touchedBy: {
-            touchedBy: g,
+            touchedBy: H,
             className: e.touchedBy
           }
         }
@@ -97,5 +97,5 @@ import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border
   ] });
 };
 export {
-  cr as DialogListItem
+  mr as DialogListItem
 };

package/dist/components/Dialog/DraftDialog.js

@@ -25,27 +25,27 @@ const a = ({
   dueAt: D,
   dueAtLabel: A,
   status: S,
-  title: b,
+  title: u,
   sender: l,
   recipient: g,
-  recipientLabel: u = "to",
+  recipientLabel: b = "to",
   summary: j = "Summary.",
   body: v,
   actions: p = [],
   attachments: d,
   additionalInfo: m,
   contactInfo: e
-}) => /* @__PURE__ */ i(T, { color: "subtle", shadow: "xs", children: [
+}) => /* @__PURE__ */ i(T, { color: "neutral", shadow: "xs", children: [
   /* @__PURE__ */ r(k, { backButton: x, menu: o, children: /* @__PURE__ */ r(P, { status: S, dueAt: D, dueAtLabel: A }) }),
   /* @__PURE__ */ i(q, { padding: "xl", spacing: "xl", children: [
     /* @__PURE__ */ i(s, { as: "header", spacing: "md", children: [
       /* @__PURE__ */ i(s, { align: "center", spacing: "md", children: [
         /* @__PURE__ */ r(H, { size: "lg", ...l }),
-        /* @__PURE__ */ r(B, { size: "lg", children: b })
+        /* @__PURE__ */ r(B, { size: "lg", children: u })
       ] }),
       /* @__PURE__ */ i(N, { size: "md", datetime: y, children: [
         /* @__PURE__ */ r("strong", { children: g == null ? void 0 : g.name }),
-        u + " " + (l == null ? void 0 : l.name) + ", ",
+        b + " " + (l == null ? void 0 : l.name) + ", ",
         z
       ] })
     ] }),

package/dist/components/GlobalMenu/AccountMenu.js

@@ -7,18 +7,18 @@ import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Menu as L } from "../Menu/Menu.js";
-const M = (p) => `${p} hits`, $ = ({
+const M = (p) => `${p} hits`, j = ({
   accounts: p = [],
   accountGroups: b = {},
   accountSearch: s,
-  onSelectAccount: m,
-  currentAccount: d
+  onSelectAccount: d,
+  currentAccount: m
 }) => {
   var f;
-  const t = p.map((e) => ({
+  const g = p.map((e) => ({
     id: e.id || e.name,
     groupId: e.groupId || "search",
-    selected: e.selected ?? (d == null ? void 0 : d.id) === e.id,
+    selected: e.selected ?? (m == null ? void 0 : m.id) === e.id,
     title: e.name,
     ...(e == null ? void 0 : e.accountNames) && {
       avatarGroup: {
@@ -32,14 +32,15 @@ const M = (p) => `${p} hits`, $ = ({
       }
     },
     badge: e.badge,
-    onClick: () => m == null ? void 0 : m(e.id || e.name)
-  })), [i, g] = y(""), l = i ? t.filter((e) => {
+    alertBadge: e.alertBadge,
+    onClick: () => d == null ? void 0 : d(e.id || e.name)
+  })), [i, t] = y(""), l = i ? g.filter((e) => {
     var r;
     return (r = e == null ? void 0 : e.title) == null ? void 0 : r.toLowerCase().includes(i.toLowerCase());
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : t, C = i ? {
+  })) : g, C = i ? {
     search: {
       title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, l.length)) ?? M(l.length)
     }
@@ -47,8 +48,8 @@ const M = (p) => `${p} hits`, $ = ({
     name: "account-search",
     value: i,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
-    onChange: (e) => g(e.target.value),
-    onClear: () => g("")
+    onChange: (e) => t(e.target.value),
+    onClear: () => t("")
   }, h = [
     ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
@@ -63,5 +64,5 @@ const M = (p) => `${p} hits`, $ = ({
   );
 };
 export {
-  $ as AccountMenu
+  j as AccountMenu
 };

package/dist/components/GlobalMenu/BackButton.js

@@ -2,10 +2,10 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { MenuItem as m } from "../Menu/MenuItem.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
+import { MenuItem as m } from "../Menu/MenuItem.js";
 const d = ({ label: o, onClick: t, as: r }) => /* @__PURE__ */ i(m, { size: "xs", id: "back", icon: "arrow-undo", title: o, onClick: t, as: r });
 export {
   d as BackButton

package/dist/components/Layout/LayoutBase.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/LayoutBase.css';const o = "_base_wqztk_1", r = {
+import '../../assets/LayoutBase.css';const o = "_base_bdyfy_1", r = {
   base: o
-}, n = ({ currentId: s, theme: t, children: a }) => /* @__PURE__ */ e("div", { className: r.base, "data-theme": t, "data-current-id": s, children: a });
+}, d = ({ currentId: s, theme: a, children: t }) => /* @__PURE__ */ e("div", { className: r.base, "data-color": a, "data-theme": a, "data-current-id": s, children: t });
 export {
-  n as LayoutBase
+  d as LayoutBase
 };

package/dist/components/LayoutAction/ActionMenu.js

@@ -2,10 +2,10 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { MenuItem as o } from "../Menu/MenuItem.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
+import { MenuItem as o } from "../Menu/MenuItem.js";
 import { MenuBase as n } from "../Menu/MenuBase.js";
 import '../../assets/ActionMenu.css';const s = "_menu_12gbo_1", l = "_list_12gbo_14", i = {
   menu: s,