@mx-cartographer/experiences 7.13.10 → 7.13.11

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [7.13.11] - 03-30-2026
+
+- **FIXED** - ADA text color contrast fixes
+- **FIXED** - ADA aria label button group fix
+- **FIXED** - ADA replace AccountDetails list item dividers with borders
+- **FIXED** - ADA move AccountActions dialogs from being direct children of `ul`
+
 ## [7.13.10] - 03-30-2026
 
 - **FIXED** - Casing of 'upcoming' copy in recurring transactions

package/dist/{AccountListItem-LcJVJysf.mjs → AccountListItem-D9WJDbZ1.mjs}

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as r, Fragment as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as l } from "react/jsx-runtime";
 import { observer as b } from "mobx-react-lite";
 import I from "@mui/material/Badge";
-import l from "@mui/material/Box";
+import d from "@mui/material/Box";
 import v from "@mui/material/ListItem";
 import C from "@mui/material/ListItemAvatar";
 import S from "@mui/material/ListItemButton";
@@ -13,7 +13,7 @@ import { I as j } from "./IconBacking-B9oC6uL2.mjs";
 import { g as T } from "./AccountFields-CxqONzjY.mjs";
 import { u as $ } from "./useAccountDisplayName-DKwT1mWv.mjs";
 import { u as k } from "./hooks-BxkfR-Ff.mjs";
