@altinn/altinn-components 0.12.0 → 0.13.0

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/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,

package/dist/components/Menu/MenuItem.js

@@ -1,7 +1,7 @@
-import { jsxs as s, jsx as m } from "react/jsx-runtime";
-import { MenuItemBase as k } from "./MenuItemBase.js";
-import { MenuItemLabel as L } from "./MenuItemLabel.js";
-import { MenuItemMedia as b } from "./MenuItemMedia.js";
+import { jsxs as b, jsx as m } from "react/jsx-runtime";
+import { MenuItemBase as d } from "./MenuItemBase.js";
+import { MenuItemLabel as k } from "./MenuItemLabel.js";
+import { MenuItemMedia as L } from "./MenuItemMedia.js";
 const B = ({
   as: t = "a",
   color: e = "neutral",
@@ -10,28 +10,39 @@ const B = ({
   expanded: o,
   icon: c,
   avatar: i,
-  avatarGroup: p,
-  title: a,
+  avatarGroup: a,
+  title: p,
   description: u,
   badge: I,
-  linkText: l,
-  linkIcon: M,
-  label: f,
-  ...h
-}) => /* @__PURE__ */ s(
-  k,
+  alertBadge: l,
+  linkText: M,
+  linkIcon: f,
+  label: h,
+  ...s
+}) => /* @__PURE__ */ b(
+  d,
   {
     as: t,
     size: n,
     badge: I,
-    linkText: l,
-    linkIcon: r && o ? "chevron-up" : r ? "chevron-down" : M,
+    linkText: M,
+    linkIcon: r && o ? "chevron-up" : r ? "chevron-down" : f,
     color: e,
     expanded: o,
-    ...h,
+    ...s,
     children: [
-      /* @__PURE__ */ m(b, { color: e, size: n, icon: c, avatar: i, avatarGroup: p }),
-      /* @__PURE__ */ m(L, { title: a, description: u, size: n, children: f })
+      /* @__PURE__ */ m(
+        L,
+        {
+          badge: l,
+          color: e,
+          size: n,
+          icon: c,
+          avatar: i,
+          avatarGroup: a
+        }
+      ),
+      /* @__PURE__ */ m(k, { title: p, description: u, size: n, children: h })
     ]
   }
 );

package/dist/components/Menu/MenuItemMedia.js

@@ -1,18 +1,24 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { Avatar as l } from "../Avatar/Avatar.js";
-import { AvatarGroup as c } from "../Avatar/AvatarGroup.js";
-import { Icon as x } from "../Icon/Icon.js";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { Icon as c } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
-import '../../assets/MenuItemMedia.css';const f = "_media_1kkjg_1", g = "_icon_1kkjg_21", e = {
-  media: f,
-  icon: g
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { Badge as p } from "../Badge/Badge.js";
+import { Avatar as x } from "../Avatar/Avatar.js";
+import { AvatarGroup as _ } from "../Avatar/AvatarGroup.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/MenuItemMedia.css';const g = "_media_rtso6_1", u = "_icon_rtso6_22", f = "_badge_rtso6_55", i = {
+  media: g,
+  icon: u,
+  badge: f
 }, m = {
   avatar: {
     xs: "xs",
     sm: "sm",
     md: "md",
-    lg: "lg"
+    lg: "xl"
   },
   avatarGroup: {
     xs: "xs",
@@ -20,10 +26,19 @@ import '../../assets/MenuItemMedia.css';const f = "_media_1kkjg_1", g = "_icon_1
     md: "sm",
     lg: "md"
   }
-}, A = ({ size: t = "sm", color: i, icon: s, avatar: o, avatarGroup: r, children: n }) => !s && !o && !r && !n ? !1 : /* @__PURE__ */ d("div", { className: e.media, "data-size": t, "data-color": s ? i : null, children: [
-  s && /* @__PURE__ */ a(x, { name: s, variant: i === "strong" ? "solid" : "outline", className: e.icon }) || o && /* @__PURE__ */ a(l, { ...o, size: m == null ? void 0 : m.avatar[t] }) || r && /* @__PURE__ */ a(c, { ...r, size: m == null ? void 0 : m.avatarGroup[t] }),
-  n
+}, q = ({
+  size: s = "sm",
+  color: e,
+  icon: o,
+  avatar: r,
+  avatarGroup: a,
+  badge: d,
+  children: n
+}) => !o && !r && !a && !n ? null : /* @__PURE__ */ l("div", { className: i.media, "data-size": s, "data-color": o ? e : null, children: [
+  o && /* @__PURE__ */ t(c, { name: o, variant: e === "strong" ? "solid" : "outline", className: i.icon }) || r && /* @__PURE__ */ t(x, { ...r, size: m == null ? void 0 : m.avatar[s] }) || a && /* @__PURE__ */ t(_, { ...a, size: m == null ? void 0 : m.avatarGroup[s] }),
+  n,
+  d && /* @__PURE__ */ t(p, { className: i.badge, color: "alert", size: "xs", ...d })
 ] });
 export {
-  A as MenuItemMedia
+  q as MenuItemMedia
 };