-import { C as d } from "./Account-BiB1F8lL.mjs";
+import { C as c } from "./Account-BiB1F8lL.mjs";
 import { f as w } from "./NumberFormatting-QCaNwbjv.mjs";
 const E = {
   gridRow: 1,
@@ -22,20 +22,20 @@ const E = {
 }, M = ({ size: t = 20 }) => /* @__PURE__ */ e(j, { size: t, children: /* @__PURE__ */ e(B, { color: "error", filled: !0, sx: { fontSize: t, ...E } }) }), z = ({
   account: t,
   onRowClick: n,
-  listItemProps: c,
+  listItemProps: s,
   shouldShowConnectionStatus: p = !1
 }) => {
   const u = L(), f = $(t), { accounts: i } = k(), { firstSubtitle: h, firstValue: g, secondSubtitle: x, secondValue: y } = T(
     t,
     i
   );
-  let s;
-  (t.connectionStatus === d.Error || t.connectionStatus === d.RequiresMfa) && (s = /* @__PURE__ */ e(M, { size: 16 }));
-  const a = /* @__PURE__ */ r(m, { children: [
+  let a;
+  (t.connectionStatus === c.Error || t.connectionStatus === c.RequiresMfa) && (a = /* @__PURE__ */ e(M, { size: 16 }));
+  const m = /* @__PURE__ */ r(l, { children: [
     /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
       I,
       {
-        badgeContent: p ? s : void 0,
+        badgeContent: p ? a : void 0,
         sx: {
           "& .MuiBadge-badge": {
             right: -1
@@ -63,12 +63,12 @@ const E = {
             ]
           }
         ),
-        secondary: /* @__PURE__ */ r(m, { children: [
-          /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+        secondary: /* @__PURE__ */ r(l, { children: [
+          /* @__PURE__ */ r(d, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ e(o, { variant: "caption", children: h }),
             /* @__PURE__ */ e(o, { bold: !0, variant: "body2", children: w(g, "0,0.00") })
           ] }),
-          /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ r(d, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ e(o, { variant: "caption", children: x }),
             /* @__PURE__ */ e(o, { ml: "auto", variant: "caption", children: y })
           ] })
@@ -79,12 +79,16 @@ const E = {
   return /* @__PURE__ */ e(
     v,
     {
-      sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
-      ...c,
-      children: n ? /* @__PURE__ */ e(S, { alignItems: "flex-start", onClick: n, sx: { px: 24 }, children: a }) : a
+      ...s,
+      sx: {
+        backgroundColor: "background.paper",
+        color: t.is_closed ? "grey.700" : "",
+        ...s?.sx
+      },
+      children: n ? /* @__PURE__ */ e(S, { alignItems: "flex-start", onClick: n, sx: { px: 24 }, children: m }) : m
     }
   );
-}, Z = b(z);
+}, P = b(z);
 export {
-  Z as A
+  P as A
 };

package/dist/{SpendingLegend-CJjjTGBw.mjs → SpendingLegend-s0rv96Ka.mjs}

@@ -12,7 +12,7 @@ import { D as j } from "./Donut-CpxJlVvJ.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-BxkfR-Ff.mjs";
 import { u as V } from "./useScreenSize-B6JyS_Lj.mjs";
-import { f as x } from "./NumberFormatting-QCaNwbjv.mjs";
+import { f as b } from "./NumberFormatting-QCaNwbjv.mjs";
 const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
   const a = i.find((s) => s.guid === n.category_guid);
   if (!a) return o;
@@ -100,13 +100,13 @@ const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
   variant: t = "mini"
 }) => {
   const { spending: r } = v(), m = A(), { isTablet: e } = V(), { announce: s, ariaLive: C } = R(), u = T.useMemo(
-    () => o ? i.categoryData.find((b) => b.guid === o) : void 0,
+    () => o ? i.categoryData.find((x) => x.guid === o) : void 0,
     [o]
   );
   T.useEffect(() => {
     if (u) {
-      const b = x(u.amount, t === "mini" ? "0,0" : "0,0.00");
-      s(`${u.name}: ${b}`);
+      const x = b(u.amount, t === "mini" ? "0,0" : "0,0.00");
+      s(`${u.name}: ${x}`);
     }
   }, [u, s, t]);
   const E = i.donutData.length > 0 ? i.donutData : [{ id: "0", color: m.palette.divider, value: 100 }], I = () => {
@@ -135,7 +135,7 @@ const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
             /* @__PURE__ */ d(
               y,
               {
-                color: "secondary",
+                color: "text.secondary",
                 noWrap: !0,
                 variant: t === "mini" ? "tiny" : "body1",
                 children: u ? u.name : a
@@ -144,9 +144,9 @@ const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
           ]
         }
       ),
-      !u && t === "full" && /* @__PURE__ */ d(y, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
-      /* @__PURE__ */ d($, { variant: t === "mini" ? "h2" : "h1", children: u ? x(u.amount, t === "mini" ? "0,0" : "0,0.00") : x(i.totalAmount, t === "mini" ? "0,0" : "0,0.00") }),
-      !u && t === "mini" && /* @__PURE__ */ d(y, { color: "secondary", noWrap: !0, variant: "tiny", children: a }),
+      !u && t === "full" && /* @__PURE__ */ d(y, { bold: !0, color: "text.secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
+      /* @__PURE__ */ d($, { variant: t === "mini" ? "h2" : "h1", children: u ? b(u.amount, t === "mini" ? "0,0" : "0,0.00") : b(i.totalAmount, t === "mini" ? "0,0" : "0,0.00") }),
+      !u && t === "mini" && /* @__PURE__ */ d(y, { color: "text.secondary", noWrap: !0, variant: "tiny", children: a }),
       t === "full" && /* @__PURE__ */ d(
         M,
         {

package/dist/{WidgetContainer-D_iaToWJ.mjs → WidgetContainer-B7xDq2bM.mjs}

@@ -26,9 +26,9 @@ import { endOfToday as X } from "date-fns/endOfToday";
 import { endOfYear as Ce } from "date-fns/endOfYear";
 import { startOfMonth as De } from "date-fns/startOfMonth";
 import { startOfToday as ke } from "date-fns/startOfToday";
-import { startOfYear as ye } from "date-fns/startOfYear";
+import { startOfYear as xe } from "date-fns/startOfYear";
 import { subMonths as K } from "date-fns/subMonths";
-import { subDays as xe } from "date-fns/subDays";
+import { subDays as ye } from "date-fns/subDays";
 import { subYears as Z } from "date-fns/subYears";
 import Me from "@mui/material/ButtonGroup";
 import Te from "@mui/material/Tab";
@@ -36,8 +36,8 @@ import ve from "@mui/material/Tabs";
 import Pe from "@mui/material/ToggleButton";
 import Ye from "@mui/material/ToggleButtonGroup";
 import Se from "@mui/material/styles/useTheme";
-import { u as Le } from "./useAriaLive-MkYebyUR.mjs";
-import { D as Ee } from "./Dialog-Ck34yr-d.mjs";
+import { u as Ee } from "./useAriaLive-MkYebyUR.mjs";
+import { D as Le } from "./Dialog-Ck34yr-d.mjs";
 import { D as Ae } from "./Drawer-Bbe4AMB1.mjs";
 import { f as C, D } from "./DateFormats-BMpMrZpW.mjs";
 import { A as Oe } from "./Analytics-BYItVAe-.mjs";
@@ -45,11 +45,11 @@ const Ne = ({
   calendarActions: n,
   color: k = "primary",
   copy: a,
-  range: y = [De(ke()), G(X())],
-  shouldShrinkToIcon: x = !0,
+  range: x = [De(ke()), G(X())],
+  shouldShrinkToIcon: y = !0,
   variant: s = "outlined"
 }) => {
-  const I = Se(), { isMobile: M } = te(), { announce: W, ariaLive: T } = Le(), [R, Y] = h.useState(y), [p, S] = h.useState(a.dateRangePickerCopy.dateRangeThisMonth), [b, w] = h.useState(R), [v, P] = h.useState(!1), [g, _] = h.useState(!0), [m, H] = h.useState(6), z = {
+  const I = Se(), { isMobile: M } = te(), { announce: W, ariaLive: T } = Ee(), [R, Y] = h.useState(x), [p, S] = h.useState(a.dateRangePickerCopy.dateRangeThisMonth), [b, w] = h.useState(R), [v, P] = h.useState(!1), [g, _] = h.useState(!0), [m, H] = h.useState(6), z = {
     buttons: [
       { ariaLabel: "3 Months", label: "3M", value: 3 },
       { ariaLabel: "6 Months", label: "6M", value: 6 },
@@ -64,14 +64,14 @@ const Ne = ({
     ]
   };
   h.useEffect(() => {
-    Y(y), w(y);
-  }, [y]), h.useEffect(() => {
+    Y(x), w(x);
+  }, [x]), h.useEffect(() => {
     (s === "timeframebuttons" || s === "timeframetabs") && n.onRangeChanged(r());
   }, [m]);
   const r = () => {
     const t = G(X());
     return [G(K(t, m)), t];
-  }, L = (t) => {
+  }, E = (t) => {
     const [i, l] = R, o = t === "previous";
     let d;
     if (p === a.dateRangePickerCopy.dateRangeThisMonth || p === a.dateRangePickerCopy.dateRangeLastMonth)
@@ -80,13 +80,13 @@ const Ne = ({
         G(o ? K(l, 1) : J(l, 1))
       ];
     else if (p === a.dateRangePickerCopy.dateRangeYTD || p === a.dateRangePickerCopy.dateRangeLastYear) {
-      const u = ye(i), O = Ce(i);
+      const u = xe(i), O = Ce(i);
       d = [
         o ? Z(u, 1) : Q(u, 1),
         o ? Z(O, 1) : Q(O, 1)
       ];
     } else {
-      const u = _e(l, i), O = o ? xe : be;
+      const u = _e(l, i), O = o ? ye : be;
       d = [O(i, u), O(l, u)];
     }
     Y(d), n.onRangeChanged(d);
@@ -94,7 +94,7 @@ const Ne = ({
     Y(b), _(
       p === a.dateRangePickerCopy.dateRangeThisMonth || p === a.dateRangePickerCopy.dateRangeLastMonth
     ), n.onRangeChanged(b);
-  }, E = (t, i) => {
+  }, L = (t, i) => {
     t[1] = t[1] ?? t[0];
     const l = [t[0], t[1] ? Re(t[1]) : t[1]], o = C(l[0], D.MONTH_DAY_YEAR), d = C(l[1], D.MONTH_DAY_YEAR);
     w(l), S(i), W(`${a.dateRangePickerCopy}: ${o} - ${d}`);
@@ -107,7 +107,7 @@ const Ne = ({
       {
         sx: {
           [I.breakpoints.down("sm")]: {
-            display: x ? "none" : "flex",
+            display: y ? "none" : "flex",
             justifyContent: "center"
           },
           [I.breakpoints.up("sm")]: { display: "inline-flex" }
@@ -140,7 +140,7 @@ const Ne = ({
                     "aria-disabled": n.shouldDisablePrevious,
                     "aria-label": a.dateRangePreviousAria,
                     color: n.shouldDisablePrevious ? "secondary" : "primary",
-                    onClick: () => n.shouldDisablePrevious ? null : L("previous"),
+                    onClick: () => n.shouldDisablePrevious ? null : E("previous"),
                     children: /* @__PURE__ */ e(f, { name: "chevron_left", size: 20 })
                   }
                 ),
@@ -168,7 +168,7 @@ const Ne = ({
                     "aria-disabled": n.shouldDisableNext,
                     "aria-label": a.dateRangeNextAria,
                     color: n.shouldDisableNext ? "secondary" : "primary",
-                    onClick: () => n.shouldDisableNext ? null : L("next"),
+                    onClick: () => n.shouldDisableNext ? null : E("next"),
                     children: /* @__PURE__ */ e(f, { name: "chevron_right", size: 20 })
                   }
                 )
@@ -178,6 +178,7 @@ const Ne = ({
           s === "timeframebuttons" && /* @__PURE__ */ e(
             Ye,
             {
+              "aria-label": a.dateRangeEditTitle,
               color: k,
               exclusive: !0,
               orientation: "horizontal",
@@ -235,7 +236,7 @@ const Ne = ({
             {
               copy: a.dateRangePickerCopy,
               dateRange: b,
-              onRangeChanged: E,
+              onRangeChanged: L,
               selectedShortcut: p,
               sx: { p: 0 }
             }
@@ -244,7 +245,7 @@ const Ne = ({
       }
     ),
     v && !M && /* @__PURE__ */ c(
-      Ee,
+      Le,
       {
         copy: { title: a.dateRangeEditTitle },
         isOpen: !0,
@@ -263,7 +264,7 @@ const Ne = ({
             {
               copy: a.dateRangePickerCopy,
               dateRange: b,
-              onRangeChanged: E,
+              onRangeChanged: L,
               selectedShortcut: p,
               sx: {
                 pt: 0,
@@ -282,8 +283,8 @@ const Ne = ({
     allowedAccountTypes: n,
     actions: k = [],
     calendarActions: a,
-    children: y,
-    dateRange: x,
+    children: x,
+    dateRange: y,
     dateRangeVariant: s,
     className: I = "mx-cmn-widget",
     hasDivider: M = !1,
@@ -294,12 +295,12 @@ const Ne = ({
     sx: p = {},
     title: S = ""
   }) => {
-    const [b, { height: w, width: v }] = de(), { onEvent: P } = pe(), { isDesktop: g, isMobile: _, isTablet: m } = te(v), { displayedDateRange: H, isCopyLoaded: z } = ue(), { common: r } = ge(), { config: L } = he(), B = () => {
+    const [b, { height: w, width: v }] = de(), { onEvent: P } = pe(), { isDesktop: g, isMobile: _, isTablet: m } = te(v), { displayedDateRange: H, isCopyLoaded: z } = ue(), { common: r } = ge(), { config: E } = he(), B = () => {
       T && (T(), P(Oe.WIDGET_BACK_CLICK));
     };
     if (!z)
       return /* @__PURE__ */ e(ce, {});
-    const E = {
+    const L = {
       dateRangePickerCopy: {
         dateRangeFrom: r.date_range_picker.from,
         dateRangeTo: r.date_range_picker.to,
@@ -317,7 +318,7 @@ const Ne = ({
       dateRangeEditTitle: r.date_range_picker.edit_title,
       dateRangeNextAria: r.date_range_picker.next_aria,
       dateRangePreviousAria: r.date_range_picker.previous_aria
-    }, A = x ? x.start : H.start, t = x ? x.end : H.end, i = k?.length > 1;
+    }, A = y ? y.start : H.start, t = y ? y.end : H.end, i = k?.length > 1;
     return /* @__PURE__ */ c(
       re,
       {
@@ -338,7 +339,7 @@ const Ne = ({
                   ee,
                   {
                     calendarActions: a,
-                    copy: E,
+                    copy: L,
                     range: [A, t],
                     shouldShrinkToIcon: !1,
                     variant: s
@@ -398,7 +399,7 @@ const Ne = ({
               },
               title: (
                 // eslint-disable-next-line no-nested-ternary
-                g || m ? L.display_widget_headings ? /* @__PURE__ */ e(se, { variant: "h1", children: S }) : null : /* @__PURE__ */ c(F, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
+                g || m ? E.display_widget_headings ? /* @__PURE__ */ e(se, { variant: "h1", children: S }) : null : /* @__PURE__ */ c(F, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
                   _ && T && /* @__PURE__ */ e(
                     j,
                     {
@@ -409,7 +410,7 @@ const Ne = ({
                       children: /* @__PURE__ */ e(ie, { size: 24 })
                     }
                   ),
-                  L.display_widget_headings ? /* @__PURE__ */ e(le, { children: S }) : null
+                  E.display_widget_headings ? /* @__PURE__ */ e(le, { children: S }) : null
                 ] })
               )
             }
@@ -421,14 +422,14 @@ const Ne = ({
               ee,
               {
                 calendarActions: a,
-                copy: E,
+                copy: L,
                 range: [A, t],
                 shouldShrinkToIcon: !1,
                 variant: s
               }
             )
           ] }),
-          /* @__PURE__ */ e(oe, { ref: b, sx: { p: 0 }, children: /* @__PURE__ */ e(fe, { availableHeight: w, availableWidth: v, children: y }) })
+          /* @__PURE__ */ e(oe, { ref: b, sx: { p: 0 }, children: /* @__PURE__ */ e(fe, { availableHeight: w, availableWidth: v, children: x }) })
         ]
       }
     );